feur

pages/components/login.tsx

@@ -3,7 +3,10 @@
 import { jsx } from "https://deno.land/x/hono@v4.3.10/middleware.ts"
 
 export default function Login() {
-    return (<div>
-
-    </div>)
-}
+    return (
+        <form action="/api/login" method="post">
+            <input type="text" name="login"/>
+            <input type="password" name="password"/>
+        </form>
+    )
+}

pages/login.tsx

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+
+import { jsx } from "https://deno.land/x/hono@v4.3.10/middleware.ts"
+import { BasePage } from "./components/base.tsx";
+import Heading from "./components/heading.tsx";
+import Main from "./components/main.tsx";
+import Login from "./components/login.tsx";
+
+export default function LoginPage() {
+    return (
+    <BasePage name="Login">
+        <Main>
+            <h1>Login</h1>
+            <Login/>
+        </Main>
+    </BasePage>
+    )
+}