aboutsummaryrefslogtreecommitdiff
path: root/templates/base.html
diff options
context:
space:
mode:
authorMitja Felicijan <mitja.felicijan@gmail.com>2023-10-31 08:20:22 +0100
committerMitja Felicijan <mitja.felicijan@gmail.com>2023-10-31 08:20:22 +0100
commit22f5ac8fcec4dbfcc1f5033f18bc4eeca52a747d (patch)
tree6bdf6daa597c3335739fde4e661b6934f02c5b09 /templates/base.html
parentd554a5924d63d3e8ef68a8e573d9f266ff80d95e (diff)
downloadmitjafelicijan.com-22f5ac8fcec4dbfcc1f5033f18bc4eeca52a747d.tar.gz
Made the side more retro!
Diffstat (limited to 'templates/base.html')
-rw-r--r--templates/base.html370
1 files changed, 178 insertions, 192 deletions
diff --git a/templates/base.html b/templates/base.html
index 5b7fb12..eb1ac3b 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,204 +1,190 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<html lang="{{ .Config.Language }}"> 2<html lang="{{ .Config.Language }}">
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 <meta name="generator" content="JBMAFP - github.com/mitjafelicijan/jbmafp"> 6 <meta name="generator" content="JBMAFP - github.com/mitjafelicijan/jbmafp">
7 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" /> 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 9
10 <title>{{ block "title" . }}{{ .Config.Title }}{{ end }}</title> 10 <title>{{ block "title" . }}{{ .Config.Title }}{{ end }}</title>
11 11 <meta name="description" content="{{ block "description" . }}{{ .Config.Description }}{{ end }}">
12 <meta name="description" content="{{ block "description" . }}{{ .Config.Description }}{{ end }}"> 12
13 13 <link rel="alternate" type="application/rss+xml" title="Mitja Felicijan's posts" href="{{ .Config.BaseURL }}/index.xml">
14 <link rel="alternate" type="application/rss+xml" title="Mitja Felicijan's posts" href="{{ .Config.BaseURL }}/index.xml"> 14 <link rel="alternate" type="application/rss+xml" title="Mitja Felicijan's notes" href="{{ .Config.BaseURL }}/notes.xml">
15 <link rel="alternate" type="application/rss+xml" title="Mitja Felicijan's notes" href="{{ .Config.BaseURL }}/notes.xml"> 15
16 16 <style>
17 <style> 17 :root {
18 body { 18 --border-color: gainsboro;
19 padding: 2.5rem; 19 }
20 max-width: 1900px; 20
21 background: white; 21 body {
22 font-family: sans-serif; 22 padding: 2.5rem;
23 line-height: 1.35rem; 23 max-width: 1900px;
24 font-size: 16px; 24 background: white;
25 } 25 font-family: sans-serif;
26 26 line-height: 1.35rem;
27 hr { 27 font-size: 16px;
28 margin-block-start: 1.5rem; 28 }
29 } 29
30 30 hr {
31 h1, h2, h3 { 31 margin-block-start: 1.5rem;
32 line-height: initial; 32 }
33 } 33
34 34 a {
35 h1 { 35 color: blue;
36 font-size: xx-large; 36 text-decoration: none;
37 } 37 }
38 38
39 footer { 39 h1, h2, h3 {
40 margin-block-start: 2rem; 40 line-height: initial;
41 } 41 }
42 42
43 cap { 43 h1 {
44 text-transform: capitalize; 44 font-size: xx-large;
45 } 45 }
46 46
47 table { 47 footer {
48 max-width: 100%; 48 margin-block-start: 2rem;
49 border-collapse: separate; 49 }
50 border-spacing: 2px; 50
51 border: 1px solid black; 51 cap {
52 border-left: 1px solid #999; 52 text-transform: capitalize;
53 border-top: 1px solid #999; 53 }
54 } 54
55 55 blockquote {
56 blockquote { 56 font-style: italic;
57 font-style: italic; 57 }
58 } 58
59 59 table {
60 table thead { 60 max-width: 100%;
61 background: #eee; 61 border: 1px solid var(--border-color);
62 } 62 border-collapse: separate;
63 63 border-spacing: 0;
64 ul.list li { 64 }
65 padding: 0.2em 0; 65
66 } 66 table thead tr th {
67 67 border-bottom: 1px solid var(--border-color);
68 ul { 68 }
69 line-height: 1.4em; 69
70 } 70 table th, table td {
71 71 padding: 0.3em 0.5em;
72 td, th { 72 }
73 border: 1px solid black; 73
74 padding: 4px; 74 ul.list li {
75 border-right: 1px solid #999; 75 padding: 0.2em 0;
76 border-bottom: 1px solid #999; 76 }
77 text-align: left; 77
78 } 78 ul {
79 79 line-height: 1.35em;
80 pre { 80 }
81 text-wrap: nowrap; 81
82 overflow-x: auto; 82 pre {
83 padding: 0 1em; 83 text-wrap: nowrap;
84 border: 1px solid gainsboro; 84 overflow-x: auto;
85 } 85 padding: 0 1em;
86 86 border: 1px solid var(--border-color);
87 code { 87 }
88 padding: 0 3px; 88
89 font-size: 14px; 89 code {
90 border: 0; 90 padding: 0 3px;
91 } 91 font-size: 14px;
92 92 border: 0;
93 pre code { 93 }
94 line-height: 1.3em; 94
95 } 95 pre code {
96 96 line-height: 1.3em;
97 pre, code, pre *, code * { 97 }
98 font-family: monospace; 98
99 } 99 pre, code, pre *, code * {
100 100 font-family: monospace;
101 figure { 101 }
102 margin-inline-start: 0; 102
103 margin-inline-end: 0; 103 figure {
104 } 104 margin-inline-start: 0;
105 105 margin-inline-end: 0;
106 figcaption { 106 }
107 text-align: center; 107
108 } 108 figcaption {
109 109 text-align: center;
110 figcaption p { 110 }
111 margin: 0.3em 0 0 0; 111
112 } 112 figcaption p {
113 113 margin: 0.3em 0 0 0;
114 img, video, audio { 114 }
115 width: 800px; 115
116 max-width: 100%; 116 img, video, audio {
117 } 117 width: 800px;
118 118 max-width: 100%;
119 header { 119 }
120 display: flex; 120
121 flex-direction: row; 121 header nav {
122 gap: 6rem; 122 display: flex;
123 } 123 gap: 0.9rem;
124 124 }
125 nav { 125
126 display: flex; 126 @media only screen and (max-width: 600px) {
127 gap: 0.75rem; 127 body {
128 } 128 padding: 0.5em;
129 129 word-wrap: break-word;
130 nav.main { 130 }
131 /* flex-grow: 1; */ 131
132 } 132 header nav {
133 133 gap: 0.7rem;
134 .pstatus-orange { 134 }
135 background: gold; 135
136 } 136 header nav .hob {
137 .pstatus-green { 137 display: none;
138 background: yellowgreen; 138 }
139 } 139
140 .pstatus-red { 140 a {
141 background: indianred; 141 word-wrap: break-word;
142 } 142 }
143 143 }
144 @media only screen and (max-width: 600px) { 144 </style>
145 body {
146 padding: 15px;
147 }
148
149 header {
150 flex-direction: column;
151 gap: 1rem;
152 }
153
154 a {
155 word-wrap: break-word;
156 }
157 }
158 </style>
159 </head> 145 </head>
160 <body> 146 <body>
161 147
162 <header> 148 <header>
163 <nav class="main" itemscope itemtype="http://schema.org/SiteNavigationElement" role="toolbar"> 149 <nav class="main" itemscope itemtype="http://schema.org/SiteNavigationElement" role="toolbar">
164 <a href="/">Home</a> 150 <a href="/">Home</a>
165 <a href="https://github.com/mitjafelicijan" target="_blank">Code</a> 151 <a href="/#posts">Posts</a>
166 <a href="/vault.html">Vault</a> 152 <a href="/#notes">Notes</a>
167 <a href="/mitjafelicijan.pgp.pub.txt" target="_blank">PGP</a> 153 <a href="/#sideprojects" class="hob">Side Projects</a>
168 <a href="/curriculum-vitae.html">CV</a> 154 <a href="/vault.html">Vault</a>
169 <a href="/index.xml" target="_blank">RSS</a> 155 <a href="https://github.com/mitjafelicijan" target="_blank">Code</a>
170 </nav> 156 <a href="/mitjafelicijan.pgp.pub.txt" target="_blank" class="hob">PGP</a>
171 157 <a href="/curriculum-vitae.html">CV</a>
172 {{ block "add-navigation" . }}{{ end }} 158 <a href="/index.xml" target="_blank" class="hob">RSS</a>
173 </header> 159 </nav>
174 160 </header>
161
175 <main role="main"> 162 <main role="main">
176 {{ block "content" . }}{{ end }} 163 {{ block "content" . }}{{ end }}
177 </main> 164 </main>
178 165
179 <section> 166 <section>
180 <hr> 167 <hr>
181 {{ template "openring.html" }} 168 {{ template "openring.html" }}
182 </section> 169 </section>
183 170
184 <footer> 171 <footer>
185 <hr> 172 <hr>
186 <p><big><strong>Want to comment or have something to add?</strong></big></p> 173 <p><big><strong>Want to comment or have something to add?</strong></big></p>
187 <p> 174 <p>
188 You can write me an email 175 You can write me an email
189 at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or 176 at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or
190 catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>. 177 catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>.
191 </p> 178 </p>
192 <hr> 179 <hr>
193 <p>This website does not track you. Content is made available under 180 <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
194 the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer">CC BY 4.0 license</a> unless specified 181 specified otherwise. Blog is also available as <a href="/index.xml" target="_blank">RSS feed</a>.
195 otherwise. Blog is also available as <a href="/index.xml" target="_blank">RSS feed</a>. 182 </p>
196 </p> 183 </footer>
197 </footer> 184
198 185 <script>
199 <script> 186 window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
200 window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); }; 187 </script>
201 </script> 188 <script defer src="/_vercel/insights/script.js"></script>
202 <script defer src="/_vercel/insights/script.js"></script>
203 </body> 189 </body>
204</html> 190</html>
generated by cgit v1.2.3 (git 2.46.0) at 2026-04-30 17:38:28 +0000