diff options
| author | Mitja Felicijan <mitja.felicijan@gmail.com> | 2023-11-01 22:54:27 +0100 |
|---|---|---|
| committer | Mitja Felicijan <mitja.felicijan@gmail.com> | 2023-11-01 22:54:27 +0100 |
| commit | 2417a6b7603524dc5cd30d29b153f91024b9443d (patch) | |
| tree | 9be5ea8e5baba96dd9159217da6badf6157fb595 /_layouts/base.html | |
| parent | 89ba3497f07a8ea43d209b583f39fcc286acc923 (diff) | |
| download | mitjafelicijan.com-2417a6b7603524dc5cd30d29b153f91024b9443d.tar.gz | |
Move to Jekyll
Diffstat (limited to '_layouts/base.html')
| -rw-r--r-- | _layouts/base.html | 253 |
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> | ||
