add favicons, shout out to realfavicongenerator.net

ryanfiller · Mar 1, 2023 · 3194bef · 3194bef
1 parent ed10b0e
commit 3194bef
Show file tree

Hide file tree

Showing 20 changed files with 83 additions and 24 deletions.
diff --git a/__old/src/app.html b/__old/src/app.html
@@ -3,8 +3,6 @@
 	<head>
 		<meta charset='utf-8'>
 		<meta name='viewport' content='width=device-width,initial-scale=1.0'>
-		<!-- <link rel='manifest' href='manifest.json' crossorigin='use-credentials'> -->
-		<!-- <link rel='icon' type='image/png' href='favicon.png'> -->
 		%svelte.head%
 	</head>
 	<body data-no-js>

diff --git a/__old/static/manifest.json b/__old/static/manifest.json
diff --git a/src/app.html b/src/app.html
@@ -2,7 +2,17 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="manifest" href="/manifest.json" />
+		<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="icon" href="%sveltekit.assets%/icons/favicon.svg" />
+		<link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#000000" />
+		<link rel="shortcut icon" href="/icons/favicon.ico" />
+		<meta name="msapplication-TileColor" content="#000000" />
+		<meta name="msapplication-config" content="/icons/browserconfig.xml" />
+		<meta name="theme-color" content="#ffffff" />
+
 		<meta name="viewport" content="width=device-width" />
 		%sveltekit.head%
 	</head>

diff --git a/static/icons/android-chrome-192x192.png b/static/icons/android-chrome-192x192.png
diff --git a/static/icons/android-chrome-512x512.png b/static/icons/android-chrome-512x512.png
diff --git a/static/icons/apple-touch-icon.png b/static/icons/apple-touch-icon.png
diff --git a/static/icons/browserconfig.xml b/static/icons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/icons/mstile-150x150.png"/>
+            <TileColor>#000000</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/static/icons/favicon-16x16.png b/static/icons/favicon-16x16.png
diff --git a/static/icons/favicon-32x32.png b/static/icons/favicon-32x32.png
diff --git a/static/icons/favicon-dark.svg b/static/icons/favicon-dark.svg
diff --git a/static/icons/favicon-light.svg b/static/icons/favicon-light.svg
diff --git a/static/icons/favicon.ico b/static/icons/favicon.ico
diff --git a/static/icons/favicon.svg b/static/icons/favicon.svg
diff --git a/static/icons/mstile-144x144.png b/static/icons/mstile-144x144.png
diff --git a/static/icons/mstile-150x150.png b/static/icons/mstile-150x150.png
diff --git a/static/icons/mstile-310x150.png b/static/icons/mstile-310x150.png
diff --git a/static/icons/mstile-310x310.png b/static/icons/mstile-310x310.png
diff --git a/static/icons/mstile-70x70.png b/static/icons/mstile-70x70.png
diff --git a/static/icons/safari-pinned-tab.svg b/static/icons/safari-pinned-tab.svg
diff --git a/static/manifest.json b/static/manifest.json
@@ -0,0 +1,19 @@
+{
+	"name": "ryanfiller.com",
+	"short_name": "ryanfiller.com",
+	"icons": [
+		{
+			"src": "/icons/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/icons/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#ffffff",
+	"display": "standalone"
+}