72 lines
2.9 KiB
HTML
72 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ lang|default('en') }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ settings.get('agency_name', 'G Travel') }} | Tours, Surf, Volcanoes</title>
|
|
<meta name="description" content="Explore beautiful Guatemala with G Travel. Experience tours, surfing at El Paredon, and active volcanoes.">
|
|
<link rel="stylesheet" href="/static/css/style.css?v=2">
|
|
{% if turnstile_site_key %}
|
|
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
|
|
{% endif %}
|
|
</head>
|
|
<body>
|
|
<nav class="navbar">
|
|
<div class="nav-brand">
|
|
<a href="/" style="display: flex; align-items: center; text-decoration: none; color: var(--primary-color);">
|
|
{% if settings.get('logo_url') %}
|
|
<img src="{{ settings.get('logo_url') }}" alt="G Travel Logo">
|
|
{% else %}
|
|
<i>G</i> TRAVEL
|
|
{% endif %}
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Hamburger Menu Button -->
|
|
<div class="hamburger" id="hamburger-menu">
|
|
<div></div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div class="nav-links" id="nav-links">
|
|
<a href="/#tours">{% if lang == 'es' %}Tours{% else %}Tours{% endif %}</a>
|
|
<a href="/#surf">{% if lang == 'es' %}Surf{% else %}Surf{% endif %}</a>
|
|
<a href="/#volcanoes">{% if lang == 'es' %}Volcanes{% else %}Volcanoes{% endif %}</a>
|
|
<a href="/#contact">{% if lang == 'es' %}Contacto{% else %}Contact{% endif %}</a>
|
|
<a href="?lang={% if lang == 'en' %}es{% else %}en{% endif %}" class="lang-switch">
|
|
{% if lang == 'en' %}Español{% else %}English{% endif %}
|
|
</a>
|
|
<a href="/admin" style="font-size: 0.8rem; opacity: 0.8;">Admin</a>
|
|
</div>
|
|
</nav>
|
|
<main>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<script>
|
|
document.getElementById('hamburger-menu').addEventListener('click', function() {
|
|
var navLinks = document.getElementById('nav-links');
|
|
if (navLinks.style.display === 'flex' && navLinks.classList.contains('mobile-active')) {
|
|
navLinks.style.display = 'none';
|
|
navLinks.classList.remove('mobile-active');
|
|
} else {
|
|
navLinks.style.display = 'flex';
|
|
navLinks.classList.add('mobile-active');
|
|
}
|
|
});
|
|
|
|
// Close menu when clicking a link
|
|
document.querySelectorAll('.nav-links a').forEach(link => {
|
|
link.addEventListener('click', () => {
|
|
var navLinks = document.getElementById('nav-links');
|
|
if (window.innerWidth <= 768) {
|
|
navLinks.style.display = 'none';
|
|
navLinks.classList.remove('mobile-active');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|