wip: query html

This commit is contained in:
Per Stark
2024-12-10 16:46:04 +01:00
parent 42e2aad2b0
commit cd7604c0ef
8 changed files with 173 additions and 7 deletions

View File

@@ -10,13 +10,17 @@
<p class="text-gray-400 text-xl">
An experiment in creating a second brain
</p>
<p class="text-gray-400 text-lg">
There are {{queue_length}} messages queued for ingression.
</p>
</div>
<!-- Search Bar -->
<div class="w-full max-w-2xl">
<input type="text" placeholder="Search..."
<input type="text" placeholder="Search..." name="query"
class="w-full px-6 py-4 bg-black/30 backdrop-blur-md text-white placeholder-gray-400 outline-none rounded-xl"
hx-get="/search" hx-trigger="keyup changed delay:500ms" hx-target="#search-results">
hx-get="/search" hx-target="#search-results">
</div>
<!-- Search Results -->

View File

@@ -0,0 +1,7 @@
<div class="h-auto min-h-36 w-full rounded-md bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 p-0.5">
<div class="flex flex-col h-full w-full items-center justify-center bg-gray-800 rounded-md p-4 space-y-3">
<p class="font-black text-white text-center break-words">{{result}}</p>
<hr class="w-full border-gray-600" />
<p class="font-black text-white text-center text-sm">{{references}}</p>
</div>
</div>