62 lines
1.6 KiB
HTML
62 lines
1.6 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">
|
|
<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"><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>
|
|
{% 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>
|
|
|