EmilandClaude Sonnet 5
b5ffc67a82
New design: studio backdrop with a perspective floor and X/Z axis lines, an orientation gizmo that orbits on scroll, Bricolage Grotesque and Instrument Sans (bundled, no build-time network). Projects are laid out as plates by a row planner that keeps every row full for any count; a demo image from the repo root is shown when present, otherwise a generated voxel sculpture. Text and projects still come live from Gitea. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XtcZtnG4GQA1d6mW5PNrS9
39 lines
652 B
CSS
39 lines
652 B
CSS
.gizmo {
|
|
position: fixed;
|
|
z-index: 40;
|
|
top: 84px;
|
|
right: max(16px, calc((100vw - 1240px) / 2 - 8px));
|
|
width: 88px;
|
|
height: 88px;
|
|
padding: 0;
|
|
border: 0;
|
|
border-radius: 50%;
|
|
background: rgba(244, 246, 248, 0.62);
|
|
box-shadow: 0 0 0 1px rgba(21, 24, 29, 0.08);
|
|
-webkit-backdrop-filter: blur(8px);
|
|
backdrop-filter: blur(8px);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gizmo svg {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.letter {
|
|
fill: #fff;
|
|
font: 700 10.5px var(--font-body);
|
|
pointer-events: none;
|
|
}
|
|
|
|
@media (max-width: 760px) {
|
|
.gizmo {
|
|
top: auto;
|
|
bottom: 16px;
|
|
right: 16px;
|
|
width: 64px;
|
|
height: 64px;
|
|
}
|
|
}
|