diff options
| author | Yuval Adam <_@yuv.al> | 2025-06-16 14:10:21 +0200 |
|---|---|---|
| committer | Yuval Adam <_@yuv.al> | 2025-06-16 14:10:21 +0200 |
| commit | 6e708bb82eaae76613d3b0fd34211d80b2dd425d (patch) | |
| tree | 442d109eeb48d51eb594713e12389611d45a2fd2 /src | |
| parent | 140da5171aecf9dac2b1070813364fbedb23c99a (diff) | |
Stylize dots in main title
Diffstat (limited to 'src')
| -rw-r--r-- | src/pages/index.astro | 6 | ||||
| -rw-r--r-- | src/styles/global.css | 18 |
2 files changed, 19 insertions, 5 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro index 8de0614..262239e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -63,11 +63,7 @@ const description = href="/" class="hover:text-gray-700 transition-colors duration-200" > - Doma<span class="text-gray-400">.</span>in Na<span - class="text-gray-400">.</span - >me Ha<span class="text-gray-400">.</span>ck Cl<span - class="text-gray-400">.</span - >ub + Doma<span class="dot"></span>in Na<span class="dot"></span>me Ha<span class="dot"></span>ck Cl<span class="dot"></span>ub </a> </h1> <p diff --git a/src/styles/global.css b/src/styles/global.css index a8c5052..3605150 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -8,4 +8,22 @@ body { .font-mono { font-family: 'JetBrains Mono', monospace; +} + +.dot::after { + content: "."; + color: #ec4899; + text-shadow: 0 0 10px rgba(236, 72, 153, 0.3); + animation: pulse-dot 2s ease-in-out infinite; +} + +@keyframes pulse-dot { + 0%, 100% { + opacity: 0.6; + transform: scale(1); + } + 50% { + opacity: 1; + transform: scale(1.1); + } }
\ No newline at end of file |