Switched to SVG favicons

Removed unnecessary spaces before closing tags
hopperelec · Jun 23, 2024 · 666a799 · 666a799
1 parent 6704e1d
commit 666a799
Show file tree

Hide file tree

Showing 12 changed files with 20 additions and 24 deletions.
diff --git a/src/app.html b/src/app.html
@@ -1,19 +1,13 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="author" content="Cameron Johnston" />
-
-    <!-- Icons/PWA -->
-    <link rel="shortcut icon" href="/favicon.ico" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <link rel="manifest" href="/site.webmanifest" />
-
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="author" content="Cameron Johnston"/>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
+    <link rel="icon" type="image/png" href="/favicon.png"/>
+    <link rel="manifest" href="/site.webmanifest"/>
     <style>
-      /* prettier-ignore */
       body, p, h1, h2, h3, h4, h5, ul {
         margin: 0;
       }

diff --git a/src/error.html b/src/error.html
@@ -1,9 +1,9 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="author" content="Cameron Johnston" />
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="author" content="Cameron Johnston"/>
     <title>Error %sveltekit.status%</title>
   </head>
   <body>

diff --git a/src/lib/media/monaco-viewer/virtual-files/web-dev/www-v3/+page.svelte b/src/lib/media/monaco-viewer/virtual-files/web-dev/www-v3/+page.svelte
@@ -7,7 +7,7 @@ const CHAT_ANALYTICS_GITHUB = "https://github.com/mlomb/chat-analytics";
 
 <svelte:head>
   <title>{$title || "website"}</title>
-  <meta name="description" content={$description} />
+  <meta name="description" content={$description}/>
 </svelte:head>
 
 <main>

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -5,12 +5,12 @@ import { description, title } from "$lib/page-meta";
 
 <svelte:head>
   <title>{$title || "website"}</title>
-  <meta name="description" content={$description} />
-  <meta property="og:description" content={$description} />
-  <meta property="og:type" content="website" />
-  <meta property="og:locale" content="en_GB" />
-  <meta name="msapplication-TileColor" content={BRAND_COLOR} />
-  <meta name="theme-color" content={BRAND_COLOR} />
+  <meta name="description" content={$description}/>
+  <meta property="og:description" content={$description}/>
+  <meta property="og:type" content="website"/>
+  <meta property="og:locale" content="en_GB"/>
+  <meta name="theme-color" content={BRAND_COLOR}/>
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color={BRAND_COLOR}>
 </svelte:head>
 
-<slot />
+<slot/>
diff --git a/src/routes/CuttingMatBackground.svelte b/src/routes/CuttingMatBackground.svelte
@@ -6,7 +6,7 @@ import CuttingMat from "$lib/media/cutting-mat.webp?enhanced&effort=max&brightne
 </script>
 
 <div id="cutting-mat" style:--cutting-mat="url({CuttingMat.img.src})">
-  <slot />
+  <slot/>
 </div>
 
 <style lang="scss">

diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
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/favicon.png b/static/favicon.png
diff --git a/static/favicon.svg b/static/favicon.svg
diff --git a/static/safari-pinned-tab.svg b/static/safari-pinned-tab.svg