You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
2.3 KiB
91 lines
2.3 KiB
{% 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> |
|
|
|
|