Repository navigation
Expand file tree
/
Copy pathmap_snippet.html
More file actions
14 lines (14 loc) · 1.57 KB
/
Copy pathmap_snippet.html
File metadata and controls
14 lines (14 loc) · 1.57 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- Geographical Browse Modal -->
<div id="mapModal" class="modal" style="display: none; align-items: center; justify-content: center;">
<div class="modal-content glass-panel" style="max-width: 900px; width: 95%; height: 80vh; position: relative; padding: 2rem;">
<button id="closeMap" class="close-btn" aria-label="Close map">×</button>
<h2 class="section-title">Geographical Archive</h2>
<p class="section-copy">Explore historical episodes by region.</p>
<div class="map-container" style="position: relative; background: #eee; height: 70%; border-radius: 8px; margin-top: 1rem; overflow: hidden; border: 1px solid var(--border-soft);">
<img src="https://upload.wikimedia.org/wikipedia/commons/e/ea/BlankMap-World6.svg" alt="Map" style="width: 100%; height: 100%; object-fit: cover; opacity: 0.5;">
<div class="region-pin" style="top: 40%; left: 55%;" onclick="document.getElementById('search').value='Hejaz'; document.getElementById('search').dispatchEvent(new Event('input')); document.getElementById('closeMap').click();">Hejaz</div>
<div class="region-pin" style="top: 35%; left: 45%;" onclick="document.getElementById('search').value='Andalusia'; document.getElementById('search').dispatchEvent(new Event('input')); document.getElementById('closeMap').click();">Andalusia</div>
<div class="region-pin" style="top: 45%; left: 60%;" onclick="document.getElementById('search').value='Levant'; document.getElementById('search').dispatchEvent(new Event('input')); document.getElementById('closeMap').click();">Levant</div>
</div>
</div>
</div>