From 690b4126c73ff32f51bcb468115fee0f6963928b Mon Sep 17 00:00:00 2001 From: Joshua Laymon Date: Sat, 6 Sep 2025 03:44:09 +0000 Subject: [PATCH] Update web/templates/settings/home.html --- web/templates/settings/home.html | 559 +++++++++++++++++++++---------- 1 file changed, 383 insertions(+), 176 deletions(-) diff --git a/web/templates/settings/home.html b/web/templates/settings/home.html index 480261c..20838cd 100644 --- a/web/templates/settings/home.html +++ b/web/templates/settings/home.html @@ -1,126 +1,213 @@ {% extends "base.html" %} {% load static %} -{# Leave body_class empty so Classic gradient is controlled by base.html logic #} +{# Let base.html control gradients via theme #} {% block body_class %}{% endblock %} {% block content %} -
-

Settings

+
- -
-

Add your settings here when you’re ready.

+ +
+

Command Center

+
Personalization · Privacy · Security
- -
-

Privacy · Clear My History

-

- Remove your Recent Searches and Recently Viewed illustrations from the Search page. -

- -
- - -
-

Appearance · Theme

-
- {% csrf_token %} - - - - Changes apply immediately across the site. -
-
- - -
-

Reading · Highlight Search Hits

- -

When on, your last search terms are lightly highlighted on result pages—but only in the fields you searched.

-
- - {% if user.is_authenticated and user.is_superuser %} -

Tools

- - -
-

Release Announcement

-

- Publish a message to show once to each user on their next search page load. -

- -
+ +
+
+
Theme
+ {% csrf_token %} - {% if announcement_form %} - {{ announcement_form.as_p }} - {% else %} - - - - - - - - {% endif %} - - + + +
- {% if announcements_recent %} -

Recent

- - - - - - {% for a in announcements_recent %} - - - - - - - + + +
+
Highlight Hits
+ +
+ + + +
+
Clear History
+ +
+ + + +
+ + +
+
+
Appearance
+

Theme & Surface

+
+ +
+

Pick a theme you like; preview applies instantly.

+ +
+ {% csrf_token %} + +
-
IDTitleActive?WindowCreated
#{{ a.id }}{{ a.title|default:"(untitled)" }}{{ a.is_current|yesno:"✅,—" }} - {{ a.start_at|date:"Y-m-d H:i" }} - {% if a.end_at %} → {{ a.end_at|date:"Y-m-d H:i" }}{% endif %} - {{ a.created_at|date:"Y-m-d H:i" }}
- {% endif %} -
+ +
+ + Applies across the site +
+ - -
-

Security · Login Attempts (7 days)

-

- View successful and failed login attempts from the last week. -

- Open Login Attempts -
+
+ {% for t in available_themes %} + + {% endfor %} +
+
+ -
-

Security · Audit Log

-

Track adds, edits (with per-field changes), and deletes. Newest first, latest 100 entries.

- Open Audit Log -
- {% endif %} + +
+
+
Reading
+

Search Highlights

+
+
+
+ + +
+

Lightly marks terms you searched for on entry pages.

+
+
+ + +
+
+
Privacy
+

Your Footprint

+
+
+

Remove Recent Searches and Recently Viewed.

+ +
+
+ + {% if user.is_authenticated and user.is_superuser %} + + +
+
+
+
Security
+

Monitoring

+
+ +
+ + +
+
+
Comms
+

Release Announcement

+
+
+
+ {% csrf_token %} + {% if announcement_form %} + {{ announcement_form.as_p }} + {% else %} + + + + + + {% endif %} +
+ +
+
+ + {% if announcements_recent %} +
+ + + + + + {% for a in announcements_recent %} + + + + + + + + {% endfor %} + +
IDTitleActive?WindowCreated
#{{ a.id }}{{ a.title|default:"(untitled)" }}{{ a.is_current|yesno:"✅,—" }} + {{ a.start_at|date:"Y-m-d H:i" }} + {% if a.end_at %} → {{ a.end_at|date:"Y-m-d H:i" }}{% endif %} + {{ a.created_at|date:"Y-m-d H:i" }}
+
+ {% endif %} +
+
+ + {% endif %} +
- +
* { position:relative; z-index:1; } + +.sec-grid{ display:grid; grid-template-columns:1fr; gap:10px; } +.sec-tile{ + display:flex; align-items:center; gap:12px; padding:12px; border:1px solid rgba(34,197,94,.25); + border-radius:12px; background:rgba(255,255,255,.8); text-decoration:none; color:inherit; + transition:transform .12s, box-shadow .12s, border-color .12s; +} +.sec-tile:hover{ + transform: translateY(-2px); + box-shadow:0 10px 24px rgba(16,24,40,.08); + border-color: rgba(34,197,94,.45); +} +.sec-icon{ + display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; + border-radius:10px; background:rgba(34,197,94,.18); color:#065f46; +} +.sec-title{ font-weight:700; } +.sec-sub{ font-size:12px; color:#64748b; } +.sec-meta{ flex:1; } +.sec-cta{ font-size:13px; color:#0f172a; opacity:.7 } + +/* Tiny helper */ +.tiny{ font-size:12px } + +/* Make the quick strip responsive */ +@media (max-width:720px){ + .cc-quick{ flex-direction:column; align-items:stretch; gap:10px; } + .qc-divider{ display:none; } + .qc-inline{ width:100%; } +} {% endblock %} \ No newline at end of file