diff options
| author | Mitja Felicijan <mitja.felicijan@gmail.com> | 2023-12-28 00:37:17 +0100 |
|---|---|---|
| committer | Mitja Felicijan <mitja.felicijan@gmail.com> | 2023-12-28 00:37:17 +0100 |
| commit | 89d7459615b25fb75645ef8de1b64a1598ef9600 (patch) | |
| tree | d67d246197c5e904e8d7fe92ca8fa4a4260961e9 /_layouts/base.html | |
| parent | 93811102e60518c6502166c8806b66f57856f048 (diff) | |
| download | mitjafelicijan.com-89d7459615b25fb75645ef8de1b64a1598ef9600.tar.gz | |
Cleaned up tabs
Diffstat (limited to '_layouts/base.html')
| -rw-r--r-- | _layouts/base.html | 176 |
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> |
