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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
<!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>
:root {
--base-background: white;
--base-color: black;
--link-color: blue;
--first-child-width: 150px;
--primary-color: gainsboro;
--secondary-color: black;
--tertiary-color: #eee;
--code-color: #f9f9f9;
--border-width: 1px;
--header-color: black;
--header-border-width: 2px;
}
@media (prefers-color-scheme: dark) {
:root {
--base-background: black;
--base-color: white;
--link-color: white;
--primary-color: white;
--secondary-color: white;
--code-color: black;
--header-color: black;
}
}
* { box-sizing: border-box; }
html { scroll-padding-top: 1.5em; }
body { font-family: sans-serif; padding: 0 1em; line-height: 160%; display: flex; flex-direction: column; gap: 4em; background: var(--base-background); color: var(--base-color); }
table { width: 100%; border: var(--border-width) solid var(--primary-color); border-collapse: collapse; }
table thead { background: var(--primary-color); border: var(--border-width) solid var(--secondary-color); color: var(--header-color); }
table td, table th { text-align: left; padding: 0.3em 0.5em; }
table tbody tr { border-bottom: var(--border-width) solid var(--primary-color); vertical-align: middle; }
table tr td:first-child { width: var(--first-child-width); }
table td.tags { display: flex; gap: 0.5em; justify-content: flex-end; align-items: center; }
table td.tags mark { padding: 0 0.4em; background: var(--primary-color); font-size: small; }
a { color: var(--link-color); text-decoration: none; }
a:hover { text-decoration: underline; }
header { border-bottom: var(--header-border-width) solid var(--secondary-color); padding: 0.5em 0; display: flex; }
header nav:first-child { display: flex; width: var(--first-child-width); }
header nav:last-child { display: flex; gap: 1.5em; }
header nav:last-child a { color: var(--base-color); }
footer { color: gray; }
footer a { color: gray; text-decoration: underline; }
main { max-width: 840px; display: flex; gap: 2em; flex-direction: column; }
h1, h2, h3, h4 { font-size: initial; }
article h2, article h3, article h4 { margin-block-start: 2.5em; }
article h1 { font-size: 130%; line-height: 110%; }
img, video, audio { max-width: 100%; }
figure { display: flex; justify-content: center; margin: 2.5em 0; }
img, video { border: var(--border-width) solid var(--primary-color); padding: 0.5em; }
img.no-border, video.no-border { border: 0; padding: 0; }
pre { background: var(--code-color)!important; border: var(--border-width) solid var(--primary-color); text-wrap: wrap; padding: 1.0em; line-height: 170%; text-wrap: nowrap; overflow-x: auto; }
code { background: var(--code-color); padding: 0 0.2em; }
pre code { padding: 0; }
.capitalize { text-transform: capitalize; }
/* Hotfixes for strange behaviour. */
article iframe { margin: 0!important; }
pre code span { display: initial !important; }
/*@media only screen and (max-width: 860px) {
.hide-on-mobile { display: none; }
}*/
</style>
<script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script>
</head>
<body>
<header>
<nav>
<span><strong>Navigation</strong></span>
</nav>
<nav>
<span><a href="/">Home</a></span>
<span><a href="/projects.html">Projects</a></span>
<span><a href="https://github.com/mitjafelicijan/probe" target="_blank">Probe</a></span>
<span><a href="https://github.com/mitjafelicijan" target="_blank">Code</a></span>
<span><a href="https://github.com/mitjafelicijan/dotfiles" target="_blank">Dotfiles</a></span>
<span><a href="/curriculum-vitae.html">CV</a></span>
<span><a href="/feed.xml">RSS</a></span>
</nav>
</header>
<main>
{{ block "content" . }}{{ end }}
</main>
<footer>
<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>
<p>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>.</p>
</footer>
</body>
</html>
|
