<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

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

<title>barerepo · john</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">User profile listing repositories sorted by last push.</h2>

<div style="display:flex; align-items:center; justify-content:space-between; padding:9px 18px; border-bottom:0.5px solid var(--border);">

<div style="display:flex; gap:20px; align-items:center;">

<span style="letter-spacing:-0.5px; text-decoration:underline;">barerepo</span>

<span style="color:var(--text-secondary); text-decoration:underline;">new</span>

</div>

<div style="display:flex; gap:16px; align-items:center; color:var(--text-secondary);">

<span style="border:0.5px solid var(--border); border-radius:8px; padding:3px 10px; color:var(--text-muted);">search /</span>

<span>john</span>

</div>

</div>

<div style="display:flex; gap:28px; padding:20px 18px; flex-wrap:wrap;">

<div style="width:150px; flex-shrink:0;">

<div style="width:76px; height:76px; border:0.5px solid var(--border-strong); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:26px; color:var(--text-secondary); margin-bottom:10px;">jd</div>

<div style="margin-bottom:2px;">john</div>

<div style="color:var(--text-secondary); font-size:12px; margin-bottom:12px;">writes bots. mostly go.</div>

<div style="color:var(--text-muted); font-size:12px; line-height:1.9;">

<div>14 repos</div>

<div>joined mar 2026</div>

<div>ssh keys: 3</div>

<div><span style="text-decoration:underline;">atom</span></div>

</div>

</div>

<div style="flex:1; min-width:260px;">

<div style="display:flex; justify-content:space-between; padding-bottom:8px; border-bottom:0.5px solid var(--border); color:var(--text-muted); font-size:12px;"><span>repositories</span><span>sorted by pushed</span></div>

<div style="padding:11px 0; border-bottom:0.5px solid var(--border);">

<div style="display:flex; justify-content:space-between;"><span><span style="text-decoration:underline;">johnbot</span></span><span style="color:var(--text-muted); font-size:12px;">2h</span></div>

<div style="color:var(--text-secondary); font-size:12px;">irc bot that refuses to leave</div>

<div style="color:var(--text-muted); font-size:12px; margin-top:3px;">go · 4.1mb · master · 3 proposals</div>

</div>

<div style="padding:11px 0; border-bottom:0.5px solid var(--border);">

<div style="display:flex; justify-content:space-between;"><span><span style="text-decoration:underline;">dotfiles</span></span><span style="color:var(--text-muted); font-size:12px;">1d</span></div>

<div style="color:var(--text-secondary); font-size:12px;">nvim, zsh, too many aliases</div>

<div style="color:var(--text-muted); font-size:12px; margin-top:3px;">shell · 210kb · master</div>

</div>

<div style="padding:11px 0; border-bottom:0.5px solid var(--border);">

<div style="display:flex; justify-content:space-between;"><span>uproar <span style="color:var(--text-muted); font-size:12px; border:0.5px solid var(--border); border-radius:4px; padding:0 5px;">private</span></span><span style="color:var(--text-muted); font-size:12px;">4d</span></div>

<div style="color:var(--text-secondary); font-size:12px;">server configs, do not read</div>

<div style="color:var(--text-muted); font-size:12px; margin-top:3px;">nix · 88kb · main</div>

</div>

<div style="padding:11px 0; border-bottom:0.5px solid var(--border);">

<div style="display:flex; justify-content:space-between;"><span><span style="text-decoration:underline;">sqlite-notes</span></span><span style="color:var(--text-muted); font-size:12px;">3w</span></div>

<div style="color:var(--text-secondary); font-size:12px;">append-only notes over sqlite</div>

<div style="color:var(--text-muted); font-size:12px; margin-top:3px;">c · 1.2mb · master · archived</div>

</div>

<div style="padding-top:11px; color:var(--text-muted); font-size:12px;">showing 4 of 14 · <span style="text-decoration:underline;">all</span></div>

</div>

</div>

<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>barerepo</span><span>barerepo 0.1.0</span>

</div>

</div>

</div>

</body>

</html>