137 lines
5.9 KiB
Twig
137 lines
5.9 KiB
Twig
{% from '@mio/macros.twig' import navigation %}
|
|
|
|
{% set mio_navigation = {
|
|
'Home': '/',
|
|
'News': '/news.php',
|
|
'Forum': '/forum/',
|
|
'Chat': 'https://chat.flashii.net',
|
|
'Members': '/members.php',
|
|
} %}
|
|
|
|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
{% include '@mio/_layout/meta.twig' %}
|
|
<link href="https://static.flash.moe/fonts/visitor/visitor1.css" rel="stylesheet">
|
|
<link href="/css/mio.css" rel="stylesheet">
|
|
<link href="/css/libraries.css" rel="stylesheet">
|
|
</head>
|
|
<body class="mio">
|
|
<div class="mio__wrapper">
|
|
<nav class="header">
|
|
<div class="header__logo">
|
|
<a href="/" class="header__logo__link">
|
|
<img class="header__logo__image" src="https://static.flash.moe/logos/logo-exo.png" alt="Flashii">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="header__menu">
|
|
{% if app.hasActiveSession %}
|
|
<div class="container header__user">
|
|
<div class="container__title">Hey, {{ current_user.username }}!</div>
|
|
<div class="container__content header__user__content">
|
|
<a href="/settings.php?m=avatar" class="avatar header__user__avatar" style="background-image:url('/profile.php?u={{ current_user.user_id }}&m=avatar');"></a>
|
|
|
|
<div class="header__user__links__container">
|
|
<ul class="header__user__links">
|
|
<li class="header__user__option"><a class="header__user__link" href="/profile.php?u={{ current_user.user_id }}">Profile</a></li>
|
|
<li class="header__user__option"><a class="header__user__link" href="/settings.php">Settings</a></li>
|
|
{% if current_user.user_id == 1 %}
|
|
<li class="header__user__option"><a class="header__user__link" href="{{ manage_link|default('/manage/index.php') }}">Manage</a></li>
|
|
{% endif %}
|
|
<li class="header__user__option"><a class="header__user__link" href="/auth.php?m=logout&s={{ csrf_token() }}">Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<a href="/auth.php" class="input__button">Login/Register</a>
|
|
{% endif %}
|
|
</div>
|
|
</nav>
|
|
|
|
{% block content %}
|
|
<div class="container">
|
|
<div class="container__title">Hello!</div>
|
|
<div class="container__content">
|
|
This page has no content!
|
|
</div>
|
|
</div>
|
|
|
|
{{ navigation(mio_navigation) }}
|
|
{% endblock %}
|
|
|
|
<footer class="footer">
|
|
<div class="footer__copyright">
|
|
{{ 'https://flash.moe'|html_link('Flashwave', 'footer__copyright__link')|raw }} 2013-{{
|
|
''|date('Y') }} /
|
|
<span title="{{ git_hash(true) }}">
|
|
{{ git_branch() }} # {{ git_hash() }}
|
|
</span>
|
|
{# link('https://github.com/flashwave/misuzu/tree/' ~ git_branch(), git_branch(), 'footer__copyright__link') }} # {{ link('https://github.com/flashwave/misuzu/commit/' ~ git_hash(true), git_hash(), 'footer__copyright__link') #}
|
|
</div>
|
|
|
|
<div class="footer__links">
|
|
{% autoescape false %}
|
|
{{ '#'|html_link('Rules', 'footer__links__link') }} |
|
|
{{ '#'|html_link('Contact', 'footer__links__link') }} |
|
|
{{ '#'|html_link('Status', 'footer__links__link') }} |
|
|
{{ '/changelog.php'|html_link('Changelog', 'footer__links__link') }} |
|
|
{{ 'https://twitter.com/flashiinet'|html_link('Twitter', 'footer__links__link') }}
|
|
{% endautoescape %}
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<script src="/js/libraries.js" charset="utf-8"></script>
|
|
<script>
|
|
window.addEventListener('load', () => {
|
|
timeago().render(document.querySelectorAll('time'));
|
|
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))
|
|
openContainer(id);
|
|
else
|
|
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>
|
|
</body>
|
|
</html>
|