mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-10-24 14:29:14 +00:00
kennethreitzandClaude Fable 5
fcce1c081b
biblical_maps.html: the page loaded Leaflet from a CDN and drew biblical geography on a modern OpenStreetMap — present-day borders, highways, and modern labels under scripture sites, and the site's only third-party dependency. Replaced with a self-contained, hand-drawn SVG plate in the manner of an old atlas: stylised coastlines of the eastern Mediterranean, the Nile/Euphrates/Tigris, the forked Red Sea around Sinai, a dashed line tracing Paul's journeys from Antioch to Rome, era-coded sites (bronze OT, rubric NT, green apostolic), region names in letterspaced caps, a compass, and an inset detail of the Holy Land. Themed entirely by the design tokens, so dark mode renders it as a candlelit chart. Also: gold-tipped region headings, verse-reference pills, tokenised legend, and the gazetteer keyboard nav uses the accent token. story_detail.html: bronze category kicker, elevated metadata card with bronze labels, green character and gilt theme pills (replacing the off-palette blue/green), gold asterism dividers, the kids callout recoloured from purple to the accent system (dark overrides removed), tokenised action buttons and prev/next labels. All 976 tests pass. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
704 lines
29 KiB
HTML
704 lines
29 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Biblical Geography - KJV Study{% endblock %}
|
|
{% block description %}Explore the geographical and historical context of biblical locations.{% endblock %}
|
|
|
|
{% block head %}
|
|
<style>
|
|
.map-intro {
|
|
max-width: 55%;
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
/* The map — a self-contained engraved plate, no external tiles */
|
|
.map-plate {
|
|
position: relative;
|
|
max-width: 75%;
|
|
margin: 2rem 0 1rem;
|
|
padding: 10px;
|
|
background: var(--bg-elevated);
|
|
border: 1px solid var(--border-color-darker);
|
|
box-shadow: var(--shadow-soft);
|
|
}
|
|
|
|
.map-plate::before {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 6px;
|
|
border: 1px solid var(--border-color-dark);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.map-plate svg {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.map-plate .sea {
|
|
fill: var(--accent-softer);
|
|
}
|
|
|
|
.map-plate .land {
|
|
fill: var(--bg-elevated);
|
|
stroke: var(--bronze);
|
|
stroke-width: 1.1;
|
|
stroke-linejoin: round;
|
|
}
|
|
|
|
.map-plate .water {
|
|
fill: var(--accent-soft);
|
|
stroke: var(--bronze);
|
|
stroke-width: 0.8;
|
|
}
|
|
|
|
.map-plate .river {
|
|
fill: none;
|
|
stroke: var(--bronze);
|
|
stroke-width: 1;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.map-plate .journey-route {
|
|
fill: none;
|
|
stroke: var(--accent);
|
|
stroke-width: 1.4;
|
|
stroke-dasharray: 5 4;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.map-plate .site {
|
|
stroke: var(--bg-elevated);
|
|
stroke-width: 1.4;
|
|
}
|
|
|
|
.map-plate .site-ot { fill: var(--bronze); }
|
|
.map-plate .site-nt { fill: var(--rubric); }
|
|
.map-plate .site-journey { fill: var(--accent); }
|
|
|
|
.map-plate .site-label {
|
|
font-family: inherit;
|
|
font-size: 11px;
|
|
fill: var(--text-color);
|
|
}
|
|
|
|
.map-plate .site-label-small {
|
|
font-family: inherit;
|
|
font-size: 9.5px;
|
|
fill: var(--text-color);
|
|
}
|
|
|
|
.map-plate .region-label {
|
|
font-family: inherit;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.22em;
|
|
text-transform: uppercase;
|
|
fill: var(--text-tertiary);
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.map-plate .sea-label {
|
|
font-family: inherit;
|
|
font-size: 10.5px;
|
|
font-style: italic;
|
|
letter-spacing: 0.18em;
|
|
fill: var(--accent);
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.map-plate .inset-box {
|
|
fill: var(--bg-elevated);
|
|
stroke: var(--bronze);
|
|
stroke-width: 1;
|
|
}
|
|
|
|
.map-plate .inset-title {
|
|
font-family: inherit;
|
|
font-size: 9.5px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.24em;
|
|
text-transform: uppercase;
|
|
fill: var(--bronze);
|
|
}
|
|
|
|
.map-caption {
|
|
max-width: 75%;
|
|
font-size: 0.85rem;
|
|
font-style: italic;
|
|
color: var(--text-tertiary);
|
|
margin: 0.75rem 0 0;
|
|
}
|
|
|
|
.map-legend {
|
|
max-width: 75%;
|
|
margin: 1rem 0 2rem 0;
|
|
padding: 1rem 0;
|
|
border-top: 1px solid var(--border-color);
|
|
border-bottom: 1px solid var(--border-color);
|
|
font-size: 0.95rem;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.legend-item {
|
|
display: inline-block;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.legend-marker {
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
margin-right: 0.5rem;
|
|
vertical-align: middle;
|
|
border: 1px solid var(--bg-elevated);
|
|
box-shadow: 0 0 0 1px var(--border-color-dark);
|
|
}
|
|
|
|
.legend-marker.ot { background: var(--bronze); }
|
|
.legend-marker.nt { background: var(--rubric); }
|
|
.legend-marker.journey { background: var(--accent); }
|
|
|
|
.region-section {
|
|
max-width: 55%;
|
|
margin: 3rem 0;
|
|
}
|
|
|
|
.region-section h2 {
|
|
position: relative;
|
|
font-size: 0.95rem !important;
|
|
font-weight: 600;
|
|
font-style: normal !important;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.18em;
|
|
color: var(--text-secondary) !important;
|
|
margin: 0 0 1.5rem;
|
|
padding-bottom: 0.6rem;
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
|
|
.region-section h2::after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -1px;
|
|
width: 2.75rem;
|
|
height: 1px;
|
|
background: var(--gold);
|
|
}
|
|
|
|
.location-entry {
|
|
margin: 2rem 0;
|
|
}
|
|
|
|
.location-name {
|
|
font-size: 1.4rem;
|
|
font-weight: 600;
|
|
margin-bottom: 0.25rem;
|
|
color: var(--text-strong);
|
|
}
|
|
|
|
.location-meta {
|
|
font-style: italic;
|
|
color: var(--text-tertiary);
|
|
margin-bottom: 0.5rem;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.location-description {
|
|
margin: 0.75rem 0;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
.location-verses {
|
|
margin: 0.75rem 0;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.location-verses a {
|
|
display: inline-block;
|
|
margin: 0 0.4rem 0.4rem 0;
|
|
padding: 0.2rem 0.6rem;
|
|
background: var(--bg-elevated);
|
|
border: 1px solid var(--border-color-dark) !important;
|
|
border-radius: 999px;
|
|
font-size: 0.85rem;
|
|
transition: all 0.15s;
|
|
}
|
|
|
|
.location-verses a:hover {
|
|
border-color: var(--accent) !important;
|
|
color: var(--accent-strong);
|
|
background: var(--accent-softer);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.map-plate,
|
|
.map-caption,
|
|
.map-legend,
|
|
.map-intro,
|
|
.region-section {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
<script>
|
|
document.body.dataset.resourceReader = 'true';
|
|
</script>
|
|
|
|
{% block content %}
|
|
<h1>Biblical Geography</h1>
|
|
<p class="subtitle">The lands of Scripture</p>
|
|
|
|
<section>
|
|
<div class="map-intro">
|
|
<p>The Bible unfolds across a vast geographical landscape, from the Tigris and Euphrates rivers to the shores of the Mediterranean, from Egypt to Asia Minor. Understanding these places enriches our comprehension of Scripture's narrative and its historical context.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<figure class="map-plate" aria-label="A stylised map of the biblical world, from Rome to Babylon, with an inset of the Holy Land">
|
|
<svg viewBox="0 0 800 460" xmlns="http://www.w3.org/2000/svg" role="img">
|
|
<!-- The sea -->
|
|
<rect class="sea" x="0" y="0" width="800" height="460"/>
|
|
|
|
<!-- Main landmass: North Africa, the Levant, Anatolia, Mesopotamia -->
|
|
<path class="land" d="M0,332 L60,336 L130,330 L200,322 L235,300 L262,296 L285,312 L330,326 L380,330 L421,327
|
|
L437,317 L447,314 L458,319 L470,325 L500,330 L518,311 L527,283 L532,266 L541,243 L545,217 L551,204
|
|
L548,190 L520,193 L505,197 L480,204 L463,202 L440,203 L421,199 L400,196 L380,190 L358,187
|
|
L350,168 L356,150 L348,132 L352,115 L360,100 L372,88 L388,80 L400,74
|
|
L430,66 L470,60 L520,57 L570,60 L620,55 L680,52 L740,56 L800,52
|
|
L800,460 L0,460 Z"/>
|
|
|
|
<!-- The Balkans and Greece -->
|
|
<path class="land" d="M200,0 L235,35 L252,70 L268,88 L262,110 L250,128 L244,150 L252,148 L246,168 L258,186
|
|
L274,192 L284,176 L280,162 L292,150 L288,132 L300,110 L306,90 L322,64 L340,36 L352,12 L348,0 Z"/>
|
|
|
|
<!-- Italy and Sicily -->
|
|
<path class="land" d="M0,0 L55,0 L78,18 L108,42 L128,66 L146,88 L170,96 L180,102 L160,112 L143,132 L133,152
|
|
L126,158 L118,150 L122,128 L104,104 L76,84 L48,64 L28,42 L0,22 Z"/>
|
|
<path class="land" d="M58,152 L108,158 L96,182 L68,176 Z"/>
|
|
|
|
<!-- Crete and Cyprus -->
|
|
<path class="land" d="M284,224 L305,218 L330,220 L342,226 L322,232 L296,230 Z"/>
|
|
<path class="land" d="M470,222 L492,215 L512,218 L518,222 L505,230 L484,234 L472,228 Z"/>
|
|
|
|
<!-- The Red Sea and its gulfs (Suez and Aqaba flanking the Sinai) -->
|
|
<path class="water" d="M460,332 L470,336 L498,406 L490,412 Z"/>
|
|
<path class="water" d="M519,368 L527,370 L533,412 L525,414 Z"/>
|
|
<path class="water" d="M490,412 L498,406 L525,414 L533,412 L548,436 L560,460 L512,460 L496,432 Z"/>
|
|
|
|
<!-- The Persian Gulf -->
|
|
<path class="water" d="M800,340 L800,392 L772,368 L758,346 L776,332 Z"/>
|
|
|
|
<!-- Rivers: the Nile, Euphrates, and Tigris -->
|
|
<path class="river" d="M438,318 L448,334 L450,368 L446,404 L438,436 L436,460"/>
|
|
<path class="river" d="M458,320 L448,334"/>
|
|
<path class="river" d="M589,184 C610,205 640,235 670,258 C700,280 715,288 725,296 L760,320 L782,338"/>
|
|
<path class="river" d="M627,176 C655,192 685,208 706,238 C725,265 745,300 770,330"/>
|
|
|
|
<!-- Paul's route westward -->
|
|
<path class="journey-route" d="M551,205 L505,226 L460,222 L410,196 L366,158 L330,110 L301,79 L289,150 L272,157 L180,120 L100,80 L56,58"/>
|
|
|
|
<!-- Sea and region names -->
|
|
<text class="sea-label" x="330" y="272" text-anchor="middle">THE GREAT SEA</text>
|
|
<text class="sea-label" x="585" y="30" text-anchor="middle">THE BLACK SEA</text>
|
|
<text class="sea-label" x="578" y="446" text-anchor="middle" transform="rotate(30 578 446)">THE RED SEA</text>
|
|
<text class="region-label" x="95" y="48">ITALIA</text>
|
|
<text class="region-label" x="300" y="42" text-anchor="middle">MACEDONIA</text>
|
|
<text class="region-label" x="450" y="146" text-anchor="middle">ASIA MINOR</text>
|
|
<text class="region-label" x="392" y="398" text-anchor="middle">EGYPT</text>
|
|
<text class="region-label" x="640" y="402" text-anchor="middle">ARABIA</text>
|
|
<text class="region-label" x="672" y="248" text-anchor="middle">MESOPOTAMIA</text>
|
|
|
|
<!-- Compass north -->
|
|
<g opacity="0.8">
|
|
<line x1="748" y1="128" x2="748" y2="96" stroke="var(--bronze)" stroke-width="1"/>
|
|
<path d="M748,90 L744,102 L748,99 L752,102 Z" fill="var(--bronze)"/>
|
|
<text class="site-label-small" x="748" y="142" text-anchor="middle" fill="var(--bronze)">N</text>
|
|
</g>
|
|
|
|
<!-- Sites: apostolic journeys -->
|
|
<g>
|
|
<circle class="site site-journey" cx="53" cy="54" r="4.5"><title>Rome — the imperial capital</title></circle>
|
|
<text class="site-label" x="61" y="51">Rome</text>
|
|
<circle class="site site-journey" cx="301" cy="76" r="4.5"><title>Philippi — first European church</title></circle>
|
|
<text class="site-label" x="309" y="73">Philippi</text>
|
|
<circle class="site site-journey" cx="289" cy="154" r="4.5"><title>Athens — Paul's Mars Hill sermon</title></circle>
|
|
<text class="site-label" x="297" y="150">Athens</text>
|
|
<circle class="site site-journey" cx="272" cy="158" r="4.5"><title>Corinth — cosmopolitan port</title></circle>
|
|
<text class="site-label" x="264" y="172" text-anchor="end">Corinth</text>
|
|
<circle class="site site-journey" cx="366" cy="155" r="4.5"><title>Ephesus — one of the Seven Churches</title></circle>
|
|
<text class="site-label" x="374" y="152">Ephesus</text>
|
|
<circle class="site site-journey" cx="551" cy="200" r="4.5"><title>Antioch — first called Christians</title></circle>
|
|
<text class="site-label" x="559" y="197">Antioch</text>
|
|
</g>
|
|
|
|
<!-- Sites: New Testament -->
|
|
<g>
|
|
<circle class="site site-nt" cx="554" cy="268" r="4.5"><title>Damascus — where Saul was converted</title></circle>
|
|
<text class="site-label" x="562" y="265">Damascus</text>
|
|
<circle class="site site-nt" cx="530" cy="312" r="4.5"><title>Jerusalem — the Holy City</title></circle>
|
|
<text class="site-label" x="538" y="316">Jerusalem</text>
|
|
</g>
|
|
|
|
<!-- Sites: Old Testament -->
|
|
<g>
|
|
<circle class="site site-ot" cx="725" cy="293" r="4.5"><title>Babylon — site of the captivity</title></circle>
|
|
<text class="site-label" x="733" y="290">Babylon</text>
|
|
<circle class="site site-ot" cx="697" cy="197" r="4.5"><title>Nineveh — capital of Assyria</title></circle>
|
|
<text class="site-label" x="705" y="194">Nineveh</text>
|
|
<circle class="site site-ot" cx="760" cy="333" r="4.5"><title>Ur of the Chaldees — Abraham's birthplace</title></circle>
|
|
<text class="site-label" x="752" y="348" text-anchor="end">Ur</text>
|
|
<circle class="site site-ot" cx="505" cy="395" r="4.5"><title>Mount Sinai — where the Law was given</title></circle>
|
|
<text class="site-label" x="513" y="399">Mt. Sinai</text>
|
|
<circle class="site site-ot" cx="447" cy="362" r="4.5"><title>Memphis — ancient Egypt</title></circle>
|
|
<text class="site-label" x="440" y="366" text-anchor="end">Memphis</text>
|
|
</g>
|
|
|
|
<!-- Inset: the Holy Land -->
|
|
<g>
|
|
<rect class="inset-box" x="16" y="200" width="196" height="248"/>
|
|
<path class="sea" d="M17,209 L90,209 L84,222 L76,252 L69,280 L60,330 L46,362 L28,398 L17,420 Z"/>
|
|
<path d="M90,209 L84,222 L76,252 L69,280 L60,330 L46,362 L28,398 L17,420" fill="none" stroke="var(--bronze)" stroke-width="1"/>
|
|
<ellipse class="water" cx="146.6" cy="237.5" rx="7" ry="9.5"/>
|
|
<path class="river" d="M146,247 L143,280 L140,310 L138,336"/>
|
|
<path class="water" d="M134,365 Q142,372 140,400 Q138,428 132,430 Q128,404 130,382 Z"/>
|
|
<text class="inset-title" x="104" y="222">THE HOLY LAND</text>
|
|
<text class="site-label-small" x="156" y="260" font-style="italic">Sea of Galilee</text>
|
|
<text class="site-label-small" x="148" y="302" font-style="italic">Jordan</text>
|
|
|
|
<circle class="site site-nt" cx="111" cy="249" r="4"><title>Nazareth — where Jesus was raised</title></circle>
|
|
<text class="site-label-small" x="104" y="246" text-anchor="end">Nazareth</text>
|
|
<circle class="site site-ot" cx="128" cy="347" r="4"><title>Jericho — walls fell before Joshua</title></circle>
|
|
<text class="site-label-small" x="134" y="344">Jericho</text>
|
|
<circle class="site site-ot" cx="102" cy="340" r="4"><title>Bethel — Jacob's ladder vision</title></circle>
|
|
<text class="site-label-small" x="96" y="337" text-anchor="end">Bethel</text>
|
|
<circle class="site site-nt" cx="99" cy="358" r="4"><title>Jerusalem — the Holy City</title></circle>
|
|
<text class="site-label-small" x="93" y="356" text-anchor="end">Jerusalem</text>
|
|
<circle class="site site-nt" cx="99" cy="368" r="4"><title>Bethlehem — Christ's nativity</title></circle>
|
|
<text class="site-label-small" x="93" y="374" text-anchor="end">Bethlehem</text>
|
|
<circle class="site site-ot" cx="162" cy="359" r="4"><title>Mount Nebo — Moses viewed the Promised Land</title></circle>
|
|
<text class="site-label-small" x="168" y="356">Mt. Nebo</text>
|
|
<circle class="site site-ot" cx="86" cy="387" r="4"><title>Hebron — city of the Patriarchs</title></circle>
|
|
<text class="site-label-small" x="80" y="392" text-anchor="end">Hebron</text>
|
|
<circle class="site site-ot" cx="50" cy="420" r="4"><title>Beersheba — southern boundary of Israel</title></circle>
|
|
<text class="site-label-small" x="57" y="425">Beersheba</text>
|
|
</g>
|
|
</svg>
|
|
</figure>
|
|
<p class="map-caption">A stylised plate of the biblical world, after the manner of old atlases — not drawn to survey. The dotted line traces Paul's journeys westward from Antioch to Rome.</p>
|
|
|
|
<div class="map-legend">
|
|
<span class="legend-item">
|
|
<span class="legend-marker ot"></span>
|
|
Old Testament Sites
|
|
</span>
|
|
<span class="legend-item">
|
|
<span class="legend-marker nt"></span>
|
|
New Testament Sites
|
|
</span>
|
|
<span class="legend-item">
|
|
<span class="legend-marker journey"></span>
|
|
Apostolic Journeys
|
|
</span>
|
|
</div>
|
|
|
|
<section class="region-section">
|
|
<h2>The Holy Land</h2>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Jerusalem</div>
|
|
<div class="location-meta">City of David, the Holy City</div>
|
|
<div class="location-description">
|
|
The spiritual and political center of ancient Israel, Jerusalem holds unparalleled significance throughout Scripture. Captured by David from the Jebusites, it became the site of Solomon's Temple and the focal point of Jewish worship. Here Jesus taught, was crucified, and rose again.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/2 Samuel/chapter/5">2 Samuel 5:6-9</a>
|
|
<a href="/book/1 Kings/chapter/8">1 Kings 8:1-13</a>
|
|
<a href="/book/Luke/chapter/23">Luke 23:33</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Bethlehem</div>
|
|
<div class="location-meta">City of David's birth and Christ's nativity</div>
|
|
<div class="location-description">
|
|
A small town in Judea, five miles south of Jerusalem, Bethlehem was the birthplace of King David and, centuries later, of Jesus Christ. The prophet Micah foretold that the Messiah would be born in this humble place.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/1 Samuel/chapter/16">1 Samuel 16:1</a>
|
|
<a href="/book/Micah/chapter/5">Micah 5:2</a>
|
|
<a href="/book/Matthew/chapter/2">Matthew 2:1</a>
|
|
<a href="/book/Luke/chapter/2">Luke 2:4-7</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Nazareth</div>
|
|
<div class="location-meta">The childhood home of Jesus</div>
|
|
<div class="location-description">
|
|
A town in Galilee where Jesus was raised by Mary and Joseph. Though small and obscure, Nazareth was where the Son of God spent His formative years as a carpenter's son before beginning His public ministry.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Luke/chapter/1">Luke 1:26-27</a>
|
|
<a href="/book/Luke/chapter/2">Luke 2:39-40</a>
|
|
<a href="/book/Matthew/chapter/2">Matthew 2:23</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Sea of Galilee</div>
|
|
<div class="location-meta">Also called the Lake of Gennesaret</div>
|
|
<div class="location-description">
|
|
A freshwater lake in northern Israel where Jesus performed many miracles, called His first disciples (who were fishermen), and taught from boats. The surrounding region was central to His Galilean ministry.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Matthew/chapter/4">Matthew 4:18-22</a>
|
|
<a href="/book/Mark/chapter/4">Mark 4:35-41</a>
|
|
<a href="/book/John/chapter/21">John 21:1-14</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Jericho</div>
|
|
<div class="location-meta">Ancient city conquered by Joshua</div>
|
|
<div class="location-description">
|
|
One of the oldest continuously inhabited cities in the world, Jericho was the first Canaanite city conquered by the Israelites under Joshua's leadership. Its walls fell after the people marched around them for seven days. Later, Jesus passed through Jericho and called Zacchaeus down from a sycamore tree.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Joshua/chapter/6">Joshua 6:1-20</a>
|
|
<a href="/book/Luke/chapter/19">Luke 19:1-10</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Bethel</div>
|
|
<div class="location-meta">House of God, site of Jacob's vision</div>
|
|
<div class="location-description">
|
|
A town north of Jerusalem where Jacob dreamed of a ladder reaching to heaven with angels ascending and descending. He named the place Bethel, meaning "House of God." Later it became a significant religious center in Israel's history.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Genesis/chapter/28">Genesis 28:10-19</a>
|
|
<a href="/book/Genesis/chapter/35">Genesis 35:1-7</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Hebron</div>
|
|
<div class="location-meta">City of the Patriarchs</div>
|
|
<div class="location-description">
|
|
An ancient city in the hill country of Judea, Hebron was home to Abraham, Isaac, and Jacob. The Cave of Machpelah, where the patriarchs and their wives were buried, is located here. David reigned in Hebron for seven years before moving his capital to Jerusalem.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Genesis/chapter/23">Genesis 23:17-20</a>
|
|
<a href="/book/2 Samuel/chapter/2">2 Samuel 2:1-4</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Beersheba</div>
|
|
<div class="location-meta">Southern boundary of ancient Israel</div>
|
|
<div class="location-description">
|
|
A desert town marking the southern extent of Israel, frequently mentioned in the phrase "from Dan to Beersheba." Abraham and Isaac both made covenants here and dug wells. The name means "well of the oath" or "well of seven."
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Genesis/chapter/21">Genesis 21:25-31</a>
|
|
<a href="/book/Genesis/chapter/26">Genesis 26:23-33</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="region-section">
|
|
<h2>The Exodus and Wilderness</h2>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">The Red Sea</div>
|
|
<div class="location-meta">Site of Israel's miraculous deliverance</div>
|
|
<div class="location-description">
|
|
The body of water that God parted to allow the Israelites to escape from Pharaoh's pursuing army. When Moses stretched out his hand over the sea, the waters divided, and Israel crossed on dry ground. When the Egyptians followed, the waters returned and covered them completely.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Exodus/chapter/14">Exodus 14:21-31</a>
|
|
<a href="/book/Psalm/chapter/106">Psalm 106:9-11</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Mount Sinai</div>
|
|
<div class="location-meta">Where the Law was given</div>
|
|
<div class="location-description">
|
|
The holy mountain in the wilderness where Moses received the Ten Commandments and the Law from God. The mountain was covered in smoke and fire when the LORD descended upon it. Here God established His covenant with Israel and gave them the pattern for the Tabernacle.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Exodus/chapter/19">Exodus 19:16-25</a>
|
|
<a href="/book/Exodus/chapter/20">Exodus 20:1-17</a>
|
|
<a href="/book/Exodus/chapter/24">Exodus 24:12-18</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Mount Nebo</div>
|
|
<div class="location-meta">Where Moses viewed the Promised Land</div>
|
|
<div class="location-description">
|
|
A mountain peak east of the Jordan River from which Moses viewed the Promised Land before his death. From this vantage point, God showed him all the land from Gilead to Dan, all of Naphtali, Ephraim, Manasseh, Judah, and the Negev. Though Moses could not enter, he was permitted to see God's promise fulfilled.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Deuteronomy/chapter/34">Deuteronomy 34:1-5</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">The Jordan River</div>
|
|
<div class="location-meta">Boundary into the Promised Land</div>
|
|
<div class="location-description">
|
|
The river that forms a natural boundary through the Holy Land. God stopped its flow to allow Israel to cross into Canaan on dry ground, echoing the Red Sea crossing. Centuries later, John the Baptist baptized repentant sinners here, including Jesus Christ at the beginning of His public ministry.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Joshua/chapter/3">Joshua 3:14-17</a>
|
|
<a href="/book/Matthew/chapter/3">Matthew 3:13-17</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="region-section">
|
|
<h2>Ancient Kingdoms</h2>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Egypt</div>
|
|
<div class="location-meta">Land of bondage and refuge</div>
|
|
<div class="location-description">
|
|
The great civilization along the Nile served as both a place of refuge (for Abraham, Jacob's family, and the infant Jesus) and a house of bondage from which God delivered Israel under Moses. Egypt features prominently throughout biblical history.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Genesis/chapter/12">Genesis 12:10</a>
|
|
<a href="/book/Exodus/chapter/1">Exodus 1:8-14</a>
|
|
<a href="/book/Matthew/chapter/2">Matthew 2:13-15</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Babylon</div>
|
|
<div class="location-meta">Capital of the Babylonian Empire</div>
|
|
<div class="location-description">
|
|
Located on the Euphrates River in Mesopotamia, Babylon was a center of ancient power and learning. The Israelites were carried into captivity here after Jerusalem's destruction in 586 BC, remaining for seventy years before their return under Cyrus.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/2 Kings/chapter/24">2 Kings 24:10-16</a>
|
|
<a href="/book/Daniel/chapter/1">Daniel 1:1-4</a>
|
|
<a href="/book/Ezra/chapter/1">Ezra 1:1-4</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="region-section">
|
|
<h2>The Apostolic World</h2>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Antioch</div>
|
|
<div class="location-meta">Where believers were first called Christians</div>
|
|
<div class="location-description">
|
|
A major city in Syria, Antioch became a crucial center for early Christianity. The church here sent forth Paul and Barnabas on their missionary journeys, and it was here that disciples were first called "Christians."
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Acts/chapter/11">Acts 11:19-26</a>
|
|
<a href="/book/Acts/chapter/13">Acts 13:1-3</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Ephesus</div>
|
|
<div class="location-meta">Site of Paul's extended ministry</div>
|
|
<div class="location-description">
|
|
A prominent city in Asia Minor (modern-day Turkey), Ephesus was home to one of the Seven Churches of Revelation. Paul spent over two years here, and Timothy later served as its bishop. The apostle John is believed to have spent his final years in this city.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Acts/chapter/19">Acts 19:1-10</a>
|
|
<a href="/book/Ephesians/chapter/1">Ephesians 1:1</a>
|
|
<a href="/book/Revelation/chapter/2">Revelation 2:1-7</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Corinth</div>
|
|
<div class="location-meta">Wealthy port city of Greece</div>
|
|
<div class="location-description">
|
|
A bustling commercial center known for its wealth and immorality, Corinth presented unique challenges for the early church. Paul established a church here during his second missionary journey and later wrote two epistles to address the congregation's struggles.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Acts/chapter/18">Acts 18:1-11</a>
|
|
<a href="/book/1 Corinthians/chapter/1">1 Corinthians 1:2</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="location-entry">
|
|
<div class="location-name">Rome</div>
|
|
<div class="location-meta">The eternal city, capital of the Empire</div>
|
|
<div class="location-description">
|
|
The seat of imperial power and eventual destination of Paul's journey as a prisoner. Rome became a major center of Christianity, though believers there faced severe persecution. Paul's epistle to the Romans remains one of the most profound theological works in Scripture.
|
|
</div>
|
|
<div class="location-verses">
|
|
<a href="/book/Acts/chapter/28">Acts 28:14-16</a>
|
|
<a href="/book/Romans/chapter/1">Romans 1:7</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
// Keyboard navigation for location entries
|
|
(function() {
|
|
const entries = Array.from(document.querySelectorAll('.location-entry'));
|
|
if (entries.length === 0) return;
|
|
|
|
let selectedIndex = -1;
|
|
|
|
function selectEntry(index) {
|
|
if (selectedIndex >= 0 && selectedIndex < entries.length) {
|
|
entries[selectedIndex].style.outline = '';
|
|
entries[selectedIndex].style.outlineOffset = '';
|
|
entries[selectedIndex].classList.remove('selected');
|
|
}
|
|
selectedIndex = Math.max(0, Math.min(index, entries.length - 1));
|
|
entries[selectedIndex].style.outline = '2px solid var(--accent)';
|
|
entries[selectedIndex].style.outlineOffset = '4px';
|
|
entries[selectedIndex].classList.add('selected');
|
|
entries[selectedIndex].scrollIntoView({ behavior: 'auto', block: 'center' });
|
|
}
|
|
|
|
document.addEventListener('keydown', function(e) {
|
|
if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
|
|
if (KJVNav.sidebarActive) return;
|
|
|
|
if (e.key === 'ArrowDown' || e.key === 'j') {
|
|
e.preventDefault();
|
|
if (KJVNav.isSelectionOffScreen(entries, selectedIndex)) {
|
|
selectEntry(KJVNav.findFirstVisibleIndex(entries));
|
|
} else {
|
|
selectEntry(selectedIndex < 0 ? 0 : selectedIndex + 1);
|
|
}
|
|
} else if (e.key === 'ArrowUp' || e.key === 'k') {
|
|
e.preventDefault();
|
|
if (KJVNav.isSelectionOffScreen(entries, selectedIndex)) {
|
|
selectEntry(KJVNav.findFirstVisibleIndex(entries));
|
|
} else if (selectedIndex <= 0) {
|
|
selectEntry(0);
|
|
} else {
|
|
selectEntry(selectedIndex - 1);
|
|
}
|
|
} else if (e.key === 'ArrowLeft' || e.key === 'h') {
|
|
e.preventDefault();
|
|
history.back();
|
|
} else if (e.key === 'Enter' && selectedIndex >= 0) {
|
|
e.preventDefault();
|
|
const link = entries[selectedIndex].querySelector('.location-verses a');
|
|
if (link) window.location.href = link.href;
|
|
}
|
|
});
|
|
})();
|
|
|
|
|
|
</script>
|
|
{% endblock %}
|