From 8a8f892cf7afab1bf464017b31bdc8ec8a4fc7e0 Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Wed, 20 Aug 2025 02:16:58 +0000
Subject: [PATCH] Update web/templates/settings/home.html

---
 web/templates/settings/home.html | 56 ++++++++------------------------
 1 file changed, 13 insertions(+), 43 deletions(-)

diff --git a/web/templates/settings/home.html b/web/templates/settings/home.html
index 0804330..8fff5e5 100644
--- a/web/templates/settings/home.html
+++ b/web/templates/settings/home.html
@@ -1,18 +1,20 @@
 {% extends "base.html" %}
-{% block body_class %}settings-bg{% endblock %}
+{% block body_class %}themed-bg{% endblock %}
 
 {% block content %}
 <div class="container">
   <h1 class="page-title">Settings</h1>
 
   <!-- Blank Settings box -->
-  <div class="settings-card">
+  <div class="card" style="padding:20px; margin-bottom:20px;">
     <p class="muted small">Add your settings here when you’re ready.</p>
     <!-- Your future settings content goes here -->
   </div>
-<h1 class="page-title">Tools</h1>
+
+  <h1 class="page-title">Tools</h1>
+
   <!-- Tools box -->
-  <div class="settings-card">
+  <div class="card" style="padding:20px; margin-bottom:20px;">
 
     <!-- Scripture Normalizer -->
     <div class="tool-block">
@@ -24,7 +26,7 @@
       <div class="tool-actions">
         <form method="get" action="{% url 'normalize_scripture' %}" class="inline">
           <input type="number" min="0" name="limit" placeholder="Preview limit (optional)" class="tool-input">
-          <button class="btn btn-secondary">Preview (dry‑run)</button>
+          <button class="btn btn-secondary">Preview (dry-run)</button>
         </form>
 
         {% if user.is_authenticated and user.is_staff %}
@@ -45,13 +47,13 @@
     <div class="tool-block">
       <h3>Source Normalizer</h3>
       <p class="small muted">
-        Converts Watchtower/Awake!/Yearbook/KM references (e.g., “March 15, 2013 WT page 14”) into WOL short‑codes
-        like <code>w13 3/15 p.14</code>. Non‑JW sources are left unchanged.
+        Converts Watchtower/Awake!/Yearbook/KM references (e.g., “March 15, 2013 WT page 14”) into WOL short-codes
+        like <code>w13 3/15 p.14</code>. Non-JW sources are left unchanged.
       </p>
       <div class="tool-actions">
         <form method="get" action="{% url 'normalize_source' %}" class="inline">
           <input type="number" min="0" name="limit" placeholder="Preview limit (optional)" class="tool-input">
-          <button class="btn btn-secondary">Preview (dry‑run)</button>
+          <button class="btn btn-secondary">Preview (dry-run)</button>
         </form>
 
         {% if user.is_authenticated and user.is_staff %}
@@ -72,14 +74,14 @@
     <div class="tool-block">
       <h3>Subject Normalizer</h3>
       <p class="small muted">
-        Normalize the <strong>Subject</strong> field so individual subjects are comma‑separated.
-        Preserves multi‑word subjects; lightly fixes separators like “;” and spaced dashes.
+        Normalize the <strong>Subject</strong> field so individual subjects are comma-separated.
+        Preserves multi-word subjects; lightly fixes separators like “;” and spaced dashes.
         Uses your <code>subjects.txt</code> catalog when available.
       </p>
       <div class="tool-actions">
         <form method="get" action="{% url 'normalize_subjects' %}" class="inline">
           <input type="number" min="0" name="limit" placeholder="Preview limit (optional)" class="tool-input">
-          <button class="btn btn-secondary">Dry‑run Preview</button>
+          <button class="btn btn-secondary">Dry-run Preview</button>
         </form>
 
         {% if user.is_authenticated and user.is_staff %}
@@ -97,34 +99,6 @@
 </div>
 
 <style>
-  /* Darker, caution-leaning gradient (no white stop) */
-  .settings-bg {
-    /* tweak these if you want it warmer/cooler */
-    --caution-1: #d97706;  /* amber-600 */
-    --caution-2: #92400e;  /* amber/bronze-700 */
-    --caution-3: #374151;  /* slate-700 */
-    background:
-      radial-gradient(900px 600px at 85% 15%, var(--caution-1) 0%, transparent 60%),
-      linear-gradient(135deg, var(--caution-2) 0%, var(--caution-3) 100%);
-    min-height: 100vh;
-  }
-
-  .settings-card {
-    background:#fff;
-    border:1px solid var(--border, #e5e7eb);
-    border-radius:16px;
-    padding:20px;
-    box-shadow:0 6px 20px rgba(0,0,0,.08);
-    margin-top:20px;
-  }
-
-  .section-title {
-    margin:0 0 12px;
-    font-size:20px;
-    font-weight:600;
-    color:#1f2937;
-  }
-
   .tool-block { margin-bottom:16px; }
   .tool-block h3 {
     margin:0 0 6px;
@@ -149,9 +123,5 @@
     border-top:1px solid var(--border, #e5e7eb);
     margin:18px 0;
   }
-
-  /* Optional: improve contrast of buttons on this darker theme */
-  .btn.btn-secondary { background:#f3f4f6; border-color:#e5e7eb; }
-  .btn.btn-secondary:hover { background:#e5e7eb; }
 </style>
 {% endblock %}
\ No newline at end of file