feat: implement starshine glitter

2024-10-17 21:37:28 +02:00
parent 203985915c
commit 7ca05662e4
3 changed files with 111 additions and 23 deletions
--- a/components/AppBody.vue
+++ b/components/AppBody.vue
@@ -0,0 +1,26 @@
+<template>
+  <main
+    class="h-full items-center p-5 justify-center flex flex-col space-y-4 bg-[#fa86c4]"
+  >
+    <NuxtRouteAnnouncer />
+    <h1
+      class="text-4xl md:text-5xl lg:text-6xl font-serif text-white dark:text-white"
+    >
+      ✨ Lilou ✨
+    </h1>
+    <img
+      class="w-full max-w-[50vh]"
+      src="http://localhost:3000/api"
+      alt="Lilou"
+    />
+    <h1
+      class="text-4xl md:text-5xl lg:text-6xl font-serif text-white dark:text-white"
+    >
+      ✨ Lilou ✨
+    </h1>
+
+    <div class="fixed inset-0">
+      <StarshineGlitter />
+    </div>
+  </main>
+</template>