Add favicon

namesakefyi · May 27, 2024 · c1bc7b2 · c1bc7b2
1 parent 7a680cc
commit c1bc7b2
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 13 deletions.
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-192.png b/public/favicon-192.png
diff --git a/public/favicon-512.png b/public/favicon-512.png
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/images/speckles.png b/public/images/speckles.png
diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
@@ -0,0 +1,6 @@
+{
+  "icons": [
+    { "src": "/favicon-192.png", "type": "image/png", "sizes": "192x192" },
+    { "src": "/favicon-512.png", "type": "image/png", "sizes": "512x512" }
+  ]
+}
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -26,6 +26,8 @@ const pageTitle = Astro.url.pathname === "/" ? title : `${title} · Namesake`;
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="color-scheme" content="light" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/manifest.webmanifest" />
     <link rel="canonical" href={canonicalURL} />
     <link rel="stylesheet" href="https://use.typekit.net/lqk1ctm.css" />
     <meta name="description" content={description} />

diff --git a/src/styles/base.css b/src/styles/base.css
@@ -6,18 +6,13 @@ html {
 body {
   color: var(--gray-12);
   background-color: var(--pink-7);
-  background-image: url("/images/speckles.png");
-  background-position: left center;
-  background-repeat: repeat;
-  background-size: 500px;
   display: flex;
   min-height: 100%;
   position: relative;
   flex-direction: column;
   align-items: flex-start;
   font-size: var(--step-0);
   line-height: var(--line-height-body);
-  text-rendering: optimizelegibility;
   font-synthesis: none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 400;