personal-site/themes/theme/templates/base.html

89 lines
2.3 KiB
HTML
Raw Normal View History

2020-11-02 05:05:25 +00:00
{% if PROD %}
<?php
$themeClass = '';
if (!empty($_COOKIE['theme'])) {
$themeClass = $_COOKIE['theme'];
}
?>
{% endif %}
2020-05-08 00:01:50 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
2020-09-04 00:40:33 +00:00
{% block head %}
2020-05-08 00:01:50 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
2020-09-04 00:40:33 +00:00
<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' %}
2020-09-04 00:40:33 +00:00
{% include 'fonts.css' %}
</style>
2020-05-08 00:01:50 +00:00
<script defer src="/theme/instant-page.js"></script>
2020-11-02 05:05:25 +00:00
<noscript>
<style type="text/css">
.theme-select {
display: none !important;
}
</style>
</noscript>
2020-05-08 00:01:50 +00:00
</head>
2020-11-02 05:05:25 +00:00
{% if PROD %}
<body class="<?php echo $themeClass; ?>">
{% else %}
2020-05-08 00:01:50 +00:00
<body>
2020-11-02 05:05:25 +00:00
{% endif %}
2021-04-09 00:36:39 +00:00
{%- macro info() -%}
{% block info %}{% endblock %}
{%- endmacro -%}
2020-05-08 00:01:50 +00:00
<div class="container">
<div class="sidebar">
2021-04-09 00:36:39 +00:00
{{ info() }}
2020-05-08 00:01:50 +00:00
</div>
<div class="content">
<div class="topbar">
2021-04-09 00:36:39 +00:00
{{ info() }}
2020-05-08 00:01:50 +00:00
</div>
{% block content %}
{% endblock %}
2020-05-08 00:01:50 +00:00
</div>
</div>
2020-11-02 05:05:25 +00:00
<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>
2020-06-09 19:40:38 +00:00
</body>
2020-05-08 00:01:50 +00:00
</html>