fix(docs): restore full quick start steps, fix architecture visibility

Restore original 6-step quick start with comments. Increase arch flow
box contrast (bg-deep background, stronger border) and arrow size.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-09 23:18:53 -05:00
parent b280faadf8
commit b954e0aa2a
2 changed files with 27 additions and 12 deletions

View File

@@ -229,15 +229,15 @@
<div class="arch-flow">
<div class="arch-flow-step">Routers</div>
<div class="arch-flow-arrow">&darr;</div>
<div class="arch-flow-arrow"></div>
<div class="arch-flow-step">Go Pollers</div>
<div class="arch-flow-arrow">&darr;</div>
<div class="arch-flow-arrow"></div>
<div class="arch-flow-step">NATS Event Bus</div>
<div class="arch-flow-arrow">&darr;</div>
<div class="arch-flow-arrow"></div>
<div class="arch-flow-step">FastAPI Backend</div>
<div class="arch-flow-arrow">&darr;</div>
<div class="arch-flow-arrow"></div>
<div class="arch-flow-step">PostgreSQL + TimescaleDB</div>
<div class="arch-flow-arrow">&darr;</div>
<div class="arch-flow-arrow"></div>
<div class="arch-flow-step">React Web Interface</div>
</div>
@@ -315,9 +315,24 @@
<span class="code-dot code-dot--green"></span>
<span class="code-window-title">Terminal</span>
</div>
<pre class="code-window-body"><code><span class="code-cmd">git clone https://github.com/staack/the-other-dude</span>
<pre class="code-window-body"><code><span class="code-comment"># Clone the repo</span>
<span class="code-cmd">git clone https://github.com/staack/the-other-dude.git</span>
<span class="code-cmd">cd the-other-dude</span>
<span class="code-cmd">docker compose up</span></code></pre>
<span class="code-comment"># Configure</span>
<span class="code-cmd">cp .env.example .env</span>
<span class="code-comment"># Start infrastructure</span>
<span class="code-cmd">docker compose up -d</span>
<span class="code-comment"># Build app images</span>
<span class="code-cmd">docker compose build api &amp;&amp; docker compose build poller &amp;&amp; docker compose build frontend</span>
<span class="code-comment"># Launch</span>
<span class="code-cmd">docker compose up -d</span>
<span class="code-comment"># Open TOD</span>
<span class="code-cmd">open http://localhost:3000</span></code></pre>
</div>
</div>
</section>

View File

@@ -563,18 +563,18 @@ ul, ol {
font-family: "Fira Code", "SF Mono", monospace;
font-size: 0.95rem;
color: var(--text-primary);
background: var(--bg-elevated);
border: 1px solid var(--border-accent);
background: var(--bg-deep);
border: 1px solid rgba(42, 157, 143, 0.4);
border-radius: 8px;
padding: 10px 28px;
padding: 12px 32px;
letter-spacing: 0.02em;
}
.arch-flow-arrow {
color: var(--accent);
font-size: 1.2rem;
font-size: 1.4rem;
line-height: 1;
padding: 4px 0;
padding: 6px 0;
}
/* CTA closing */