diff --git a/kjvstudy_org/routes/family_tree.py b/kjvstudy_org/routes/family_tree.py index ff4c447..0ac0e00 100644 --- a/kjvstudy_org/routes/family_tree.py +++ b/kjvstudy_org/routes/family_tree.py @@ -617,6 +617,33 @@ def family_tree_lineage_page(request: Request): ) +@router.get("/family-tree/timeline", response_class=HTMLResponse) +def family_tree_timeline_page(request: Request): + """Interactive timeline visualization of biblical lifespans.""" + family_tree_data, generations = get_family_tree_data() + + if not family_tree_data: + raise HTTPException( + status_code=500, + detail="Family tree data not available" + ) + + return templates.TemplateResponse( + request, + "family_tree_timeline.html", + { + "books": get_books(), + "family_tree_data": family_tree_data, + "generations": generations, + "breadcrumbs": [ + {"text": "Home", "url": "/"}, + {"text": "Family Tree", "url": "/family-tree"}, + {"text": "Timeline", "url": None} + ] + } + ) + + @router.get("/family-tree/person/{person_id}/descendants", response_class=HTMLResponse) def family_tree_descendants_page(request: Request, person_id: str): """View all descendants of a person.""" diff --git a/kjvstudy_org/templates/family_tree.html b/kjvstudy_org/templates/family_tree.html index ca000e4..59c0fb4 100644 --- a/kjvstudy_org/templates/family_tree.html +++ b/kjvstudy_org/templates/family_tree.html @@ -194,21 +194,18 @@ section:nth-of-type(3) {
-

Quick Links

-

- View the Messianic Lineage — A visual genealogy showing the direct paternal line from Adam to Jesus Christ. +

Explore the Family Tree

+

+ Interactive Tree — + Navigate the family tree with an interactive, zoomable diagram. Expand and collapse branches, search for any person, and see the Messianic lineage highlighted in gold.

-
- -
-

Visualizations

-

- Interactive Tree Visualization — - Explore the family tree with an interactive, zoomable diagram. +

+ Lifespan Timeline — + See when biblical figures lived on a visual timeline. Discover how the extraordinary lifespans of early patriarchs overlapped across generations.

-

- Messianic Lineage — - View the direct paternal line from Adam to Jesus Christ. +

+ Messianic Lineage — + View the direct paternal line from Adam to Jesus Christ in a vertical genealogy chart.

diff --git a/kjvstudy_org/templates/family_tree_timeline.html b/kjvstudy_org/templates/family_tree_timeline.html new file mode 100644 index 0000000..8af1cfc --- /dev/null +++ b/kjvstudy_org/templates/family_tree_timeline.html @@ -0,0 +1,616 @@ +{% extends "base.html" %} + +{% block title %}Biblical Timeline - KJV Study{% endblock %} +{% block description %}Explore biblical lifespans from Adam to Jesus Christ on an interactive timeline.{% endblock %} + +{% block head %} + +{% endblock %} + +{% block content %} +
+
+

Biblical Timeline

+

Visualize the extraordinary lifespans of biblical figures and see who lived at the same time.

+
+ +
+
+ + +
+ +
+ +
+ + +
+ +
+ +
+ + + +
+
+ +
+
+
Loading timeline...
+
+ +
+
+
+
+
+
+ +
+
+
+ Messianic Line (Kekulé ancestor) +
+
+
+ Male +
+
+
+ Female +
+
+
+ +
+ ← Back to Family Tree +
+
+ + + +{% endblock %}