92 lines
2.3 KiB
HTML
92 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">
|
||
|
||
<link rel="icon" href="favicon.svg">
|
||
|
||
<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>
|
||
|
||
{% block content %}
|
||
{% endblock %}
|
||
</div>
|
||
|
||
<p class="copyright">
|
||
© 2012–2021 Tanner Collin
|
||
</p>
|
||
|
||
|
||
<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>
|
||
|