You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

100 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
<head>
{% block head %}
<meta charset="utf-8" />
<meta name="generator" content="Pelican" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
<meta name="description" content="New Moon and Full Moon walks in the forest, an initiative by Anaïs Berck" />
<link rel="icon" href="{{ THEME_STATIC_DIR }}/css/icon.svg">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/reset.css" />
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/fonts.css" />
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/main.css" />
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/layout.css" />
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/header.css" />
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/moon-watch.css" />
<!-- JS -->
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/tools/jquery-3.6.0.js"></script>
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/tools/suncalc.js"></script>
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/tools/luxon.min.js"></script>
{% endblock head %}
</head>
<body class="{% block body_class %}{% endblock %}">
<header>
{% include 'partials/nav-menu.html' %}
</header>
<section class="grid-display">
3 years ago
<div class="column-fixed">
{% block fixed_content %}
{% endblock %}
3 years ago
</div>
{% if (page and page.slug != 'gallery') or not page %}
3 years ago
<div class="column-scroll">
{% block scroll_content %}
{% endblock %}
</div>
{% endif %}
</section>
<dialog class="footer text-content">
<button class="close-footer">&times;</button>
3 years ago
{% for p in pages %}
{% if p.slug == "footer" %}
{% if current_lang == DEFAULT_LANG %}
{{ p.content }}
{% else %}
{% for translation in p.translations %}
{% if translation.lang == current_lang %}
{{ translation.content }}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% endfor %}
</dialog>
{% block js_body %}
<script type="text/javascript">
const modal = document.querySelector("dialog.footer");
const open_btn = document.querySelector("button.open-footer");
const close_btn = document.querySelector("button.close-footer");
open_btn.addEventListener('click', () => {
modal.showModal();
});
close_btn.addEventListener('click', () => {
modal.close();
});
</script>
<script type="text/javascript">
if(!window.walk_calendar){
{# imported from the calendar.yaml using the data_files pelican plugin (see pelicanconf.py) #}
window.walk_calendar = {{ DATA_CALENDAR|tojson|safe }};
}
</script>
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/moon-utilities.js"></script>
<script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/moon-watch.js"></script>
{% endblock %}
</body>
</html>