starred/minne
1
0
Fork 0
mirror of https://github.com/perstarkse/minne.git synced 2026-04-20 16:01:22 +02:00
Code Issues Packages Projects Releases 10 Wiki Activity

feat: consistent styling index page

Browse Source
This commit is contained in:
Per Stark
2025-01-21 13:38:53 +01:00
parent e8daf026ca
commit c953dffe56
4 changed files with 44 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/style.css
View File

File diff suppressed because one or more lines are too long

9
templates/auth/signup_form.html
View File

@@ -18,7 +18,7 @@
<div class="form-control"> <div class="form-control">
<label class="floating-label"> <label class="floating-label">
<span>Email</span> <span>Email</span>
<input type="email" placeholder="Email" required class="input input-md w-full validator" /> <input type="email" placeholder="Email" name="email" required class="input input-md w-full validator" />
<div class="validator-hint hidden">Enter valid email address</div> <div class="validator-hint hidden">Enter valid email address</div>
</label> </label>
</div> </div>
@@ -26,8 +26,8 @@
<div class="form-control mt-4"> <div class="form-control mt-4">
<label class="floating-label"> <label class="floating-label">
<span>Password</span> <span>Password</span>
<input type="password" class="input validator w-full" required placeholder="Password" minlength="8" <input type="password" name="password" class="input validator w-full" required placeholder="Password"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" minlength="8" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
title="Must be more than 8 characters, including number, lowercase letter, uppercase letter" /> title="Must be more than 8 characters, including number, lowercase letter, uppercase letter" />
<p class="validator-hint hidden"> <p class="validator-hint hidden">
Must be more than 8 characters, including Must be more than 8 characters, including
@@ -37,13 +37,12 @@
</p> </p>
</label> </label>
</div> </div>
<div class="mt-4" id="signup-result"></div> <div class="mt-2 text-error" id="signup-result"></div>
<div class="form-control mt-6"> <div class="form-control mt-6">
<button id="submit-btn" class="btn btn-primary w-full"> <button id="submit-btn" class="btn btn-primary w-full">
Create Account Create Account
</button> </button>
</div> </div>
</form> </form>
<div class="divider">OR</div> <div class="divider">OR</div>

44
templates/index/signed_in_view.html
View File

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

30
templates/ingress_form.html
View File

@@ -1,20 +1,22 @@
{% extends "body_base.html" %} {% extends "body_base.html" %}
{% block main %} {% block main %}
<div class="container px-4 max-w-(--breakpoint-lg)"> <div class="flex justify-center grow mt-2 sm:mt-4">
<form class="space-y-2" hx-post="/ingress" enctype="multipart/form-data"> <div class="container">
<h1 class="text-2xl">Add content to the database </h1> <h1 class="text-2xl">Add content to the database </h1>
<label class="label label-text">Instructions</label> <form class="space-y-2" hx-post="/ingress" enctype="multipart/form-data">
<textarea name="instructions" class="textarea w-full input-bordered" <label class="label label-text">Instructions</label>
placeholder="Enter instructions for the AI here, help it understand what its seeing or how it should relate to the database"></textarea> <textarea name="instructions" class="textarea w-full input-bordered"
<label class="label label-text">Content (optional)</label> placeholder="Enter instructions for the AI here, help it understand what its seeing or how it should relate to the database"></textarea>
<textarea name="content" class="textarea w-full input-bordered" placeholder="Additional content"></textarea> <label class="label label-text">Content (optional)</label>
<label class="label label-text">Category</label> <textarea name="content" class="textarea w-full input-bordered" placeholder="Additional content"></textarea>
<input type="text" name="category" class="input input-bordered" placeholder="Category for ingress"> <label class="label label-text">Category</label>
<input type="text" name="category" class="input input-bordered" placeholder="Category for ingress">
<label class="label label-text">Files</label> <label class="label label-text">Files</label>
<input type="file" name="files" multiple class="file-input file-input-bordered" /> <input type="file" name="files" multiple class="file-input file-input-bordered" />
<button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
</form> </form>
<div id="ingress-result"></div> <div id="ingress-result"></div>
</div>
</div> </div>
{% endblock %} {% endblock %}