fberger/brabetz-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance Easter Egg with a visual award certificate on completion

Browse Source
This commit is contained in:
Felix Brabetz
2026-05-16 04:47:38 +02:00
parent 65a875fbaf
commit c4f33e2368
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/EasterEgg.astro
+14 -4
View File
@@ -32,12 +32,22 @@
</div>
</div>
<button @click="plantClicks += 10; if(plantClicks >= 100) { plantClicks = 100; blooming = true; }" :disabled="blooming" class="mt-6 w-full py-3 bg-emerald-600 hover:bg-emerald-700 disabled:bg-emerald-900 text-white font-semibold rounded-lg text-xs uppercase tracking-widest transition-colors">
<span x-show="!blooming">Gießen 💧</span>
<span x-show="blooming">Prächtig erblüht! 🎉</span>
<button x-show="!blooming" @click="plantClicks += 10; if(plantClicks >= 100) { plantClicks = 100; blooming = true; }" class="mt-6 w-full py-3 bg-emerald-600 hover:bg-emerald-700 text-white font-semibold rounded-lg text-xs uppercase tracking-widest transition-colors">
Gießen 💧
</button>
<p x-show="blooming" class="text-emerald-400 text-xs mt-4 font-semibold">Du hast den echten Brabetz-Grünen-Daumen!</p>
<!-- Award -->
<div x-show="blooming" x-cloak class="mt-6 text-center" x-transition:enter="transition ease-out duration-500" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100">
<div class="text-5xl mb-3">🏆</div>
<h4 class="text-lg font-luxury font-bold text-white mb-1">Auszeichnung verliehen!</h4>
<p class="text-stone-400 text-xs mb-4 font-light">Hiermit verleihen wir dir den</p>
<div class="bg-amber-500/10 border border-amber-500/30 p-4 rounded-lg inline-block mb-4">
<span class="text-amber-500 font-bold uppercase tracking-wider text-xs">Goldener Brabetz-Grüner-Daumen</span>
</div>
<p class="text-stone-500 text-[10px] font-mono leading-tight">Zertifikats-ID: BRB-PLX-2026-NICE</p>
</div>
</div>
</div>