joshbairstow/jb-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit

Browse source
This commit is contained in:
Josh Bairstow 2026-06-01 19:35:56 +10:00
commit 3ba76b4f02
90 changed files with 12507 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

22
docs/design-system/preview/nav-index.html Normal file
View file

@ -0,0 +1,22 @@
<!doctype html><html><head><meta charset="utf-8">
<link rel="stylesheet" href="../colors_and_type.css">
<style>
body{margin:0}
.wrap{background:var(--ground);padding:24px 30px;box-sizing:border-box;font-family:var(--font-body)}
.idx{display:flex;flex-direction:column}
.item{display:flex;align-items:baseline;gap:16px;text-decoration:none;padding:11px 0;border-top:1px solid var(--hairline);transition:padding-left var(--dur-base) var(--ease-out)}
.item:hover{padding-left:8px}
.num{font-family:var(--font-mono);font-size:10px;color:var(--fg-3);width:24px;flex:none}
.name{font-family:var(--font-display);font-size:21px;color:var(--fg-1);letter-spacing:.02em}
.desc{font-size:12px;color:var(--fg-3);margin-left:auto}
.soon{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--hairline);border-radius:2px;padding:2px 6px;margin-left:auto}
</style></head><body>
<div class="wrap">
<div class="idx">
<a class="item" href="#"><span class="num">01</span><span class="name">Blog</span><span class="desc">writing</span></a>
<a class="item" href="#"><span class="num">02</span><span class="name">Code</span><span class="desc">experiments &amp; tools</span></a>
<a class="item" href="#"><span class="num">03</span><span class="name">Art</span><span class="desc">generative &amp; physical</span></a>
<a class="item" href="#"><span class="num">04</span><span class="name" style="color:var(--fg-3)">Social</span><span class="soon">soon</span></a>
</div>
</div>
</body></html>