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

8
docs/design-system/assets/accent-concentric.svg Normal file
View file

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70" width="70" height="70" role="img" aria-label="concentric rings accent">
<g fill="none" stroke="#221E18" stroke-width="2.4">
<circle cx="35" cy="35" r="30"></circle>
<circle cx="35" cy="35" r="18"></circle>
</g>
<circle cx="35" cy="35" r="5" fill="#221E18"></circle>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 349 B

8
docs/design-system/assets/accent-dots.svg Normal file
View file

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 16" width="64" height="16" role="img" aria-label="dot row accent">
<g fill="#221E18">
<circle cx="8" cy="8" r="3"></circle>
<circle cx="32" cy="8" r="3"></circle>
<circle cx="56" cy="8" r="3"></circle>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 288 B

9
docs/design-system/assets/accent-pipes.svg Normal file
View file

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 30" width="44" height="30" role="img" aria-label="pipe accent">
<g fill="#221E18">
<rect x="6" y="4" width="2.4" height="22" rx="1.2"></rect>
<rect x="16" y="4" width="2.4" height="22" rx="1.2"></rect>
<rect x="26" y="4" width="2.4" height="22" rx="1.2"></rect>
<rect x="36" y="4" width="2.4" height="22" rx="1.2"></rect>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 412 B

6
docs/design-system/assets/accent-ringdots.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 24" width="96" height="24" role="img" aria-label="ring-and-dots accent">
<circle cx="10" cy="12" r="3.4" fill="#221E18"></circle>
<circle cx="48" cy="12" r="9" fill="none" stroke="#221E18" stroke-width="2.4"></circle>
<circle cx="86" cy="12" r="3.4" fill="#221E18"></circle>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 346 B

11
docs/design-system/assets/mark-rings-cascade.svg Normal file
View file

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 92" width="180" height="92" role="img" aria-label="rings constellation D">
<circle cx="120" cy="44" r="24" fill="none" stroke="#221E18" stroke-width="4.5"></circle>
<g fill="#221E18">
<circle cx="22" cy="30" r="9"></circle>
<circle cx="52" cy="48" r="6"></circle>
<circle cx="76" cy="62" r="4"></circle>
<circle cx="120" cy="44" r="4"></circle>
<circle cx="162" cy="74" r="3"></circle>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 483 B

11
docs/design-system/assets/mark-rings-drift.svg Normal file
View file

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 80" width="180" height="80" role="img" aria-label="rings constellation A">
<g fill="#221E18">
<circle cx="28" cy="24" r="6.5"></circle>
<circle cx="156" cy="30" r="3.5"></circle>
<circle cx="132" cy="54" r="9" fill="#221E18"></circle>
</g>
<circle cx="84" cy="40" r="22" fill="none" stroke="#221E18" stroke-width="4.5"></circle>
<circle cx="84" cy="40" r="4" fill="#221E18"></circle>
<circle cx="132" cy="54" r="9" fill="none" stroke="#221E18" stroke-width="3.2"></circle>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 561 B

11
docs/design-system/assets/mark-rings.svg Normal file
View file

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 90" width="180" height="90" role="img" aria-label="rings constellation B">
<circle cx="96" cy="46" r="26" fill="none" stroke="#221E18" stroke-width="4.5"></circle>
<g fill="#221E18">
<circle cx="40" cy="30" r="5.5"></circle>
<circle cx="58" cy="68" r="3.5"></circle>
<circle cx="150" cy="34" r="7.5"></circle>
<circle cx="138" cy="72" r="3"></circle>
<circle cx="96" cy="46" r="3.5"></circle>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 490 B

8
docs/design-system/assets/texture-grain.svg Normal file
View file

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" width="160" height="160">
<filter id="g">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" seed="7" stitchTiles="stitch"></feTurbulence>
<feColorMatrix type="matrix" values="0 0 0 0 0.13 0 0 0 0 0.12 0 0 0 0 0.09 0 0 0 1 0"></feColorMatrix>
</filter>
<rect width="160" height="160" filter="url(#g)"></rect>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 415 B