name-wall/index.html at main · coder-prototypes/name-wall · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Coder Workshop — Wall of Names</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <header>
    <div class="brand">
      <img class="logo" src="assets/Logo-white.svg" alt="Coder" />
      <span class="wordmark">Wall of Names</span>
    </div>
    <div class="cta">
      <span class="cta-step">1 · Log in at <a href="https://workshop.cdr.dev" target="_blank" rel="noopener">workshop.cdr.dev</a></span>
      <span class="cta-step">2 · Tell the agent <code id="prompt-rotator">“make my name blue”</code> → open a PR</span>
      <span class="cta-sub">Share that you're <b>hiring</b>, <b>open to work</b>, freelancing — or just have fun</span>
    </div>
    <!-- Activity pill: "● N active now"; hover (admin display) → "Admin · Wall of Fame".
         Hidden unless the server has Coder API access (admin display). -->
    <div id="activity" class="activity" hidden>
      <span class="dot"></span>
      <span class="activity-label"><span id="active-count">0</span> active now</span>
      <span class="activity-admin">Admin · Wall of Fame</span>
    </div>
  </header>
  <main id="wall" aria-live="polite"></main>
  <!-- Admin roster (admin display only): collapsed to a compact pill; hover to
       reveal the full, scrollable participant list. Hidden unless the server
       has Coder API access. -->
  <aside id="roster" class="roster" hidden>
    <div class="roster-title">
      Participants <span id="roster-count">0</span>
      <span class="roster-hint">hover to view</span>
    </div>
    <ul id="roster-list"></ul>
  </aside>
  <aside id="queue" class="queue" hidden>
    <div class="queue-title">PR Queue <span id="queue-count">0</span></div>
    <ul id="queue-list"></ul>
  </aside>
  <footer>
    <span id="count">0</span> contributors · live from
    <a href="https://github.com/coder-contrib/name-wall" target="_blank" rel="noopener"><code>coder-contrib/name-wall</code></a>
  </footer>
  <script src="wall.js"></script>
</body>
</html>