"dev": "eleventy --serve --input=site --output=dist",
"build": "eleventy --input=site --output=dist",
"deploy": "sudo rsync -av --delete --chown=www-data:www-data dist/ /var/www/website/",
- "build-icon": "generate-favicon -n favicon -i -s 16 -s 32 site/public/zndr.svg && generate-favicon -n apple-touch-icon -s 180 site/public/zndr.svg && generate-favicon -n android-chrome -s 192 -s 512 site/public/zndr.svg && cp site/public/android-chrome-192.png site/public/android-chrome-192x192.png && cp site/public/android-chrome-512.png site/public/android-chrome-512x512.png"
+ "build-icon": "generate-favicon -n favicon -i -s 16 -s 32 site/public/zndr.svg && generate-favicon -n apple-touch-icon -s 180 site/public/zndr-app.svg && generate-favicon -n android-chrome -s 192 -s 512 site/public/zndr-app.svg"
},
"devDependencies": {
"@11ty/eleventy": "^2.0.0",
<meta name="description" content="Minimal start page with quick links to my self-hosted services." />
<meta name="color-scheme" content="light dark" />
+ <!-- Brand theme color (green) -->
+ <meta name="theme-color" content="#10a37f">
<!-- Theme color per mode -->
+ <!--
<meta name="theme-color" content="#1a1b1e" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#f7f7f8" media="(prefers-color-scheme: light)">
-
+ -->
<!-- LOAD YOUR CSS -->
<link rel="stylesheet" href="/assets/styles.css?v=4">
<!-- Favicons -->
- <link rel="icon" href="/zndr.svg" type="image/svg+xml">
- <link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32">
- <link rel="icon" type="image/png" href="/favicon-16.png" sizes="16x16">
<link rel="icon" href="/favicon.ico" sizes="any">
- <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+ <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">
+ <link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16">
+ <link rel="icon" href="/zndr.svg" type="image/svg+xml">
+ <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">
<link rel="manifest" href="/site.webmanifest">
- <meta name="theme-color" content="#10a37f">
</head>
<body>
<div class="container">
"name": "zndr.dk",
"short_name": "zndr",
"icons": [
- { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable any" },
- { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable any" }
+ {
+ "src": "/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "maskable any"
+ },
+ {
+ "src": "/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "purpose": "maskable any"
+ }
],
"start_url": "/",
"display": "standalone",
- "background_color": "#1a1b1e",
+ "background_color": "#10a37f",
"theme_color": "#10a37f"
}
-
<rect width="512" height="512" fill="url(#grad)"/>
<!-- White stacked text, slightly smaller (safer margins) -->
- <g font-family="system-ui, sans-serif" font-weight="700" fill="#fff" text-anchor="middle">
+ <g font-family="system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, sans-serif" font-weight="700" fill="#fff" text-anchor="middle">
<text x="256" y="220" font-size="180">ZN</text>
<text x="256" y="420" font-size="180">DR</text>
</g>
<!-- White stacked text (visually centered) -->
<text x="50%" y="44%" text-anchor="middle"
- font-family="system-ui, sans-serif"
+ font-family="system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, sans-serif"
font-weight="700"
font-size="26"
fill="#ffffff">ZN</text>
<text x="50%" y="84%" text-anchor="middle"
- font-family="system-ui, sans-serif"
+ font-family="system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, sans-serif"
font-weight="700"
font-size="26"
fill="#ffffff">DR</text>
projects / zndr-11ty.git / commitdiff
