119 lines
4.3 KiB
HTML
119 lines
4.3 KiB
HTML
<!doctype html>
|
|
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="{{ SITE_SUBHEADING }}">
|
|
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
|
|
|
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/pure-min.css">
|
|
|
|
<!--[if lte IE 8]>
|
|
<link rel="stylesheet" href="css/grids-responsive-old-ie-min.css">
|
|
<![endif]-->
|
|
<!--[if gt IE 8]><!-->
|
|
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/grids-responsive-min.css">
|
|
<!--<![endif]-->
|
|
|
|
<!--[if lte IE 8]>
|
|
<link rel="stylesheet" href="css/layouts/marketing-old-ie.css">
|
|
<![endif]-->
|
|
<!--[if gt IE 8]><!-->
|
|
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/layouts/marketing.css">
|
|
<!--<![endif]-->
|
|
|
|
|
|
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/responsive-style.css">
|
|
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css">
|
|
|
|
<link rel="icon" type="image/x-icon" href="{{ SITEURL }}/theme/images/luppp.svg" sizes="32x32">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="outofservice"><h1>This project is no longer maintained.</h1></div>
|
|
|
|
<div class="header">
|
|
<div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed pure-g custom-wrapper" id="menu">
|
|
<div class="pure-u-1 pure-u-md-1-6">
|
|
<a class="pure-menu-heading" href="/">{{ SITENAME }}</a>
|
|
<a href="#" class="custom-toggle" id="toggle"><s class="bar"></s><s class="bar"></s></a>
|
|
</div>
|
|
|
|
<div class="pure-u-1 pure-u-md-5-6">
|
|
<ul class="pure-menu-list">
|
|
{% if pages and pages|length > 0 %}
|
|
{% for p in pages %}
|
|
{% if p.url %}
|
|
<li class="pure-menu-item"><a href="/{{ p.url }}" class="pure-menu-link">{{ p.title }}</a></li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if LINKS|length > 0 %}
|
|
{% for title, link in LINKS %}
|
|
<li class="pure-menu-item"><a href="{{ link }}" class="pure-menu-link">{{ title }}</a></li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
<li class="pure-menu-item">
|
|
<a href="https://liberapay.com/gcrkrause/donate">
|
|
<img alt="Donate using Liberapay" src="{{ SITEURL }}/theme/images/donate.svg" id="liberapay-button">
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% block content %}{% endblock %}
|
|
|
|
<div class="footer l-box is-center">
|
|
{{ FOOTER }}
|
|
</div>
|
|
|
|
<script>
|
|
(function (window, document) {
|
|
var menu = document.getElementById('menu'),
|
|
WINDOW_CHANGE_EVENT = ('onorientationchange' in window) ? 'orientationchange' : 'resize';
|
|
|
|
function toggleHorizontal() {
|
|
[].forEach.call(
|
|
document.getElementById('menu').querySelectorAll('.custom-can-transform'),
|
|
function (el) {
|
|
el.classList.toggle('pure-menu-horizontal');
|
|
}
|
|
);
|
|
};
|
|
|
|
function toggleMenu() {
|
|
// set timeout so that the panel has a chance to roll up
|
|
// before the menu switches states
|
|
if (menu.classList.contains('open')) {
|
|
setTimeout(toggleHorizontal, 500);
|
|
}
|
|
else {
|
|
toggleHorizontal();
|
|
}
|
|
menu.classList.toggle('open');
|
|
document.getElementById('toggle').classList.toggle('x');
|
|
};
|
|
|
|
function closeMenu() {
|
|
if (menu.classList.contains('open')) {
|
|
toggleMenu();
|
|
}
|
|
}
|
|
|
|
document.getElementById('toggle').addEventListener('click', function (e) {
|
|
toggleMenu();
|
|
e.preventDefault();
|
|
});
|
|
|
|
window.addEventListener(WINDOW_CHANGE_EVENT, closeMenu);
|
|
})(this, this.document);
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|