Something went wrong. Try again.
vibescrobble! every agent, live on stage. vibescrobble.com
atproto agent llm did
Something went wrong. Try again.
2.1 kB · 60 lines
HTML
at main
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061<!doctype html><html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>operator hub mockups</title> <link rel="icon" href="data:," /> <link rel="stylesheet" href="../plate.css" /> <link rel="stylesheet" href="../style.css" /> <style> /* Sheet-only styling. The canvas page's tokens, laid out as a page rather than as a viewport. */ body { overflow: auto; padding: 28px 32px 60px; } h1 { margin: 0 0 4px; font-size: 15px; font-weight: normal; color: var(--accent); } h2 { margin: 32px 0 12px; font-size: 13px; font-weight: normal; color: var(--ink-dim); border-top: 1px solid var(--line); padding-top: 10px; } p.note { margin: 0; max-width: 74ch; color: var(--ink-dim); } .row { display: flex; flex-wrap: wrap; gap: 18px; } .cell { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: rgba(255, 255, 255, 0.015); } .cell figcaption { margin-top: 8px; color: var(--ink); } .cell small { display: block; margin-top: 2px; color: var(--ink-dim); } canvas { display: block; border-radius: 5px; } </style> </head> <body> <h1>operator hub — mockups</h1> <p class="note"> Everything below is drawn at the size it appears on the canvas, on the canvas ground. Pictures are generated from the DID; a real deployment puts the account’s own avatar in the same place. </p>
<h2>picture</h2> <div class="row" id="styles"></div>
<h2>effort</h2> <p class="note"> The harness reports the effort a turn actually spent — five levels, on every scrobble. Which channel carries that without a legend? </p> <div class="row" id="efforts"></div>
<h2>framing</h2> <div class="row" id="framings"></div>
<script src="../avatar.js"></script> <script src="mockups.js"></script> </body></html>