aboutsummaryrefslogtreecommitdiff
path: root/templates/base.html
blob: aff281e2b184a03563a0b2589305a24fc3da93b6 (plain)
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
<!doctype html>
<html lang="{{ .Config.Language }}">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />

		<title>{{ block "title" . }}{{ .Config.Title }}{{ end }}</title>
		<meta name="description" content="{{ block "description" . }}{{ .Config.Description }}{{ end }}"/>
		
		<link rel="alternate" type="application/rss+xml" href="{{ .Config.BaseURL }}/index.xml" />
		<link href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL69vf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv76+/8LBwQkAAAAAAAAAAAAAAAC+vb3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+9vf/Bv78JAAAAAAAAAAAAAAAAu7q6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7ubr/vr29CAAAAAAAAAAAy8nJAZ6foP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqGj/6GipAoAAAAAHLjU/xcXHf/BwsL/I8XY/yPK3v8XGiD/IbjL/yPF2f8XGiD/Fxkf/yLF2f8gnK3/Fxog/62ztv8fwNf/FRcd/x271v8mz93/GRsi/xkXHf8p097/GiIp/xobIv8p0t3/KdPe/xocIv8fYmr/KNPe/xoZH/8aHCL/J87c/xy81/8VFxz/IsPZ/8zS0/8XGiD/Ir/R/yPH2/8XGiD/Fxkf/yPH2/8dd4T/GBog/yPJ3f8jyNr/uru9/xcUGv8cudb/EhITDKi5vRKlvMP/RUpOERwcHRAdOj4QHTk8EBwdHRAdNTgQHTo/EBwcHRAcHB0QSGduEKW4vf+koqQfHzg+EBqz0ewSFRv7EyMr/xq51vsTERb7ExUb+xq41fsau9j7ExUb+xiPp/sZudb7ExUb+xMVG/sZuNX/GKvI/BIUGfMdvdn/IrfL/xcaIP8n1eb/J9Dh/xkcIf8ZGR7/J8/f/xxCSv8ZGyH/J9Dg/ybQ4P8ZHCL/FSQs/yPK3/8UExj/GE1b/ybS5P8ZGB7/Ghwj/ynW5P8p2Ob/Ghwi/yWrtv8p1eH/Ghwi/xocIv8p1uT/J8XT/xkcIv8m1un/Hb7d/xUYH/8hzOr/HtHu/xcaIf8XGB//I8vi/xgxOv8XGSD/I8rg/yPK4P8XGiD/GUFL/yPP6f8SERj/Fhkh/x3A4f8AAAAAJ2f9/ydr//8mZPH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlYu38J2v//ydo/f8AAAAAAAAAAAd8/fkFqf//Iob8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMY39awWr//8FfP3/AAAAAAAAAAAFm/7/SfD//wR+/f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB/f9B7v//BaX+/wAAAAAAAAAAQ878SAyZ/v9n1v4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu9v8DDJb+/z3N/XgAAAAA3/sAAN/7AADf+wAA3/sAAAAAAAAAAAAAAAAAAN/7AAAAAAAAAAAAAAAAAAAAAAAAj/EAAI/5AACP8QAA3/sAAA==" rel="icon" type="image/x-icon" />

		<style>
			html { scroll-padding: 2rem; }
			body { display: grid; gap: 2em; grid-template-columns: 14em auto; max-width: 100vw; line-height: 130%; }
			h1, h2, h3, h4, h5, h6 { line-height: 120%; }
			img, video, audio { max-width: 100%; }
			pre { background: #f5f5f5 !important; text-wrap: wrap; padding: 0.5em; }
			code { background: #f5f5f5; }
			table { width: 100%; }
			figure { margin: 0; }
			.flow { max-width: 1100px; column-count: 2; column-gap: 20px; }
			@media only screen and (max-width: 720px) {
				body { display: block; }
				main { margin: 1em 0; }
				.flow { column-count: 1; }
				.hide-on-mobile { display: none; }
			}
			/* Fixes embeds going to center. */
			article iframe { margin: 0!important; }
			/* Fix desktop and mobile code when font sizes are all over the place. */
			pre code span { display: initial !important; }
		</style>
		<script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script>
	</head>

	<body>
		<aside>
			<p>You do not learn by relaxing. You learn by violently assaulting your problem until it surrenders its mysteries to you.</p>
			<strong>About</strong>
			<ul>
				<li><a href="/">Home</a></li>
				<li><a href="/projects.html">Recent Projects</a></li>
				<li><a href="https://github.com/mitjafelicijan" target="_blank">Code on GitHub</a></li>
				<li><a href="https://github.com/mitjafelicijan/probe" target="_blank">Probe repository</a></li>
				<li class="hide-on-mobile"><a href="https://github.com/mitjafelicijan/dotfiles" target="_blank">My dotfiles</a></li>
				<li><a href="/curriculum-vitae.html">Curriculum Vitae</a></li>
				<li class="hide-on-mobile"><a href="/feed.xml">RSS Feed</a></li>
			</ul>
		</aside>

		<main>
			<div>
				{{ block "content" . }}{{ end }}
			</div>

			<footer>
				<hr>
				<p><big><strong>Want to comment or have something to add?</strong></big></p>
				<p>You can write me an email at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>.</p>
				<hr>
				<p><small>This page's is also available as <a href="/feed.xml" target="_blank">RSS feed</a>. Page was built with <a href="https://github.com/mitjafelicijan/jbmafp" target="_blank">jbmafp</a>.</small></p>
			</footer>
		</main>

		<script>
			document.querySelectorAll("table").forEach(t => t.setAttribute("border", 1));
		</script>
	</body>
</html>