Titivillus/jinja2/base.html
2018-08-10 08:39:51 -04:00

39 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>{% block title %}{% endblock %} - Titivillus</title>
<link rel="stylesheet" type="text/css" href="{{ static('base.css') }}">
<script>
function toggleHeaderCookie(state) {
let xhr = new XMLHttpRequest();
xhr.open('GET', '{# url_for(".set_session", hide_header="on") #}', true);
xhr.send();
}
function toggleHeader() {
if (document.getElementById('header').style.display == 'initial') {
document.getElementById('header').style.display = 'none';
document.getElementById('headerHidden').style.display = 'initial';
//toggleHeaderCookie('on');
}
else {
document.getElementById('header').style.display = 'initial';
document.getElementById('headerHidden').style.display = 'none';
//toggleHeaderCookie('off');
}
}
</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('homepage: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>