frontend styling and misc fixes

templates/documentation/menu.html

@@ -1,4 +1,4 @@
-<ul class="menu bg-base-200 rounded-box">
+<ul class="menu bg-base-200 rounded-box w-full">
   <li><a hx-boost="true" href="/documentation">Start</a></li>
   <li><a hx-boost="true" class="" href="/documentation/privacy-policy">Privacy Policy</a></li>
   <li>

templates/index/hero.html

@@ -39,11 +39,8 @@
       <div class="space-y-4">
         <div class="flex justify-center gap-4">
           <a class="btn btn-primary btn-lg" hx-boost="true" href="/signup">Get Started</a>
-          <a class="btn btn-outline btn-lg">Learn More</a>
+          <a class="btn btn-outline btn-lg" hx-boost="true" href="/documentation">Learn More</a>
         </div>
-        <p class="text-sm text-base-content/60">
-          Currently processing {{queue_length}} items in queue
-        </p>
       </div>
 
     </div>

templates/index/index.html

@@ -1,7 +1,7 @@
 {% extends "body_base.html" %}
 {% block main %}
 {% if user %}
-{% include 'index/signed_in_view.html' %}
+{% include 'index/signed_in/base.html' %}
 {% else %}
 {% include 'index/hero.html' %}
 {% if not gdpr_accepted %}

templates/index/signed_in/base.html

@@ -0,0 +1,9 @@
+<div class="flex justify-center grow mt-2 sm:mt-4 gap-6">
+  <div class="container">
+    {% include 'index/signed_in/searchbar.html' %}
+
+    {% include "index/signed_in/recent_content.html" %}
+
+    {% include "index/signed_in/quick_actions.html" %}
+  </div>
+</div>

templates/index/signed_in/quick_actions.html

@@ -0,0 +1,7 @@
+<div class="card bg-base-100 shadow-xl mt-4">
+  <div class="card-body">
+    <div class="flex gap-4">
+      <a class="btn btn-primary" hx-get="/ingress-form" hx-swap="outerHTML">Add Content</a>
+    </div>
+  </div>
+</div>

templates/index/signed_in/recent_content.html

@@ -0,0 +1,20 @@
+<div class="card bg-base-100 shadow-xl mt-4">
+  <div class="card-body">
+    <h2 class="card-title">Recently Added Content</h2>
+    <ul class="list bg-base-100 rounded-box shadow-md">
+
+      <li class="list-row">
+        <div><img class="size-10 rounded-box" src="https://img.daisyui.com/images/profile/demo/1@94.webp" /></div>
+        <div>
+          <div>Dio Lupa</div>
+          <div class="text-xs uppercase font-semibold opacity-60">Remaining Reason</div>
+        </div>
+        <button class="btn btn-outline">
+          Edit
+        </button>
+        <button class="btn btn-error">
+          Delete </button>
+      </li>
+    </ul>
+  </div>
+</div>

templates/index/signed_in/searchbar.html

@@ -0,0 +1,13 @@
+<div class="">
+  <!-- <div class="card bg-base-100 shadow-xl"> -->
+  <div class="card-body">
+    <h2 class="card-title">
+      Search your content
+    </h2>
+    <input type="text" placeholder="Search your knowledge base" class="input input-bordered w-full" name="query"
+      hx-get="/search" hx-target="#search-results" />
+    <div id="search-results" class="mt-4">
+      <!-- Results will be populated here by HTMX -->
+    </div>
+  </div>
+</div>

templates/index/signed_in_view.html

@@ -1,31 +0,0 @@
-<div class="flex justify-center grow mt-2 sm:mt-4 gap-6">
-  <div class="container">
-    <!-- Search Bar -->
-    <div class="form-control w-full mx-auto mt-8 flex flex-col justify-center">
-      <h1 class="textl-lg text-center pb-5">So here you can search all your ingressed documents</h1>
-      <input type="text" placeholder="Search your knowledge base" class="mx-auto input input-bordered w-full sm:w-3/4"
-        name="query" hx-get="/search" hx-target="#search-results" />
-      <div id="search-results" class="mt-4">
-        <!-- Results will be populated here by HTMX -->
-      </div>
-    </div>
-
-    <!-- Recent Activity -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body">
-        <h2 class="card-title">Recent Activity</h2>
-        <div class="skeleton h-32 w-full"></div>
-      </div>
-    </div>
-
-    <!-- Quick Actions - Modified button to link to ingress form -->
-    <div class="card bg-base-100 shadow-xl mt-4">
-      <div class="card-body">
-        <h2 class="card-title">Quick Actions</h2>
-        <div class="flex gap-4">
-          <a class="btn btn-primary" hx-get="/ingress-form" hx-swap="outerHTML">Add Content</a>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>