From: Jannik ZANDER Date: Mon, 8 Sep 2025 18:49:37 +0000 (+0200) Subject: Fix logo to match icon X-Git-Url: https://git.zndr.dk/?a=commitdiff_plain;h=f297f3a21c6c6c3504c7e4231a359f62963a84f5;p=zndr-11ty.git Fix logo to match icon --- diff --git a/site/_includes/layouts/base.njk b/site/_includes/layouts/base.njk index 25d49dc..04f00fa 100644 --- a/site/_includes/layouts/base.njk +++ b/site/_includes/layouts/base.njk @@ -20,6 +20,7 @@ +
diff --git a/site/assets/styles.css b/site/assets/styles.css index f3c4ad0..a0d39d3 100644 --- a/site/assets/styles.css +++ b/site/assets/styles.css @@ -29,19 +29,6 @@ header{display:flex;align-items:center;justify-content:space-between;gap:16px;ma .title{font-weight:700;letter-spacing:.2px} .subtitle{color:var(--muted);font-size:.95rem} -/* Gradient logo box (green→red) with white stacked text */ -.logo{ - --g1:var(--accent); - --g2:var(--accent-alt); - width:36px;height:36px; - border-radius:8px; - background:linear-gradient(135deg,var(--g1),var(--g2)); - display:inline-grid;place-items:center; - box-shadow:0 4px 12px rgba(16,163,127,.25),0 0 6px rgba(239,68,68,.15); -} -.logo-core{width:100%;height:100%;border-radius:6px;display:grid;place-items:center} -.logo-text{font-weight:700;font-size:.78rem;letter-spacing:.4px;line-height:1.05;color:#fff;text-align:center} - /* Search */ .search{width:100%;margin:18px 0 24px} .search input{ @@ -177,3 +164,43 @@ footer{ background:repeating-linear-gradient(45deg,transparent 0 6px, rgba(0,0,0,.03) 6px 12px); } } + +/* ---- Logo tuned to match favicon proportions ---- */ +:root{ + --logo-size: 36px; /* box size (matches favicon base) */ + --logo-radius: 8px; /* rounded corners like SVG */ +} + +/* Gradient logo box */ +.logo{ + --g1: var(--accent); + --g2: var(--accent-alt); + width: var(--logo-size); + height: var(--logo-size); + border-radius: var(--logo-radius); + background: linear-gradient(135deg, var(--g1), var(--g2)); + display: inline-grid; + place-items: center; + box-shadow: + 0 4px 12px rgba(16,163,127,.25), + 0 0 6px rgba(239,68,68,.15); +} + +.logo-core{ + width: 100%; + height: 100%; + border-radius: calc(var(--logo-radius) - 2px); + display: grid; + place-items: center; +} + +.logo-text{ + /* ~40% of box height, same proportion as SVG (26/64 ≈ 0.406) */ + font-size: calc(var(--logo-size) * 0.406); + font-weight: 700; + letter-spacing: 0.3px; + line-height: 0.95; /* tight stack like the favicon */ + color: #fff; + text-align: center; +} + diff --git a/site/public/icon-192.png b/site/public/icon-192.png index 74a2165..1197271 100644 Binary files a/site/public/icon-192.png and b/site/public/icon-192.png differ diff --git a/site/public/icon-512.png b/site/public/icon-512.png index 5a1a784..78aae0f 100644 Binary files a/site/public/icon-512.png and b/site/public/icon-512.png differ diff --git a/site/public/site.webmanifest b/site/public/site.webmanifest new file mode 100644 index 0000000..bd1cf5a --- /dev/null +++ b/site/public/site.webmanifest @@ -0,0 +1,21 @@ +{ + "name": "zndr.dk", + "short_name": "zndr", + "icons": [ + { + "src": "/icon-192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/icon-512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "start_url": "/", + "display": "standalone", + "background_color": "#1a1b1e", + "theme_color": "#10a37f" +} +