From 67b09ab62f460b97b6f5c0cc97731e01fa421a79 Mon Sep 17 00:00:00 2001
From: Tirey Morris <tirey@hey.com>
Date: Thu, 23 May 2024 18:31:44 -0500
Subject: [PATCH] stage2

---
 public/styles/uno.css |  8 ++++++++
 src/server.tsx        | 24 +++++++++++++++++++++---
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/public/styles/uno.css b/public/styles/uno.css
index a7560e8..b4645ba 100644
--- a/public/styles/uno.css
+++ b/public/styles/uno.css
@@ -21,12 +21,16 @@
 
 /* layer: default */
 .m-0{margin:0;}
+.m-auto{margin:auto;}
 .h-8{height:2rem;}
+.h-full{height:100%;}
 .flex{display:flex;}
+.flex-col{flex-direction:column;}
 .cursor-pointer{cursor:pointer;}
 .items-center{align-items:center;}
 .justify-center{justify-content:center;}
 .gap-3{gap:0.75rem;}
+.gap-8{gap:2rem;}
 .border{border-width:1px;}
 .border-gray-2{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));}
 .focus\:border-blue-200:focus{--un-border-opacity:1;border-color:rgb(191 219 254 / var(--un-border-opacity));}
@@ -34,13 +38,17 @@
 .border-none{border-style:none;}
 .border-solid{border-style:solid;}
 .bg-blue-100{--un-bg-opacity:1;background-color:rgb(219 234 254 / var(--un-bg-opacity));}
+.bg-blue-200{--un-bg-opacity:1;background-color:rgb(191 219 254 / var(--un-bg-opacity));}
 .bg-blue-300{--un-bg-opacity:1;background-color:rgb(147 197 253 / var(--un-bg-opacity));}
+.bg-slate-200{--un-bg-opacity:1;background-color:rgb(226 232 240 / var(--un-bg-opacity));}
 .bg-transparent{background-color:transparent;}
 .hover\:bg-blue-400:hover{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity));}
 .p-0{padding:0;}
+.px-10{padding-left:2.5rem;padding-right:2.5rem;}
 .px-4{padding-left:1rem;padding-right:1rem;}
 .py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
 .py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
+.py-8{padding-top:2rem;padding-bottom:2rem;}
 .pl-3{padding-left:0.75rem;}
 .pr-10{padding-right:2.5rem;}
 .text-base{font-size:1rem;line-height:1.5rem;}
diff --git a/src/server.tsx b/src/server.tsx
index 90288d3..926e5dd 100644
--- a/src/server.tsx
+++ b/src/server.tsx
@@ -5,10 +5,28 @@ import Layout from "./components/Layout.tsx";
 
 const app = new Hono();
 
-//  app.use("/styles/*", serveStatic({ root: "./public/" }));
-
+app.use("/styles/*", serveStatic({ root: "./public/" }));
 app.use("*", logger());
-app.get("/", (c) => c.text("Hello world!"));
+
+app.get("/", (c) =>
+  c.html(
+    <Layout title="hyperwave">
+      <main class="m-auto flex h-full flex-col items-center gap-8 px-10 py-8">
+        <h1>🌊 welcome to hyperwave</h1>
+        <pre class="rounded-md bg-blue-200 px-4 py-2">
+          ⌨️ edit <code class="bg-slate-200">src/server.tsx</code>
+        </pre>
+        <pre class="rounded-md bg-blue-200 px-4 py-2">
+          📚 read the{" "}
+          <a href="https://github.com/tireymorris/hyperwave?tab=readme-ov-file#hyperwave-">
+            friendy manual
+          </a>
+          !
+        </pre>
+      </main>
+    </Layout>,
+  ),
+);
 
 export default {
   port: process.env.PORT || 1234,