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 achievements

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2023-03-08 19:48:02 +01:00
parent 63beeeb823
commit d2c69faa00
7 changed files with 33 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/sad.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

9
src/assets/images/sad.svg Normal file
View File

@ -0,0 +1,9 @@
<svg width="256" height="256" xmlns="http://www.w3.org/2000/svg">
<g>
<title>Layer 1</title>
<path stroke-width="6" d="m87.42994,204.96972c0,-1.84579 -1.14618,-5.51965 -2.04203,-11.07467c-1.18738,-7.36275 -1.021,-16.61199 -1.021,-24.91798c0,-8.30599 3.39199,-15.16636 8.16807,-21.22643c6.29732,-7.99029 15.72902,-15.76546 22.46223,-18.45777c7.69972,-3.07879 16.27282,-3.22853 22.46223,-3.69155c7.12271,-0.53284 14.29414,1.84577 19.39919,5.53732c5.10505,3.69156 10.79941,12.67733 14.29414,20.30355c3.70672,8.08883 4.33436,13.80799 6.12607,24.91798c1.18738,7.36277 1.02099,11.99757 1.02099,11.99757c0,0.92287 0,1.84576 0,2.76866c0,0.92289 0,0.92289 0,1.84576c0,0.92289 0.13325,0.32866 -0.01237,1.98987l0.14409,3.54746" id="svg_6" stroke="#000" fill="none"/>
<path stroke-width="6" d="m76.48487,73.41126c-0.60606,0 -1.50682,0.49924 -1.81818,1.81818c-0.27849,1.1797 -0.46386,3.72864 0,4.84849c0.656,1.58372 2.31743,2.11288 3.63637,2.42424c0.58984,0.13924 2.43787,0.22215 4.24242,0c2.48013,-0.30531 3.35787,-1.24454 3.63636,-2.42424c0.31136,-1.31894 1.21213,-1.81818 1.21213,-3.63637c0,-1.21212 -0.71097,-2.33498 -1.21213,-3.0303c-0.79239,-1.09939 -1.32485,-1.63184 -2.42424,-2.42424c-0.69531,-0.50115 -1.81818,-1.21212 -2.42424,-1.81818c0,0 -1.21212,0 -2.42425,0c-1.21212,0 -1.81818,0 -2.42424,0.60606l0,0.60606l0,0.60606l0,0.60606" id="svg_11" stroke="#000" fill="none"/>
<path stroke-width="6" d="m171.6364,77.09092c0,0 -0.60606,1.21212 -0.60606,2.42424c0,1.21212 0.09227,1.96039 1.21211,2.42424c0.79185,0.328 1.81819,1.21212 2.42426,1.21212c0.60605,0 1.81818,0 2.42424,0c1.21211,0 1.8643,0.23193 2.42424,0c0.79185,-0.328 1.81818,-1.81818 1.81818,-2.42424c0,-1.21212 -0.46387,-1.91045 0,-3.0303c0.328,-0.79185 0.60606,-1.21212 0.60606,-2.42424c0,-0.60606 -0.60606,-2.42424 -1.21211,-3.0303c0,0 -0.17752,-0.17751 -0.60606,-0.60606c-0.42856,-0.42855 -0.60606,-0.60606 -0.60606,-0.60606c-1.21213,0 -2.42424,0 -3.0303,0c-1.81818,0 -2.51651,0.1422 -3.63637,0.60606c-0.79185,0.328 -0.41972,0.71879 -1.21211,1.81818c-0.50116,0.69532 -1.21213,1.21212 -1.21213,3.63637c0,0.60606 0,1.21212 0.60606,1.21212l0,0.60606" id="svg_16" stroke="#000" fill="none"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

2
src/components/easteregg-banner/EastereggBanner.vue
View File

@ -65,7 +65,7 @@
if (current_dismiss_timeout) { clearTimeout(current_dismiss_timeout) }
current_dismiss_timeout = setTimeout(() => {
dismiss();
}, 8000);
}, 7000);
}
function dismiss() {

2
src/components/easteregg-banner/eggs/Future.vue
View File

@ -21,7 +21,7 @@
const { t } = useI18n({ messages: {
"en": {
"title": "Wonderful future",
"title": "What a wonderful future",
"description": "What will happen?"
},
"it": {

4
src/components/easteregg-banner/eggs/Something.vue
View File

@ -3,7 +3,7 @@
<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="image" alt="" class="h-full w-full" />
<img :src="image" alt="" class="h-full w-full dark:invert" />
</div>
</div>
@ -17,7 +17,7 @@
<script setup lang="ts">
import { useI18n } from "vue-i18n";
import image from "@/assets/images/sad.png";
import image from "@/assets/images/sad.svg";
const { t } = useI18n({ messages: {
"en": {

2
src/views/resume/Resume.vue
View File

@ -37,7 +37,7 @@
<script setup lang="ts">
import Navbar from "@/components/navbar/Navbar.vue";
import ExperienceTimeline from "./ExperienceTimeline.vue";
import ExperienceTimeline from "./components/ExperienceTimeline.vue";
import Education from "./sections/Education.vue";
import Certificates from "./sections/Certificates.vue";
import Skills from "./sections/Skills.vue";

22
src/views/resume/ExperienceTimeline.vue → src/views/resume/components/ExperienceTimeline.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="flex h-full justify-center relative">
<div class="absolute top-0 left-0 w-full">
<div data-tooltip-target="tooltip-future" class="relative w-6 h-2 mx-auto z-50" @mouseover="() => addFoundEasterEgg('future')">
<div data-tooltip-target="tooltip-future" class="relative w-6 h-2 mx-auto z-50" @mouseover="startArchievementTimer" @mouseleave="stopAchievementTimer">
</div>
<div id="tooltip-future" role="tooltip"
class="absolute z-10 invisible inline-block px-2 py-1 text-xs font-medium transition-opacity duration-1000 rounded-lg opacity-0 tooltip">
@ -49,7 +49,7 @@
<script setup lang="ts">
import Timeline from "@/components/timeline/Timeline.vue";
import { useI18n } from "vue-i18n";
import locale from "./locale.js";
import locale from "../locale.js";
import { initTooltips } from "flowbite";
import { onMounted } from "vue";
import { addFoundEasterEgg } from "@/utilities/easteregg_handler";
@ -67,7 +67,23 @@
onMounted(() => {
initTooltips();
})
});
let achievement_timer:number|null = null;
function startArchievementTimer() {
achievement_timer = setTimeout(() => {
addFoundEasterEgg('future');
achievement_timer = null;
}, 500);
}
function stopAchievementTimer() {
if (achievement_timer) {
clearTimeout(achievement_timer);
}
}
</script>
<style scoped>