<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>barerepo · mockups</title>

<link rel="stylesheet" href="tokens.css">

</head>

<body>

<div class="wrap">

<div style="font-family: var(--font-mono); font-size: 13px; line-height: 1.6; color: var(--text-primary); background: #ffffff; border: 0.5px solid var(--border); border-radius: 12px; min-height: calc(100vh - 26px); display: flex; flex-direction: column;">

<h2 class="sr-only">Index of every mockup page in this set.</h2>

<div style="padding:9px 18px; border-bottom:0.5px solid var(--border);">barerepo · ui mockups</div>

<div style="padding:9px 18px; border-bottom:0.5px solid var(--border); color:var(--text-muted); font-size:12px;">identity</div>

<a href="signup.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">signup</span></div><div style="color:var(--text-muted); font-size:12px;">ssh key is the only credential</div></a>

<a href="signin.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">sign in</span></div><div style="color:var(--text-muted); font-size:12px;">server challenges the key</div></a>

<a href="keys.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">keys and tokens</span></div><div style="color:var(--text-muted); font-size:12px;">the only state the server owns</div></a>

<div style="padding:9px 18px; border-bottom:0.5px solid var(--border); color:var(--text-muted); font-size:12px;">repo, first contact</div>

<a href="new-repo.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">new repo</span></div><div style="color:var(--text-muted); font-size:12px;">default branch is master</div></a>

<a href="repo-empty.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">empty repo</span></div><div style="color:var(--text-muted); font-size:12px;">one block to paste</div></a>

<div style="padding:9px 18px; border-bottom:0.5px solid var(--border); color:var(--text-muted); font-size:12px;">browsing</div>

<a href="repo-log.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">repo log</span></div><div style="color:var(--text-muted); font-size:12px;">diffs inline, this is the landing page</div></a>

<a href="repo-files.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">file tree</span></div><div style="color:var(--text-muted); font-size:12px;">secondary, not the front door</div></a>

<a href="repo-file.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">file view</span></div><div style="color:var(--text-muted); font-size:12px;">blame in the gutter, always on</div></a>

<a href="repo-commit.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">commit</span></div><div style="color:var(--text-muted); font-size:12px;">one commit, full diff</div></a>

<a href="repo-compare.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">compare</span></div><div style="color:var(--text-muted); font-size:12px;">any ref against any ref</div></a>

<div style="padding:9px 18px; border-bottom:0.5px solid var(--border); color:var(--text-muted); font-size:12px;">threads</div>

<a href="threads.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">thread list</span></div><div style="color:var(--text-muted); font-size:12px;">issues and proposals in one list</div></a>

<a href="thread.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">thread</span></div><div style="color:var(--text-muted); font-size:12px;">discussion stored in git notes</div></a>

<a href="thread-new.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">new thread</span></div><div style="color:var(--text-muted); font-size:12px;">attach a ref to make it a proposal</div></a>

<div style="padding:9px 18px; border-bottom:0.5px solid var(--border); color:var(--text-muted); font-size:12px;">runners</div>

<a href="runner-setup.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">add a runner</span></div><div style="color:var(--text-muted); font-size:12px;">one line, token already in it</div></a>

<a href="runners.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">runners</span></div><div style="color:var(--text-muted); font-size:12px;">your machines</div></a>

<a href="runs.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">runs</span></div><div style="color:var(--text-muted); font-size:12px;">triggered by push</div></a>

<a href="run.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">run detail</span></div><div style="color:var(--text-muted); font-size:12px;">raw log, no step theater</div></a>

<div style="padding:9px 18px; border-bottom:0.5px solid var(--border); color:var(--text-muted); font-size:12px;">activity</div>

<a href="inbox.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">inbox</span></div><div style="color:var(--text-muted); font-size:12px;">chronological, no read state, atom</div></a>

<a href="releases.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">releases</span></div><div style="color:var(--text-muted); font-size:12px;">tag, notes, attached files</div></a>

<div style="padding:9px 18px; border-bottom:0.5px solid var(--border); color:var(--text-muted); font-size:12px;">everything else</div>

<a href="search.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">search</span></div><div style="color:var(--text-muted); font-size:12px;">code, threads, repos in one result set</div></a>

<a href="profile.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">profile</span></div><div style="color:var(--text-muted); font-size:12px;">repo list</div></a>

<a href="repo-config.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">repo config</span></div><div style="color:var(--text-muted); font-size:12px;">settings as a versioned file</div></a>

<a href="push-rejected.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">push rejected</span></div><div style="color:var(--text-muted); font-size:12px;">says what the hook refused</div></a>

<a href="404.html" style="display:block; padding:10px 18px; border-bottom:0.5px solid var(--border); color:var(--text-primary); text-decoration:none;"><div><span style="text-decoration:underline;">404</span></div><div style="color:var(--text-muted); font-size:12px;"></div></a>

<div style="position:sticky; bottom:0; margin-top:auto; background:#ffffff; border-top:0.5px solid var(--border); border-radius:0 0 12px 12px; padding:9px 18px; display:flex; justify-content:space-between; color:var(--text-muted); font-size:12px;">

<span>24 views</span><span>barerepo 0.1.0</span>

</div>

</div>

</div>

</body>

</html>