This repository has been archived on 2023-03-14. You can view files and clone it, but cannot push or open issues or pull requests.
personal-website-old/pages/_includes/layout.njk
2020-11-19 17:54:58 +01:00

50 lines
1.4 KiB
Plaintext

---
username: Laureηt
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ username }}</title>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/blink.css">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<script src="javascript/chaffle.min.js"></script>
</head>
<body>
<header>
<span data-chaffle-onload="" data-chaffle="en" style="width: 170px; display: inline;">{{ username }}</span>
<span class="blink" style="display:inline;">_</span>
</header>
{{ content | safe }}
<footer>
&copy; {% year %} {{ username }}
</footer>
<script>
var elements = document.querySelectorAll('[data-chaffle]');
var elm = document.querySelectorAll('[data-chaffle-onLoad]');
Array.prototype.forEach.call(elements, function (el) {
var chaffle = new Chaffle(el)
el.addEventListener('mouseover', function () {
chaffle.init();
});
});
Array.prototype.forEach.call(elm, function (el) {
var chaffle = new Chaffle(el, {
delay: 200
})
chaffle.init();
});
</script>
</body>
</html>