feat: switch back to previous favicon

public/favicon.svg

@@ -1,17 +1,9 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
-<svg width="51mm" height="51mm" version="1.1" viewBox="0 0 51 51" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path d="M 31.999999,0 A 32,31.999999 0 0 0 0,31.999999 V 95.999997 A 32,31.999999 0 0 0 31.999999,128 h 64 A 32,31.999999 0 0 0 128,95.999997 V 31.999999 A 32,31.999999 0 0 0 95.999999,0 Z m 9.813477,32.85327 H 86.186522 V 44.373292 H 70.399903 V 95.146726 H 57.600098 V 44.373292 H 41.813476 Z" />
-<defs>
+  <style>
-<linearGradient id="c" x1="85.455" x2="120.81" y1="158.91" y2="123.55" gradientUnits="userSpaceOnUse">
+    path { fill: black; }
-<stop stop-color="#fb5246" offset="0"/>
+    @media (prefers-color-scheme: dark) {
-<stop stop-color="#fb5246" offset=".5"/>
+      path { fill: white; }
-<stop stop-color="#ff9068" offset="1"/>
+    }
-</linearGradient>
+  </style>
-<linearGradient id="b" x1="77.63" x2="128.63" y1="141.23" y2="141.23" gradientUnits="userSpaceOnUse">
-<stop stop-color="#fff" stop-opacity=".095618" offset="0"/>
-<stop stop-color="#fff" stop-opacity="0" offset="1"/>
-</linearGradient>
-</defs>
-<g transform="translate(-77.63 -115.73)">
-<circle cx="103.13" cy="141.23" r="25" fill="url(#c)" stroke="url(#b)" stroke-opacity=".095618"/>
-</g>
 </svg>

src/components/Article.astro

@@ -36,7 +36,7 @@ const listFormatter = new Intl.ListFormat("en-GB", {
     >
   </h1>
   <div
-    class="animate-reveal text-tertiary flex flex-row flex-wrap items-start gap-2 opacity-0 [animation-delay:0.1s]"
+    class="animate-reveal text-tertiary flex flex-row flex-wrap items-start gap-2 font-medium opacity-0 [animation-delay:0.1s]"
   >
     <div class="flex items-center gap-2">
       <Icon name="mdi:calendar" />

src/components/Header.astro

@@ -13,7 +13,8 @@ const currentPath = pathname.replace(/\/$/, "");
       <a href="/" aria-label={SITE.TITLE} title={SITE.TITLE} class="group">
         <Icon
           name="icon"
-          class="size-8 transition-transform ease-in-out group-hover:scale-105"
+          title={SITE.TITLE}
+          class="hover:text-tertiary h-8 w-auto transition-colors duration-500 ease-in-out"
         />
       </a>
     </div>

src/components/Hero.astro

@@ -1,8 +1,3 @@
----
-import { SITE } from "@consts";
-import Link from "@components/Link.astro";
----
-
 <section class="animate-reveal flex flex-col gap-6 opacity-0">
   <h1
     class="flex w-full flex-col text-start text-7xl leading-[1] font-semibold tracking-[-2px] lowercase"
@@ -21,23 +16,11 @@ import Link from "@components/Link.astro";
   </div>
   <div class="text-tertiary text-lg font-medium">
     Think I could help with a project you're working on?
-    <Link
+    <a
       href="mailto:hello@troylusty.com"
-      class="hover:text-secondary lowercase underline decoration-wavy underline-offset-2 transition-colors duration-300"
+      class="bg-gradient-end/20 text-gradient-end ring-gradient-end ml-1 w-fit rounded-full px-2 py-1 text-sm ring"
     >
       Send me a message
-    </Link>
+    </a>
-  </div>
-  <div class="flex flex-row gap-4">
-    {
-      SITE.LINKS.map((i) => (
-        <Link
-          href={i.href}
-          class="text-tertiary hover:text-secondary text-lg font-medium lowercase decoration-wavy underline-offset-2 transition-colors duration-300 hover:underline"
-        >
-          {i.name}
-        </Link>
-      ))
-    }
   </div>
 </section>

src/components/Prose.astro

@@ -1,5 +1,5 @@
 <div
-  class="prose prose-headings:text-secondary prose-h1:text-xl prose-h1:font-bold prose-p:max-w-full prose-p:text-pretty prose-p:break-words prose-p:text-secondary/70 prose-a:text-secondary prose-a:underline prose-a:decoration-tertiary prose-a:decoration-wavy prose-strong:text-secondary prose-code:whitespace-pre-wrap prose-code:font-medium prose-code:text-secondary prose-code:before:content-none prose-code:after:content-none prose-li:text-secondary prose-li:marker:text-secondary prose-img:max-h-[90vh] prose-img:w-auto prose-img:max-w-full prose-img:rounded-sm prose-video:max-h-[90vh] prose-video:w-auto prose-video:max-w-full prose-video:rounded-sm max-w-full"
+  class="prose prose-neutral dark:prose-invert prose-lg prose-img:max-h-[90svh] prose-img:rounded-sm prose-img:w-auto prose-img:max-w-full prose-video:max-h-[90svh] prose-video:rounded-sm prose-video:w-auto prose-video::max-w-full prose-a:decoration-wavy"
 >
   <slot />
 </div>

src/components/ShowcasePost.astro

@@ -15,7 +15,7 @@ const { collection } = Astro.props;
   >
     <article class="flex flex-col">
       <div class="flex flex-col justify-between md:flex-row md:items-center">
-        <h3 class="text-secondary mb-1 font-semibold text-nowrap">
+        <h3 class="text-secondary mb-1 text-lg font-semibold text-nowrap">
           {collection.data.title}
         </h3>
         <FormattedDate

src/icons/icon.svg

@@ -1,17 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
-<svg width="51mm" height="51mm" version="1.1" viewBox="0 0 51 51" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path d="M 31.999999,0 A 32,31.999999 0 0 0 0,31.999999 V 95.999997 A 32,31.999999 0 0 0 31.999999,128 h 64 A 32,31.999999 0 0 0 128,95.999997 V 31.999999 A 32,31.999999 0 0 0 95.999999,0 Z m 9.813477,32.85327 H 86.186522 V 44.373292 H 70.399903 V 95.146726 H 57.600098 V 44.373292 H 41.813476 Z" fill="currentColor" />
-<defs>
-<linearGradient id="c" x1="85.455" x2="120.81" y1="158.91" y2="123.55" gradientUnits="userSpaceOnUse">
-<stop stop-color="#fb5246" offset="0"/>
-<stop stop-color="#fb5246" offset=".5"/>
-<stop stop-color="#ff9068" offset="1"/>
-</linearGradient>
-<linearGradient id="b" x1="77.63" x2="128.63" y1="141.23" y2="141.23" gradientUnits="userSpaceOnUse">
-<stop stop-color="#fff" stop-opacity=".095618" offset="0"/>
-<stop stop-color="#fff" stop-opacity="0" offset="1"/>
-</linearGradient>
-</defs>
-<g transform="translate(-77.63 -115.73)">
-<circle cx="103.13" cy="141.23" r="25" fill="url(#c)" stroke="url(#b)" stroke-opacity=".095618"/>
-</g>
 </svg>