aboutsummaryrefslogtreecommitdiff
path: root/_layouts/base.html
diff options
context:
space:
mode:
Diffstat (limited to '_layouts/base.html')
-rw-r--r--_layouts/base.html253
1 files changed, 253 insertions, 0 deletions
diff --git a/_layouts/base.html b/_layouts/base.html
new file mode 100644
index 0000000..93c4448
--- /dev/null
+++ b/_layouts/base.html
@@ -0,0 +1,253 @@
1<!DOCTYPE html>
2<html lang="{{ site.lang }}">
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width,initial-scale=1">
6 <meta name="generator" content="JBMAFP - github.com/mitjafelicijan/jbmafp">
7
8 <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" />
9
10 <title>
11 {% if page.title %}{{ page.title | escape }} - {{ site.title | escape }}
12 {% else %}{{ site.title | escape }}{% endif %}
13 </title>
14
15 <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
16 <meta name="author" content="{{ site.author }}">
17
18 <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="/feed.xml">
19
20 <style>
21 :root {
22 --border-color: gainsboro;
23 --border-size: 2px;
24 --link-color: blue;
25 --bg-color: #eee;
26 }
27
28 *::selection {
29 background: var(--link-color);
30 color: #ffffff;
31 }
32
33 *::-moz-selection {
34 background: var(--link-color);
35 color: #ffffff;
36 }
37
38 *::-webkit-selection {
39 background: var(--link-color);
40 color: #ffffff;
41 }
42
43 body {
44 padding: 2.5rem;
45 max-width: 1900px;
46 background: white;
47 font-family: sans-serif;
48 line-height: 1.4rem;
49 font-size: 16px;
50 }
51
52 hr {
53 border: 0;
54 border-bottom: var(--border-size) solid var(--border-color);
55 margin-block-start: 1.5rem;
56 }
57
58 a {
59 color: var(--link-color);
60 text-decoration: none;
61 }
62
63 h1, h2, h3 {
64 line-height: initial;
65 }
66
67 h1 {
68 font-size: xx-large;
69 }
70
71 footer {
72 margin-block-start: 2rem;
73 }
74
75 cap {
76 text-transform: capitalize;
77 }
78
79 blockquote {
80 font-style: italic;
81 }
82
83 table {
84 max-width: 100%;
85 border: var(--border-size) solid var(--border-color);
86 border-collapse: separate;
87 border-spacing: 0;
88 }
89
90 table thead tr th {
91 border-bottom: var(--border-size) solid var(--border-color);
92 text-align: left;
93 }
94
95 table th, table td {
96 padding: 0.5em 0.8em;
97 }
98
99 ul.list li {
100 padding: 0.2em 0;
101 }
102
103 ul {
104 line-height: 1.35em;
105 }
106
107 pre {
108 text-wrap: nowrap;
109 overflow-x: auto;
110 padding: 1em;
111 border: var(--border-size) solid var(--border-color);
112 }
113
114 code {
115 font-family: monospace;
116 background: var(--bg-color);
117 font-size: 14px;
118 }
119
120 pre code {
121 background: transparent;
122 }
123
124 figure {
125 margin-inline-start: 0;
126 margin-inline-end: 0;
127 }
128
129 figcaption {
130 width: 800px;
131 max-width: 100%;
132 text-align: center;
133 }
134
135 figcaption p {
136 margin: 0.3em 0 1.5em 0;
137 font-style: italic;
138 }
139
140 img, video, audio {
141 width: 800px;
142 max-width: 100%;
143 border: var(--border-size) solid var(--border-color);
144 padding: 0.5em;
145 }
146
147 header nav {
148 display: flex;
149 gap: 0.9rem;
150 }
151
152 article iframe { /* fixes embeds going to center */
153 margin: 0!important;
154 }
155
156 audio::-webkit-media-controls-enclosure {
157 border-radius: 0;
158 }
159
160 .highlight .hll { background-color: #ffffcc }
161 .highlight { background: #ffffff; }
162 .highlight .c { color: #008000 } /* Comment */
163 /* .highlight .err { border: 1px solid #FF0000 } /* Error */ */
164 .highlight .k { color: #0000ff } /* Keyword */
165 .highlight .ch { color: #008000 } /* Comment.Hashbang */
166 .highlight .cm { color: #008000 } /* Comment.Multiline */
167 .highlight .cp { color: #0000ff } /* Comment.Preproc */
168 .highlight .cpf { color: #008000 } /* Comment.PreprocFile */
169 .highlight .c1 { color: #008000 } /* Comment.Single */
170 .highlight .cs { color: #008000 } /* Comment.Special */
171 .highlight .ge { font-style: italic } /* Generic.Emph */
172 .highlight .gh { font-weight: bold } /* Generic.Heading */
173 .highlight .gp { font-weight: bold } /* Generic.Prompt */
174 .highlight .gs { font-weight: bold } /* Generic.Strong */
175 .highlight .gu { font-weight: bold } /* Generic.Subheading */
176 .highlight .kc { color: #0000ff } /* Keyword.Constant */
177 .highlight .kd { color: #0000ff } /* Keyword.Declaration */
178 .highlight .kn { color: #0000ff } /* Keyword.Namespace */
179 .highlight .kp { color: #0000ff } /* Keyword.Pseudo */
180 .highlight .kr { color: #0000ff } /* Keyword.Reserved */
181 .highlight .kt { color: #2b91af } /* Keyword.Type */
182 .highlight .s { color: #a31515 } /* Literal.String */
183 .highlight .nc { color: #2b91af } /* Name.Class */
184 .highlight .ow { color: #0000ff } /* Operator.Word */
185 .highlight .sa { color: #a31515 } /* Literal.String.Affix */
186 .highlight .sb { color: #a31515 } /* Literal.String.Backtick */
187 .highlight .sc { color: #a31515 } /* Literal.String.Char */
188 .highlight .dl { color: #a31515 } /* Literal.String.Delimiter */
189 .highlight .sd { color: #a31515 } /* Literal.String.Doc */
190 .highlight .s2 { color: #a31515 } /* Literal.String.Double */
191 .highlight .se { color: #a31515 } /* Literal.String.Escape */
192 .highlight .sh { color: #a31515 } /* Literal.String.Heredoc */
193 .highlight .si { color: #a31515 } /* Literal.String.Interpol */
194 .highlight .sx { color: #a31515 } /* Literal.String.Other */
195 .highlight .sr { color: #a31515 } /* Literal.String.Regex */
196 .highlight .s1 { color: #a31515 } /* Literal.String.Single */
197 .highlight .ss { color: #a31515 } /* Literal.String.Symbol */
198
199 @media only screen and (max-width: 600px) {
200 body {
201 padding: 0.5em;
202 word-wrap: break-word;
203 }
204
205 header nav {
206 gap: 0.7rem;
207 }
208
209 header nav .hob {
210 display: none;
211 }
212
213 a {
214 word-wrap: break-word;
215 }
216
217 img, video, audio {
218 padding: 0em;
219 }
220 }
221 </style>
222 </head>
223 <body>
224
225 <header>
226 <nav class="main" itemscope itemtype="http://schema.org/SiteNavigationElement" role="navigation" aria-label="Main navigation">
227 <a href="/">Home</a>
228 <a href="https://github.com/mitjafelicijan" target="_blank">Code</a>
229 <a href="/assets/mitjafelicijan.pgp.pub.txt" target="_blank" class="hob">PGP</a>
230 <a href="/curriculum-vitae.html">CV</a>
231 <a href="/feed.xml" target="_blank" class="hob">RSS</a>
232 </nav>
233 </header>
234
235 <main role="main">
236 {{ content }}
237 </main>
238
239 <footer>
240 <hr>
241 <p><big><strong>Want to comment or have something to add?</strong></big></p>
242 <p>
243 You can write me an email
244 at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or
245 catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>.
246 </p>
247 <hr>
248 <p>This website does not track you. Content is made available under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer">CC BY 4.0 license</a> unless
249 specified otherwise. Blog is also available as <a href="/feed.xml" target="_blank">RSS feed</a>.
250 </p>
251 </footer>
252 </body>
253</html>
generated by cgit v1.2.3 (git 2.46.0) at 2026-04-30 20:19:58 +0000