First implementation with progressive enhancement form

2023-06-21 00:16:50 +02:00
parent 5e34f24013
commit c1c58118a2
18 changed files with 4647 additions and 3907 deletions
@@ -2,4 +2,32 @@
  import '../app.css'
 </script>

-<slot />
+<html lang="en" data-theme="retro">
+  <div class="navbar bg-base-100">
+    <div class="navbar-start">
+      <div class="dropdown">
+        <label tabindex="0" class="btn-ghost btn lg:hidden">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
+        </label>
+        <ul tabindex="0" class="dropdown-content menu rounded-box menu-sm mt-3 w-52 bg-base-100 p-2 shadow">
+          <li><a href="/">Home</a></li>
+          <li><a href="/dash">Dashboard</a></li>
+        </ul>
+      </div>
+      <a class="btn-ghost btn text-xl normal-case" href="/">Relevant A/B testing</a>
+    </div>
+    <div class="navbar-center hidden lg:flex">
+      <ul class="menu menu-horizontal px-1">
+        <li><a href="/">Home</a></li>
+        <li><a href="/dash">Dashboard</a></li>
+      </ul>
+    </div>
+    <div class="navbar-end">
+      <a class="btn-primary btn min-w-0" href="/logout">Clear session cookie</a>
+    </div>
+  </div>
+
+  <slot />
+
+  <div class="block h-32"></div>
+</html>