108 lines
3.6 KiB
HTML
108 lines
3.6 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 %}
|
|
<div class="container">
|
|
<div class="sidebar">
|
|
<img src="/theme/me.jpg" class="me" alt="A picture of me smiling" />
|
|
<div class="info">
|
|
<p>
|
|
Tanner Collin
|
|
</p>
|
|
<p class="contact-icons">
|
|
<a href="mailto:site@tannercollin.com" rel="noreferrer noopener"><img alt="email icon" src="/theme/mail.svg" /></a>
|
|
<a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="telegram logo" src="/theme/telegram.svg" /></a>
|
|
<a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="github logo" src="/theme/github.svg" /></a>
|
|
</p>
|
|
<p class='theme-select'>
|
|
<a onClick="setTheme('light')">Light</a> / <a onClick="setTheme('dark')">Dark</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="topbar">
|
|
<img src="/theme/me.jpg" class="me" alt="A picture of me smiling" />
|
|
<div class="info">
|
|
Tanner Collin
|
|
<p class="contact-icons">
|
|
<a href="mailto:site@tannercollin.com" rel="noreferrer noopener"><img alt="email icon" src="/theme/mail.svg" /></a>
|
|
<a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="telegram logo" src="/theme/telegram.svg" /></a>
|
|
<a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="github logo" src="/theme/github.svg" /></a>
|
|
</p>
|
|
<p class='theme-select'>
|
|
<a onClick="setTheme('light')">Light</a> / <a onClick="setTheme('dark')">Dark</a>
|
|
</p>
|
|
</div>
|
|
</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>
|
|
|