style: set theme to modern purple, improve project UI

assets/css/style.css

@@ -14,9 +14,9 @@
   --fg:          #c9cacc;
   --fg-dim:      #6c7a89;
   --fg-bright:   #e8e8e8;
-  --accent:      #2bbc8a;
+  --accent:      #bd93f9;
-  --accent-dim:  #239b72;
+  --accent-dim:  #9d73d9;
-  --accent-glow: rgba(43, 188, 138, 0.1);
+  --accent-glow: rgba(189, 147, 249, 0.15);
   --border:      #373b41;
   --code-bg:     #1a1c1e;
 

layouts/index.html

@@ -43,6 +43,13 @@
       <div class="project-card-inner">
         <h3 class="project-card-name">{{ .name }}</h3>
         <p class="project-card-desc">{{ .description }}</p>
+        {{- with .tags }}
+        <div class="project-card-tags">
+          {{- range . }}
+          <span class="project-card-tag">{{ . }}</span>
+          {{- end }}
+        </div>
+        {{- end }}
       </div>
     </div>
     {{- else }}
@@ -50,6 +57,13 @@
       <div class="project-card-inner">
         <h3 class="project-card-name">{{ .name }}</h3>
         <p class="project-card-desc">{{ .description }}</p>
+        {{- with .tags }}
+        <div class="project-card-tags">
+          {{- range . }}
+          <span class="project-card-tag">{{ . }}</span>
+          {{- end }}
+        </div>
+        {{- end }}
       </div>
       <span class="project-card-arrow">→</span>
     </a>

public/index.html

@@ -25,7 +25,7 @@
 
 
 
-<link rel="stylesheet" href="http://localhost:1313/css/style.min.86de29e37fd55fb8581ee5569d0e766097f2718b8f8029e4e11c87973d24a5b1.css">
+<link rel="stylesheet" href="http://localhost:1313/css/style.min.dde322c2f5eb486cde5fa722b8e6fe1eb33a8ad467a9549f2627b4df7a3807b4.css">
 
 
 <link rel="alternate" type="application/rss+xml" href="http://localhost:1313/index.xml" title="Divyam Ahuja">
@@ -75,6 +75,14 @@
       <div class="project-card-inner">
         <h3 class="project-card-name">fastbin</h3>
         <p class="project-card-desc">A high-performance code sharing webapp with real-time updates</p>
+        <div class="project-card-tags">
+          <span class="project-card-tag">Go</span>
+          <span class="project-card-tag">HTMX</span>
+          <span class="project-card-tag">gRPC</span>
+          <span class="project-card-tag">PostgreSQL</span>
+          <span class="project-card-tag">Docker</span>
+          <span class="project-card-tag">Kubernetes</span>
+        </div>
       </div>
       <span class="project-card-arrow">→</span>
     </a>
@@ -82,6 +90,12 @@
       <div class="project-card-inner">
         <h3 class="project-card-name">gsoc-chromium-freequeue</h3>
         <p class="project-card-desc">Lock-free ring buffer library built during Google Summer of Code for Chromium&#39;s audio processing</p>
+        <div class="project-card-tags">
+          <span class="project-card-tag">C&#43;&#43;</span>
+          <span class="project-card-tag">WebAudio</span>
+          <span class="project-card-tag">WebAssembly</span>
+          <span class="project-card-tag">WebWorkers</span>
+        </div>
       </div>
       <span class="project-card-arrow">→</span>
     </a>
@@ -89,12 +103,22 @@
       <div class="project-card-inner">
         <h3 class="project-card-name">Homelab</h3>
         <p class="project-card-desc">Self-hosted high-availability infrastructure on Raspberry Pi 5</p>
+        <div class="project-card-tags">
+          <span class="project-card-tag">Kubernetes</span>
+          <span class="project-card-tag">WireGuard</span>
+          <span class="project-card-tag">Rancher</span>
+          <span class="project-card-tag">MetalLB</span>
+        </div>
       </div>
     </div>
     <a href="https://git.divyam.dev/divyam/divyam.dev" class="project-card" target="_blank" rel="noopener noreferrer">
       <div class="project-card-inner">
         <h3 class="project-card-name">divyam.dev</h3>
         <p class="project-card-desc">This minimal, high-performance portfolio and blog</p>
+        <div class="project-card-tags">
+          <span class="project-card-tag">Hugo</span>
+          <span class="project-card-tag">CSS</span>
+        </div>
       </div>
       <span class="project-card-arrow">→</span>
     </a>

public/projects/index.html

@@ -24,7 +24,7 @@
 
 
 
-<link rel="stylesheet" href="http://localhost:1313/css/style.min.86de29e37fd55fb8581ee5569d0e766097f2718b8f8029e4e11c87973d24a5b1.css">
+<link rel="stylesheet" href="http://localhost:1313/css/style.min.dde322c2f5eb486cde5fa722b8e6fe1eb33a8ad467a9549f2627b4df7a3807b4.css">
 
 
 </head>

public/resume/index.html

@@ -24,7 +24,7 @@
 
 
 
-<link rel="stylesheet" href="http://localhost:1313/css/style.min.86de29e37fd55fb8581ee5569d0e766097f2718b8f8029e4e11c87973d24a5b1.css">
+<link rel="stylesheet" href="http://localhost:1313/css/style.min.dde322c2f5eb486cde5fa722b8e6fe1eb33a8ad467a9549f2627b4df7a3807b4.css">
 
 
 </head>