poslop/palette
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Clean URLs: /new /history /paste /unlock; cans out of topbar; api link renamed to git

Browse Source
This commit is contained in:
poslop
2026-09-08 16:27:26 -05:00
parent ca82b90b0f
commit 3412cfa44c
9 changed files with 21 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sketches/002-dense-tool/index.html
-160
View File
@@ -1,160 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Palette — dense tool</title>
<link rel="stylesheet" href="../themes/tokens.css">
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: var(--font-body);
background: var(--bg);
color: var(--fg);
line-height: 1.45;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
font-size: 14px;
}
.shell { max-width: 1100px; margin: 0 auto; }
.topbar {
display: flex; align-items: center; gap: 20px;
padding: 0 20px; height: 52px;
background: var(--surface); border-bottom: 1px solid var(--border);
}
.logo { font-weight: 700; font-size: 16px; letter-spacing: -0.02em; }
.logo em { font-style: normal; color: var(--muted-fg); font-weight: 400; }
.topbar nav { display: flex; gap: 4px; }
.topbar nav a {
color: var(--muted-fg); text-decoration: none; padding: 6px 12px; border-radius: 8px; font-size: 13.5px;
}
.topbar nav a:hover { background: var(--surface-2); color: var(--fg); }
.topbar nav a.on { background: var(--accent); color: var(--bg); }
.topbar .spacer { flex: 1; }
.kbd { font-family: var(--font-mono); font-size: 11px; border: 1px solid var(--border); border-radius: 5px; padding: 2px 6px; color: var(--muted-fg); }
.grid { display: grid; grid-template-columns: 1fr 340px; gap: 0; min-height: calc(100vh - 52px); }
.pane-l { border-right: 1px solid var(--border); display: flex; flex-direction: column; }
.editor-head {
display: flex; align-items: center; gap: 12px; padding: 8px 14px;
border-bottom: 1px solid var(--border); background: var(--surface);
}
.editor-head input {
border: none; outline: none; background: transparent; color: var(--fg); font: inherit; font-size: 13.5px; flex: 1;
}
.editor-head select, .editor-head button.plain {
border: 1px solid var(--border); background: var(--surface); color: var(--muted-fg);
border-radius: 7px; padding: 4px 10px; font: inherit; font-size: 12.5px; cursor: pointer;
}
.linenos { display: flex; }
.gutter {
padding: 12px 8px; text-align: right; color: var(--muted); font-family: var(--font-mono);
font-size: 12.5px; line-height: 1.7; user-select: none; border-right: 1px solid var(--border);
background: var(--surface);
}
.editor {
flex: 1; padding: 12px 14px; font-family: var(--font-mono); font-size: 12.5px; line-height: 1.7;
white-space: pre; outline: none; min-height: 480px;
}
.editor:empty::before { content: "stdin → paste"; color: var(--muted); }
.actionbar {
display: flex; align-items: center; gap: 8px; padding: 10px 14px;
border-top: 1px solid var(--border); background: var(--surface);
}
.btn {
background: var(--accent); color: var(--bg); border: none; cursor: pointer;
padding: 8px 18px; border-radius: 8px; font: inherit; font-size: 13px; font-weight: 550;
}
.btn:hover { filter: brightness(1.08); }
.toggle { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted-fg); cursor: pointer; }
.toggle input { accent-color: var(--accent); }
.toggle.on { color: var(--fg); }
.pane-r { background: var(--surface); display: flex; flex-direction: column; }
.side-section { padding: 14px 16px; border-bottom: 1px solid var(--border); }
.side-section h3 { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted-fg); margin-bottom: 10px; }
.opts { display: flex; flex-direction: column; gap: 8px; }
.row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.row select, .row input {
border: 1px solid var(--border); border-radius: 7px; padding: 5px 8px; background: var(--bg);
color: var(--fg); font: inherit; font-size: 12.5px;
}
.recent { list-style: none; }
.recent li {
display: flex; justify-content: space-between; gap: 10px; padding: 7px 0;
border-bottom: 1px dashed var(--border); font-size: 12.5px;
}
.recent a { color: var(--fg); text-decoration: none; font-family: var(--font-mono); font-size: 12px; }
.recent a:hover { color: var(--accent); }
.recent .meta { color: var(--muted-fg); white-space: nowrap; }
.presets { display: flex; gap: 6px; }
.presets button { width: 22px; height: 22px; border-radius: 7px; border: 1px solid var(--border); cursor: pointer; }
.presets button.on { outline: 2px solid var(--accent); outline-offset: 1px; }
</style>
</head>
<body data-preset="midnight">
<div class="shell">
<div class="topbar">
<div class="logo">Palette <em>/ v0</em></div>
<nav><a class="on" href="v2.html">new</a><a href="../004-public-history/index.html">history</a><a href="../005-can-gallery/index.html">cans</a><a href="https://git.archfox.org/poslop/palette">api</a></nav>
<div class="spacer"></div>
<span class="kbd">Ctrl+Enter</span>
</div>
<div class="grid">
<div class="pane-l">
<div class="editor-head">
<input placeholder="title (optional)">
<select><option>auto</option><option>go</option><option>py</option><option>txt</option></select>
</div>
<div class="linenos">
<div class="gutter">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12</div>
<div class="editor" contenteditable="true"></div>
</div>
<div class="actionbar">
<label class="toggle"><input type="checkbox"> password</label>
<label class="toggle"><input type="checkbox"> burn</label>
<label class="toggle"><input type="checkbox"> unlisted</label>
<div class="spacer" style="flex:1"></div>
<button class="btn">Create ⇧</button>
</div>
</div>
<div class="pane-r">
<div class="side-section">
<h3>Expiry</h3>
<div class="opts">
<div class="row"><span>Never</span><input type="radio" name="exp"></div>
<div class="row"><span>1 hour</span><input type="radio" name="exp"></div>
<div class="row"><span>1 day</span><input type="radio" name="exp"></div>
<div class="row"><span>1 week</span><input type="radio" name="exp" checked></div>
<div class="row"><span>30 days</span><input type="radio" name="exp"></div>
</div>
</div>
<div class="side-section">
<h3>Theme preset</h3>
<div class="presets">
<button class="on" style="background:#EFEDF8" onclick="setPreset('smooth', this)" title="smooth"></button>
<button style="background:#B5A8E8" onclick="setPreset('midnight', this)" title="midnight"></button>
<button style="background:#D6E0D6" onclick="setPreset('sage', this)" title="sage"></button>
</div>
</div>
<div class="side-section">
<h3>Recent</h3>
<ul class="recent">
<li><a href="../003-paste-view/index.html">k3sYt2</a><span class="meta">2m · go</span></li>
<li><a href="../003-paste-view/index.html">b7QwRn</a><span class="meta">14m · txt</span></li>
<li><a href="../005-can-gallery/index.html">can/9fL2m</a><span class="meta">1h · 4 items</span></li>
<li><a href="../003-paste-view/index.html">xT8vZc</a><span class="meta">3h · py</span></li>
</ul>
</div>
</div>
</div>
</div>
<script>
function setPreset(p, btn) {
document.body.dataset.preset = p;
document.querySelectorAll('.presets button').forEach(b => b.classList.remove('on'));
btn.classList.add('on');
}
</script>
</body>
</html>
sketches/005-can-gallery/index.html → sketches/can-demo/index.html
+2 -2
View File
@@ -57,8 +57,8 @@
</head>
<body data-preset="midnight">
<div class="topbar">
<a class="logo" href="../004-public-history/index.html">Palette <em>/ v0</em></a>
<nav><a href="../002-dense-tool/v2.html">new</a><a href="../004-public-history/index.html">history</a><a href="index.html">cans</a><a href="https://git.archfox.org/poslop/palette">api</a></nav>
<a class="logo" href="/history/index.html">Palette <em>/ v0</em></a>
<nav><a href="/new/v2.html">new</a><a href="/history/index.html">history</a><a href="index.html">cans</a><a href="https://git.archfox.org/poslop/palette">git</a></nav>
<div class="spacer"></div>
</div>
<div class="deck">
sketches/004-public-history/index.html → sketches/history/index.html
+8 -8
View File
@@ -69,7 +69,7 @@
<body data-preset="midnight">
<div class="topbar">
<a class="logo" href="index.html">Palette <em>/ v0</em></a>
<nav><a href="../002-dense-tool/v2.html">new</a><a class="on" href="index.html">history</a><a href="../005-can-gallery/index.html">cans</a><a href="https://git.archfox.org/poslop/palette">api</a></nav>
<nav><a href="/new/v2.html">new</a><a class="on" href="index.html">history</a><a href="https://git.archfox.org/poslop/palette">git</a></nav>
<div class="spacer"></div>
</div>
<div class="deck">
@@ -83,13 +83,13 @@
<table>
<thead><tr><th>Paste</th><th>Language</th><th>Size</th><th>Views</th><th>Created</th></tr></thead>
<tbody>
<tr class="row"><td><a class="slug" href="../003-paste-view/index.html">k3sYt2</a><span class="title-cell"> — traefik redirect middleware snippet</span></td><td><span class="badge">go</span></td><td class="dim">412 B</td><td class="dim">12</td><td class="dim">2m ago</td></tr>
<tr class="row"><td><a class="slug" href="../003-paste-view/index.html">b7QwRn</a><span class="title-cell"> — nginx notes for staging</span></td><td><span class="badge">txt</span></td><td class="dim">1.2 KB</td><td class="dim">3</td><td class="dim">14m ago</td></tr>
<tr class="row"><td><a class="slug" href="../003-paste-view/index.html">xT8vZc</a><span class="title-cell"> — csv parse helper</span></td><td><span class="badge">py</span></td><td class="dim">890 B</td><td class="dim">41</td><td class="dim">3h ago</td></tr>
<tr class="row"><td><a class="slug" href="../006-password-unlock/index.html">9mQkLp</a><span class="title-cell"> — uptime kuma compose</span><span class="badge lock">🔒</span></td><td><span class="badge">yaml</span></td><td class="dim">2.4 KB</td><td class="dim">—</td><td class="dim">5h ago</td></tr>
<tr class="row"><td><a class="slug" href="../005-can-gallery/index.html">can/9fL2m</a><span class="title-cell"> — incident screenshots + logs (4 items)</span></td><td><span class="badge">can</span></td><td class="dim">3.8 MB</td><td class="dim">7</td><td class="dim">1h ago</td></tr>
<tr class="row"><td><a class="slug" href="../003-paste-view/index.html">vR4nWq</a><span class="title-cell"> — sql index check</span></td><td><span class="badge">sql</span></td><td class="dim">220 B</td><td class="dim">2</td><td class="dim">6h ago</td></tr>
<tr class="row"><td><a class="slug" href="../006-password-unlock/index.html">pL2xCa</a><span class="title-cell"> — todo: rewrite auth flow</span><span class="badge lock">🔒</span></td><td><span class="badge">md</span></td><td class="dim">560 B</td><td class="dim">—</td><td class="dim">1d ago</td></tr>
<tr class="row"><td><a class="slug" href="/paste/index.html">k3sYt2</a><span class="title-cell"> — traefik redirect middleware snippet</span></td><td><span class="badge">go</span></td><td class="dim">412 B</td><td class="dim">12</td><td class="dim">2m ago</td></tr>
<tr class="row"><td><a class="slug" href="/paste/index.html">b7QwRn</a><span class="title-cell"> — nginx notes for staging</span></td><td><span class="badge">txt</span></td><td class="dim">1.2 KB</td><td class="dim">3</td><td class="dim">14m ago</td></tr>
<tr class="row"><td><a class="slug" href="/paste/index.html">xT8vZc</a><span class="title-cell"> — csv parse helper</span></td><td><span class="badge">py</span></td><td class="dim">890 B</td><td class="dim">41</td><td class="dim">3h ago</td></tr>
<tr class="row"><td><a class="slug" href="/unlock/index.html">9mQkLp</a><span class="title-cell"> — uptime kuma compose</span><span class="badge lock">🔒</span></td><td><span class="badge">yaml</span></td><td class="dim">2.4 KB</td><td class="dim">—</td><td class="dim">5h ago</td></tr>
<tr class="row"><td><a class="slug" href="/can-demo/index.html">can/9fL2m</a><span class="title-cell"> — incident screenshots + logs (4 items)</span></td><td><span class="badge">can</span></td><td class="dim">3.8 MB</td><td class="dim">7</td><td class="dim">1h ago</td></tr>
<tr class="row"><td><a class="slug" href="/paste/index.html">vR4nWq</a><span class="title-cell"> — sql index check</span></td><td><span class="badge">sql</span></td><td class="dim">220 B</td><td class="dim">2</td><td class="dim">6h ago</td></tr>
<tr class="row"><td><a class="slug" href="/unlock/index.html">pL2xCa</a><span class="title-cell"> — todo: rewrite auth flow</span><span class="badge lock">🔒</span></td><td><span class="badge">md</span></td><td class="dim">560 B</td><td class="dim">—</td><td class="dim">1d ago</td></tr>
</tbody>
</table>
<div class="pager">
sketches/index.html
+1 -1
View File
@@ -1 +1 @@
<!doctype html><meta http-equiv="refresh" content="0; url=004-public-history/index.html">
<!doctype html><meta http-equiv="refresh" content="0; url=/history/index.html">
sketches/new/index.html
+1
View File
@@ -0,0 +1 @@
<!doctype html><meta http-equiv="refresh" content="0; url=v2.html">
sketches/002-dense-tool/v2.html → sketches/new/v2.html
+5 -5
View File
@@ -119,7 +119,7 @@
<body data-preset="midnight">
<div class="topbar">
<div class="logo">Palette <em>/ v0</em></div>
<nav><a class="on" href="v2.html">new</a><a href="../004-public-history/index.html">history</a><a href="../005-can-gallery/index.html">cans</a><a href="https://git.archfox.org/poslop/palette">api</a></nav>
<nav><a class="on" href="v2.html">new</a><a href="/history/index.html">history</a><a href="https://git.archfox.org/poslop/palette">git</a></nav>
<div class="spacer"></div>
<span class="kbd">Ctrl+Enter</span>
</div>
@@ -172,10 +172,10 @@
<div class="float side-section">
<h3>Recent</h3>
<ul class="recent">
<li><a href="../003-paste-view/index.html">k3sYt2</a><span class="meta">2m · go</span></li>
<li><a href="../003-paste-view/index.html">b7QwRn</a><span class="meta">14m · txt</span></li>
<li><a href="../005-can-gallery/index.html">can/9fL2m</a><span class="meta">1h · 4 items</span></li>
<li><a href="../003-paste-view/index.html">xT8vZc</a><span class="meta">3h · py</span></li>
<li><a href="/paste/index.html">k3sYt2</a><span class="meta">2m · go</span></li>
<li><a href="/paste/index.html">b7QwRn</a><span class="meta">14m · txt</span></li>
<li><a href="/can-demo/index.html">can/9fL2m</a><span class="meta">1h · 4 items</span></li>
<li><a href="/paste/index.html">xT8vZc</a><span class="meta">3h · py</span></li>
</ul>
</div>
</div>
sketches/001-airy-soft/index.html → sketches/old-airy/index.html
+1 -1
View File
@@ -70,7 +70,7 @@
<div class="wrap">
<header>
<div class="logo">Palette <span>/ beta</span></div>
<nav><a href="../004-public-history/index.html">history</a><a href="https://git.archfox.org/poslop/palette">api</a></nav>
<nav><a href="/history/index.html">history</a><a href="https://git.archfox.org/poslop/palette">git</a></nav>
</header>
<h1>New paste</h1>
sketches/003-paste-view/index.html → sketches/paste/index.html
+2 -2
View File
@@ -63,8 +63,8 @@
</head>
<body data-preset="midnight">
<div class="topbar">
<a class="logo" href="../004-public-history/index.html">Palette <em>/ v0</em></a>
<nav><a href="../002-dense-tool/v2.html">new</a><a href="../004-public-history/index.html">history</a><a href="../005-can-gallery/index.html">cans</a><a href="https://git.archfox.org/poslop/palette">api</a></nav>
<a class="logo" href="/history/index.html">Palette <em>/ v0</em></a>
<nav><a href="/new/v2.html">new</a><a href="/history/index.html">history</a><a href="https://git.archfox.org/poslop/palette">git</a></nav>
<div class="spacer"></div>
</div>
<div class="deck">
sketches/006-password-unlock/index.html → sketches/unlock/index.html
+1 -1
View File
@@ -58,7 +58,7 @@
</head>
<body data-preset="midnight">
<div class="topbar">
<a class="logo" href="../004-public-history/index.html">Palette <em>/ v0</em></a>
<a class="logo" href="/history/index.html">Palette <em>/ v0</em></a>
<div class="spacer"></div>
</div>
<div class="center">