[object Object]

← back to Games Agentabrams

Fix: Runner had no Share button (share() was dead code) — add wired Share button + .ghost style (contrarian P0)

47b2f29b8e432f199d0776d5c9918b6d14ea5673 · 2026-07-25 10:11:11 -0700 · Steve Abrams

Files touched

Diff

commit 47b2f29b8e432f199d0776d5c9918b6d14ea5673
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Sat Jul 25 10:11:11 2026 -0700

    Fix: Runner had no Share button (share() was dead code) — add wired Share button + .ghost style (contrarian P0)
---
 games/rodeo-runner/RodeoDriveRunner.aa | 4 ++++
 games/rodeo-runner/index.html          | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/games/rodeo-runner/RodeoDriveRunner.aa b/games/rodeo-runner/RodeoDriveRunner.aa
index d1b92ea..1a0b17a 100644
--- a/games/rodeo-runner/RodeoDriveRunner.aa
+++ b/games/rodeo-runner/RodeoDriveRunner.aa
@@ -56,6 +56,8 @@ canvas{ display:block; width:100%; height:100%; touch-action:none; }
 }
 .btn:hover{ transform:translateY(-2px); filter:brightness(1.06); }
 .btn:active{ transform:translateY(0); }
+.btn.ghost{ background:transparent; color:var(--ivory); border:1px solid rgba(233,196,106,.5); box-shadow:none; margin-top:10px; }
+.btn.ghost:hover{ border-color:var(--gold); filter:none; }
 .controls-hint{ font-size:11px; color:var(--ivory-dk); margin-top:14px; letter-spacing:.08em; opacity:.85; }
 .new-best{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
   color:var(--ink); background:linear-gradient(180deg,var(--gold-hi),var(--peach));
@@ -82,6 +84,7 @@ canvas{ display:block; width:100%; height:100%; touch-action:none; }
     <div class="sub"><span id="finalDist">0</span> m cruised · best combo <span class="gold" id="finalCombo">0×</span></div>
     <div class="sub" id="bestLine" style="margin-top:8px"></div>
     <button class="btn" id="againBtn">Cruise Again</button>
+    <button class="btn ghost" id="shareBtn">Share Score</button>
     <div class="controls-hint" id="shareLine"></div>
   </div>
 </div>
@@ -360,6 +363,7 @@ canvas{ display:block; width:100%; height:100%; touch-action:none; }
   // ---- wire ----
   document.getElementById("startBtn").addEventListener("click", start);
   document.getElementById("againBtn").addEventListener("click", start);
+  document.getElementById("shareBtn").addEventListener("click", share);
   window.addEventListener("resize", function(){ resize(); if(state==="play"){ targetX=laneCenter(playerLane);} });
 
   resize();
diff --git a/games/rodeo-runner/index.html b/games/rodeo-runner/index.html
index d1b92ea..1a0b17a 100644
--- a/games/rodeo-runner/index.html
+++ b/games/rodeo-runner/index.html
@@ -56,6 +56,8 @@ canvas{ display:block; width:100%; height:100%; touch-action:none; }
 }
 .btn:hover{ transform:translateY(-2px); filter:brightness(1.06); }
 .btn:active{ transform:translateY(0); }
+.btn.ghost{ background:transparent; color:var(--ivory); border:1px solid rgba(233,196,106,.5); box-shadow:none; margin-top:10px; }
+.btn.ghost:hover{ border-color:var(--gold); filter:none; }
 .controls-hint{ font-size:11px; color:var(--ivory-dk); margin-top:14px; letter-spacing:.08em; opacity:.85; }
 .new-best{ display:inline-block; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
   color:var(--ink); background:linear-gradient(180deg,var(--gold-hi),var(--peach));
@@ -82,6 +84,7 @@ canvas{ display:block; width:100%; height:100%; touch-action:none; }
     <div class="sub"><span id="finalDist">0</span> m cruised · best combo <span class="gold" id="finalCombo">0×</span></div>
     <div class="sub" id="bestLine" style="margin-top:8px"></div>
     <button class="btn" id="againBtn">Cruise Again</button>
+    <button class="btn ghost" id="shareBtn">Share Score</button>
     <div class="controls-hint" id="shareLine"></div>
   </div>
 </div>
@@ -360,6 +363,7 @@ canvas{ display:block; width:100%; height:100%; touch-action:none; }
   // ---- wire ----
   document.getElementById("startBtn").addEventListener("click", start);
   document.getElementById("againBtn").addEventListener("click", start);
+  document.getElementById("shareBtn").addEventListener("click", share);
   window.addEventListener("resize", function(){ resize(); if(state==="play"){ targetX=laneCenter(playerLane);} });
 
   resize();

← b51f468 Trivia + Runner share payloads now link to 90210.agentabrams  ·  back to Games Agentabrams  ·  flappy-sky: restore portrait-column fix (sync reverted it) + 989a1b2 →