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.

71 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
<head>
{% block head %}
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
<meta charset="utf-8" />
<meta name="generator" content="Pelican" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 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">
<main class="">
{% block content %}
{% endblock %}
</main>
<aside class="moon-watch">
{% include 'partials/moon-watch.html' %}
</aside>
</section>
<footer class="mono">
{% include 'partials/footer.html' %}
</footer>
{% block js_body %}
<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>
<script>
window.setInterval(function(){
// now.setHours(now.getHours() + 2);
updateCurrentMoonWatch(now);
updateCurrentMoonTypo(now);
}, 100);
</script>
{% endblock %}
</body>
</html>