89 lines
2.3 KiB
HTML
89 lines
2.3 KiB
HTML
{% if PROD %}
|
|
<?php
|
|
$themeClass = '';
|
|
if (!empty($_COOKIE['theme'])) {
|
|
$themeClass = $_COOKIE['theme'];
|
|
}
|
|
?>
|
|
{% endif %}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{% block head %}
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta charset="utf-8"/>
|
|
|
|
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
|
<meta name="author" content="{{ AUTHOR }}" />
|
|
{% endblock head %}
|
|
|
|
<link rel="preload" href="/theme/fonts/AppSILB.ttf" as="font" type="font/ttf" crossorigin="anonymous">
|
|
<link rel="preload" href="/theme/fonts/AppSILBI.ttf" as="font" type="font/ttf" crossorigin="anonymous">
|
|
<link rel="preload" href="/theme/fonts/AppSILI.ttf" as="font" type="font/ttf" crossorigin="anonymous">
|
|
<link rel="preload" href="/theme/fonts/AppSILR.ttf" as="font" type="font/ttf" crossorigin="anonymous">
|
|
|
|
<link rel="preload" href="/theme/fonts/Lato-Bold.ttf" as="font" type="font/ttf" crossorigin="anonymous">
|
|
<link rel="preload" href="/theme/fonts/Lato-BoldItalic.ttf" as="font" type="font/ttf" crossorigin="anonymous">
|
|
<link rel="preload" href="/theme/fonts/Lato-Italic.ttf" as="font" type="font/ttf" crossorigin="anonymous">
|
|
<link rel="preload" href="/theme/fonts/Lato-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous">
|
|
|
|
<style>
|
|
{% include 'style.css' %}
|
|
{% include 'fonts.css' %}
|
|
</style>
|
|
|
|
<script defer src="/theme/instant-page.js"></script>
|
|
|
|
<noscript>
|
|
<style type="text/css">
|
|
.theme-select {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
</noscript>
|
|
</head>
|
|
|
|
{% if PROD %}
|
|
<body class="<?php echo $themeClass; ?>">
|
|
{% else %}
|
|
<body>
|
|
{% endif %}
|
|
|
|
{%- macro info() -%}
|
|
{% block info %}{% endblock %}
|
|
{%- endmacro -%}
|
|
|
|
<div class="container">
|
|
<div class="sidebar">
|
|
{{ info() }}
|
|
</div>
|
|
<div class="content">
|
|
<div class="topbar">
|
|
{{ info() }}
|
|
</div>
|
|
{% block content %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function setTheme(theme) {
|
|
console.log('Setting theme to', theme);
|
|
|
|
if (theme == 'dark') {
|
|
document.body.classList.add('dark');
|
|
document.body.classList.remove('light');
|
|
} else if (theme == 'light') {
|
|
document.body.classList.add('light');
|
|
document.body.classList.remove('dark');
|
|
}
|
|
|
|
document.cookie = 'theme=' + theme + '; Max-Age=31536000; Path=/; SameSite=Lax';
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|