From f386db51e85216694a393161b3b9b30dde3bb6b9 Mon Sep 17 00:00:00 2001
From: Nathan Arthur <nathan@nathanarthur.com>
Date: Tue, 2 Sep 2025 08:23:46 -0400
Subject: [PATCH] update favicon

---
 src/layouts/Layout.astro | 210 +++++++++++++++++++--------------------
 1 file changed, 101 insertions(+), 109 deletions(-)
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 7f08404..e0335ef 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -4,122 +4,114 @@ import "../styles/global.css";
 
 <!doctype html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width" />
-        <meta name="generator" content={Astro.generator} />
-        <meta
-            name="description"
-            content="TaskRatchet is a todo list that charges you real money if you don't complete your tasks on time."
-        />
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-        <link
-            href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap"
-            rel="stylesheet"
-        />
-        <link rel="icon" href="https://fav.farm/🔧" />
-        <title>TaskRatchet - The Todo List You Won't Ignore</title>
-        <style is:inline>
-            /* Critical styles to prevent flash */
-            :root {
-                --bg-main: white;
-                --text-primary: #1e293b;
-                --bg-header: rgba(255, 255, 255, 0.75);
-                --logo-text: #0f172a;
-                --primary: #3b82f6;
-                --secondary: #8b5cf6;
-                --gray-100: #f1f5f9;
-                --font-sans:
-                    "Inter", system-ui, -apple-system, BlinkMacSystemFont,
-                    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
-                    sans-serif;
-            }
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <meta name="generator" content={Astro.generator} />
+    <meta
+      name="description"
+      content="TaskRatchet is a todo list that charges you real money if you don't complete your tasks on time."
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="icon" href="https://fav.farm/⚙️" />
+    <title>TaskRatchet - The Todo List You Won't Ignore</title>
+    <style is:inline>
+      /* Critical styles to prevent flash */
+      :root {
+        --bg-main: white;
+        --text-primary: #1e293b;
+        --bg-header: rgba(255, 255, 255, 0.75);
+        --logo-text: #0f172a;
+        --primary: #3b82f6;
+        --secondary: #8b5cf6;
+        --gray-100: #f1f5f9;
+        --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont,
+          "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+      }
 
-            @media (prefers-color-scheme: dark) {
-                :root {
-                    --bg-main: #0f172a;
-                    --text-primary: #f8fafc;
-                    --bg-header: rgba(15, 23, 42, 0.75);
-                    --logo-text: #f8fafc;
-                }
-            }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg-main: #0f172a;
+          --text-primary: #f8fafc;
+          --bg-header: rgba(15, 23, 42, 0.75);
+          --logo-text: #f8fafc;
+        }
+      }
 
-            /* Ensure immediate dark mode if saved */
-            html[data-theme="dark"] {
-                --bg-main: #0f172a;
-                --text-primary: #f8fafc;
-                --bg-header: rgba(15, 23, 42, 0.75);
-                --logo-text: #f8fafc;
-            }
+      /* Ensure immediate dark mode if saved */
+      html[data-theme="dark"] {
+        --bg-main: #0f172a;
+        --text-primary: #f8fafc;
+        --bg-header: rgba(15, 23, 42, 0.75);
+        --logo-text: #f8fafc;
+      }
 
-            body {
-                background-color: var(--bg-main);
-                color: var(--text-primary);
-                margin: 0;
-                font-family: var(--font-sans);
-            }
+      body {
+        background-color: var(--bg-main);
+        color: var(--text-primary);
+        margin: 0;
+        font-family: var(--font-sans);
+      }
 
-            .header-logo {
-                width: 40px;
-                height: 40px;
-            }
+      .header-logo {
+        width: 40px;
+        height: 40px;
+      }
 
-            /* Prevent layout shift for hero section */
-            .hero {
-                min-height: 600px;
-                background: linear-gradient(
-                    135deg,
-                    var(--gray-50) 0%,
-                    white 100%
-                );
-                padding: 14rem 0 6rem;
-                margin-top: -4rem;
-                text-align: center;
-            }
+      /* Prevent layout shift for hero section */
+      .hero {
+        min-height: 600px;
+        background: linear-gradient(135deg, var(--gray-50) 0%, white 100%);
+        padding: 14rem 0 6rem;
+        margin-top: -4rem;
+        text-align: center;
+      }
 
-            /* Critical header styles */
-            .site-header {
-                padding: 1rem 0;
-                background: var(--bg-header);
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                z-index: 100;
-            }
+      /* Critical header styles */
+      .site-header {
+        padding: 1rem 0;
+        background: var(--bg-header);
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        z-index: 100;
+      }
 
-            .container {
-                max-width: 1600px;
-                margin: 0 auto;
-                padding: 0 3rem;
-            }
-        </style>
-        <script is:inline>
-            // Initial theme setup - run as early as possible
-            (function () {
-                // Add class to disable transitions during load
-                document.documentElement.classList.add("no-transitions");
+      .container {
+        max-width: 1600px;
+        margin: 0 auto;
+        padding: 0 3rem;
+      }
+    </style>
+    <script is:inline>
+      // Initial theme setup - run as early as possible
+      (function () {
+        // Add class to disable transitions during load
+        document.documentElement.classList.add("no-transitions");
 
-                const theme =
-                    localStorage.getItem("theme") ||
-                    (window.matchMedia("(prefers-color-scheme: dark)").matches
-                        ? "dark"
-                        : "light");
-                document.documentElement.setAttribute("data-theme", theme);
+        const theme =
+          localStorage.getItem("theme") ||
+          (window.matchMedia("(prefers-color-scheme: dark)").matches
+            ? "dark"
+            : "light");
+        document.documentElement.setAttribute("data-theme", theme);
 
-                // Remove the no-transitions class after a small delay
-                window.addEventListener("load", () => {
-                    setTimeout(() => {
-                        document.documentElement.classList.remove(
-                            "no-transitions",
-                        );
-                    }, 100);
-                });
-            })();
-        </script>
-    </head>
-    <body>
-        <slot />
-    </body>
+        // Remove the no-transitions class after a small delay
+        window.addEventListener("load", () => {
+          setTimeout(() => {
+            document.documentElement.classList.remove("no-transitions");
+          }, 100);
+        });
+      })();
+    </script>
+  </head>
+  <body>
+    <slot />
+  </body>
 </html>
