diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png new file mode 100644 index 0000000..2185958 Binary files /dev/null and b/public/apple-touch-icon.png differ diff --git a/public/favicon-192.png b/public/favicon-192.png new file mode 100644 index 0000000..0d7ee1c Binary files /dev/null and b/public/favicon-192.png differ diff --git a/public/favicon-512.png b/public/favicon-512.png new file mode 100644 index 0000000..d8f88cb Binary files /dev/null and b/public/favicon-512.png differ diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..16cd598 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/favicon.svg b/public/favicon.svg index f157bd1..01e2d09 100644 --- a/public/favicon.svg +++ b/public/favicon.svg @@ -1,9 +1,82 @@ - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/speckles.png b/public/images/speckles.png deleted file mode 100644 index 233915f..0000000 Binary files a/public/images/speckles.png and /dev/null differ diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest new file mode 100644 index 0000000..595213c --- /dev/null +++ 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 index 8f5564d..3c9335c 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -25,7 +25,10 @@ const pageTitle = Astro.url.pathname === "/" ? title : `${title} ยท Namesake`; + + + diff --git a/src/styles/base.css b/src/styles/base.css index 041da29..3c456a4 100644 --- a/src/styles/base.css +++ b/src/styles/base.css @@ -6,10 +6,6 @@ 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; @@ -17,7 +13,6 @@ body { 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;