misuzu/templates/master.twig

85 lines
2.8 KiB
Twig
Raw Normal View History

2018-03-22 02:56:41 +00:00
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
2018-08-15 01:12:58 +00:00
{% include '_layout/meta.twig' %}
2018-07-21 16:01:36 +00:00
<link href="{{ '/css/libraries.css'|asset_url }}" rel="stylesheet">
2018-10-29 17:55:10 +00:00
<link href="{{ '/css/style.css'|asset_url }}" rel="stylesheet">
2018-10-27 18:50:34 +00:00
{% if site_background is defined %}
<style>
:root {
2018-10-27 18:50:34 +00:00
--background-width: {{ site_background.width }}px;
--background-height: {{ site_background.height }}px;
--background-image: url('{{ site_background.url|raw }}');
}
</style>
{% endif %}
2018-03-22 02:56:41 +00:00
</head>
2018-10-19 21:38:32 +00:00
2018-10-21 22:11:14 +00:00
<body
2018-10-27 18:50:34 +00:00
class="main{% if site_background is defined %} {{ site_background.settings|bg_settings('main--bg-%s')|join(' ') }}{% endif %}"
2018-10-21 22:11:14 +00:00
style="{% if global_accent_colour is defined %}{{ global_accent_colour|html_colour('--accent-colour') }}{% endif %}">
{% include '_layout/header.twig' %}
2018-03-22 02:56:41 +00:00
<div class="main__wrapper">
2018-03-22 02:56:41 +00:00
{% block content %}
2018-10-22 19:53:21 +00:00
This page has no content!
2018-03-22 02:56:41 +00:00
{% endblock %}
</div>
2018-03-22 02:56:41 +00:00
{% include '_layout/footer.twig' %}
2018-07-21 16:01:36 +00:00
<script src="{{ '/js/libraries.js'|asset_url }}" charset="utf-8"></script>
<script>
window.addEventListener('load', () => {
timeago().render(document.querySelectorAll('time'));
2018-05-26 22:26:27 +00:00
hljs.initHighlighting();
});
// move this to an external JS/TS file eventually.
const containerClass = 'container',
containerHiddenClass = 'container--hidden';
function validateContainer(elem) {
return elem.classList.contains(containerClass);
}
function containerIsClosed(elem) {
return elem.classList.contains(containerHiddenClass);
}
function toggleContainer(id) {
const elem = document.getElementById(id);
if (!validateContainer(elem))
return;
if (containerIsClosed(elem))
2018-05-24 19:31:48 +00:00
openContainer(id);
else
2018-05-24 19:31:48 +00:00
closeContainer(id);
}
function openContainer(id) {
const elem = document.getElementById(id);
if (!validateContainer(elem) || !containerIsClosed(elem))
return;
elem.classList.remove(containerHiddenClass);
}
function closeContainer(id) {
const elem = document.getElementById(id);
if (!validateContainer(elem) || containerIsClosed(elem))
return;
elem.classList.add(containerHiddenClass);
}
</script>
2018-11-05 16:45:22 +00:00
<script src="/js/misuzu.js"></script>
2018-03-22 02:56:41 +00:00
</body>
</html>