Add favicons

omfj · May 29, 2024 · afe496d · afe496d
1 parent e39d7c9
commit afe496d
Show file tree

Hide file tree

Showing 11 changed files with 65 additions and 0 deletions.
diff --git a/src/app.html b/src/app.html
@@ -4,6 +4,13 @@
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/apple-touch-icon.png" />
+		<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png" />
+		<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png" />
+		<link rel="manifest" href="%sveltekit.assets%/site.webmanifest" />
+		<link rel="mask-icon" href="%sveltekit.assets%/safari-pinned-tab.svg" color="#5bbad5" />
+		<meta name="msapplication-TileColor" content="#2d89ef" />
+		<meta name="theme-color" content="#ffffff" />
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">

diff --git a/static/android-chrome-192x192.png b/static/android-chrome-192x192.png
diff --git a/static/android-chrome-384x384.png b/static/android-chrome-384x384.png
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
diff --git a/static/browserconfig.xml b/static/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2d89ef</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/static/favicon-16x16.png b/static/favicon-16x16.png
diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png
diff --git a/static/favicon.ico b/static/favicon.ico
diff --git a/static/mstile-150x150.png b/static/mstile-150x150.png
diff --git a/static/safari-pinned-tab.svg b/static/safari-pinned-tab.svg
diff --git a/static/site.webmanifest b/static/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "omfj.no",
+    "short_name": "omfj.no",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}