anonkun/templates/base.html

36 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>{% block title %}{% endblock %} - Anonkun</title>
<link rel="stylesheet" type="text/css" href="/static/anonkun.css">
<script>
function toggleHeader() {
let xhr = new XMLHttpRequest();
if (document.getElementById('header').style.display == 'initial') {
document.getElementById('header').style.display = 'none';
document.getElementById('headerHidden').style.display = 'initial';
xhr.open('GET', '{{ url_for(".set_session", hide_header="on") }}', true);
}
else {
document.getElementById('header').style.display = 'initial';
document.getElementById('headerHidden').style.display = 'none';
xhr.open('GET', '{{ url_for(".set_session", hide_header="off") }}', true);
}
xhr.send();
}
</script>
{% block head %}{% endblock %}
</head>
<body>
<ul id="header" class="header" style="{% if session.get("hide_header") == True %}display:none;{% else %}display:initial;{% endif %}">
<li><a onclick="toggleHeader();" href="javascript:void(0);"></a></li>
<li><a href="{{ url_for('.index') }}">Home</a></li>
{% block header %}{% endblock %}
</ul>
<ul id="headerHidden" class="header" style="{% if session.get("hide_header") == True %}display:initial;{% else %}display:none;{% endif %}">
<li><a onclick="toggleHeader();" href="javascript:void(0);"></a></li>
</ul>
<div id="content">{% block content %}{% endblock %} </div>
</body>
</html>