pihkaal/lilou-cat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement starshine glitter

Browse Source
This commit is contained in:
Pihkaal
2024-10-17 21:37:28 +02:00
parent 203985915c
commit 7ca05662e4
3 changed files with 111 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app.vue
View File

@@ -1,25 +1,7 @@
<template> <template>
<main <div class="h-screen">
class="h-[100vh] items-center justify-center p-5 flex flex-col space-y-4 bg-[#fa86c4]" <NextRouterAnnouncer />
> <AppBody />
<NuxtRouteAnnouncer /> <StarshineGlitter />
</div>
<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>
<Glitters />
</main>
</template> </template>

26
components/AppBody.vue Normal file
View File

@@ -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>

80
components/StarshineGlitter.vue Normal file
View File

File diff suppressed because one or more lines are too long