feat: add bloom pulse animation to header logo, glitch text-only

- Counter-rotating rings now also pulse outward from center (inner→outer ripple)
- Use standalone `rotate`/`scale` CSS properties so animations don't conflict
- Glitch animation scoped to logo text span only, not the SVG
- Footer logo remains static (logo-static)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-29 10:47:34 +02:00
parent 356098496d
commit 70aa6f96d8
3 changed files with 38 additions and 12 deletions
+1 -1
View File
@@ -12,7 +12,7 @@
<!-- Brand -->
<div>
<a href="/" class="logo-glitch block mb-4 hover:opacity-90 transition-opacity w-fit" aria-label="{{ .Site.Title }} Home">
<a href="/" class="block mb-4 hover:opacity-90 transition-opacity w-fit" aria-label="{{ .Site.Title }} Home">
{{- partial "logo.html" (dict "id" "footer" "class" "h-10 w-auto logo-static") -}}
</a>
<p class="label text-fog max-w-xs leading-loose">{{ .Site.Params.description }}</p>