Add source button

src/components/github.astro

@@ -0,0 +1,9 @@
+<a
+    class="group absolute right-2 top-2 box-border flex h-10 w-10 items-center justify-center rounded-full bg-transparent shadow-lg"
+    href="https://github.com/cyrus01337/cyrus01337.co.uk"
+>
+    <img
+        class="transition-size h-8 w-8 rounded-full border-2 border-black bg-black shadow-md group-hover:h-10 group-hover:w-10"
+        src="/github.svg"
+    />
+</a>

src/pages/index.astro

@@ -1,18 +1,21 @@
 ---
+import Github from "@/components/github.astro";
 import Social from "@/components/social.astro";
 import Layout from "@/layouts/base.astro";
 ---
 
 <Layout>
+    <Github />
+
     <div class="hero min-h-screen bg-base-200">
         <div class="hero-content flex flex-col text-center">
             <div class="w-fit max-w-md">
                 <div
-                    class="duration-600 group flex w-full select-none flex-row justify-center text-5xl font-bold transition-colors hover:cursor-default hover:text-primary"
+                    class="group flex w-full select-none flex-row justify-center text-5xl font-bold transition-colors duration-600 hover:cursor-default hover:text-primary"
                 >
                     <h1>Cyrus</h1>
                     <h1
-                        class="transition-flex-basis duration-600 shrink basis-0 overflow-hidden group-hover:basis-1/2"
+                        class="shrink basis-0 overflow-hidden transition-flex-basis duration-600 group-hover:basis-1/2"
                     >
                         01337
                     </h1>

tailwind.config.js

@@ -21,6 +21,7 @@ export default {
             transitionProperty: {
                 filter: "filter",
                 "flex-basis": "flex-basis",
+                size: "height, width",
             },
         },
     },