chore: cleanup

1 files changed, 26 insertions, 0 deletions

diff --git a/index.html b/index.html
index f9d70d3..c84c027 100644
--- a/index.html
+++ b/index.html
@@ -140,6 +140,16 @@
     .prism-foot { padding: 16px 22px; border-top: 1px solid var(--line); display: flex; gap: 12px; font-family: var(--mono); font-size: 11.5px; color: var(--dim); flex-wrap: wrap; }
     .prism-foot span { padding: 3px 8px; border: 1px solid var(--line-strong); border-radius: 2px; }
 
+    /* Prism screenshot gallery */
+    .prism-shots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border-bottom: 1px solid var(--line); }
+    .shot { background: var(--panel); display: block; padding: 0; position: relative; overflow: hidden; }
+    .shot img { display: block; width: 100%; height: auto; border-bottom: 1px solid var(--line); transition: opacity 0.15s; }
+    .shot:hover img { opacity: 0.85; }
+    .shot .caption { padding: 10px 14px; display: flex; justify-content: space-between; align-items: baseline; font-family: var(--mono); font-size: 11px; color: var(--dim); }
+    .shot .caption b { color: var(--text); font-weight: 500; }
+    .shot .caption .open { color: var(--green-dim); }
+    .shot:hover .caption .open { color: var(--green); }
+
     /* Skills */
     .skills-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
     .sk { background: var(--panel); padding: 18px 18px; }
@@ -191,6 +201,7 @@
       .hero h1 { font-size: 40px; }
       .hero-grid, .about-grid, .prism-body, .contact-grid, .resume-grid { grid-template-columns: 1fr; }
       .prism-body .left { border-right: 0; border-bottom: 1px solid var(--line); }
+      .prism-shots { grid-template-columns: 1fr; }
       .skills-grid { grid-template-columns: 1fr; }
       .topbar nav { display: none; }
       .proj { grid-template-columns: 40px 1fr; }
@@ -298,6 +309,21 @@
         <h3>Investor-focused financial analysis dashboard</h3>
         <div class="meta">SPRING 2026 · v0.4 · LIVE</div>
       </div>
+
+      <div class="prism-shots">
+        <a class="shot" href="assets/prism/overview.png" target="_blank" rel="noopener">
+          <img src="assets/prism/overview.png" alt="Prism overview dashboard" loading="lazy" />
+          <div class="caption"><b>overview</b><span class="open">open ↗</span></div>
+        </a>
+        <a class="shot" href="assets/prism/valuation.png" target="_blank" rel="noopener">
+          <img src="assets/prism/valuation.png" alt="Prism valuation dashboard" loading="lazy" />
+          <div class="caption"><b>valuation</b><span class="open">open ↗</span></div>
+        </a>
+        <a class="shot" href="assets/prism/insiders.png" target="_blank" rel="noopener">
+          <img src="assets/prism/insiders.png" alt="Prism insiders dashboard" loading="lazy" />
+          <div class="caption"><b>insiders</b><span class="open">open ↗</span></div>
+        </a>
+      </div>
       <div class="prism-body">
         <div class="left">
           <p>Compresses the research workflow into one place: live market data, financial statements, self-computed valuation ratios, comparable-company analysis, options activity, insider trades, SEC filings, and news — from initial idea to underwriting in one interface.</p>