Add About link to navigation and breadcrumbs to all about pages

- Added About link at bottom of sidebar navigation
- Added breadcrumbs to /about, /about/stats, /about/commentary, /about/cross-references
- Removed emoji from "Open Source & Free" heading on about page

All about-related pages now have proper navigation structure.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

kjvstudy_org/routes/commentary.py

@@ -57,6 +57,12 @@ async def commentary_index(request: Request):
         for verses in chapters.values()
     )
 
+    breadcrumbs = [
+        {"text": "Home", "url": "/"},
+        {"text": "About", "url": "/about"},
+        {"text": "Commentary Index", "url": None}
+    ]
+
     return templates.TemplateResponse(
         "commentary_index.html",
         {
@@ -64,6 +70,7 @@ async def commentary_index(request: Request):
             "commentary_index": commentary_index,
             "total_books": total_books,
             "total_verses": total_verses,
+            "breadcrumbs": breadcrumbs,
         }
     )
 

kjvstudy_org/server.py

@@ -1411,11 +1411,18 @@ async def stats(request: Request):
         }
     }
 
+    breadcrumbs = [
+        {"text": "Home", "url": "/"},
+        {"text": "About", "url": "/about"},
+        {"text": "Statistics", "url": None}
+    ]
+
     return templates.TemplateResponse(
         "stats.html",
         {
             "request": request,
             "stats": stats_data,
+            "breadcrumbs": breadcrumbs,
         }
     )
 
@@ -1472,6 +1479,12 @@ async def cross_references_index(request: Request):
         for verses in chapters.values()
     )
 
+    breadcrumbs = [
+        {"text": "Home", "url": "/"},
+        {"text": "About", "url": "/about"},
+        {"text": "Cross-References Index", "url": None}
+    ]
+
     return templates.TemplateResponse(
         "cross_references_index.html",
         {
@@ -1480,6 +1493,7 @@ async def cross_references_index(request: Request):
             "total_books": total_books,
             "total_verses": total_verses,
             "total_refs": total_refs,
+            "breadcrumbs": breadcrumbs,
         }
     )
 
@@ -1487,10 +1501,15 @@ async def cross_references_index(request: Request):
 @app.get("/about", response_class=HTMLResponse)
 async def about(request: Request):
     """About page - site information, creator, data sources, theological approach"""
+    breadcrumbs = [
+        {"text": "Home", "url": "/"},
+        {"text": "About", "url": None}
+    ]
     return templates.TemplateResponse(
         "about.html",
         {
             "request": request,
+            "breadcrumbs": breadcrumbs,
         }
     )
 

kjvstudy_org/templates/about.html

@@ -23,7 +23,7 @@
     </section>
 
     <section>
-        <h2 id="open-source">🌟 Open Source & Free</h2>
+        <h2 id="open-source">Open Source & Free</h2>
         <p><strong>KJV Study is completely open source and will always be free.</strong></p>
         <p>This means:</p>
         <ul>

kjvstudy_org/templates/base.html

@@ -1342,8 +1342,15 @@
             </ul>
         </details>
 
-        <!-- Red Letter Toggle -->
+        <!-- About -->
         <div style="margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--border-color);">
+            <p style="font-size: 0.9rem; text-align: center;">
+                <a href="/about" {% if request.url.path == "/about" %}class="current"{% endif %}>About</a>
+            </p>
+        </div>
+
+        <!-- Red Letter Toggle -->
+        <div style="margin-top: 1rem;">
             <p style="font-size: 0.85rem; color: var(--text-tertiary); text-align: center;">
                 <a href="#" id="red-letter-toggle" style="color: var(--text-tertiary); text-decoration: none; border-bottom: 1px dotted var(--border-color-dark);" onclick="toggleRedLetters(event)">
                     <span id="red-letter-status">Disable</span> Red Letters