summaryrefslogtreecommitdiff
path: root/_includes/base.njk
blob: 502da2157fac342dd630c3752cee6200caa3e7e1 (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
78
79
<!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.ico" | url}}" type="image/png">
</head>

<body>
	<div class="solidbg">
		<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 }}" target="_blank" class="morph" data-alt="{{ s.tooltip }}">{{ s.name }}</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>
		<script src="{{ " /assets/js/morph.js" | url}}"></script>
	</div>
</body>

</html>