aboutsummaryrefslogtreecommitdiff
path: root/_layouts
diff options
context:
space:
mode:
authorMitja Felicijan <mitja.felicijan@gmail.com>2023-12-28 00:37:17 +0100
committerMitja Felicijan <mitja.felicijan@gmail.com>2023-12-28 00:37:17 +0100
commit89d7459615b25fb75645ef8de1b64a1598ef9600 (patch)
treed67d246197c5e904e8d7fe92ca8fa4a4260961e9 /_layouts
parent93811102e60518c6502166c8806b66f57856f048 (diff)
downloadmitjafelicijan.com-89d7459615b25fb75645ef8de1b64a1598ef9600.tar.gz
Cleaned up tabs
Diffstat (limited to '_layouts')
-rw-r--r--_layouts/base.html176
1 files changed, 88 insertions, 88 deletions
diff --git a/_layouts/base.html b/_layouts/base.html
index 58f6cdd..5e4678f 100644
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -1,10 +1,10 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<html lang="{{ site.lang }}"> 2<html lang="{{ site.lang }}">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width,initial-scale=1"> 5 <meta name="viewport" content="width=device-width,initial-scale=1">
6 6
7 <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" /> 7 <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" />
8 8
9 <title> 9 <title>
10 {% if page.title %}{{ page.title | escape }} - {{ site.title | escape }} 10 {% if page.title %}{{ page.title | escape }} - {{ site.title | escape }}
@@ -15,7 +15,7 @@
15 15
16 <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="/feed.xml"> 16 <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="/feed.xml">
17 17
18 <style> 18 <style>
19 :root { 19 :root {
20 --body-max-width: 1600px; 20 --body-max-width: 1600px;
21 --border-color: gainsboro; 21 --border-color: gainsboro;
@@ -40,53 +40,53 @@
40 color: #ffffff; 40 color: #ffffff;
41 } 41 }
42 42
43 body { 43 body {
44 padding: 2.5rem; 44 padding: 2.5rem;
45 max-width: var(--body-max-width); 45 max-width: var(--body-max-width);
46 background: white; 46 background: white;
47 font-family: sans-serif; 47 font-family: sans-serif;
48 line-height: 1.4rem; 48 line-height: 1.4rem;
49 font-size: 16px; 49 font-size: 16px;
50 } 50 }
51 51
52 hr { 52 hr {
53 border: 0; 53 border: 0;
54 border-bottom: var(--border-size) var(--border-style) var(--border-color); 54 border-bottom: var(--border-size) var(--border-style) var(--border-color);
55 margin-block-start: 1.5rem; 55 margin-block-start: 1.5rem;
56 margin-block-end: 1.5rem; 56 margin-block-end: 1.5rem;
57 } 57 }
58 58
59 a { 59 a {
60 color: var(--link-color); 60 color: var(--link-color);
61 text-decoration: none; 61 text-decoration: none;
62 } 62 }
63 63
64 h1, h2, h3 { 64 h1, h2, h3 {
65 line-height: initial; 65 line-height: initial;
66 } 66 }
67 67
68 h1 { 68 h1 {
69 font-size: xx-large; 69 font-size: xx-large;
70 } 70 }
71 71
72 footer { 72 footer {
73 margin-block-start: 2rem; 73 margin-block-start: 2rem;
74 } 74 }
75 75
76 cap { 76 cap {
77 text-transform: capitalize; 77 text-transform: capitalize;
78 } 78 }
79 79
80 blockquote { 80 blockquote {
81 font-style: italic; 81 font-style: italic;
82 } 82 }
83 83
84 table { 84 table {
85 max-width: 100%; 85 max-width: 100%;
86 border: var(--border-size) var(--border-style) var(--border-color); 86 border: var(--border-size) var(--border-style) var(--border-color);
87 border-collapse: separate; 87 border-collapse: separate;
88 border-spacing: 0; 88 border-spacing: 0;
89 } 89 }
90 90
91 table thead tr th { 91 table thead tr th {
92 border-bottom: var(--border-size) var(--border-style) var(--border-color); 92 border-bottom: var(--border-size) var(--border-style) var(--border-color);
@@ -97,23 +97,23 @@
97 padding: 0.5em 0.8em; 97 padding: 0.5em 0.8em;
98 } 98 }
99 99
100 ul.list li { 100 ul.list li {
101 padding: 0.2em 0; 101 padding: 0.2em 0;
102 } 102 }
103 103
104 ul { 104 ul {
105 line-height: 1.35em; 105 line-height: 1.35em;
106 } 106 }
107 107
108 pre { 108 pre {
109 text-wrap: nowrap; 109 text-wrap: nowrap;
110 overflow-x: auto; 110 overflow-x: auto;
111 padding: 1em; 111 padding: 1em;
112 border: var(--border-size) var(--border-style) var(--border-color); 112 border: var(--border-size) var(--border-style) var(--border-color);
113 } 113 }
114 114
115 code { 115 code {
116 font-family: monospace; 116 font-family: monospace;
117 background: var(--bg-color); 117 background: var(--bg-color);
118 font-size: 14px; 118 font-size: 14px;
119 } 119 }
@@ -122,31 +122,31 @@
122 background: transparent; 122 background: transparent;
123 } 123 }
124 124
125 figure { 125 figure {
126 margin-inline-start: 0; 126 margin-inline-start: 0;
127 margin-inline-end: 0; 127 margin-inline-end: 0;
128 } 128 }
129 129
130 figcaption { 130 figcaption {
131 width: 800px; 131 width: 800px;
132 max-width: 100%; 132 max-width: 100%;
133 text-align: center; 133 text-align: center;
134 } 134 }
135 135
136 figcaption p { 136 figcaption p {
137 margin: 0.3em 0 1.5em 0; 137 margin: 0.3em 0 1.5em 0;
138 font-style: italic; 138 font-style: italic;
139 } 139 }
140 140
141 img, video, audio { 141 img, video, audio {
142 width: 800px; 142 width: 800px;
143 max-width: 100%; 143 max-width: 100%;
144 } 144 }
145 145
146 header nav { 146 header nav {
147 display: flex; 147 display: flex;
148 gap: 0.9rem; 148 gap: 0.9rem;
149 } 149 }
150 150
151 article iframe { /* fixes embeds going to center */ 151 article iframe { /* fixes embeds going to center */
152 margin: 0!important; 152 margin: 0!important;
@@ -195,54 +195,54 @@
195 .highlight .s1 { color: #a31515 } /* Literal.String.Single */ 195 .highlight .s1 { color: #a31515 } /* Literal.String.Single */
196 .highlight .ss { color: #a31515 } /* Literal.String.Symbol */ 196 .highlight .ss { color: #a31515 } /* Literal.String.Symbol */
197 197
198 @media only screen and (max-width: 600px) { 198 @media only screen and (max-width: 600px) {
199 body { 199 body {
200 padding: 0.5em; 200 padding: 0.5em;
201 word-wrap: break-word; 201 word-wrap: break-word;
202 } 202 }
203 203
204 header nav { 204 header nav {
205 gap: 0.7rem; 205 gap: 0.7rem;
206 } 206 }
207 207
208 header nav .hob { 208 header nav .hob {
209 display: none; 209 display: none;
210 } 210 }
211 211
212 a { 212 a {
213 word-wrap: break-word; 213 word-wrap: break-word;
214 } 214 }
215 } 215 }
216 </style> 216 </style>
217 <script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script> 217 <script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script>
218 </head> 218 </head>
219 <body> 219 <body>
220 220
221 <header> 221 <header>
222 <nav class="main" itemscope itemtype="http://schema.org/SiteNavigationElement" role="navigation" aria-label="Main navigation"> 222 <nav class="main" itemscope itemtype="http://schema.org/SiteNavigationElement" role="navigation" aria-label="Main navigation">
223 <a href="/">Home</a> 223 <a href="/">Home</a>
224 <a href="/vault.html">Vault</a> 224 <a href="/vault.html">Vault</a>
225 <a href="https://github.com/mitjafelicijan" target="_blank">Code</a> 225 <a href="https://github.com/mitjafelicijan" target="_blank">Code</a>
226 <a href="/assets/mitjafelicijan.pgp.pub.txt" target="_blank" class="hob">PGP</a> 226 <a href="/assets/mitjafelicijan.pgp.pub.txt" target="_blank" class="hob">PGP</a>
227 <a href="/curriculum-vitae.html">CV</a> 227 <a href="/curriculum-vitae.html">CV</a>
228 <a href="/feed.xml" target="_blank" class="hob">RSS</a> 228 <a href="/feed.xml" target="_blank" class="hob">RSS</a>
229 </nav> 229 </nav>
230 </header> 230 </header>
231 231
232 <main role="main"> 232 <main role="main">
233 {{ content }} 233 {{ content }}
234 </main> 234 </main>
235 235
236 <footer> 236 <footer>
237 <hr> 237 <hr>
238 <p><big><strong>Want to comment or have something to add?</strong></big></p> 238 <p><big><strong>Want to comment or have something to add?</strong></big></p>
239 <p> 239 <p>
240 You can write me an email 240 You can write me an email
241 at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or 241 at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or
242 catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>. 242 catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>.
243 </p> 243 </p>
244 <hr> 244 <hr>
245 <p><small>This page's most recent build occurred on {{ site.time | date: "%A, %-d %B, %Y" }} and is also available as <a href="/feed.xml" target="_blank">RSS feed</a>.</small></p> 245 <p><small>This page's most recent build occurred on {{ site.time | date: "%A, %-d %B, %Y" }} and is also available as <a href="/feed.xml" target="_blank">RSS feed</a>.</small></p>
246 </footer> 246 </footer>
247 </body> 247 </body>
248</html> 248</html>