notxia/notxia.github.io
1
0
Fork 0
mirror of https://github.com/NotXia/notxia.github.io.git synced 2025-12-16 11:31:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Migration to Nuxt3

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2023-04-30 18:36:39 +02:00
parent ed2e1824c5
commit 0480b99865
170 changed files with 13890 additions and 3699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/easteregg-banner/eggs/CookieEgg.vue Normal file
View File

@ -0,0 +1,16 @@
<template>
<div class="flex justify-center text-sm">
<div class="flex items-center justify-center">
<div class="w-10 h-10 flex items-center justify-center overflow-hidden">
<img src="~/assets/images/cookie.png" alt="" class="h-full w-full" />
</div>
</div>
<div class="flex-1 ml-2">
<p class="font-bold text-base">{{ $t("cookie.title") }}</p>
<p>{{ $t("cookie.description") }}</p>
</div>
</div>
</template>

16
components/easteregg-banner/eggs/FutureEgg.vue Normal file
View File

@ -0,0 +1,16 @@
<template>
<div class="flex text-sm">
<div class="flex items-center justify-center">
<div class="w-10 h-10 flex items-center justify-center overflow-hidden">
<img src="~/assets/images/future.png" alt="" class="h-full w-full" />
</div>
</div>
<div class="flex-1 ml-2">
<p class="font-bold text-base">{{ $t("future.title") }}</p>
<p>{{ $t("future.description") }}</p>
</div>
</div>
</template>

25
components/easteregg-banner/eggs/PictureBrightEgg.vue Normal file
View File

@ -0,0 +1,25 @@
<template>
<ClientOnly>
<div class="flex text-sm">
<div class="flex items-center justify-center">
<div class="w-10 h-10 flex items-center justify-center overflow-hidden">
<img src="~/assets/images/sun.png" alt="" class="h-full w-full" />
</div>
</div>
<div class="flex-1 ml-2">
<p class="font-bold text-base">{{ $t("bright.title") }}</p>
<p v-if="!dark_unlocked">{{ $t("bright.description") }}</p>
<p v-if="dark_unlocked">{{ $t("bright_either.description") }}</p>
</div>
</div>
</ClientOnly>
</template>
<script setup lang="ts">
const dark_unlocked = ref(false);
onMounted(() => {
dark_unlocked.value = getFoundEasterEggs().includes("picture-nolights");
});
</script>

25
components/easteregg-banner/eggs/PictureNoLightEgg.vue Normal file
View File

@ -0,0 +1,25 @@
<template>
<ClientOnly>
<div class="flex text-sm">
<div class="flex items-center justify-center">
<div class="w-10 h-10 flex items-center justify-center overflow-hidden">
<img src="~/assets/images/moon.png" alt="" class="h-full w-full" />
</div>
</div>
<div class="flex-1 ml-2">
<p class="font-bold text-base">{{ $t("dark.title") }}</p>
<p v-if="!light_unlocked">{{ $t("dark.description") }}</p>
<p v-if="light_unlocked">{{ $t("dark_either.description") }}</p>
</div>
</div>
</ClientOnly>
</template>
<script setup lang="ts">
const light_unlocked = ref(false);
onMounted(() => {
light_unlocked.value = getFoundEasterEggs().includes("picture-bright");
});
</script>

16
components/easteregg-banner/eggs/SomethingEgg.vue Normal file
View File

@ -0,0 +1,16 @@
<template>
<div class="flex text-sm">
<div class="flex items-center justify-center">
<div class="w-10 h-10 flex items-center justify-center overflow-hidden">
<img src="~/assets/images/sad.svg" alt="" class="h-full w-full dark:invert" />
</div>
</div>
<div class="flex-1 ml-2">
<p class="font-bold text-base">{{ $t("something.title") }}</p>
<p>{{ $t("something.description") }}</p>
</div>
</div>
</template>