Initial

example/html/index.html

@@ -0,0 +1,38 @@
+{% extends "_atto/root.html" %} {% block body %}
+<nav>
+    <div class="content_container">
+        <div class="flex nav_side">
+            <a href="/" class="button desktop title">
+                <b>{{ name }}</b>
+            </a>
+
+            <a href="/" class="button active">Home</a>
+        </div>
+
+        <div class="flex nav_side">
+            <a href="/_atto/login" class="button">Login</a>
+            <a href="/_atto/register" class="button">Register</a>
+        </div>
+    </div>
+</nav>
+
+<main class="flex flex-col gap-2">
+    <h1>Hello, world!</h1>
+
+    <div class="pillmenu">
+        <a class="active" href="#">A</a>
+        <a href="#">B</a>
+        <a href="#">C</a>
+    </div>
+
+    <div class="card w-full flex flex-col gap-2">
+        <div class="flex gap-2 flex-wrap">
+            <button>Hello, world!</button>
+            <button class="secondary">Hello, world!</button>
+            <button class="camo">Hello, world!</button>
+        </div>
+
+        <input type="text" placeholder="abcd" />
+    </div>
+</main>
+{% endblock %}