Remove Q3/Q4 awards and add browser game section

index.html

@@ -778,10 +778,6 @@
               <li>Created Kubernetes dashboard for resource tracking, observability, and cost analysis</li>
               <li>Enabled autonomous deployment capabilities through self-service automation</li>
             </ul>
-            <div class="experience-award">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg>
-              Humble Expertise Award Q3 2021
-            </div>
           </div>
 
           <div class="experience-item">
@@ -800,10 +796,6 @@
               <li>Implemented comprehensive metrics and alerting for improved observability</li>
               <li>Established version-controlled infrastructure management with Terraform</li>
             </ul>
-            <div class="experience-award">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg>
-              Modernization Engineer Award Q4 2019
-            </div>
           </div>
 
           <div class="experience-item">
@@ -841,6 +833,25 @@
         </div>
       </div>
     </section>
+
+    <section id="game" style="margin-top: 80px;">
+      <div class="container">
+        <div class="section-header">
+          <span class="section-number">04.</span>
+          <h2>Take a Break</h2>
+        </div>
+
+        <div style="text-align: center; padding: 40px 20px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 12px;">
+          <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 24px;">
+            Need a breather? I made a little browser game you can try with zero setup:
+          </p>
+          <a href="https://nv.caffeinetux.com" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 12px; padding: 16px 32px; background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple)); color: var(--text-primary); text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 1.1rem; transition: transform 0.2s, box-shadow 0.2s;" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 20px rgba(57, 197, 207, 0.3)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none';">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polygon points="10 8 16 12 10 16 10 8"></polygon></svg>
+            Play Neon Vortex
+          </a>
+        </div>
+      </div>
+    </section>
   </main>
 
   <footer>