Update web/templates/settings/home.html

This commit is contained in:
2025-08-20 02:16:58 +00:00
parent d6819ca4b9
commit 8a8f892cf7
+13 -43
View File
@@ -1,18 +1,20 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block body_class %}settings-bg{% endblock %} {% block body_class %}themed-bg{% endblock %}
{% block content %} {% block content %}
<div class="container"> <div class="container">
<h1 class="page-title">Settings</h1> <h1 class="page-title">Settings</h1>
<!-- Blank Settings box --> <!-- 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 youre ready.</p> <p class="muted small">Add your settings here when youre ready.</p>
<!-- Your future settings content goes here --> <!-- Your future settings content goes here -->
</div> </div>
<h1 class="page-title">Tools</h1>
<h1 class="page-title">Tools</h1>
<!-- Tools box --> <!-- Tools box -->
<div class="settings-card"> <div class="card" style="padding:20px; margin-bottom:20px;">
<!-- Scripture Normalizer --> <!-- Scripture Normalizer -->
<div class="tool-block"> <div class="tool-block">
@@ -24,7 +26,7 @@
<div class="tool-actions"> <div class="tool-actions">
<form method="get" action="{% url 'normalize_scripture' %}" class="inline"> <form method="get" action="{% url 'normalize_scripture' %}" class="inline">
<input type="number" min="0" name="limit" placeholder="Preview limit (optional)" class="tool-input"> <input type="number" min="0" name="limit" placeholder="Preview limit (optional)" class="tool-input">
<button class="btn btn-secondary">Preview (dryrun)</button> <button class="btn btn-secondary">Preview (dry-run)</button>
</form> </form>
{% if user.is_authenticated and user.is_staff %} {% if user.is_authenticated and user.is_staff %}
@@ -45,13 +47,13 @@
<div class="tool-block"> <div class="tool-block">
<h3>Source Normalizer</h3> <h3>Source Normalizer</h3>
<p class="small muted"> <p class="small muted">
Converts Watchtower/Awake!/Yearbook/KM references (e.g., “March 15, 2013 WT page 14”) into WOL shortcodes 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>. NonJW sources are left unchanged. like <code>w13 3/15 p.14</code>. Non-JW sources are left unchanged.
</p> </p>
<div class="tool-actions"> <div class="tool-actions">
<form method="get" action="{% url 'normalize_source' %}" class="inline"> <form method="get" action="{% url 'normalize_source' %}" class="inline">
<input type="number" min="0" name="limit" placeholder="Preview limit (optional)" class="tool-input"> <input type="number" min="0" name="limit" placeholder="Preview limit (optional)" class="tool-input">
<button class="btn btn-secondary">Preview (dryrun)</button> <button class="btn btn-secondary">Preview (dry-run)</button>
</form> </form>
{% if user.is_authenticated and user.is_staff %} {% if user.is_authenticated and user.is_staff %}
@@ -72,14 +74,14 @@
<div class="tool-block"> <div class="tool-block">
<h3>Subject Normalizer</h3> <h3>Subject Normalizer</h3>
<p class="small muted"> <p class="small muted">
Normalize the <strong>Subject</strong> field so individual subjects are commaseparated. Normalize the <strong>Subject</strong> field so individual subjects are comma-separated.
Preserves multiword subjects; lightly fixes separators like “;” and spaced dashes. Preserves multi-word subjects; lightly fixes separators like “;” and spaced dashes.
Uses your <code>subjects.txt</code> catalog when available. Uses your <code>subjects.txt</code> catalog when available.
</p> </p>
<div class="tool-actions"> <div class="tool-actions">
<form method="get" action="{% url 'normalize_subjects' %}" class="inline"> <form method="get" action="{% url 'normalize_subjects' %}" class="inline">
<input type="number" min="0" name="limit" placeholder="Preview limit (optional)" class="tool-input"> <input type="number" min="0" name="limit" placeholder="Preview limit (optional)" class="tool-input">
<button class="btn btn-secondary">Dryrun Preview</button> <button class="btn btn-secondary">Dry-run Preview</button>
</form> </form>
{% if user.is_authenticated and user.is_staff %} {% if user.is_authenticated and user.is_staff %}
@@ -97,34 +99,6 @@
</div> </div>
<style> <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 { margin-bottom:16px; }
.tool-block h3 { .tool-block h3 {
margin:0 0 6px; margin:0 0 6px;
@@ -149,9 +123,5 @@
border-top:1px solid var(--border, #e5e7eb); border-top:1px solid var(--border, #e5e7eb);
margin:18px 0; 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> </style>
{% endblock %} {% endblock %}