arijitroy003 · arijitroy003 · Mar 16, 2026 · Mar 14, 2026 · Mar 16, 2026 · Mar 16, 2026
diff --git a/.cursor/rules/project-conventions.mdc b/.cursor/rules/project-conventions.mdc
@@ -0,0 +1,11 @@
+---
+description: general guidenless
+alwaysApply: true    # true = applies to every conversation
+---
+
+# Rule Title
+
+Always write tldr style commits
+Do not sign commits with Cursor or Claude
+Use gpg signing for commits
+ask questions whenever in doubt 
diff --git a/index.html b/index.html
@@ -8,6 +8,14 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="styles.css">
+<script>
+(function() {
+  var saved = localStorage.getItem('theme');
+  if (saved === 'light' || (!saved && window.matchMedia('(prefers-color-scheme: light)').matches)) {
+    document.documentElement.setAttribute('data-theme', 'light');
+  }
+})();
+</script>
 </head>
 <body>
 
@@ -21,6 +29,11 @@
     <a href="#" onclick="navigate('skills')" id="nav-skills">skills</a>
     <a href="#" onclick="navigate('blog')" id="nav-blog">blog</a>
   </div>
+  <button class="theme-toggle" id="theme-toggle" onclick="toggleTheme()" aria-label="Toggle light/dark mode">
+    <svg class="theme-icon" id="theme-icon-sun" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
+    <svg class="theme-icon" id="theme-icon-moon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
+    <span id="theme-label">light</span>
+  </button>
 </nav>
 
 <!-- ═══════════════════ INDEX / HERO ═══════════════════ -->
@@ -39,15 +52,15 @@ <h1 class="hero-headline fade-up delay-1">
     </p>
     <div class="hero-actions fade-up delay-3">
       <a href="#" class="btn btn-primary" onclick="navigate('experience')">view work</a>
-      <a href="mailto:arijitroy003@gmail.com" class="btn btn-outline">get in touch</a>
+      <a href="https://topmate.io/arijitroy003" target="_blank" class="btn btn-outline">get in touch</a>
     </div>
 
     <!-- AI Chat Section -->
     <div class="chat-section fade-up delay-4" id="chat-section">
       <div class="chat-header">
         <span class="chat-header-icon">›</span>
         <span class="chat-header-title" id="chat-header-title">Talk to my AI Assistant (!Warning: I'm not very smart)</span>
-        <button class="llm-toggle" id="llm-toggle" onclick="toggleLLM()">enable AI</button>
+        <button class="llm-toggle" id="llm-toggle" onclick="toggleLLM()">enable LLM hallucinations</button>
       </div>
       <div class="llm-progress" id="llm-progress">
         <div class="llm-progress-fill" id="llm-progress-fill"></div>

diff --git a/script.js b/script.js
@@ -36,12 +36,12 @@ function appendFooter(pageId) {
 
   const footer = document.createElement('footer');
   footer.className = 'page-footer';
-  footer.style.cssText = 'max-width:780px;margin:48px auto 0;padding:28px 0 36px;border-top:1px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;';
+  footer.style.cssText = 'max-width:780px;margin:48px auto 0;padding:28px 0 36px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;';
   footer.innerHTML = `
     <div style="font-family:var(--mono);font-size:11px;color:var(--white-dim);">
       © 2026 Arijit Roy · <a href="https://github.com/arijitroy003" target="_blank" style="color:var(--white-dim);text-decoration:none;transition:color .2s;" onmouseover="this.style.color='var(--green)'" onmouseout="this.style.color='var(--white-dim)'">github</a> · <a href="https://linkedin.com/in/sudo-kill" target="_blank" style="color:var(--white-dim);text-decoration:none;transition:color .2s;" onmouseover="this.style.color='var(--green)'" onmouseout="this.style.color='var(--white-dim)'">linkedin</a>
     </div>
-    <div style="font-family:var(--mono);font-size:10px;color:#3a3a3a;">bangalore, india</div>
+    <div style="font-family:var(--mono);font-size:10px;color:var(--white-dim);">bangalore, india</div>
   `;
   document.getElementById('page-' + pageId).appendChild(footer);
 }
@@ -226,6 +226,27 @@ document.addEventListener('keydown', function(e) {
   if (e.key === 'Escape') closeArticle(null, true);
 });
 
+// ─── Theme Toggle ───
+function toggleTheme() {
+  var current = document.documentElement.getAttribute('data-theme');
+  var next = current === 'light' ? 'dark' : 'light';
+  if (next === 'dark') {
+    document.documentElement.removeAttribute('data-theme');
+  } else {
+    document.documentElement.setAttribute('data-theme', 'light');
+  }
+  localStorage.setItem('theme', next);
+  updateThemeLabel(next);
+}
+
+function updateThemeLabel(theme) {
+  var label = document.getElementById('theme-label');
+  if (label) label.textContent = theme === 'light' ? 'dark' : 'light';
+}
+
+// Set initial label based on current theme
+updateThemeLabel(document.documentElement.getAttribute('data-theme') === 'light' ? 'light' : 'dark');
+
 // ─── Initialize ───
 // Init footer on home page
 appendFooter('index');