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-09-23 01:32:18 +00:00
|
|
|
<link href="{{ '/css/style.css'|asset_url }}" rel="stylesheet">
|
2018-07-21 16:01:36 +00:00
|
|
|
<link href="{{ '/css/libraries.css'|asset_url }}" rel="stylesheet">
|
2018-09-16 01:37:32 +00:00
|
|
|
{% if site_background_url is defined %}
|
|
|
|
|
<style>
|
|
|
|
|
:root {
|
|
|
|
|
--site-background-image: url('{{ site_background_url|raw }}');
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{% endif %}
|
2018-03-22 02:56:41 +00:00
|
|
|
</head>
|
2018-10-02 19:16:42 +00:00
|
|
|
<body class="main{% if current_user.user_background_settings is defined %} {{ current_user.user_background_settings|bg_settings('main--bg-%s')|join(' ') }}{% endif %}">
|
2018-08-14 20:03:35 +00:00
|
|
|
{% include '_layout/header.twig' %}
|
2018-03-22 02:56:41 +00:00
|
|
|
|
2018-08-14 20:03:35 +00:00
|
|
|
<div class="main__wrapper">
|
2018-03-22 02:56:41 +00:00
|
|
|
{% block content %}
|
2018-04-16 00:33:54 +00:00
|
|
|
<div class="container">
|
|
|
|
|
<div class="container__title">Hello!</div>
|
|
|
|
|
<div class="container__content">
|
2018-03-22 02:56:41 +00:00
|
|
|
This page has no content!
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{% endblock %}
|
2018-08-14 20:03:35 +00:00
|
|
|
</div>
|
2018-03-22 02:56:41 +00:00
|
|
|
|
2018-08-14 20:03:35 +00:00
|
|
|
<footer class="footer">
|
|
|
|
|
{% autoescape false %}
|
|
|
|
|
<div class="footer__copyright">
|
2018-08-14 20:11:41 +00:00
|
|
|
{{ 'https://flash.moe'|html_link('Flashwave', 'footer__link') }} 2013-{{
|
2018-08-14 20:03:35 +00:00
|
|
|
''|date('Y') }} /
|
2018-10-03 07:54:43 +00:00
|
|
|
{{ ('https://github.com/flashwave/misuzu/tree/' ~ git_tag())|html_link(git_tag(), 'footer__link') }}
|
2018-08-14 20:11:41 +00:00
|
|
|
# {{ ('https://github.com/flashwave/misuzu/commit/' ~ git_commit_hash(true))|html_link(git_commit_hash(), 'footer__link') }}
|
2018-09-16 19:51:14 +00:00
|
|
|
{% if constant('MSZ_DEBUG') or current_user.user_id|default(0) == 1 %}
|
|
|
|
|
/ SQL Queries: {{ sql_query_count()|number_format }}
|
2018-09-16 19:45:40 +00:00
|
|
|
/ Took: {{ startup_time()|number_format(5) }} seconds
|
|
|
|
|
/ Render: {{ startup_time(constant('MSZ_TPL_RENDER'))|number_format(5) }} seconds
|
2018-08-14 20:03:35 +00:00
|
|
|
{% endif %}
|
|
|
|
|
</div>
|
|
|
|
|
{% endautoescape %}
|
|
|
|
|
</footer>
|
2018-04-23 03:00:55 +00:00
|
|
|
|
2018-07-21 16:01:36 +00:00
|
|
|
<script src="{{ '/js/libraries.js'|asset_url }}" charset="utf-8"></script>
|
2018-05-22 02:09:53 +00:00
|
|
|
<script>
|
2018-05-26 21:36:15 +00:00
|
|
|
window.addEventListener('load', () => {
|
|
|
|
|
timeago().render(document.querySelectorAll('time'));
|
2018-05-26 22:26:27 +00:00
|
|
|
hljs.initHighlighting();
|
2018-05-26 21:36:15 +00:00
|
|
|
});
|
|
|
|
|
|
2018-05-22 02:09:53 +00:00
|
|
|
// 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);
|
2018-05-22 02:09:53 +00:00
|
|
|
else
|
2018-05-24 19:31:48 +00:00
|
|
|
closeContainer(id);
|
2018-05-22 02:09:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
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-03-22 02:56:41 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
