add textarea

app/src/app.css

@@ -0,0 +1,9 @@
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly
+}
+
+a[href^="/"] {
+  text-decoration: none;
+}

app/src/app.tsx

@@ -1,3 +1,4 @@
+import "./app.css";
 import { createSignal } from "solid-js";
 import Index from "./pages/index";
 import Page from "./pages/page";
@@ -30,7 +31,10 @@ export default () => {
   return () => (
     <>
       <header>
-        <h1>Quot</h1>
+        <h1>
+          <a href="/">Quot</a>
+        </h1>
+        <a href="/new">📄</a>
       </header>
       {routes[pathname()] ?? <Page id={Number(pathname().slice(1))} />}
     </>

app/src/components/editor.css

@@ -0,0 +1,3 @@
+.editor {
+  inline-size: 100%;
+}

app/src/components/editor.tsx

@@ -1 +1,14 @@
-export default () => <>Editor (WIP)</>;
+import "./editor.css";
+
+export default () => (
+  <textarea
+    class="editor"
+    autofocus
+    onInput={(e) => {
+      e.currentTarget.setAttribute(
+        "rows",
+        String(Math.max(2, e.currentTarget.value.split("\n").length))
+      );
+    }}
+  ></textarea>
+);