jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(rvote): align demo page content with rvote.online 

Match the standalone site's demo page: badge, title, description, loading
text, and CTA card for feature parity.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-20 15:38:13 -07:00
parent 0c9b07525f
commit 16b975cf5a
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
modules/rvote/mod.ts
View File

@ -519,8 +519,9 @@ routes.get("/demo", (c) => {
body: `
<div class="rd-page">
<div class="rd-hero">
<h1>rVote Demo</h1>
<p>Vote on live proposals synced across the r* ecosystem. Changes appear in real-time for everyone.</p>
<span class="rl-badge" style="background:#1e293b;color:#94a3b8;font-size:0.7rem;padding:0.25rem 0.75rem;display:inline-block;margin-bottom:0.75rem;border-radius:9999px">Interactive Demo</span>
<h1>Live Community Polls</h1>
<p>These polls are synced in real-time across the entire r* ecosystem via rSpace. Vote on options and watch tallies update live for everyone.</p>
</div>
<div class="rd-toolbar">
@ -531,7 +532,7 @@ routes.get("/demo", (c) => {
<div id="rd-loading" class="rd-loading">
<div class="rd-loading-spinner"></div>
Loading polls...
Connecting to rSpace...
</div>
<div id="rd-empty" class="rd-empty" style="display:none">
@ -541,6 +542,20 @@ routes.get("/demo", (c) => {
<div id="rd-polls-container"></div>
<!-- CTA Card -->
<div style="margin:2.5rem auto;max-width:640px">
<div class="rl-card" style="border:2px solid rgba(249,115,22,0.25);background:linear-gradient(to bottom right,rgba(249,115,22,0.08),rgba(249,115,22,0.03));text-align:center;padding:2rem 1.5rem">
<h2 style="font-size:1.25rem;font-weight:700;color:#e2e8f0;margin:0 0 0.75rem">Ready to try it for real?</h2>
<p style="color:#94a3b8;max-width:480px;margin:0 auto 1.5rem;line-height:1.6;font-size:0.95rem">
Create a Space for your community to start ranking and voting on proposals. Invite members and allot credits to get started.
</p>
<div style="display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap">
<a href="/rids" class="rl-cta-primary" style="background:linear-gradient(to right,#f97316,#ea580c);color:white;text-decoration:none;padding:0.6rem 1.5rem;border-radius:0.5rem;font-weight:600;font-size:0.875rem">Create Account</a>
<a href="/rvote" class="rl-cta-secondary" style="text-decoration:none;padding:0.6rem 1.5rem;border-radius:0.5rem;font-weight:600;font-size:0.875rem;border:1px solid rgba(148,163,184,0.3);color:#94a3b8">Learn More</a>
</div>
</div>
</div>
<div class="rd-footer">
<a href="/rvote">&larr; Back to rVote</a>
</div>