blog.minskio.co.uk

Content and theme behind minskio.co.uk
Log | Files | Refs

baseof.html (4740B)


      1 <!doctype html>
      2 <html lang="{{ .Site.LanguageCode | default "en-us" }}">
      3 <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} - {{ .Site.Title }}{{ end }}</title>
      4 <link rel="icon" type="image/png" sizes="16x16" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfmBBsMMCnqv3OaAAAAlUlEQVQoz83PIQvCABQE4E+ZQxQGxpnMgvgXxoqoQVxZWTCvrPpjrDYXzBoG/jHDQBFXBe/BC3f3uHv8BxYSvS+2J7GAyEXReVi4iEg9xJ2G2ENK6SrsNISuSiq1wMDoJYwNQKBWsdOIHJwMtZ3OMjDR2BG7WVnKxGZmpnJzsHZv223k6Ns7Olq/onLb98/tbueT/T2ejsYUrwqCFKkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDktMTRUMTU6MTE6NTQrMDA6MDCEo9THAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA1LTExVDA4OjUzOjE4KzAwOjAwRp+EjgAAAABJRU5ErkJggg==" />
      5 <link rel="icon" type="image/png" sizes="16x16" media="(prefers-color-scheme: light)" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfmBBsMMCnqv3OaAAAAlUlEQVQoz83PIQvCABQE4E+ZQxQGxpnMgvgXxoqoQVxZWTCvrPpjrDYXzBoG/jHDQBFXBe/BC3f3uHv8BxYSvS+2J7GAyEXReVi4iEg9xJ2G2ENK6SrsNISuSiq1wMDoJYwNQKBWsdOIHJwMtZ3OMjDR2BG7WVnKxGZmpnJzsHZv223k6Ns7Olq/onLb98/tbueT/T2ejsYUrwqCFKkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDktMTRUMTU6MTE6NTQrMDA6MDCEo9THAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA1LTExVDA4OjUzOjE4KzAwOjAwRp+EjgAAAABJRU5ErkJggg==" />
      6 <link rel="icon" type="image/png" sizes="16x16" media="(prefers-color-scheme: dark)" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH6QQbCRUh+wpbcQAAALFJREFUKM+90SFuAlEUheHvvXRCQ8MkBIHBgxk3onVokgaJYDHsobI7qG3SoNgAhuAq2QCIpqpMeBWQMRAcXPufnHPvuSG5PtFdBIWhcEaCoYIoN9NzvmvSM5NHpa7FRfeFrjIa2NleFGztDKJM5SDTrMGTDBxUsmijo2nqzSPIvXsFLR2bB0t7L1Z+tDXw59M3eFZZhsRIy4dorI+1+Slq4tdXSMebE3UXqW4iEW7/rH+3ICa6+mb3XQAAAABJRU5ErkJggg==" />
      7 {{ if eq .Layout "table" }}<script src="https://unpkg.com/tablesort@5.2.1/dist/tablesort.min.js"></script><script>document.addEventListener('DOMContentLoaded', function () {new Tablesort(document.getElementById('sortable-table'));});</script>{{ end }}
      8 <meta content="{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Description }}{{ end }}" name="description" />
      9 <meta content="{{ .Site.Params.author | default "John Doe" }}" name="author" />
     10 <meta content="width=device-width" name="viewport" />
     11 <style>
     12 	a.active,a:hover{text-decoration:underline}
     13 	a[href^=http]:where(:not([href*="minskio.co.uk/"]))::after{content:"↗"}
     14 	body{margin:0;word-wrap:break-word;font:calc(.75em + 1.3vmin)/1.6 "Segoe UI",Helvetica,Arial,sans-serif}
     15 	h2{font-size:xx-large;margin-bottom:unset}
     16 	a{text-decoration:none;color:#03c}
     17 	aside ul{list-style:none;white-space:nowrap;padding:10px}
     18 	aside a,aside li{color:#e0e0e0}
     19 	aside{background:#212121;padding:3.5vw;top:0}
     20 	aside ul input{background:#212121;color:#e0e0e0;padding:1.5vh;border:1px solid #e0e0e0;border-radius:1vh}
     21 	main{margin:8vh auto;max-width:90%}
     22 	main h1{font-size:xx-large;margin-top:8vh}
     23 	input:checked,input:checked+label{opacity:50%;text-decoration:line-through}
     24 	code{background:#eee;font-family:Consolas,monaco,monospace;padding:5px;font-size:75%}
     25 	pre>code{display:block;padding:20px;white-space:pre-wrap;font-size:75%;max-width:80ch}
     26 	a,h1,li,p{max-width:70ch}
     27 	blockquote{color:#333;border-left:7px solid #fc9;padding:0 14px;margin:0}
     28 	h2>span,summary>span,li>span{color:#999}
     29 	td,th{text-align:left;padding-right:10px}
     30 	p.pagination>a{padding:5px}
     31 	table#sortable-table>thead>tr>th {cursor: pointer;}
     32 	table#sortable-table>thead>tr>th:after {content: " ⇅"; font-size: 0.8em; color: #888;}
     33 	@media(min-width:1100px){
     34 		aside{position:fixed;min-width:14vw;max-width:17vw;bottom:0;overflow-y:auto}
     35 		#l{margin-top:0}
     36 		main{width:63%;margin-left:31vw;margin-top:0}
     37 		}
     38 </style>
     39 <aside>
     40 	<ul>
     41 		<li><a href="{{ .Site.BaseURL }}"><b>{{ .Site.Title }}</b></a></li>
     42 	</ul>
     43 	<ul>
     44 		<li><a href="/about/">About</a></li>
     45 		<li><a href="/reading-list/">Reading List</a></li>
     46 		<li><a href="/hardware/">Hardware</a></li>
     47 		<li><a href="/dreams/">Dreams</a></li>
     48 		<li><a href="/memoirs/">Memoirs</a></li>
     49 		<li><a href="/languages/">Languages</a></li>
     50 		<li><a href="/recipes/">Recipes</a></li>
     51 		<li><a href="/status/">Server Status</a></li>
     52 	</ul>
     53 	<ul>
     54 		<li><a href="/tags/">Tags</a></li>
     55 		<li><a href="/index.xml">RSS Feed</a></li>
     56 	</ul>
     57 	<ul>
     58 		<li>
     59 			{{ partial "search.html" . }}
     60 		</li>
     61 	</ul>
     62 	<ul>
     63 		<li>&copy; {{ now.Format "2006" }}</li>
     64 	</ul>
     65 </aside>
     66 <main id="content">
     67 {{ block "main" . }}{{ .Content }}{{ end }}
     68 </main>