Add CLI snapshot and motion/accessibility refinements

Author: Bikram Gole

index.html

@@ -140,6 +140,7 @@ <h1 id="hero-name" data-name="Bikram Gole">Bikram Gole</h1>
           </div>
           <div class="hero-actions">
             <a class="btn primary" href="about.html">Full Profile 🧠</a>
+            <a class="btn ghost" href="contact.html">Contact</a>
             <a class="btn ghost" href="https://github.com/DevXtechnic" target="_blank" rel="noopener noreferrer">GitHub</a>
             <button id="launch-btn" class="btn ghost" type="button">Launch Pulse 🌌</button>
             <button id="palette-open" class="btn ghost" type="button">Ctrl/🐧 + K</button>
@@ -183,6 +184,23 @@ <h1 id="hero-name" data-name="Bikram Gole">Bikram Gole</h1>
       </div>
     </section>
 
+    <section id="cli-snapshot" class="panel reveal delay-1 skew-left">
+      <h2>Neo@Arch Snapshot</h2>
+      <p>Terminal-style identity dump, straight from the shell.</p>
+      <pre class="cli-block" aria-label="Terminal snapshot">
+<span class="cli-prompt">neo@arch:~$ whoami</span>
+<span class="cli-output">Bikram Gole</span>
+<span class="cli-gap"></span>
+<span class="cli-prompt">neo@arch:~$ skills</span>
+<span class="cli-output">Linux | Python | C++ | Open Source | AI</span>
+<span class="cli-gap"></span>
+<span class="cli-prompt">neo@arch:~$ projects</span>
+<span class="cli-output">&gt; DevXTechnic</span>
+<span class="cli-output">&gt; Arch Ricing Setup</span>
+<span class="cli-output">&gt; AI Tools Experiments</span>
+      </pre>
+    </section>
+
     <section id="mission-console" class="panel reveal delay-1 skew-right">
       <h2>Mission Console 🛰️</h2>
       <p>Click controls. Watch the page mutate.</p>

script.js

@@ -1075,6 +1075,10 @@ function clearTerminalOutput() {
 
 function typeTextTo(element, text, speed = 36, prefix = "") {
   if (!element) return;
+  if (prefersReducedMotion) {
+    element.textContent = `${prefix}${text || ""}`;
+    return;
+  }
 
   const token = (typewriterTokens.get(element) || 0) + 1;
   typewriterTokens.set(element, token);

styles.css

@@ -2379,6 +2379,39 @@ body[data-theme="material3"] .avatar-card .android-avatar {
   text-decoration: underline;
 }
 
+.cli-block {
+  margin-top: 0.6rem;
+  padding: 0.75rem 0.85rem;
+  border-radius: 10px;
+  border: 1px solid rgba(125, 186, 255, 0.35);
+  background:
+    linear-gradient(140deg, rgba(8, 16, 30, 0.96), rgba(6, 12, 24, 0.96)),
+    radial-gradient(220px 160px at 12% 20%, rgba(92, 168, 255, 0.16), transparent 70%),
+    radial-gradient(200px 160px at 90% 80%, rgba(255, 176, 118, 0.12), transparent 72%);
+  box-shadow: inset 0 1px 0 rgba(162, 210, 255, 0.08), 0 12px 26px rgba(2, 10, 24, 0.35);
+  font-family: "JetBrains Mono", "Fira Mono", "Menlo", "Consolas", "Courier New", monospace;
+  font-size: 0.82rem;
+  line-height: 1.5;
+  color: var(--ink);
+  white-space: pre-wrap;
+}
+
+.cli-block span {
+  display: block;
+}
+
+.cli-prompt {
+  color: var(--blue-2);
+}
+
+.cli-output {
+  color: var(--ink);
+}
+
+.cli-gap {
+  height: 0.35rem;
+}
+
 .repo-meta {
   margin-top: 0.28rem;
   font-size: 0.76rem;