From 6e708bb82eaae76613d3b0fd34211d80b2dd425d Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Mon, 16 Jun 2025 14:10:21 +0200
Subject: Stylize dots in main title

---
 src/pages/index.astro |  6 +-----
 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
-- 
cgit v1.3.1