diff --git a/kjvstudy_org/static/style.css b/kjvstudy_org/static/style.css index ce1913e..8efbc6f 100644 --- a/kjvstudy_org/static/style.css +++ b/kjvstudy_org/static/style.css @@ -19,6 +19,18 @@ --font-serif: 'EB Garamond', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-display: 'Lora', var(--font-serif); + + /* Bible Book Category Colors */ + --torah-color: #8B4513; + --historical-color: #CD853F; + --wisdom-color: #DAA520; + --major-prophets-color: #A0522D; + --minor-prophets-color: #A52A2A; + --gospels-color: #4169E1; + --acts-color: #6495ED; + --pauline-color: #1E90FF; + --general-epistles-color: #4682B4; + --apocalyptic-color: #191970; } * { @@ -218,23 +230,38 @@ body { /* Book Grid */ .book-grid { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); - gap: 1.5rem; - margin-top: 2rem; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + gap: 1rem; + margin-top: 2rem; } .book-card { - background: var(--surface-color); - border-radius: var(--radius-lg); - padding: 1.5rem; - text-decoration: none; - color: inherit; - box-shadow: var(--shadow-sm); - border: 1px solid var(--border-light); - transition: all 0.3s ease; - position: relative; - overflow: hidden; + background: var(--surface-color); + border-radius: var(--radius-md); + padding: 1rem; + text-decoration: none; + box-shadow: var(--shadow-sm); + transition: transform 0.2s ease, box-shadow 0.2s ease; + border: 1px solid var(--border-light); + color: var(--text-primary); +} + +.book-card:hover { + transform: translateY(-2px); + box-shadow: var(--shadow-md); +} + +/* Testament Divider */ +.testament-divider { + border: none; + height: 3px; + background: linear-gradient(90deg, var(--torah-color) 0%, var(--gospels-color) 100%); + margin: 2rem 0; + opacity: 0.7; + border-radius: 1px; + box-shadow: var(--shadow-sm); + width: 100%; } .book-card::before { @@ -269,9 +296,12 @@ body { } .book-meta { - font-size: 0.875rem; + margin: 0.25rem 0 0 0; + font-size: 0.75rem; color: var(--text-secondary); - margin: 0.5rem 0 0; + font-style: italic; + text-transform: uppercase; + letter-spacing: 0.5px; } /* Chapter Grid */ diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html index 65d8e1f..2b3eebf 100644 --- a/kjvstudy_org/templates/base.html +++ b/kjvstudy_org/templates/base.html @@ -48,6 +48,178 @@ + + @@ -90,12 +262,130 @@ {% if books %} -