Make current code library + add docs

2023-02-18 11:43:12 -07:00
parent 0faa24d5d3
commit 4434796aab
124 changed files with 1282 additions and 4984 deletions
--- a/lib/assets/icons/align-left.svg
+++ b/lib/assets/icons/align-left.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="21" y1="6" x2="3" y2="6"></line>
+  <line x1="15" y1="12" x2="3" y2="12"></line>
+  <line x1="17" y1="18" x2="3" y2="18"></line>
+
+</svg>
--- a/lib/assets/icons/archive.svg
+++ b/lib/assets/icons/archive.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="2" y="4" width="20" height="5" rx="2"></rect>
+  <path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"></path>
+  <path d="M10 13h4"></path>
+
+</svg>
--- a/lib/assets/icons/asterisk.svg
+++ b/lib/assets/icons/asterisk.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 6v12"></path>
+  <path d="M17.196 9 6.804 15"></path>
+  <path d="m6.804 9 10.392 6"></path>
+
+</svg>
--- a/lib/assets/icons/bell-ring.svg
+++ b/lib/assets/icons/bell-ring.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+  <path d="M2 8c0-2.2.7-4.3 2-6"></path>
+  <path d="M22 8a10 10 0 0 0-2-6"></path>
+
+</svg>
--- a/lib/assets/icons/bell.svg
+++ b/lib/assets/icons/bell.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
+  <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
+
+</svg>
--- a/lib/assets/icons/book.svg
+++ b/lib/assets/icons/book.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
+  <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
+
+</svg>
--- a/lib/assets/icons/box.svg
+++ b/lib/assets/icons/box.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
+  <polyline points="3.29 7 12 12 20.71 7"></polyline>
+  <line x1="12" y1="22" x2="12" y2="12"></line>
+
+</svg>
--- a/lib/assets/icons/calendar.svg
+++ b/lib/assets/icons/calendar.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M8 7V3M16 7V3M7 11H17M5 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21Z"
+		stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
--- a/lib/assets/icons/chart.svg
+++ b/lib/assets/icons/chart.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 3v18h18"></path>
+  <path d="M18 17V9"></path>
+  <path d="M13 17V5"></path>
+  <path d="M8 17v-3"></path>
+
+</svg>
--- a/lib/assets/icons/check-circle.svg
+++ b/lib/assets/icons/check-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"></path>
+  <path d="m9 12 2 2 4-4"></path>
+</svg>
--- a/lib/assets/icons/check.svg
+++ b/lib/assets/icons/check.svg
@@ -0,0 +1,4 @@
+<svg fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+	viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+	<path d="M20 6L9 17l-5-5" />
+</svg>
--- a/lib/assets/icons/chevron-left.svg
+++ b/lib/assets/icons/chevron-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="15 18 9 12 15 6"></polyline>
+
+</svg>
--- a/lib/assets/icons/chevron-right.svg
+++ b/lib/assets/icons/chevron-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>
--- a/lib/assets/icons/clear.svg
+++ b/lib/assets/icons/clear.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="15" y1="9" x2="9" y2="15"></line>
+  <line x1="9" y1="9" x2="15" y2="15"></line>
+</svg>
--- a/lib/assets/icons/client.svg
+++ b/lib/assets/icons/client.svg
@@ -0,0 +1,4 @@
+<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+    d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
+</svg>
--- a/lib/assets/icons/clipboard-copy.svg
+++ b/lib/assets/icons/clipboard-copy.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" /></svg>
--- a/lib/assets/icons/coins.svg
+++ b/lib/assets/icons/coins.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="8" cy="8" r="6"></circle>
+  <path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path>
+  <path d="M7 6h1v4"></path>
+  <path d="m16.71 13.88.7.71-2.82 2.82"></path>
+
+</svg>
--- a/lib/assets/icons/contract.svg
+++ b/lib/assets/icons/contract.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24" xml:space="preserve"><path d="M9 5v4m0 0H5m4 0L4 4m11 1v4m0 0h4m-4 0 5-5M9 19v-4m0 0H5m4 0-5 5m11-5 5 5m-5-5v4m0-4h4" style="fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"/></svg>
--- a/lib/assets/icons/copyright.svg
+++ b/lib/assets/icons/copyright.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M15 9.354a4 4 0 1 0 0 5.292"></path>
+
+</svg>
--- a/lib/assets/icons/currency.svg
+++ b/lib/assets/icons/currency.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="12" y1="2" x2="12" y2="22"></line>
+  <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path>
+
+</svg>
--- a/lib/assets/icons/dashboard.svg
+++ b/lib/assets/icons/dashboard.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="7" height="9"></rect>
+  <rect x="14" y="3" width="7" height="5"></rect>
+  <rect x="14" y="12" width="7" height="9"></rect>
+  <rect x="3" y="16" width="7" height="5"></rect>
+
+</svg>
--- a/lib/assets/icons/download.svg
+++ b/lib/assets/icons/download.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+</svg>
--- a/lib/assets/icons/dropdown.svg
+++ b/lib/assets/icons/dropdown.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M19 9L12 16L5 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
--- a/lib/assets/icons/edit.svg
+++ b/lib/assets/icons/edit.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M11 5H6C4.89543 5 4 5.89543 4 7V18C4 19.1046 4.89543 20 6 20H17C18.1046 20 19 19.1046 19 18V13M17.5858 3.58579C18.3668 2.80474 19.6332 2.80474 20.4142 3.58579C21.1953 4.36683 21.1953 5.63316 20.4142 6.41421L11.8284 15H9L9 12.1716L17.5858 3.58579Z"
+		stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
--- a/lib/assets/icons/exit.svg
+++ b/lib/assets/icons/exit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
--- a/lib/assets/icons/expand.svg
+++ b/lib/assets/icons/expand.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" />
+</svg>
--- a/lib/assets/icons/external.svg
+++ b/lib/assets/icons/external.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+    stroke-linejoin="round">
+    <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+    <polyline points="15 3 21 3 21 9"></polyline>
+    <line x1="10" y1="14" x2="21" y2="3"></line>
+</svg>
--- a/lib/assets/icons/eye-off.svg
+++ b/lib/assets/icons/eye-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/><line x1="1" y1="1" x2="23" y2="23"/></svg>
--- a/lib/assets/icons/eye.svg
+++ b/lib/assets/icons/eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
--- a/lib/assets/icons/file-text.svg
+++ b/lib/assets/icons/file-text.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+	stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
+	<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
+	<polyline points="14 2 14 8 20 8"></polyline>
+	<line x1="16" y1="13" x2="8" y2="13"></line>
+	<line x1="16" y1="17" x2="8" y2="17"></line>
+	<polyline points="10 9 9 9 8 9"></polyline>
+</svg>
--- a/lib/assets/icons/file.svg
+++ b/lib/assets/icons/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>
--- a/lib/assets/icons/filter.svg
+++ b/lib/assets/icons/filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-filter"><polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon></svg>
--- a/lib/assets/icons/gap.svg
+++ b/lib/assets/icons/gap.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" viewBox="0 0 14 2">
+	<path d="M18,12H6" transform="translate(-5 -11)" fill="none" stroke="currentColor" stroke-linecap="round"
+		stroke-linejoin="round" stroke-width="2" />
+</svg>
--- a/lib/assets/icons/github.svg
+++ b/lib/assets/icons/github.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" version="1.1" viewBox="0 0 24 24" xml:space="preserve">
+	<path fill="currentColor" class="st0"
+		d="m12 1c-6.3 0-11.3 5-11.3 11.3 0 5 3.2 9.2 7.7 10.7 0.6 0.1 0.8-0.2 0.8-0.5v-1.9c-3.2 0.6-3.8-1.6-3.8-1.6-0.5-1.3-1.3-1.7-1.3-1.7-1-0.7 0.1-0.7 0.1-0.7 1.1 0.1 1.7 1.2 1.7 1.2 1 1.7 2.7 1.2 3.3 0.9 0.1-0.7 0.4-1.2 0.7-1.5-2.5-0.2-5.1-1.2-5.1-5.5 0-1.2 0.4-2.2 1.2-3-0.1-0.3-0.5-1.4 0.1-3 0 0 1-0.3 3.1 1.2 0.9-0.3 1.8-0.5 2.8-0.5s1.9 0.1 2.8 0.4c2.2-1.5 3.1-1.2 3.1-1.2 0.6 1.6 0.2 2.7 0.1 3 0.7 0.8 1.2 1.8 1.2 3 0 4.4-2.6 5.3-5.2 5.6 0.4 0.3 0.8 1 0.8 2.1v3.1c0 0.3 0.2 0.7 0.8 0.5 4.5-1.5 7.7-5.7 7.7-10.7 0-6.2-5-11.2-11.3-11.2z" />
+</svg>
--- a/lib/assets/icons/globe.svg
+++ b/lib/assets/icons/globe.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10"></circle>
+  <line x1="2" y1="12" x2="22" y2="12"></line>
+  <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
+
+</svg>
--- a/lib/assets/icons/grid.svg
+++ b/lib/assets/icons/grid.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="7" height="7"></rect>
+  <rect x="14" y="3" width="7" height="7"></rect>
+  <rect x="14" y="14" width="7" height="7"></rect>
+  <rect x="3" y="14" width="7" height="7"></rect>
+
+</svg>
--- a/lib/assets/icons/hamburger.svg
+++ b/lib/assets/icons/hamburger.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+    stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
+    <line x1="3" y1="12" x2="21" y2="12" />
+    <line x1="3" y1="6" x2="21" y2="6" />
+    <line x1="3" y1="18" x2="21" y2="18" />
+</svg>
--- a/lib/assets/icons/hash.svg
+++ b/lib/assets/icons/hash.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line></svg>
--- a/lib/assets/icons/heart-handshake.svg
+++ b/lib/assets/icons/heart-handshake.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M20.42 4.58a5.4 5.4 0 0 0-7.65 0l-.77.78-.77-.78a5.4 5.4 0 0 0-7.65 0C1.46 6.7 1.33 10.28 4 13l8 8 8-8c2.67-2.72 2.54-6.3.42-8.42z"></path>
+  <path d="M12 5.36 8.87 8.5a2.13 2.13 0 0 0 0 3h0a2.13 2.13 0 0 0 3 0l2.26-2.21a3 3 0 0 1 4.22 0l2.4 2.4"></path>
+  <path d="m18 15-2-2"></path>
+  <path d="m15 18-2-2"></path>
+
+</svg>
--- a/lib/assets/icons/heart.svg
+++ b/lib/assets/icons/heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
+</svg>
--- a/lib/assets/icons/image.svg
+++ b/lib/assets/icons/image.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <circle cx="9" cy="9" r="2"></circle>
+  <path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path>
+
+</svg>
--- a/lib/assets/icons/info.svg
+++ b/lib/assets/icons/info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
--- a/lib/assets/icons/issues.svg
+++ b/lib/assets/icons/issues.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
--- a/lib/assets/icons/left-arrow.svg
+++ b/lib/assets/icons/left-arrow.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.414" height="12.162" viewBox="0 0 14.414 12.162">
+	<path d="M7.667,14.333,3,9.667m0,0L7.667,5M3,9.667H15" transform="translate(-1.586 -3.586)" fill="none"
+		stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" />
+</svg>
--- a/lib/assets/icons/light-bulb.svg
+++ b/lib/assets/icons/light-bulb.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="9" y1="18" x2="15" y2="18"></line>
+  <line x1="10" y1="22" x2="14" y2="22"></line>
+  <path d="M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14"></path>
+
+</svg>
--- a/lib/assets/icons/link.svg
+++ b/lib/assets/icons/link.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
+  <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
+
+</svg>
--- a/lib/assets/icons/list.svg
+++ b/lib/assets/icons/list.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="14" width="7" height="7"></rect>
+  <rect x="3" y="3" width="7" height="7"></rect>
+  <line x1="14" y1="4" x2="21" y2="4"></line>
+  <line x1="14" y1="9" x2="21" y2="9"></line>
+  <line x1="14" y1="15" x2="21" y2="15"></line>
+  <line x1="14" y1="20" x2="21" y2="20"></line>
+
+</svg>
--- a/lib/assets/icons/lock.svg
+++ b/lib/assets/icons/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
--- a/lib/assets/icons/log-out.svg
+++ b/lib/assets/icons/log-out.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+    stroke-linejoin="round">
+    <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
+    <polyline points="16 17 21 12 16 7"></polyline>
+    <line x1="21" y1="12" x2="9" y2="12"></line>
+</svg>
--- a/lib/assets/icons/moon.svg
+++ b/lib/assets/icons/moon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+    stroke-linejoin="round">
+    <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+</svg>
--- a/lib/assets/icons/omorphia.svg
+++ b/lib/assets/icons/omorphia.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25" aria-hidden="true"><path stroke="currentColor" stroke-width="2" d="M15.933 18.394c-3.261-.286-11.074-1.466-14.644-8.469m22.422 0c-2.114 4.291-10.8 11.927-16.017 13.026m6.18-21.87C10.268 3.06 5.496 9.72 5.633 14.388m17.732-5.664c-2.232-1.888-9.562-5.15-16.943 1.716m8.652-3.947c1.888 1.087 5.492 3.288 4.806 8.369m-9.956 2.787c-.286-1.888-.103-6.213 2.918-8.41m4.12 4.977a2.43 2.43 0 0 0-.075-.4m0 0c-.528-1.965-2.354-5.652-6.963-5.908m6.963 5.908c-2.856 2.601-6.11 3.11-7.65 2.975m7.65-2.975c.752-.685 1.702-2.374 2.36-3.376m-8.98 2.575c.687.744 3.468 2.369 4.978 2.231M24 12.5C24 18.851 18.851 24 12.5 24S1 18.851 1 12.5 6.149 1 12.5 1 24 6.149 24 12.5Z"/></svg>
--- a/lib/assets/icons/paintbrush.svg
+++ b/lib/assets/icons/paintbrush.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M18.37 2.63 14 7l-1.59-1.59a2 2 0 0 0-2.82 0L8 7l9 9 1.59-1.59a2 2 0 0 0 0-2.82L17 10l4.37-4.37a2.12 2.12 0 1 0-3-3Z"></path>
+  <path d="M9 8c-2 3-4 3.5-7 4l8 10c2-1 6-5 6-7"></path>
+  <path d="M14.5 17.5 4.5 15"></path>
+
+</svg>
--- a/lib/assets/icons/plus.svg
+++ b/lib/assets/icons/plus.svg
@@ -0,0 +1,12 @@
+<svg
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <line x1="12" y1="5" x2="12" y2="19"></line>
+  <line x1="5" y1="12" x2="19" y2="12"></line>
+</svg>
--- a/lib/assets/icons/report.svg
+++ b/lib/assets/icons/report.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" y1="22" x2="4" y2="15"/></svg>
--- a/lib/assets/icons/right-arrow.svg
+++ b/lib/assets/icons/right-arrow.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.414" height="12.162" viewBox="0 0 14.414 12.162">
+	<path d="M7.667,14.333,3,9.667m0,0L7.667,5M3,9.667H15" transform="translate(16 15.748) rotate(180)" fill="none"
+		stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" />
+</svg>
--- a/lib/assets/icons/save.svg
+++ b/lib/assets/icons/save.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg>
--- a/lib/assets/icons/search.svg
+++ b/lib/assets/icons/search.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+	<path
+		d="M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z"
+		stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
--- a/lib/assets/icons/send.svg
+++ b/lib/assets/icons/send.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <line x1="22" y1="2" x2="11" y2="13"></line>
+  <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
+
+</svg>
--- a/lib/assets/icons/server.svg
+++ b/lib/assets/icons/server.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line></svg>
--- a/lib/assets/icons/settings.svg
+++ b/lib/assets/icons/settings.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
+	stroke-width="2" viewBox="0 0 24 24">
+	<circle cx="12" cy="12" r="3" />
+	<path
+		d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z" />
+</svg>
--- a/lib/assets/icons/shield.svg
+++ b/lib/assets/icons/shield.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+	stroke-linecap="round" stroke-linejoin="round" class="feather feather-shield">
+	<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
+</svg>
--- a/lib/assets/icons/slash.svg
+++ b/lib/assets/icons/slash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-slash"><circle cx="12" cy="12" r="10"></circle><line x1="4.93" y1="4.93" x2="19.07" y2="19.07"></line></svg>
--- a/lib/assets/icons/star.svg
+++ b/lib/assets/icons/star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
--- a/lib/assets/icons/sun.svg
+++ b/lib/assets/icons/sun.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+    stroke-linejoin="round">
+    <circle cx="12" cy="12" r="5"></circle>
+    <line x1="12" y1="1" x2="12" y2="3"></line>
+    <line x1="12" y1="21" x2="12" y2="23"></line>
+    <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+    <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+    <line x1="1" y1="12" x2="3" y2="12"></line>
+    <line x1="21" y1="12" x2="23" y2="12"></line>
+    <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+    <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+</svg>
--- a/lib/assets/icons/sunrise.svg
+++ b/lib/assets/icons/sunrise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 18a5 5 0 0 0-10 0"></path><line x1="12" y1="2" x2="12" y2="9"></line><line x1="4.22" y1="10.22" x2="5.64" y2="11.64"></line><line x1="1" y1="18" x2="3" y2="18"></line><line x1="21" y1="18" x2="23" y2="18"></line><line x1="18.36" y1="11.64" x2="19.78" y2="10.22"></line><line x1="23" y1="22" x2="1" y2="22"></line><polyline points="8 6 12 2 16 6"></polyline></svg>
--- a/lib/assets/icons/tag.svg
+++ b/lib/assets/icons/tag.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z"></path>
+  <path d="M7 7h.01"></path>
+
+</svg>
--- a/lib/assets/icons/tags.svg
+++ b/lib/assets/icons/tags.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M9 5H2v7l6.29 6.29c.94.94 2.48.94 3.42 0l3.58-3.58c.94-.94.94-2.48 0-3.42L9 5Z"></path>
+  <path d="M6 9.01V9"></path>
+  <path d="m15 5 6.3 6.3a2.4 2.4 0 0 1 0 3.4L17 19"></path>
+
+</svg>
--- a/lib/assets/icons/transfer.svg
+++ b/lib/assets/icons/transfer.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <polyline points="17 11 21 7 17 3"></polyline>
+  <line x1="21" y1="7" x2="9" y2="7"></line>
+  <polyline points="7 21 3 17 7 13"></polyline>
+  <line x1="15" y1="17" x2="3" y2="17"></line>
+
+</svg>
--- a/lib/assets/icons/trash.svg
+++ b/lib/assets/icons/trash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg>
--- a/lib/assets/icons/undo.svg
+++ b/lib/assets/icons/undo.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M3 7v6h6"></path>
+  <path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"></path>
+
+</svg>
--- a/lib/assets/icons/unknown-donation.svg
+++ b/lib/assets/icons/unknown-donation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-dollar-sign"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
--- a/lib/assets/icons/unknown.svg
+++ b/lib/assets/icons/unknown.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10"></circle>
+  <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
+  <line x1="12" y1="17" x2="12.01" y2="17"></line>
+
+</svg>
--- a/lib/assets/icons/updated.svg
+++ b/lib/assets/icons/updated.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"></polyline><polyline points="23 20 23 14 17 14"></polyline><path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"></path></svg>
--- a/lib/assets/icons/upload.svg
+++ b/lib/assets/icons/upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="17 8 12 3 7 8"></polyline><line x1="12" y1="3" x2="12" y2="15"></line></svg>
--- a/lib/assets/icons/user-plus.svg
+++ b/lib/assets/icons/user-plus.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <line x1="19" y1="8" x2="19" y2="14"></line>
+  <line x1="22" y1="11" x2="16" y2="11"></line>
+
+</svg>
--- a/lib/assets/icons/user-x.svg
+++ b/lib/assets/icons/user-x.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path>
+  <circle cx="9" cy="7" r="4"></circle>
+  <line x1="17" y1="8" x2="22" y2="13"></line>
+  <line x1="22" y1="8" x2="17" y2="13"></line>
+
+</svg>
--- a/lib/assets/icons/user.svg
+++ b/lib/assets/icons/user.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+    stroke-linejoin="round">
+    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+    <circle cx="12" cy="7" r="4"></circle>
+</svg>
--- a/lib/assets/icons/users.svg
+++ b/lib/assets/icons/users.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+    stroke-linejoin="round">
+    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
+    <circle cx="9" cy="7" r="4"></circle>
+    <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
+    <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
+</svg>
--- a/lib/assets/icons/version.svg
+++ b/lib/assets/icons/version.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg>
--- a/lib/assets/icons/wiki.svg
+++ b/lib/assets/icons/wiki.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>
--- a/lib/assets/icons/x.svg
+++ b/lib/assets/icons/x.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+  <path fill-rule="evenodd"
+    d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+    clip-rule="evenodd" />
+</svg>
--- a/lib/assets/omorphia.scss
+++ b/lib/assets/omorphia.scss
@@ -0,0 +1,17 @@
+// Create the variables used by everything
+@import 'styles/variables';
+// Normalize styling across browsers to a standard stripped down form
+@import 'styles/normalize';
+
+// Add Omorphia base classes
+@import 'styles/classes';
+
+// Apply default styles
+@import 'styles/defaults';
+// Apply code block highlighting styles
+@import 'styles/highlightjs';
+
+// Apply Omorphia utility classes
+@import 'styles/utility';
+// Finally, apply accessibility-related global styling
+@import 'styles/accessibility';
--- a/lib/assets/styles/accessibility.scss
+++ b/lib/assets/styles/accessibility.scss
@@ -0,0 +1,6 @@
+button:focus-visible,
+a:focus-visible,
+[tabindex='0']:focus-visible {
+  outline: 0.25rem solid #ea80ff;
+  border-radius: 0.25rem;
+}
--- a/lib/assets/styles/classes.scss
+++ b/lib/assets/styles/classes.scss
@@ -0,0 +1,53 @@
+a,
+.clickable {
+  transition: opacity 0.5s ease-in-out, filter 0.2s ease-in-out, scale 0.05s ease-in-out,
+    outline 0.2s ease-in-out;
+
+  &:active:not(&:disabled) {
+    scale: 0.95;
+  }
+}
+
+.button-base {
+  @extend .clickable;
+  font-weight: 500;
+  border: none;
+  outline: 2px solid transparent;
+
+  &:focus-visible:not(&:disabled),
+  &:hover:not(&:disabled) {
+    cursor: pointer;
+    filter: brightness(0.85);
+  }
+
+  &:active:not(&:disabled) {
+    filter: brightness(0.8);
+  }
+
+  &:disabled.quiet-disabled {
+    cursor: unset;
+  }
+
+  &:disabled:not(.quiet-disabled),
+  &[disabled]:not(.quiet-disabled) {
+    cursor: not-allowed;
+    filter: grayscale(50%);
+    opacity: 0.5;
+    box-shadow: none;
+  }
+}
+
+.standard-button {
+  box-sizing: border-box;
+
+  color: var(--color-contrast);
+  background-color: var(--color-button-bg);
+  box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
+  border-radius: var(--radius-sm);
+}
+
+.standard-body {
+  :last-child {
+    margin-bottom: 0;
+  }
+}
--- a/lib/assets/styles/defaults.scss
+++ b/lib/assets/styles/defaults.scss
@@ -0,0 +1,31 @@
+// Use border box on everything to preserve everyone's sanity
+* {
+  box-sizing: border-box;
+}
+
+body {
+  // Defaults
+  background-color: var(--color-bg);
+  color: var(--color-base);
+  --font-standard: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto,
+    Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  --mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  font-family: var(--font-standard);
+  font-size: 16px;
+  font-weight: var(--font-weight-regular);
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  color: var(--color-blue);
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+a.uncolored {
+  color: inherit;
+}
--- a/lib/assets/styles/highlightjs.scss
+++ b/lib/assets/styles/highlightjs.scss
@@ -0,0 +1,89 @@
+.hljs,
+.hljs-subst {
+  color: #444;
+}
+
+.hljs-comment {
+  color: #888888;
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name {
+  color: #f58300;
+  font-weight: bold;
+}
+
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: var(--color-brand);
+}
+
+.hljs-title,
+.hljs-section {
+  color: #008888;
+  font-weight: bold;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #bc6060;
+}
+
+.hljs-literal {
+  color: #78a960;
+}
+
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #f58300;
+}
+
+.hljs-meta {
+  color: #1f7199;
+}
+
+.hljs-meta-string {
+  color: #4d99bf;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+pre {
+  background-color: #222222;
+  padding: 1em 1em 1em 1em;
+  border-width: 5px;
+  border-radius: 2em;
+  border-color: var(--color-brand);
+  overflow-x: hidden;
+
+  code {
+    line-height: 100%;
+    padding: 0.2em;
+    letter-spacing: -0.05em;
+    word-break: normal;
+    font-family: monospace;
+  }
+}
--- a/lib/assets/styles/normalize.scss
+++ b/lib/assets/styles/normalize.scss
@@ -0,0 +1,351 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input {
+  /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select {
+  /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type='checkbox'],
+[type='radio'] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type='search'] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}
--- a/lib/assets/styles/utility.scss
+++ b/lib/assets/styles/utility.scss
@@ -0,0 +1,136 @@
+$gaps: (
+  '0': 0,
+  'auto': auto,
+  'xs': var(--gap-xs),
+  'sm': var(--gap-sm),
+  'md': var(--gap-md),
+  'lg': var(--gap-lg),
+  'xl': var(--gap-xl),
+);
+
+@each $name, $value in $gaps {
+  [class*='padding-#{$name}'] {
+    padding: $value;
+  }
+  [class*='padding-inline-#{$name}'] {
+    padding-inline: $value;
+  }
+  [class*='padding-block-#{$name}'] {
+    padding-block: $value;
+  }
+  [class*='padding-top-#{$name}'] {
+    padding-top: $value;
+  }
+  [class*='padding-bottom-#{$name}'] {
+    padding-bottom: $value;
+  }
+  [class*='padding-left-#{$name}'] {
+    padding-left: $value;
+  }
+  [class*='padding-right-#{$name}'] {
+    padding-right: $value;
+  }
+  [class*='margin-#{$name}'] {
+    margin: $value;
+  }
+  [class*='margin-inline-#{$name}'] {
+    margin-inline: $value;
+  }
+  [class*='margin-block-#{$name}'] {
+    margin-block: $value;
+  }
+  [class*='margin-top-#{$name}'] {
+    margin-top: $value;
+  }
+  [class*='margin-bottom-#{$name}'] {
+    margin-bottom: $value;
+  }
+  [class*='margin-left-#{$name}'] {
+    margin-left: $value;
+  }
+  [class*='margin-right-#{$name}'] {
+    margin-right: $value;
+  }
+}
+
+$bg-colors: (
+  'base': var(--color-bg),
+  'raised': var(--color-raised-bg),
+  'clickable': var(--color-button-bg),
+  'brand': var(--color-brand),
+  'red': var(--color-red),
+  'orange': var(--color-orange),
+  'green': var(--color-green),
+  'blue': var(--color-blue),
+  'purple': var(--color-purple),
+  'gray': var(--color-gray),
+);
+
+@each $name, $value in $bg-colors {
+  [class*='bg-#{$name}'] {
+    background-color: $value;
+  }
+}
+
+$colors: (
+  'base': var(--color-base),
+  'contrast': var(--color-contrast),
+  'accent-contrast': var(--color-accent-contrast),
+  'brand': var(--color-brand),
+  'red': var(--color-red),
+  'orange': var(--color-orange),
+  'green': var(--color-green),
+  'blue': var(--color-blue),
+  'purple': var(--color-purple),
+  'gray': var(--color-gray),
+);
+
+@each $name, $value in $colors {
+  [class*='color-#{$name}'] {
+    color: $value;
+  }
+}
+
+$radii: (
+  '0': 0,
+  'xs': var(--radius-xs),
+  'sm': var(--radius-sm),
+  'md': var(--radius-md),
+  'lg': var(--radius-lg),
+  'xl': var(--radius-xl),
+  'max': var(--radius-max),
+);
+
+@each $name, $value in $gaps {
+  [class*='radius-#{$name}'] {
+    border-radius: $value;
+  }
+  [class*='radius-top-left-#{$name}'] {
+    border-top-left-radius: $value;
+  }
+  [class*='radius-bottom-left-#{$name}'] {
+    border-bottom-left-radius: $value;
+  }
+  [class*='radius-top-right-#{$name}'] {
+    border-top-right-radius: $value;
+  }
+  [class*='radius-bottom-right-#{$name}'] {
+    border-bottom-right-radius: $value;
+  }
+  [class*='radius-top-#{$name}'] {
+    border-top-right-radius: $value;
+    border-top-left-radius: $value;
+  }
+  [class*='radius-bottom-#{$name}'] {
+    border-bottom-right-radius: $value;
+    border-bottom-left-radius: $value;
+  }
+  [class*='radius-left-#{$name}'] {
+    border-top-left-radius: $value;
+    border-bottom-left-radius: $value;
+  }
+  [class*='radius-right-#{$name}'] {
+    border-top-right-radius: $value;
+    border-bottom-right-radius: $value;
+  }
+}
--- a/lib/assets/styles/variables.scss
+++ b/lib/assets/styles/variables.scss
@@ -0,0 +1,63 @@
+html {
+  @extend .light-mode;
+  --dark-color-base: #b0bac5;
+  --dark-color-contrast: #ecf9fb;
+
+  --gap-xs: 0.25rem;
+  --gap-sm: 0.5rem;
+  --gap-md: 0.75rem;
+  --gap-lg: 1rem;
+  --gap-xl: 1.5rem;
+
+  --radius-xs: 0.25rem;
+  --radius-sm: 0.5rem;
+  --radius-md: 0.75rem;
+  --radius-lg: 1rem;
+  --radius-xl: 1.25rem;
+  --radius-max: 999999999px;
+}
+
+.light-mode, .light {
+  --color-bg: #e5e7eb;
+  --color-raised-bg: #ffffff;
+  --color-button-bg: hsl(220, 13%, 91%);
+
+  --color-base: hsl(221, 39%, 11%);
+  --color-contrast: #1a202c;
+  --color-accent-contrast: #ffffff;
+
+  --color-red: #cb2245;
+  --color-orange: #e08325;
+  --color-green: #00af5c;
+  --color-blue: #1f68c0;
+  --color-purple: #8e32f3;
+  --color-gray: #595b61;
+
+  --color-brand: var(--color-green);
+}
+
+.dark-mode, .dark {
+  --color-bg: #16181c;
+  --color-raised-bg: #26292f;
+  --color-button-bg: hsl(222, 13%, 30%);
+
+  --color-base: var(--dark-color-base);
+  --color-contrast: var(--dark-color-contrast);
+  --color-accent-contrast: #000000;
+
+  --color-red: #ff496e;
+  --color-orange: #ffa347;
+  --color-green: #1bd96a;
+  --color-blue: #4f9cff;
+  --color-purple: #c78aff;
+  --color-gray: #9fa4b3;
+
+  --color-brand: var(--color-green);
+}
+
+.oled-mode {
+  @extend .dark-mode;
+  --color-bg: #000000;
+  --color-raised-bg: #101013;
+  --color-button-bg: #222329;
+}
--- a/lib/components/base/Button.vue
+++ b/lib/components/base/Button.vue
@@ -0,0 +1,142 @@
+<script setup>
+import { IssuesIcon, ExternalIcon, UnknownIcon} from '@/components'
+
+import { computed } from 'vue'
+
+const props = defineProps({
+  link: {
+    type: String,
+    default: null,
+  },
+  external: {
+    type: Boolean,
+    default: false,
+  },
+  action: {
+    type: Function,
+    default: null,
+  },
+  design: {
+    type: String,
+    default: 'default',
+  },
+  color: {
+    type: String,
+    default: 'default',
+  },
+  iconOnly: {
+    type: Boolean,
+    default: false,
+  }
+})
+
+const defaultDesign = computed(() => props.design === 'default')
+const accentedButton = computed(
+  () => defaultDesign.value && ['danger', 'primary'].includes(props.color)
+)
+</script>
+
+<template>
+  <!--  <nuxt-link-->
+  <!--    v-if="link && link.startsWith('/')"-->
+  <!--    class="omorphia__button button-base button-color-base padding-block-sm padding-inline-lg radius-sm"-->
+  <!--    :class="{-->
+  <!--      'icon-only': props.iconOnly,-->
+  <!--      'bg-raised': raised,-->
+  <!--      'bg-red': danger,-->
+  <!--      'bg-brand': primary,-->
+  <!--      'color-accent-contrast': danger || primary,-->
+  <!--    }"-->
+  <!--    :to="link"-->
+  <!--    :target="external ? '_blank' : '_self'"-->
+  <!--  >-->
+  <!--    <slot />-->
+  <!--    <Icon v-if="external && !props.iconOnly" class="external-icon" icon="external" />-->
+  <!--    <Icon v-if="!$slots.default" icon="unknown" />-->
+  <!--  </nuxt-link>-->
+  <a
+    v-if="link"
+    class="omorphia__button button-base padding-block-sm padding-inline-lg radius-sm"
+    :class="{
+      'standard-button': defaultDesign,
+      'icon-only': props.iconOnly,
+      'bg-raised': defaultDesign && color === 'raised',
+      'bg-red': defaultDesign && color === 'danger',
+      'bg-brand': defaultDesign && color === 'primary',
+      'color-accent-contrast': accentedButton,
+    }"
+    :href="link"
+    :target="external ? '_blank' : '_self'"
+  >
+    <slot />
+    <ExternalIcon v-if="external && !iconOnly" class="external-icon" />
+    <UnknownIcon v-if="!$slots.default" />
+  </a>
+  <button
+    v-else-if="action"
+    class="omorphia__button button-base padding-block-sm padding-inline-lg radius-sm"
+    :class="{
+      'standard-button': defaultDesign,
+      'icon-only': props.iconOnly,
+      'bg-raised': defaultDesign && color === 'raised',
+      'bg-red': defaultDesign && color === 'danger',
+      'bg-brand': defaultDesign && color === 'primary',
+      'color-accent-contrast': accentedButton,
+    }"
+    @click="action"
+  >
+    <slot />
+    <UnknownIcon v-if="!$slots.default" />
+  </button>
+  <div
+    v-else
+    class="omorphia__button button-base button-color-base padding-block-sm padding-inline-lg radius-sm bg-red color-accent-contrast"
+  >
+    <IssuesIcon />
+    Missing link or action!
+  </div>
+</template>
+
+<style lang="scss" scoped>
+:where(button) {
+  background: none;
+  color: var(--color-base);
+}
+
+.omorphia__button {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  width: fit-content;
+  height: fit-content;
+  text-decoration: none;
+
+  :deep(svg) {
+    width: 1.1rem;
+    height: 1.1rem;
+    margin-right: 0.5rem;
+  }
+
+  :deep(.external-icon) {
+    width: 0.75rem;
+    height: 0.75rem;
+    margin-bottom: auto;
+    margin-left: 0.25rem;
+    margin-right: 0;
+  }
+
+  &.icon-only {
+    padding: 0;
+    height: 2.25rem;
+    width: 2.25rem;
+
+    :deep(svg) {
+      min-width: 1.25rem;
+      max-width: 1.25rem;
+      min-height: 1.25rem;
+      max-height: 1.25rem;
+      margin: auto;
+    }
+  }
+}
+</style>
--- a/lib/components/base/Card.vue
+++ b/lib/components/base/Card.vue
@@ -0,0 +1,62 @@
+<script setup>
+import { Button, DropdownIcon } from '@/components'
+
+import { reactive } from 'vue'
+
+const props = defineProps({
+  collapsible: {
+    type: Boolean,
+    default: false,
+  },
+  defaultCollapsed: {
+    type: Boolean,
+    default: false,
+  },
+  noAutoBody: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const state = reactive({
+  collapsed: props.defaultCollapsed,
+})
+
+function toggleCollapsed() {
+  state.collapsed = !state.collapsed
+}
+</script>
+
+<template>
+  <div
+    class="omorphia__card standard-body padding-xl bg-raised radius-lg margin-bottom-md"
+    :class="{ 'auto-body': !noAutoBody }"
+  >
+    <div v-if="!!$slots.header || collapsible" class="header">
+      <slot name="header"></slot>
+      <div v-if="collapsible" class="button-group margin-left-auto margin-right-0">
+        <Button :action="toggleCollapsed">
+          <DropdownIcon :style="{ transform: `rotate(${state.collapsed ? 0 : 180}deg)` }" />
+        </Button>
+      </div>
+    </div>
+    <slot v-if="!state.collapsed" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.omorphia__card {
+}
+
+.header {
+  display: flex;
+
+  :deep(h1, h2, h3, h4) {
+    margin-block: 0;
+  }
+
+  &:not(:last-child) {
+    margin-bottom: var(--gap-lg);
+  }
+}
+</style>
--- a/lib/components/base/Page.vue
+++ b/lib/components/base/Page.vue
@@ -0,0 +1,121 @@
+<script setup>
+defineProps({
+  collapsible: {
+    type: Boolean,
+    default: false,
+  },
+  rightSidebar: {
+    type: Boolean,
+    default: false,
+  },
+})
+</script>
+
+<template>
+  <div
+    class="omorphia__page"
+    :class="{
+      'right-sidebar': rightSidebar,
+      'has-sidebar': !!$slots.sidebar,
+      'has-header': !!$slots.header,
+      'has-footer': !!$slots.footer,
+    }"
+  >
+    <div v-if="!!$slots.header" class="header">
+      <slot name="header" />
+    </div>
+    <div v-if="!!$slots.sidebar" class="sidebar">
+      <slot name="sidebar" />
+    </div>
+    <div class="content">
+      <slot />
+    </div>
+    <div v-if="!!$slots.footer" class="footer">
+      <slot name="footer" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.omorphia__page {
+  display: flex;
+  flex-direction: column;
+  padding: 0 0.75rem;
+
+  .header {
+    grid-area: header;
+  }
+
+  .sidebar {
+    grid-area: sidebar;
+  }
+
+  .footer {
+    grid-area: footer;
+  }
+
+  .content {
+    grid-area: content;
+  }
+}
+
+@media (min-width: 1024px) {
+  .omorphia__page {
+    margin: 0 auto;
+    max-width: 80rem;
+    column-gap: 0.75rem;
+
+    &.has-sidebar {
+      display: grid;
+      grid-template:
+        'sidebar content' auto
+        'footer content' auto
+        'dummy content' 1fr
+        / 20rem 1fr;
+
+      &.has-header {
+        grid-template:
+          'header header' auto
+          'sidebar content' auto
+          'footer content' auto
+          'dummy content' 1fr
+          / 20rem 1fr;
+      }
+
+      &.right-sidebar {
+        grid-template:
+          'content sidebar' auto
+          'content footer' auto
+          'content dummy' 1fr
+          / 1fr 20rem;
+
+        &.has-header {
+          grid-template:
+            'header header' auto
+            'content sidebar' auto
+            'content footer' auto
+            'content dummy' 1fr
+            / 1fr 20rem;
+        }
+      }
+
+      .content {
+        max-width: calc(60rem - 0.75rem);
+      }
+    }
+  }
+
+  .sidebar {
+    min-width: 20rem;
+    width: 20rem;
+  }
+}
+
+@media (min-width: 80rem) {
+  .omorphia__page.has-sidebar {
+    .content {
+      width: calc(60rem - 0.75rem);
+    }
+  }
+}
+</style>
--- a/lib/components/index.js
+++ b/lib/components/index.js
@@ -0,0 +1,88 @@
+export { default as Card } from './base/Card.vue'
+export { default as Page } from './base/Page.vue'
+export { default as Button } from './base/Button.vue'
+
+export { default as NavItem } from './nav/NavItem.vue'
+export { default as NavRow } from './nav/NavRow.vue'
+export { default as NavStack } from './nav/NavStack.vue'
+
+export { default as AlignLeftIcon } from '@/assets/icons/align-left.svg'
+export { default as ArchiveIcon } from '@/assets/icons/archive.svg'
+export { default as AsteriskIcon } from '@/assets/icons/asterisk.svg'
+export { default as BellIcon } from '@/assets/icons/bell.svg'
+export { default as BellRingIcon } from '@/assets/icons/bell-ring.svg'
+export { default as BookIcon } from '@/assets/icons/book.svg'
+export { default as BoxIcon } from '@/assets/icons/box.svg'
+export { default as CalendarIcon } from '@/assets/icons/calendar.svg'
+export { default as ChartIcon } from '@/assets/icons/chart.svg'
+export { default as CheckIcon } from '@/assets/icons/check.svg'
+export { default as CheckCircleIcon } from '@/assets/icons/check-circle.svg'
+export { default as ChevronLeftIcon } from '@/assets/icons/chevron-left.svg'
+export { default as ChevronRightIcon } from '@/assets/icons/chevron-right.svg'
+export { default as ClearIcon } from '@/assets/icons/clear.svg'
+export { default as ClientIcon } from '@/assets/icons/client.svg'
+export { default as ClipboardCopyIcon } from '@/assets/icons/clipboard-copy.svg'
+export { default as CoinsIcon } from '@/assets/icons/coins.svg'
+export { default as ContractIcon } from '@/assets/icons/contract.svg'
+export { default as copyrightIcon } from '@/assets/icons/copyright.svg'
+export { default as CurrencyIcon } from '@/assets/icons/currency.svg'
+export { default as DashboardIcon } from '@/assets/icons/dashboard.svg'
+export { default as DownloadIcon } from '@/assets/icons/download.svg'
+export { default as DropdownIcon } from '@/assets/icons/dropdown.svg'
+export { default as EditIcon } from '@/assets/icons/edit.svg'
+export { default as ExitIcon } from '@/assets/icons/exit.svg'
+export { default as ExpandIcon } from '@/assets/icons/expand.svg'
+export { default as ExternalIcon } from '@/assets/icons/external.svg'
+export { default as EyeIcon } from '@/assets/icons/eye.svg'
+export { default as EyeOffIcon } from '@/assets/icons/eye-off.svg'
+export { default as FileIcon } from '@/assets/icons/file.svg'
+export { default as FileTextIcon } from '@/assets/icons/file-text.svg'
+export { default as FilterIcon } from '@/assets/icons/filter.svg'
+export { default as GapIcon } from '@/assets/icons/gap.svg'
+export { default as GitHubIcon } from '@/assets/icons/github.svg'
+export { default as GlobeIcon } from '@/assets/icons/globe.svg'
+export { default as GridIcon } from '@/assets/icons/grid.svg'
+export { default as HamburgerIcon } from '@/assets/icons/hamburger.svg'
+export { default as HashIcon } from '@/assets/icons/hash.svg'
+export { default as HeartHandshakeIcon } from '@/assets/icons/heart-handshake.svg'
+export { default as ImageIcon } from '@/assets/icons/image.svg'
+export { default as InfoIcon } from '@/assets/icons/info.svg'
+export { default as IssuesIcon } from '@/assets/icons/issues.svg'
+export { default as LeftArrowIcon } from '@/assets/icons/left-arrow.svg'
+export { default as LightBulbIcon } from '@/assets/icons/light-bulb.svg'
+export { default as LinkIcon } from '@/assets/icons/link.svg'
+export { default as ListIcon } from '@/assets/icons/list.svg'
+export { default as LockIcon } from '@/assets/icons/lock.svg'
+export { default as LogOutIcon } from '@/assets/icons/log-out.svg'
+export { default as MoonIcon } from '@/assets/icons/moon.svg'
+export { default as OmorphiaIcon } from '@/assets/icons/omorphia.svg'
+export { default as PaintBrushIcon } from '@/assets/icons/paintbrush.svg'
+export { default as PlusIcon } from '@/assets/icons/plus.svg'
+export { default as ReportIcon } from '@/assets/icons/report.svg'
+export { default as RightArrowIcon } from '@/assets/icons/right-arrow.svg'
+export { default as SaveIcon } from '@/assets/icons/save.svg'
+export { default as SearchIcon } from '@/assets/icons/search.svg'
+export { default as SendIcon } from '@/assets/icons/send.svg'
+export { default as ServerIcon } from '@/assets/icons/server.svg'
+export { default as SettingsIcon } from '@/assets/icons/settings.svg'
+export { default as ShieldIcon } from '@/assets/icons/shield.svg'
+export { default as SlashIcon } from '@/assets/icons/slash.svg'
+export { default as StarIcon } from '@/assets/icons/star.svg'
+export { default as SunIcon } from '@/assets/icons/sun.svg'
+export { default as SunriseIcon } from '@/assets/icons/sunrise.svg'
+export { default as TagIcon } from '@/assets/icons/tag.svg'
+export { default as TagsIcon } from '@/assets/icons/tags.svg'
+export { default as TransferIcon } from '@/assets/icons/transfer.svg'
+export { default as TrashIcon } from '@/assets/icons/trash.svg'
+export { default as UndoIcon } from '@/assets/icons/undo.svg'
+export { default as UnknownIcon } from '@/assets/icons/unknown.svg'
+export { default as UnknownDonationIcon } from '@/assets/icons/unknown-donation.svg'
+export { default as UpdatedIcon } from '@/assets/icons/updated.svg'
+export { default as UploadIcon } from '@/assets/icons/upload.svg'
+export { default as UserIcon } from '@/assets/icons/user.svg'
+export { default as UserPlusIcon } from '@/assets/icons/user-plus.svg'
+export { default as UserXIcon } from '@/assets/icons/user-x.svg'
+export { default as UsersIcon } from '@/assets/icons/users.svg'
+export { default as VersionIcon } from '@/assets/icons/version.svg'
+export { default as WikiIcon } from '@/assets/icons/wiki.svg'
+export { default as XIcon } from '@/assets/icons/x.svg'
--- a/lib/components/nav/NavItem.vue
+++ b/lib/components/nav/NavItem.vue
@@ -0,0 +1,50 @@
+<script setup>
+import { Button } from '@/components'
+
+defineProps({
+  link: {
+    type: String,
+    default: null,
+  },
+  external: {
+    type: Boolean,
+    default: false,
+  },
+  action: {
+    type: Function,
+    default: null,
+  },
+  selected: {
+    type: Boolean,
+    default: false,
+  },
+  label: {
+    type: String,
+    required: true,
+  },
+  icon: {
+    type: String,
+    default: null,
+  },
+})
+</script>
+
+<template>
+  <Button
+    :link="link"
+    :external="external"
+    :action="action"
+    design="nav"
+    class="quiet-disabled"
+    :class="{
+      selected: selected,
+    }"
+    :disabled="selected"
+    :navlabel="label"
+  >
+    <slot />
+    {{ label }}
+  </Button>
+</template>
+
+<style lang="scss" scoped></style>
--- a/lib/components/nav/NavRow.vue
+++ b/lib/components/nav/NavRow.vue
@@ -0,0 +1,47 @@
+<script setup>
+defineProps({})
+</script>
+
+<template>
+  <div class="omorphia__navrow">
+    <slot />
+    <div class="margin-left-auto">
+      <slot name="right" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.omorphia__navrow {
+  display: flex;
+  flex-direction: row;
+
+  :deep(.omorphia__button) {
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      width: calc(100% - var(--gap-lg) * 2);
+      height: 4px;
+      bottom: 4px;
+      border-radius: var(--radius-max);
+      background-color: var(--color-brand);
+      opacity: 0;
+    }
+
+    &:hover::after {
+      opacity: 50%;
+    }
+
+    &.selected {
+      color: var(--color-contrast);
+      font-weight: bold;
+
+      &::after {
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>
--- a/lib/components/nav/NavStack.vue
+++ b/lib/components/nav/NavStack.vue
@@ -0,0 +1,26 @@
+<script setup>
+defineProps({})
+</script>
+
+<template>
+  <div class="omorphia__navstack">
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.omorphia__navstack {
+  display: flex;
+  flex-direction: column;
+
+  :deep(.omorphia__button) {
+    position: relative;
+    width: 100%;
+
+    &.selected {
+      background-color: var(--color-button-bg);
+      font-weight: bold;
+    }
+  }
+}
+</style>
--- a/lib/index.js
+++ b/lib/index.js
@@ -0,0 +1,12 @@
+import * as components from './components'
+
+function install (app) {
+  for (const key in components) {
+    app.component(key, components[key])
+  }
+}
+
+export default { install }
+export * from './components'
+
+import './assets/omorphia.scss'
				`@@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>`
				`@@ -0,0 +1 @@`
				`<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" /></svg>`
				`@@ -0,0 +1 @@`
				`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="9" x2="20" y2="9"></line><line x1="4" y1="15" x2="20" y2="15"></line><line x1="10" y1="3" x2="8" y2="21"></line><line x1="16" y1="3" x2="14" y2="21"></line></svg>`
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25" aria-hidden="true"><path stroke="currentColor" stroke-width="2" d="M15.933 18.394c-3.261-.286-11.074-1.466-14.644-8.469m22.422 0c-2.114 4.291-10.8 11.927-16.017 13.026m6.18-21.87C10.268 3.06 5.496 9.72 5.633 14.388m17.732-5.664c-2.232-1.888-9.562-5.15-16.943 1.716m8.652-3.947c1.888 1.087 5.492 3.288 4.806 8.369m-9.956 2.787c-.286-1.888-.103-6.213 2.918-8.41m4.12 4.977a2.43 2.43 0 0 0-.075-.4m0 0c-.528-1.965-2.354-5.652-6.963-5.908m6.963 5.908c-2.856 2.601-6.11 3.11-7.65 2.975m7.65-2.975c.752-.685 1.702-2.374 2.36-3.376m-8.98 2.575c.687.744 3.468 2.369 4.978 2.231M24 12.5C24 18.851 18.851 24 12.5 24S1 18.851 1 12.5 6.149 1 12.5 1 24 6.149 24 12.5Z"/></svg>