dm / commit

feat: add description and README link to API key modal and creation screen

5f3dac44e1a16ef4643c9f2e7e78add82a855d24 · Pavel Safronov · 2026-05-27 23:32:02 -0700 · parents e0ac52e786f6

feat: add description and README link to API key modal and creation screen

Both landing surfaces now explain what the app is (solo Cypher System RPG,
Claude as GM, API key stays local) with links to the Cypher SRD and README.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

 public/index.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/public/index.html b/public/index.html
index a9621bb..56f5756 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1269,6 +1269,9 @@ body {
 <div id="creation-screen" style="display:none">
   <div class="creation-title"><img src="dice.png" alt="" style="height:0.85em;vertical-align:middle;margin-right:0.2em;filter:invert(1) sepia(1) saturate(2) hue-rotate(5deg) brightness(0.9)"> Solo Dungeon Master</div>
   <div class="creation-sub">Powered by Claude — your story begins here</div>
+  <p style="font-size:0.85rem;color:var(--text-dim);max-width:560px;margin:10px auto 0;line-height:1.6;text-align:center">
+    An AI-powered solo tabletop RPG running entirely in your browser. Build your character below, then Claude becomes your Game Master — narration, rules, and consequences — for a full <a href="https://cypher-srd.com" target="_blank" rel="noopener" style="color:var(--gold-dim)">Cypher System</a> adventure. Your API key never leaves your device. <a href="https://gitlab.com/PavelSafronov/dm/-/blob/main/README.md" target="_blank" rel="noopener" style="color:var(--gold-dim)">README →</a>
+  </p>
 
   <p class="char-sentence" id="char-sentence">I am a <em>___</em> <em>___</em> who <em>___</em></p>
 
@@ -1554,6 +1557,9 @@ body {
     <div id="setup-own-panel">
       <div class="setup-logo"><img src="dice.png" alt="" style="height:1em;vertical-align:middle;margin-right:0.3em;filter:invert(1) sepia(1) saturate(2) hue-rotate(5deg) brightness(0.9)"> Solo Dungeon Master</div>
       <p class="setup-sub">Powered by Claude — your story begins here</p>
+      <p style="font-size:0.8rem;color:var(--text-dim);margin:0 0 18px;line-height:1.6">
+        An AI-powered solo RPG in your browser. Claude acts as your Game Master for a full <a href="https://cypher-srd.com" target="_blank" rel="noopener" style="color:var(--gold-dim)">Cypher System</a> adventure — narration, rules, and consequences all generated live. <a href="https://gitlab.com/PavelSafronov/dm/-/blob/main/README.md" target="_blank" rel="noopener" style="color:var(--gold-dim)">README →</a>
+      </p>
 
       <div style="font-family:'Cinzel',serif;font-size:0.75rem;letter-spacing:0.12em;color:var(--gold);text-transform:uppercase;margin-bottom:8px">Anthropic API Key</div>
       <div class="field-group">