Add meta tags and optimize loading

This commit is contained in:
2020-09-04 00:40:33 +00:00
parent 975484a03c
commit 809806c8cd
6 changed files with 55 additions and 22 deletions

View File

@@ -1,16 +1,22 @@
<!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 %}
<style>
{% include 'style.css' %}
{% include 'fonts.css' %}
</style>
<link rel="stylesheet" type="text/css" href="/theme/fonts/fonts.css" />
<title>Tanner Collin</title>
<script defer src="/theme/darkmode-js.min.js"></script>
<script defer src="/theme/enable-darkmode.js"></script>
</script>
</head>
<body>
@@ -22,9 +28,9 @@
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>
<a href="mailto:site@tannercollin.com"><img alt="email icon" src="/theme/mail.svg" /></a>
<a href="https://t.me/tannercollin" target="_blank"><img alt="telegram logo" src="/theme/telegram.svg" /></a>
<a href="https://github.com/tannercollin" target="_blank"><img alt="github logo" src="/theme/github.svg" /></a>
</p>
</div>
</div>
@@ -34,9 +40,9 @@
<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>
<a href="mailto:site@tannercollin.com"><img alt="email icon" src="/theme/mail.svg" /></a>
<a href="https://t.me/tannercollin" target="_blank"><img alt="telegram logo" src="/theme/telegram.svg" /></a>
<a href="https://github.com/tannercollin" target="_blank"><img alt="github logo" src="/theme/github.svg" /></a>
</p>
</div>
</div>
@@ -44,18 +50,6 @@
{% 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>