site: mobile Docs nav access + Stay anonymous section

- Mobile nav: Documentation now reachable on phones as a compact 'Docs'
  pill next to GitHub (which collapses to icon-only, aria-label added);
  other text links keep their existing hidden-on-mobile behavior
- New 'Stay anonymous' section under Be yourself: up to eight independent
  identities per wallet (fresh random keys, own npub, never seed-derived),
  one-tap switching, key rotation with no chain to the old key, funds and
  seed untouched; claims code-verified against the multi-identity feature
This commit is contained in:
2026-07-06 19:56:49 -04:00
parent 2dfdf2ce82
commit 98c62d380c
3 changed files with 49 additions and 7 deletions
+34 -3
View File
@@ -27,10 +27,10 @@
<a href="#handles">Handles</a>
<a href="/use-cases">Use cases</a>
<a href="#downloads">Downloads</a>
<a href="https://docs.goblin.st" rel="noopener">Documentation</a>
<a class="gh" href="https://github.com/2ro/goblin" rel="noopener">
<a class="docs" href="https://docs.goblin.st" rel="noopener"><span class="doc-full">Documentation</span><span class="doc-short">Docs</span></a>
<a class="gh" href="https://github.com/2ro/goblin" rel="noopener" aria-label="GitHub">
<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg>
GitHub
<span class="gh-label">GitHub</span>
</a>
</nav>
</header>
@@ -218,6 +218,37 @@
</div>
</section>
<section id="anonymous">
<div class="sec-head">
<h2>Stay anonymous</h2>
<p>One wallet can hold several identities. Keep a public name for
friends and a nameless key for everything else.</p>
</div>
<div class="features">
<article class="feat">
<div class="glyph"><svg viewBox="0 0 24 24"><circle cx="9" cy="8" r="3.2"/><path d="M3.5 19c.7-3 3-4.6 5.5-4.6s4.8 1.6 5.5 4.6"/><circle cx="17" cy="9" r="2.4"/><path d="M16.5 14.6c2 .2 3.6 1.5 4 3.9"/></svg></div>
<h3>Separate identities, one wallet</h3>
<p>Hold up to eight identities side by side and switch in a tap. Each
is its own fresh random key with its own npub, never derived from your
seed, and nothing you publish ties one to another.</p>
</article>
<article class="feat">
<div class="glyph"><svg viewBox="0 0 24 24"><path d="M21 8a9 9 0 0 0-14.7-4.3L3 6.5"/><path d="M3 3v3.5h3.5"/><path d="M3 16a9 9 0 0 0 14.7 4.3L21 17.5"/><path d="M21 21v-3.5h-3.5"/><circle cx="12" cy="12" r="2.2"/></svg></div>
<h3>Rotate whenever you like</h3>
<p>Retire a key and start over on a brand-new random one at any time.
The old key shares nothing with the new, so your history does not
follow you.</p>
</article>
<article class="feat">
<div class="glyph"><svg viewBox="0 0 24 24"><rect x="4" y="8" width="16" height="11" rx="2"/><path d="M16 8V6a4 4 0 0 0-8 0v2"/><circle cx="12" cy="13.5" r="1.6"/></svg></div>
<h3>Your money never moves</h3>
<p>Identities are just your messaging front door. Switching or
rotating never touches your grin: the funds and the seed stay exactly
where they are.</p>
</article>
</div>
</section>
<section id="downloads">
<div class="sec-head">
<h2>Downloads</h2>
+12 -1
View File
@@ -132,9 +132,20 @@ nav.site a.gh {
}
nav.site a.gh:hover { border-color: var(--accent); }
nav.site svg { width: 17px; height: 17px; fill: currentColor; }
nav.site a.docs .doc-short { display: none; }
@media (max-width: 640px) {
nav.site a:not(.gh) { display: none; }
nav.site { gap: 10px; }
nav.site a:not(.gh):not(.docs) { display: none; }
nav.site a.docs {
color: var(--text); border: 1px solid var(--line);
padding: 8px 14px; border-radius: 99px;
}
nav.site a.docs:hover { border-color: var(--accent); }
nav.site a.docs .doc-full { display: none; }
nav.site a.docs .doc-short { display: inline; }
nav.site a.gh .gh-label { display: none; }
nav.site a.gh { padding: 8px 11px; }
.brand .word { font-size: 22px; }
}
+3 -3
View File
@@ -69,10 +69,10 @@
<a href="/#features">Features</a>
<a href="/use-cases">Use cases</a>
<a href="/#downloads">Downloads</a>
<a href="https://docs.goblin.st" rel="noopener">Documentation</a>
<a class="gh" href="https://github.com/2ro/goblin" rel="noopener">
<a class="docs" href="https://docs.goblin.st" rel="noopener"><span class="doc-full">Documentation</span><span class="doc-short">Docs</span></a>
<a class="gh" href="https://github.com/2ro/goblin" rel="noopener" aria-label="GitHub">
<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/></svg>
GitHub
<span class="gh-label">GitHub</span>
</a>
</nav>
</header>