till/klarbild
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: upload/recipe/job API routes + Klarbild visual identity

Browse Source 
- api: /uploads (multipart, HEIC, 25MB guard, S3), /recipes (GET/POST),
  /jobs (create+snapshot+enqueue, list), /jobs/:id (status+items),
  /jobs/:id/:action (pause/resume/cancel/retry-failed), /items/:id/retry
- design: adopt Till mockup identity — Space Grotesk + Space Mono (self-hosted,
  no google/US), blue accent, paper/card, registration-mark motif; OKLCH tokens
- verified: astro build passes
This commit is contained in:
Till Heidrich
2026-07-23 11:47:27 +00:00
parent 577b13f680
commit c12d55368c
10 changed files with 285 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/Base.astro
+10 -3
View File
@@ -1,4 +1,9 @@
---
import '@fontsource/space-grotesk/400.css';
import '@fontsource/space-grotesk/500.css';
import '@fontsource/space-grotesk/700.css';
import '@fontsource/space-mono/400.css';
import '@fontsource/space-mono/700.css';
import '../styles/tokens.css';
interface Props { title?: string }
const { title = 'Klarbild' } = Astro.props;
@@ -15,7 +20,7 @@ const user = Astro.locals.user;
<body>
{user && (
<header class="topbar">
<a href="/" class="brand">Klarbild</a>
<a href="/" class="brand"><span class="regmark"></span>klarbild</a>
<nav>
<a href="/">Studio</a>
<a href="/bibliothek">Bibliothek</a>
@@ -36,8 +41,10 @@ const user = Astro.locals.user;
padding: 12px 20px; border-bottom: 1px solid var(--line);
background: var(--surface); position: sticky; top: 0; z-index: 10;
}
.brand { font-family: var(--font-display); font-weight: 600; font-size: 1.25rem;
color: var(--ink); text-decoration: none; letter-spacing: -0.01em; }
.brand { display: inline-flex; align-items: center; gap: 8px;
font-family: var(--font-display); font-weight: 700; font-size: 1.3rem;
color: var(--ink); text-decoration: none; letter-spacing: -0.02em; }
.brand .regmark { transform: translateY(1px); }
.topbar nav { display: flex; gap: 16px; margin-left: 8px; }
.topbar nav a { color: var(--ink-soft); text-decoration: none; font-size: 0.95rem; }
.topbar nav a:hover { color: var(--ink); }