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

Update picture

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2025-11-05 10:39:42 +09:00
parent c9d19d42c7
commit eea819ee9c
3 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/profile/me.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 222 KiB

19
components/ProfilePicture.vue
View File

@ -1,29 +1,30 @@
<template> <template>
<div class="relative"> <div class="relative">
<div class="flex items-center h-60 w-60"> <div class="flex items-center h-80 w-80">
<img v-show="picture === 'dark'" src="~/assets/images/profile/picture-dark.png" alt="" class="max-h-full max-w-full"> <!-- <img v-show="picture === 'dark'" src="~/assets/images/profile/picture-dark.png" alt="" class="max-h-full max-w-full">
<img v-show="picture === 'light'" src="~/assets/images/profile/picture-light.png" alt="" class="max-h-full max-w-full"> <img v-show="picture === 'light'" src="~/assets/images/profile/picture-light.png" alt="" class="max-h-full max-w-full">
<img v-show="picture === 'bright'" src="~/assets/images/profile/picture-bright.png" alt="" class="max-h-full max-w-full"> <img v-show="picture === 'bright'" src="~/assets/images/profile/picture-bright.png" alt="" class="max-h-full max-w-full">
<img v-show="picture === 'no light'" src="~/assets/images/profile/picture-nolight.png" alt="" class="max-h-full max-w-full"> <img v-show="picture === 'no light'" src="~/assets/images/profile/picture-nolight.png" alt="" class="max-h-full max-w-full"> -->
<img src="~/assets/images/profile/me.jpg" alt="Me with an Eevee hat holding an umbrella" class="max-h-full max-w-full rounded-md">
</div> </div>
<div v-if="message" class="absolute bottom-0 left-0 w-full"> <!-- <div v-if="message" class="absolute bottom-0 left-0 w-full">
<p class="w-fit mx-auto px-2 pt-1 mb-1 bg-gray-200 dark:bg-gray-700">{{ message }}</p> <p class="w-fit mx-auto px-2 pt-1 mb-1 bg-gray-200 dark:bg-gray-700">{{ message }}</p>
</div> </div> -->
</div> </div>
</template> </template>
<script setup lang="ts"> <!-- <script setup lang="ts">
const { t } = useI18n(); const { t } = useI18n();
const picture = ref(getTheme()); const picture = ref(getTheme());
const message = ref(""); const message = ref("");
// Finite-state automata to handle theme changes Finite-state automata to handle theme changes
interface State { interface State {
image: string; // Image to display image: string; // Image to display
message: string; // Message to display (string to parse with i18n) message: string; // Message to display (string to parse with i18n)
@ -72,8 +73,8 @@
} }
}); });
// Observes for theme changes Observes for theme changes
observer.observe((document.querySelector("html") as Node), { attributes: true, attributeFilter: ['class'] }); observer.observe((document.querySelector("html") as Node), { attributes: true, attributeFilter: ['class'] });
}); });
</script> </script> -->

2
utils/easteregg_handler.ts
View File

@ -1,4 +1,4 @@
const EASTER_EGGS = ["cookie", "future", "change-something", "picture-bright", "picture-nolights"]; const EASTER_EGGS = ["cookie", "future", "change-something"];
export function addFoundEasterEgg(name:string):void { export function addFoundEasterEgg(name:string):void {
if (!EASTER_EGGS.includes(name)) { return; } if (!EASTER_EGGS.includes(name)) { return; }