aboutsummaryrefslogtreecommitdiff
path: root/templates/base.html
diff options
context:
space:
mode:
authorMitja Felicijan <mitja.felicijan@gmail.com>2024-03-10 14:59:14 +0100
committerMitja Felicijan <mitja.felicijan@gmail.com>2024-03-10 14:59:14 +0100
commit1100562e29f6476448b656dbddd4cf22505523f6 (patch)
tree442eec492199104bd49dfd74474ce89ade8fcac9 /templates/base.html
parenta40d80be378e46a6c490e1b99b0d8f4acd968503 (diff)
downloadmitjafelicijan.com-1100562e29f6476448b656dbddd4cf22505523f6.tar.gz
Move back to JBMAFP
Diffstat (limited to 'templates/base.html')
-rwxr-xr-xtemplates/base.html165
1 files changed, 165 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html
new file mode 100755
index 0000000..b66174a
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,165 @@
1<!doctype html>
2<html lang="{{ .Config.Language }}">
3 <head>
4 <meta charset="utf-8" />
5 <meta name="viewport" content="width=device-width,initial-scale=1" />
6 <title>{{ block "title" . }}{{ .Config.Title }}{{ end }}</title>
7 <meta name="description" content="{{ block "description" . }}{{ .Config.Description }}{{ end }}"/>
8 <link rel="alternate" type="application/rss+xml" href="{{ .Config.BaseURL }}/index.xml" />
9 <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" />
10 <style>
11 :root {
12 --body-max-width: 860px;
13 --link-color: blue;
14 --code-background: #f8f8f8;
15 --inline-code-background: #f2f2f2;
16 }
17
18 *::selection {
19 background: var(--link-color);
20 color: #ffffff;
21 }
22
23 *::-moz-selection {
24 background: var(--link-color);
25 color: #ffffff;
26 }
27
28 *::-webkit-selection {
29 background: var(--link-color);
30 color: #ffffff;
31 }
32
33 body {
34 padding: 2rem;
35 max-width: var(--body-max-width);
36 background: white;
37 font-family: sans-serif;
38 line-height: 1.4rem;
39 font-size: 16px;
40 display: flex;
41 flex-direction: column;
42 gap: 1em;
43 }
44
45 header nav {
46 display: flex;
47 gap: 1em;
48 }
49
50 h1, h2, h3 {
51 line-height: initial;
52 }
53
54 h1 {
55 font-size: xx-large;
56 }
57
58 cap { text-transform: capitalize; }
59 ul li { padding: 0.2em 0; }
60
61 pre {
62 text-wrap: nowrap;
63 overflow-x: auto;
64 padding: 1em;
65 background: var(--code-background)!important;
66 }
67
68 code {
69 font-family: monospace;
70 font-size: 14px;
71 padding: 2px 5px;
72 background: var(--inline-code-background)!important;
73 }
74
75 pre code {
76 background: transparent;
77 padding: initial;
78 }
79
80 figure {
81 margin-inline-start: 0;
82 margin-inline-end: 0;
83 }
84
85 figcaption {
86 width: var(--body-max-width);
87 max-width: 100%;
88 text-align: center;
89 }
90
91 figcaption p {
92 margin: 0.3em 0 1.5em 0;
93 font-style: italic;
94 }
95
96 img, video, audio {
97 width: var(--body-max-width);
98 max-width: 100%;
99 }
100
101 article iframe { /* fixes embeds going to center */
102 margin: 0!important;
103 }
104
105 audio::-webkit-media-controls-enclosure {
106 border-radius: 0;
107 }
108
109 pre { margin-block-start: 2em; margin-block-end: 2em; }
110 table { max-width: 100%; border: 1px solid black; }
111 table td, table th { padding: 0.3em; }
112
113 .promobox {
114 margin-top: 1em;
115 text-decoration: none;
116 max-width: 650px;
117 display: inline-block;
118 background: blue;
119 color: white;
120 padding: 1em;
121 }
122 .promobox:hover { text-decoration: underline; }
123
124 @media only screen and (max-width: 600px) {
125 body {
126 padding: 0.5em;
127 word-wrap: break-word;
128 }
129
130 header nav {
131 gap: 0.7rem;
132 }
133
134 a {
135 word-wrap: break-word;
136 }
137 }
138 </style>
139 <script defer src="https://app.tinyanalytics.io/pixel/isfRNEahfHiS2Ttp"></script>
140 </head>
141 <body>
142 <header>
143 <nav>
144 <a href="/">Home</a>
145 <a href="https://github.com/mitjafelicijan" target="_blank">Code</a>
146 <a href="/assets/mitjafelicijan.pgp.pub.txt">PGP</a>
147 <a href="/assets/urls.txt">Newsboat</a>
148 <a href="/curriculum-vitae.html">CV</a>
149 <a href="/feed.xml">RSS</a>
150 </nav>
151 </header>
152 <main>{{ block "content" . }}{{ end }}</main>
153 <footer>
154 <hr>
155 <p><big><strong>Want to comment or have something to add?</strong></big></p>
156 <p>
157 You can write me an email
158 at <a href="mailto:mitja.felicijan@gmail.com">mitja.felicijan@gmail.com</a> or
159 catch up with me <a href="https://telegram.me/mitjafelicijan" target="_blank">on Telegram</a>.
160 </p>
161 <hr>
162 <p><small>This page's is also available as <a href="/feed.xml" target="_blank">RSS feed</a>.</small></p>
163 </footer>
164 </body>
165</html>