homepage signature

index.html

···
     <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
     <link rel="preconnect" href="https://fonts.bunny.net" />
     <link href="https://fonts.bunny.net/css?family=roboto-mono:400" rel="stylesheet" />
+    <link href="https://fonts.cdnfonts.com/css/pecita" rel="stylesheet" />
     <script>
       document.documentElement.classList.toggle(
         "dark",

src/styles/index.css

···
 @theme {
   --font-sans: "Inter", sans-serif;
   --font-mono: "Roboto Mono", monospace;
+  --font-pecita: "Pecita", serif;
 
   --color-dark-50: oklch(40.91% 0 0);
   --color-dark-100: oklch(35.62% 0 0);

src/views/home.tsx

···
           <span class="iconify ri--bluesky"></span>
         </a>
       </div>
+      <div class="text-center text-sm italic">
+        Made by{" "}
+        <a
+          href="https://juli.ee"
+          class="font-pecita relative after:absolute after:bottom-0 after:left-0 after:h-[1px] after:w-0 after:bg-current after:transition-[width] after:duration-300 after:ease-out hover:after:w-full"
+        >
+          Juliet
+        </a>{" "}
+        with love
+      </div>
     </div>
   );
 };