mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-06-21 14:50:58 +00:00
kennethreitz
6197402061
Replaced <section> elements with divs and direct elements using controlled inline margins (1.5rem) instead of the larger default section spacing. This creates a more compact, less vertically-stretched layout while maintaining readability. The page now feels tighter and more efficient without excessive whitespace. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
55 lines
2.0 KiB
HTML
55 lines
2.0 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Search Family Tree - KJV Study{% endblock %}
|
|
{% block description %}Search the biblical family tree from Adam to Jesus Christ.{% endblock %}
|
|
|
|
{% block content %}
|
|
<h1>Search Family Tree</h1>
|
|
<p class="subtitle">Find individuals in the biblical genealogy</p>
|
|
|
|
<form method="get" action="/family-tree/search" style="margin: 1.5rem 0;">
|
|
<input
|
|
type="text"
|
|
name="q"
|
|
value="{{ query }}"
|
|
placeholder="Enter a name..."
|
|
list="person-names"
|
|
style="width: 100%; max-width: 55%; padding: 0.75rem; font-size: 1.1rem; border: 1px solid #ccc;"
|
|
autofocus
|
|
autocomplete="off"
|
|
>
|
|
<datalist id="person-names">
|
|
{% for name in all_names %}
|
|
<option value="{{ name }}">
|
|
{% endfor %}
|
|
</datalist>
|
|
<br>
|
|
<button type="submit" style="margin-top: 1rem; padding: 0.75rem 1.5rem; background: #111; color: #fff; border: none; cursor: pointer;">Search</button>
|
|
</form>
|
|
|
|
{% if query %}
|
|
<div style="margin: 1.5rem 0;">
|
|
<h2>Results</h2>
|
|
|
|
{% if results %}
|
|
<p>Found {{ results|length }} individual{% if results|length != 1 %}s{% endif %} matching "{{ query }}"</p>
|
|
|
|
{% for result in results %}
|
|
<div style="margin: 1.5rem 0; padding-left: 1rem; border-left: 2px solid #ccc;">
|
|
<h3><a href="/family-tree/person/{{ result.id }}">{{ result.name }}</a></h3>
|
|
<p>
|
|
{% if result.generation %}Generation {{ result.generation }}{% endif %}
|
|
{% if result.birth_year != "Unknown" %}<br>Born: {{ result.birth_year }}{% endif %}
|
|
{% if result.death_year != "Unknown" %}<br>Died: {{ result.death_year }}{% endif %}
|
|
</p>
|
|
</div>
|
|
{% endfor %}
|
|
{% else %}
|
|
<p>No results found for "{{ query }}"</p>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<p style="margin: 1.5rem 0;"><a href="/family-tree">← Back to Family Tree</a></p>
|
|
{% endblock %}
|