12 files changed, 70 insertions, 0 deletions

diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png
new file mode 100644
index 0000000..3f97c2a
--- /dev/null
+++ b/assets/apple-touch-icon.png
diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000..7bf9cea
--- /dev/null
+++ b/assets/favicon.ico
diff --git a/assets/favicon.svg b/assets/favicon.svg
new file mode 100644
index 0000000..feefbac
--- /dev/null
+++ b/assets/favicon.svg
@@ -0,0 +1 @@
+<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="m29.856 55.488c-14.112 0-25.344-11.52-25.344-25.632s11.232-25.344 25.344-25.344 25.632 11.232 25.632 25.344-11.52 25.632-25.632 25.632z" transform="scale(0.266667)"/></svg>
diff --git a/assets/img/sky-a.jpg b/assets/img/sky-a.jpg
new file mode 100644
index 0000000..a2936c0
--- /dev/null
+++ b/assets/img/sky-a.jpg
diff --git a/assets/img/sky-b.jpg b/assets/img/sky-b.jpg
new file mode 100644
index 0000000..e32ac6a
--- /dev/null
+++ b/assets/img/sky-b.jpg
diff --git a/assets/og-image.png b/assets/og-image.png
new file mode 100644
index 0000000..c86ce75
--- /dev/null
+++ b/assets/og-image.png
diff --git a/assets/style/root.css b/assets/style/root.css
new file mode 100644
index 0000000..28b325d
--- /dev/null
+++ b/assets/style/root.css
@@ -0,0 +1,38 @@
+:root {
+  --background-color: var(--uchu-gray-1);
+  --base-grid-color1: oklch(var(--uchu-blue-3-raw) / 30%);
+  --base-grid-color2: oklch(var(--uchu-purple-3-raw) / 30%);
+  --baseline: calc(var(--line-height) / 2);
+  --block-spacing-bottom: var(--line-height);
+  --block-spacing-top: 0;
+  --column-gap: calc(var(--line-height) * 2);
+  --display-scale: 1;
+  --font-mono: "inc mono";
+  --font-sans: null;
+  --font-serif: null;
+  --font-size: 12px;
+  --foreground-color: oklch(var(--uchu-yin-raw) / 80%);
+  --h1-size: 2.8rem;
+  --h2-size: 2.2rem;
+  --h3-size: 1.4rem;
+  --h4-size: 1.1rem;
+  --hr-thickness: 2px;
+  --line-height: calc(var(--font-size) * 1.5);
+  --pixel: 1px;
+  --row-gap: var(--line-height);
+
+  @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
+    --display-scale: 2;
+    --pixel: 0.5px;
+  }
+
+  @media only screen and (min-device-pixel-ratio: 2.5), only screen and (min-resolution: 2.5dppx) {
+    --display-scale: 3;
+    --pixel: 0.34px;
+  }
+
+  @media only screen and (min-device-pixel-ratio: 3.5), only screen and (min-resolution: 3.5dppx) {
+    --display-scale: 4;
+    --pixel: 0.25px;
+  }
+}
diff --git a/assets/style/type.css b/assets/style/type.css
new file mode 100644
index 0000000..2096864
--- /dev/null
+++ b/assets/style/type.css
@@ -0,0 +1,31 @@
+@font-face {
+  font-display: swap;
+  font-family: "inc mono";
+  font-style: normal;
+  font-weight: 400;
+  src: url("../type/400.woff2") format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "inc mono";
+  font-style: italic;
+  font-weight: 400;
+  src: url("../type/400i.woff2") format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "inc mono";
+  font-style: normal;
+  font-weight: 600;
+  src: url("../type/600.woff2") format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "inc mono";
+  font-style: italic;
+  font-weight: 600;
+  src: url("../type/600i.woff2") format("woff2");
+}
diff --git a/assets/type/400.woff2 b/assets/type/400.woff2
new file mode 100644
index 0000000..ffafed3
--- /dev/null
+++ b/assets/type/400.woff2
diff --git a/assets/type/400i.woff2 b/assets/type/400i.woff2
new file mode 100644
index 0000000..527be83
--- /dev/null
+++ b/assets/type/400i.woff2
diff --git a/assets/type/600.woff2 b/assets/type/600.woff2
new file mode 100644
index 0000000..57a7053
--- /dev/null
+++ b/assets/type/600.woff2
diff --git a/assets/type/600i.woff2 b/assets/type/600i.woff2
new file mode 100644
index 0000000..5a12834
--- /dev/null
+++ b/assets/type/600i.woff2