]> git.zndr.dk Git - zndr-11ty.git/commitdiff
projects / zndr-11ty.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 179a815)
Fix logo to match icon
authorJannik ZANDER <jzander@grundfos.com>
Mon, 8 Sep 2025 18:49:37 +0000 (20:49 +0200)
committerJannik ZANDER <jzander@grundfos.com>
Mon, 8 Sep 2025 18:49:37 +0000 (20:49 +0200)
site/_includes/layouts/base.njk patch | blob | history
site/assets/styles.css patch | blob | history
site/public/icon-192.png patch | blob | history
site/public/icon-512.png patch | blob | history
site/public/site.webmanifest [new file with mode: 0644] patch | blob

diff --git a/site/_includes/layouts/base.njk b/site/_includes/layouts/base.njk
index 25d49dc738a8365dcd04e39e59b7deee3fa960b8..04f00faebaa6d2c52e05b2c5ec06be18569de658 100644 (file)
--- a/site/_includes/layouts/base.njk
+++ b/site/_includes/layouts/base.njk
@@ -20,6 +20,7 @@
   <link rel="icon" href="/favicon.ico" sizes="any">
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
   <link rel="manifest" href="/site.webmanifest">
+  <meta name="theme-color" content="#10a37f">
 </head>
 <body>
   <div class="container">
diff --git a/site/assets/styles.css b/site/assets/styles.css
index f3c4ad0a6de944fb074095311f616e085c12e023..a0d39d368646fab11e89899722dab0c0c52e4f30 100644 (file)
--- 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 74a21659e2d5c7daec1a827febfed989e19f7b44..1197271357938640da44ec30b926300091f57ce5 100644 (file)
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 5a1a784b1c3e1291d027c33ba5198975ad6a7c41..78aae0f4497379a928e7987235696b2ac73b482e 100644 (file)
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 (file)
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"
+}
+
Unnamed repository; edit this file 'description' to name the repository.