Add icons

2024-03-03 13:01:46 +10:30
parent 10edeed307
commit 8c03b4d31c
12 changed files with 63 additions and 3 deletions
--- a/.gitattributes
+++ b/.gitattributes
@@ -0,0 +1,3 @@
+*.png filter=lfs diff=lfs merge=lfs -text
+*.ico filter=lfs diff=lfs merge=lfs -text
+*.svg filter=lfs diff=lfs merge=lfs -text
--- a/android-chrome-192x192.png
+++ b/android-chrome-192x192.png
--- a/android-chrome-256x256.png
+++ b/android-chrome-256x256.png
--- a/apple-touch-icon.png
+++ b/apple-touch-icon.png
--- a/browserconfig.xml
+++ b/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
--- a/favicon-16x16.png
+++ b/favicon-16x16.png
--- a/favicon-32x32.png
+++ b/favicon-32x32.png
--- a/favicon.ico
+++ b/favicon.ico
--- a/index.html
+++ b/index.html
@@ -4,6 +4,13 @@
  <title>Michael Pivato</title>
  <link rel="stylesheet" href="node_modules/@picocss/pico/css/pico.min.css" />
  <link rel="stylesheet" href="site.css" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+  <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="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+  <meta name="msapplication-TileColor" content="#da532c" />
+  <meta name="theme-color" content="#ffffff" />
 </head>
 <body>
  <main class="container">
@@ -266,9 +273,7 @@
        </p>
      </section>
      <footer class="container">
-        <small
-          >Michael Pivato • 2024</small
-        >
+        <small>Michael Pivato • 2024</small>
      </footer>
    </div>
  </main>
--- a/mstile-150x150.png
+++ b/mstile-150x150.png
--- a/safari-pinned-tab.svg
+++ b/safari-pinned-tab.svg
--- a/site.webmanifest
+++ b/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}