Update favicons

New, simpler structure courtesy of
https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

src/index.pug

@@ -25,15 +25,11 @@ html(lang="en")
 		link(rel="stylesheet", href="main.css")
 		link(rel="stylesheet", href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto:wght@400;500&display=swap")
 
-		link(rel='apple-touch-icon' sizes='180x180' href='./icons/apple-touch-icon.png')
-		link(rel='icon' type='image/png' sizes='32x32' href='./icons/favicon-32x32.png')
-		link(rel='icon' type='image/png' sizes='16x16' href='./icons/favicon-16x16.png')
-		link(rel='manifest' href='./icons/site.webmanifest')
-		link(rel='mask-icon' href='./icons/safari-pinned-tab.svg' color='#3088d4')
-		link(rel='shortcut icon' href='./icons/favicon.ico')
-		meta(name='msapplication-TileColor' content='#1f232b')
-		meta(name='msapplication-config' content='./icons/browserconfig.xml')
-		meta(name='theme-color' content='#1f232b')
+		link(rel='icon' href='/favicon.ico')
+		link(rel='icon' type='image/svg+xml' href='/apple-touch-icon.png')
+		link(rel='apple-touch-icon' href='./icons/apple-touch-icon.png')
+		link(rel='manifest' href='/site.webmanifest')
+		meta(name='theme-color' content='#3088d4')
 	body
 		header
 			h1 🐘 toot

src/static/icon.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M473.266 301.162c-6.855 35.271-61.403 73.871-124.051 81.352-32.669 3.898-64.833 7.48-99.131 5.908-56.092-2.57-100.352-13.389-100.352-13.389 0 5.46.337 10.66 1.01 15.522 7.293 55.356 54.89 58.672 99.977 60.218 45.508 1.558 86.028-11.22 86.028-11.22l1.87 41.141s-31.83 17.093-88.533 20.236c-31.268 1.719-70.092-.786-115.31-12.755C36.7 462.217 19.833 357.677 17.253 251.604c-.786-31.494-.302-61.191-.302-86.028C16.952 57.11 88.02 25.318 88.02 25.318c35.834-16.457 97.32-23.378 161.243-23.9h1.57c63.923.522 125.45 7.443 161.281 23.9 0 0 71.064 31.792 71.064 140.258 0 0 .892 80.026-9.91 135.586" fill="#3088d4" fill-rule="nonzero"/><g fill="#fff"><path d="M476.925 278.214c-4.531 1.19-9.3 1.72-14.272 1.72-15.137 0-26.834-3.956-35.088-11.868-8.256-7.915-12.386-19.439-12.386-34.576v-66.309h-22.704V141.38h22.704v-31.477h32.253v31.477h34.342c.961 7.6 1.403 15.66 1.403 24.197l-.003 1.605h-35.742v65.536c0 6.708 1.633 11.826 4.9 15.352 3.27 3.527 7.999 5.288 14.192 5.288 5.035 0 9.482-.918 13.318-2.817l-.471 5.996-2.446 21.678z"/><path d="M326.94 279.935c-13.933 0-26.492-3.012-37.672-9.033-11.182-6.02-19.91-14.404-26.19-25.155-6.276-10.75-9.417-22.922-9.417-36.51 0-13.587 3.141-25.715 9.418-36.38 6.28-10.665 15.007-19.008 26.19-25.026 11.179-6.02 23.738-9.032 37.67-9.032 14.105 0 26.747 3.011 37.927 9.032 11.182 6.018 19.91 14.361 26.19 25.026 6.276 10.665 9.417 22.793 9.417 36.38 0 13.588-3.14 25.76-9.418 36.51-6.279 10.751-15.007 19.135-26.19 25.155-11.179 6.021-23.82 9.033-37.926 9.033zm0-27.61c11.866 0 21.671-3.954 29.41-11.868 7.743-7.912 11.614-18.319 11.614-31.22 0-12.9-3.871-23.307-11.613-31.219-7.74-7.911-17.545-11.869-29.412-11.869-11.869 0-21.631 3.958-29.285 11.87-7.656 7.911-11.48 18.318-11.48 31.219 0 12.9 3.824 23.307 11.48 31.219 7.654 7.914 17.416 11.869 29.285 11.869z" fill-rule="nonzero"/><path d="M181.159 279.935c-13.933 0-26.489-3.012-37.668-9.033-11.182-6.02-19.91-14.404-26.19-25.155-6.28-10.75-9.418-22.922-9.418-36.51 0-13.587 3.139-25.715 9.418-36.38 6.28-10.665 15.008-19.008 26.19-25.026 11.18-6.02 23.735-9.032 37.668-9.032 14.105 0 26.747 3.011 37.93 9.032 11.179 6.018 19.91 14.361 26.189 25.026 6.276 10.665 9.415 22.793 9.415 36.38 0 13.588-3.139 25.76-9.415 36.51-6.28 10.751-15.01 19.135-26.19 25.155-11.182 6.021-23.824 9.033-37.93 9.033zm0-27.61c11.869 0 21.674-3.954 29.414-11.868 7.742-7.912 11.61-18.319 11.61-31.22 0-12.9-3.868-23.307-11.61-31.219-7.74-7.911-17.545-11.869-29.414-11.869-11.867 0-21.63 3.958-29.285 11.87-7.653 7.911-11.481 18.318-11.481 31.219 0 12.9 3.828 23.307 11.48 31.219 7.657 7.914 17.42 11.869 29.286 11.869z" fill-rule="nonzero"/><path d="M18.353 141.38h21.158v-31.478h32.25v31.477h36.896v25.802H71.762v65.536c0 6.708 1.635 11.826 4.902 15.352 3.268 3.527 7.998 5.288 14.192 5.288 7.222 0 13.243-1.89 18.06-5.676l9.029 22.963c-3.782 3.098-8.383 5.42-13.803 6.969-5.418 1.546-11.137 2.322-17.158 2.322-15.136 0-26.833-3.957-35.09-11.87-8.256-7.914-12.383-19.438-12.383-34.575v-66.309H16.947l.005-1.605c0-8.537.44-16.597 1.401-24.197z"/></g></svg>

src/static/icons/browserconfig.xml

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-    <msapplication>
-        <tile>
-            <square70x70logo src="./icons/mstile-70x70.png"/>
-            <square150x150logo src="./icons/mstile-150x150.png"/>
-            <TileColor>#1f232b</TileColor>
-        </tile>
-    </msapplication>
-</browserconfig>

src/static/icons/safari-pinned-tab.svg

@@ -1 +0,0 @@
-<svg version="1" xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" viewBox="0 0 700.000000 700.000000"><path d="M205.7 58.6c-.1.1-4.9.4-10.7.7-5.8.3-11.8.8-13.5 1.1-1.6.3-5.5.8-8.5 1.1-9.8.9-16.8 2-32 4.9-14.6 2.8-43 11.8-56 17.9-3.6 1.6-7 3.1-7.6 3.2-1.7.4-19.6 11.3-23.4 14.3-7.2 5.7-14.4 12.9-18.5 18.7-4.1 5.6-12.2 21.3-14 26.6-.4 1.3-.8 2.6-.9 2.9-4.5 12.8-6.9 21.9-10.2 38-1.6 7.9-1.8 8.6-2.9 16.5-.4 2.7-.9 5.9-1.1 7-.2 1.1-.7 4.7-.9 8-.3 3.3-.7 6.9-1 8-.2 1.1-.7 5.4-1.1 9.5-.3 4.1-.7 9.1-.9 11-2.7 27.9-2.7 108.7 0 149.5.8 13 1.6 23.2 2 26.5.2 1.9.7 7.1 1 11.5 1.2 15.3 1.7 20.8 3 31.5.3 1.9.7 6 1 9 .8 7.8 2.4 21 3 24 .2 1.4.6 4.3.9 6.5.2 2.2.9 6.9 1.5 10.5.6 3.6 1.3 8.3 1.6 10.5.3 2.2.8 5.1 1 6.5.3 1.4.7 4.1 1 6 3.7 23.2 10.4 50.4 15 60.4 14 30.6 54.5 56.1 88.5 55.7 7.3 0 9.2-.3 16.3-2.7 6.1-2 14.9-10.4 17.8-16.8 2.8-6.5 1.4-10.2-8.6-23.1-21.4-27.6-28.3-43.9-31.1-73.5-.5-5.5-.5-34.9 0-40.5.3-2.8.8-8.4 1.1-12.5.3-4.1.8-8.9 1-10.5.2-1.7.7-5.3 1-8 .9-7.5 3.1-21.2 4.1-25.5.3-1.4.8-3.9 1.1-5.5.7-4.8 4.5-19.9 5.3-21.4.4-.8 1 .6 1.4 3.5.4 2.7.9 5.7 1.1 6.6.2.9.6 3.4.9 5.5.3 2.1.8 5.4 1.2 7.3 1 6 6.4 30 9.5 42.5 1.7 6.6 3.2 12.7 3.4 13.5.2.8 3 12.3 6.3 25.5 5.9 23.4 11.2 46.4 12.8 55.5.4 2.5.8 4.7.9 5 .1.5 1.6 10 2.1 14 .2 1.4.6 7 .9 12.5 1.4 26.6 2.1 31.6 5.8 42.4 4.7 13.4 11.8 22.7 23 30 8.1 5.2 19.7 9.4 29.5 10.7 2 .2 4.8.7 6.2 1 7.6 1.8 50.3 1.1 61.4-1 27.7-5.2 45.6-19.8 52.4-43.1 3.5-11.9 4.3-18.4 4.4-34.8l.1-12.8 13.6.8c7.5.4 24.1.7 36.9.7l23.2-.1.1 11.1c.1 17 1.5 26.6 5.4 37.9 10.7 30.4 35.5 42.7 86.1 42.5 31.7-.1 49.4-4 64.3-14 4.6-3.1 13.1-11.5 13.1-12.9 0-.4.6-1.4 1.4-2.1 3.8-3.9 9-18.4 10.7-30.3.5-3.8 1.2-12 1.4-18 .2-6.1.6-13 1-15.5 1.6-12.8 6.6-32.4 13.5-52.5 2.8-8.3 5.2-15.7 5.5-16.5.4-1.8 17.9-48.7 23-62 2-5.2 4-9.9 4.5-10.3.7-.8 1.2 4.5 2.6 26.8.2 2.7.6 16.5.9 30.5.6 22.6.9 26 2.7 29.8 5.1 10.8 18.9 14.2 28.8 7.1 7.7-5.6 8.1-7.5 7.5-37.9-.3-14.6-.7-29-1-32-.2-3-.6-10-1-15.5-.3-5.5-.8-11.6-1-13.5-.2-1.9-.7-6.4-1-10-.3-3.6-.8-8.1-1-10-.3-1.9-.9-7.3-1.5-12-1.1-9.2-1.5-12.1-2.4-19-.4-2.5-.9-6.1-1.2-8-.2-2-.7-4.7-.9-6-.3-1.4-.8-4.1-1.1-6-.2-1.9-1-5.9-1.5-8.9-.6-3-1.2-6.4-1.4-7.5-.7-5.5-6.1-30-10.2-46.6-2.5-10.2-4.7-19.9-4.9-21.5-3.1-26.3-11.9-57.2-22.6-79.5-13.7-28.4-30.7-49.1-57.8-70.3-14.8-11.6-44.1-25.9-68-33.1-21.1-6.3-46.9-11.4-66.5-13.1-4.4-.4-9.1-.9-10.5-1.1-9.8-1.2-41.7-1.9-59.5-1.4-7 .2-7.1.2-15.5-5.2-30.6-19.8-66.2-30.6-117.5-35.4-6.4-.6-45.3-1.3-45.8-.8zm-69.4 189c6.4 2.2 13.1 8.4 16.3 15.2 6.8 14.2.4 31.7-14.1 38.6-5.4 2.6-14.3 3.1-20.8 1.2-7.6-2.2-15-9-18.1-16.9-5.8-14.6.4-30.1 15-37.2 5.9-2.9 14.7-3.3 21.7-.9z"/></svg>

src/static/icons/site.webmanifest

@@ -1,20 +0,0 @@
-{
-    "name": "toot",
-    "short_name": "toot",
-    "icons": [
-        {
-            "src": "android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#1f232b",
-    "background_color": "#1f232b",
-    "start_url": "https://toot.karamoff.dev",
-    "display": "standalone"
-}

src/static/site.webmanifest

@@ -0,0 +1,17 @@
+{
+	"name": "toot",
+	"short_name": "toot",
+	"icons": [
+		{
+			"src": "/icon-192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/icon-512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#3088d4"
+}