updates

src/components/EmojiScroller.astro

@@ -0,0 +1,20 @@
+<script>
+    const update_interval = 10 * 1000;
+    const emojis = ["👋", "🚀", "🛸"];
+    let idx = -1;
+
+    function update_emoji() {
+        const emoji_element = document.getElementById("emoji");
+        idx += 1;
+
+        if (idx == emojis.length) idx = 0;
+        if (emoji_element) emoji_element.innerHTML = emojis[idx];
+    }
+
+    setInterval(update_emoji, update_interval);
+    update_emoji();
+
+
+</script>
+
+<span class="text-4xl" id="emoji">👋</span>

src/components/Footer.astro

@@ -4,7 +4,7 @@ import { SITE } from "@consts";
 import BackToTop from "@components/BackToTop.astro";
 ---
 
-<footer class="animate">
+<footer class="animate border-b-4">
   <Container>
     <div class="relative">
       <div class="absolute right-0 -top-20">

src/components/Link.astro

@@ -5,9 +5,10 @@ type Props = {
   href: string;
   external?: boolean;
   underline?: boolean;
+  confetti?: boolean;
 }
 
-const { href, external, underline = true, ...rest } = Astro.props;
+const { href, external, underline = true, confetti, ...rest } = Astro.props;
 ---
 
 <a