Point the site at Nexion, the author's other macOS app

Adds a dark full-width band between "Get it" and the footer, plus a
link in the footer. The hook is the SSH agent: the Touch ID prompt
that lets a push through happens in a terminal, and Nexion is that
terminal.

Author: bsramin

docs/index.html

@@ -237,6 +237,39 @@
 .ssh-aside b{color:var(--ink-soft);font-weight:600}
 .ssh-aside .mono{font-size:.9em;background:rgba(0,0,0,.04);padding:1px 5px;border-radius:4px}
 
+/* ---- also by the author ---- */
+.also{
+  --a-line:rgba(255,255,255,.14);
+  --a-dim:rgba(255,255,255,.52);
+  --a-soft:rgba(255,255,255,.74);
+  --a-accent:#a99bff;
+  position:relative;background:var(--ink);color:var(--paper);
+  border-top:1px solid var(--line);
+}
+.also::before{
+  content:"";position:absolute;inset:0;pointer-events:none;
+  background:radial-gradient(46rem 24rem at 92% 112%,rgba(63,44,224,.3),transparent 62%);
+}
+.also .wrap{position:relative}
+.also-in{display:grid;gap:34px;padding-block:66px}
+@media(min-width:900px){.also-in{grid-template-columns:1.12fr .88fr;gap:60px;padding-block:88px;align-items:center}}
+.also-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:"JetBrains Mono",monospace;
+  font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--a-dim)}
+.also h2{font-size:clamp(30px,4.6vw,46px);font-weight:800;letter-spacing:-.032em;margin:18px 0 0}
+.also h2 em{font-style:normal;color:var(--a-accent)}
+.also p{color:var(--a-soft);font-size:17px;margin:18px 0 0;max-width:34em}
+.also .mono{font-size:.92em;background:rgba(255,255,255,.1);padding:1px 5px;border-radius:4px;color:var(--paper)}
+.also-cta{margin-top:30px}
+.also .btn-light{border-color:var(--paper);background:var(--paper);color:var(--ink)}
+.also .btn-light:hover{background:var(--a-accent);border-color:var(--a-accent);color:var(--ink)}
+.also-list{list-style:none;margin:0;padding:0;border:1px solid var(--a-line);border-radius:12px;
+  background:rgba(255,255,255,.045);overflow:hidden;backdrop-filter:blur(2px)}
+.also-list li{display:flex;gap:12px;align-items:flex-start;padding:15px 18px;border-bottom:1px solid var(--a-line);
+  color:var(--a-soft);font-size:14.5px;line-height:1.45}
+.also-list li:last-child{border-bottom:0}
+.also-list svg{flex:none;color:var(--a-accent);margin-top:2px}
+.also-list b{color:var(--paper);font-weight:600}
+
 /* ---- mobile ---- */
 @media(max-width:640px){
   .wrap{padding:0 18px}
@@ -498,6 +531,32 @@ <h2>Get it running.</h2>
   </div>
 </section>
 
+<section id="nexion" class="also">
+  <div class="wrap">
+    <div class="also-in reveal">
+      <div>
+        <div class="also-eyebrow">Also by the author</div>
+        <h2>Nexion. One window for you and your <em>AI agents.</em></h2>
+        <p>Same instinct as this app, on a much bigger surface. Pass Quick Access spares you one trip to another window; Nexion spares you the other four. Terminal, browser, files, Git and Canvas sit together in one native macOS window, so your coding agent keeps working while you stay exactly where you are.</p>
+        <p>Same author, same principles: Swift and SwiftUI, no Electron, keyboard first. And the Touch ID prompt from the SSH agent above appears right there, in the terminal you never left.</p>
+        <div class="also-cta">
+          <a class="btn btn-light" href="https://nexion.one/" target="_blank" rel="noopener">Visit nexion.one
+            <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
+          </a>
+        </div>
+      </div>
+      <ul class="also-list">
+        <li><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="m7 9 3 3-3 3M13 15h4"/></svg><div><b>GPU terminal</b>, powered by Ghostty, with splits and a real login shell.</div></li>
+        <li><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18"/></svg><div><b>Built-in browser</b> with isolated profiles, so work and personal logins coexist.</div></li>
+        <li><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="6" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="8" r="3"/><path d="M6 9v6M18 11c0 4-6 3-6 7"/></svg><div><b>Git in the window</b>: diffs, staging, commits, branches and PRs.</div></li>
+        <li><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v3M12 18v3M3 12h3M18 12h3"/><rect x="6" y="6" width="12" height="12" rx="3"/></svg><div><b>Your AI agents</b>, Claude Code, Codex, Gemini and more, one click from the title bar.</div></li>
+        <li><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 20h4l10.5-10.5a2.1 2.1 0 0 0-3-3L5 17v3Z"/><path d="M13.5 6.5l4 4"/></svg><div><b>Edit right there</b>: a Monaco editor with 34 languages, so a quick fix doesn't need another app.</div></li>
+        <li><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="6" y="2" width="12" height="20" rx="3"/><path d="M11 18.5h2"/></svg><div><b>Your workspace in your pocket</b>: pair an iPhone or iPad over your own network and drive the same terminals and web tabs from your hand.</div></li>
+      </ul>
+    </div>
+  </div>
+</section>
+
 <footer>
   <div class="wrap">
     <div class="foot-grid">
@@ -517,6 +576,7 @@ <h4>Project</h4>
           <h4>Related</h4>
           <a href="https://github.com/protonpass/pass-cli" target="_blank" rel="noopener">pass-cli</a>
           <a href="https://proton.me/pass" target="_blank" rel="noopener">Proton Pass</a>
+          <a href="https://nexion.one/" target="_blank" rel="noopener">Nexion, by the same author</a>
           <a href="https://github.com/sponsors/bsramin" target="_blank" rel="noopener">Sponsor</a>
           <a href="https://github.com/bsramin/pass-quick-access/blob/main/LICENSE" target="_blank" rel="noopener">License (GPLv3)</a>
         </div>