personal-site/themes/theme/templates/base.html
2020-08-27 20:30:43 +00:00

56 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<style>
{% include 'style.css' %}
</style>
<link rel="stylesheet" type="text/css" href="/theme/fonts/fonts.css" />
<title>Tanner Collin</title>
</head>
<body>
<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"><img src="/theme/mail.svg" /></a>
<a href="https://t.me/tannercollin" target="_blank"><img src="/theme/telegram.svg" /></a>
<a href="https://github.com/tannercollin" target="_blank"><img src="/theme/github.svg" /></a>
</p>
</div>
</div>
<div class="content">
<div class="topbar">
<p>
<img src="/theme/logo.png" alt="My name in handwriting" />
</p>
</div>
{% block content %}
{% endblock %}
</div>
</div>
<script src="/theme/darkmode-js.min.js"></script>
<script>
const options = {
bottom: '16px',
right: '16px',
buttonColorDark: '#666',
buttonColorLight: '#aaa',
label: '🌙',
};
new Darkmode(options).showWidget();
</script>
</body>
</html>