summaryrefslogtreecommitdiff
path: root/_includes/base.njk
blob: 7c32f5a2d8cbd4c7a35044e8d7b67d3acdfc26f6 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="{{ " /assets/css/highlight.css" | url}}">
	<link rel="stylesheet" href="{{ " /assets/fonts/KodeMono.css" | url}}">
	<link rel="stylesheet" href="{{ " /assets/fonts/JetBrains.css" | url}}">
	<link rel="stylesheet" href="{{ " /assets/css/main.css" | url}}">
	<link rel="stylesheet" href="{% getBundleFileUrl "css" %}">

	{% block head %}{% endblock %}
	{% if title %}
	<title>{{ title }} - {{ site.title | safe }}</title>
	{% else %}
	<title>{{ site.title | safe }}</title>
	{% endif %}
	{% include "./meta.njk" %}

	<link rel="shortcut icon" href="{{ " /assets/images/favicon.png" | url}}" type="image/png">
</head>

<body>
	<header>
		<a href="{{" /" | url}}" class="logo">
			{{ "/assets/images/logo.svg" | embedSVG | safe }}
			<h1>{{ site.title }}</h1>
		</a>
		<button id="menu-open" aria-label="Navmenu open" class="mobile-menu">[OPEN]</button>
		{% include "nav.njk" %}
	</header>
	<main>
		{% block content %}{% endblock %}
	</main>

	<footer>
		<div class="social">
			{%- for s in site.footerLinks -%}
			<a no-transition href="{{ s.href }}" class="tooltip" target="_blank">{{ s.name }}<span class="tooltiptext">{{
					s.tooltip }}</span></a>
			{%- endfor -%}
		</div>
	</footer>

	<script src="{{ " /assets/js/main.js" | url}}"></script>
	<script src="{% getBundleFileUrl "js" %}"></script>
	<script defer src="{{ " /assets/js/lib/quicklink.umd.js" | url}}"></script>

	<script>
		window.addEventListener('load', () => {
			quicklink.listen();
		});
	</script>

	<svg style="visibility:hidden;" width="0" height="0">
		<defs>
			<filter id="transition" x="0%" y="0%" width="100%" height="100%">
				<feTurbulence id="noise" type="fractalNoise" baseFrequency="0.2 0" seed="0" result="NOISE" numOctaves="2">
				</feTurbulence>
				<feDisplacementMap id="displacement" in="SourceGraphic" in2="NOISE" scale="0" xChannelSelector="A"
					yChannelSelector="R"></feDisplacementMap>
			</filter>


			<filter id="image-filter" bx:pinned="true" primitiveUnits="objectBoundingBox">
				<feTurbulence result="turbulence-1" baseFrequency="0.8 0.1" type="fractalNoise"></feTurbulence>
				<feDisplacementMap result="displacement-map-0" in="SourceGraphic" in2="turbulence-1" scale="0.1"
					xChannelSelector="R" yChannelSelector="R"></feDisplacementMap>
			</filter>

		</defs>
	</svg>
	<script src="{{ " /assets/js/transitions.js" | url}}"></script>
</body>

</html>