2 files changed, 78 insertions, 0 deletions
diff --git a/packages/web/site/static/atom.svg b/packages/web/site/static/atom.svg
new file mode 100644
index 0000000..22a8b23
--- /dev/null
+++ b/packages/web/site/static/atom.svg
@@ -0,0 +1,7 @@
+<svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="40" cy="40" r="4" fill="#c5c9c5" stroke="#c5c9c5" stroke-width="2"/>
+
+  <ellipse cx="40" cy="40" rx="25" ry="12" fill="none" stroke="#c5c9c5" stroke-width="2"/>
+  <ellipse cx="40" cy="40" rx="25" ry="12" fill="none" stroke="#c5c9c5" stroke-width="2" transform="rotate(60 40 40)"/>
+  <ellipse cx="40" cy="40" rx="25" ry="12" fill="none" stroke="#c5c9c5" stroke-width="2" transform="rotate(120 40 40)"/>
+</svg>
diff --git a/packages/web/site/static/theme.css b/packages/web/site/static/theme.css
new file mode 100644
index 0000000..873a6ca
--- /dev/null
+++ b/packages/web/site/static/theme.css
@@ -0,0 +1,71 @@
+/* Global Reset */
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-size: 110%;
+    margin: 0.50em 0;
+}
+
+h1 { font-size: 120%; }
+
+:root {
+    --bg: #181616;
+    --fg: #c5c9c5;
+    --link: #76946a;
+    --linkhover: #98bb6c;
+}
+
+html {
+    scroll-behavior: smooth;
+    color-scheme: dark;
+}
+
+body {
+    font-size: 1em;
+    font-family: system-ui, sans-serif;
+    padding: 0 0.75em;
+    max-width: 42em;
+    margin: auto;
+    background: var(--bg);
+    color: var(--fg);
+}
+
+p {
+    line-height: 1.3em;
+    margin: 1em 0;
+}
+
+th, td {
+    padding: 0.2em 0.4em;
+    border: thin solid;
+}
+
+table {
+    border: thin solid;
+    border-collapse: collapse;
+}
+
+a, a:link {
+    color: var(--link);
+}
+
+a:hover {
+    color: var(--linkhover);
+}
+
+article img {
+    display: block;
+    margin: 0 auto;
+    max-width: 80%;
+    height: auto;
+    object-fit: contain;
+}
+
+pre {
+    padding: 1em;
+    overflow-x: scroll;
+}