Added old tildasite as an archive

static/~brozek/themes/bitsandpieces/scripts/mousetrap.min.js

@@ -0,0 +1,11 @@
+/* mousetrap v1.6.0 craig.is/killing/mice */
+(function(r,t,g){function u(a,b,h){a.addEventListener?a.addEventListener(b,h,!1):a.attachEvent("on"+b,h)}function y(a){if("keypress"==a.type){var b=String.fromCharCode(a.which);a.shiftKey||(b=b.toLowerCase());return b}return k[a.which]?k[a.which]:p[a.which]?p[a.which]:String.fromCharCode(a.which).toLowerCase()}function D(a){var b=[];a.shiftKey&&b.push("shift");a.altKey&&b.push("alt");a.ctrlKey&&b.push("ctrl");a.metaKey&&b.push("meta");return b}function v(a){return"shift"==a||"ctrl"==a||"alt"==a||
+"meta"==a}function z(a,b){var h,c,e,g=[];h=a;"+"===h?h=["+"]:(h=h.replace(/\+{2}/g,"+plus"),h=h.split("+"));for(e=0;e<h.length;++e)c=h[e],A[c]&&(c=A[c]),b&&"keypress"!=b&&B[c]&&(c=B[c],g.push("shift")),v(c)&&g.push(c);h=c;e=b;if(!e){if(!n){n={};for(var l in k)95<l&&112>l||k.hasOwnProperty(l)&&(n[k[l]]=l)}e=n[h]?"keydown":"keypress"}"keypress"==e&&g.length&&(e="keydown");return{key:c,modifiers:g,action:e}}function C(a,b){return null===a||a===t?!1:a===b?!0:C(a.parentNode,b)}function c(a){function b(a){a=
+a||{};var b=!1,m;for(m in n)a[m]?b=!0:n[m]=0;b||(w=!1)}function h(a,b,m,f,c,h){var g,e,k=[],l=m.type;if(!d._callbacks[a])return[];"keyup"==l&&v(a)&&(b=[a]);for(g=0;g<d._callbacks[a].length;++g)if(e=d._callbacks[a][g],(f||!e.seq||n[e.seq]==e.level)&&l==e.action){var q;(q="keypress"==l&&!m.metaKey&&!m.ctrlKey)||(q=e.modifiers,q=b.sort().join(",")===q.sort().join(","));q&&(q=f&&e.seq==f&&e.level==h,(!f&&e.combo==c||q)&&d._callbacks[a].splice(g,1),k.push(e))}return k}function g(a,b,m,f){d.stopCallback(b,
+b.target||b.srcElement,m,f)||!1!==a(b,m)||(b.preventDefault?b.preventDefault():b.returnValue=!1,b.stopPropagation?b.stopPropagation():b.cancelBubble=!0)}function e(a){"number"!==typeof a.which&&(a.which=a.keyCode);var b=y(a);b&&("keyup"==a.type&&x===b?x=!1:d.handleKey(b,D(a),a))}function k(a,c,m,f){function e(c){return function(){w=c;++n[a];clearTimeout(r);r=setTimeout(b,1E3)}}function h(c){g(m,c,a);"keyup"!==f&&(x=y(c));setTimeout(b,10)}for(var d=n[a]=0;d<c.length;++d){var p=d+1===c.length?h:e(f||
+z(c[d+1]).action);l(c[d],p,f,a,d)}}function l(a,b,c,f,e){d._directMap[a+":"+c]=b;a=a.replace(/\s+/g," ");var g=a.split(" ");1<g.length?k(a,g,b,c):(c=z(a,c),d._callbacks[c.key]=d._callbacks[c.key]||[],h(c.key,c.modifiers,{type:c.action},f,a,e),d._callbacks[c.key][f?"unshift":"push"]({callback:b,modifiers:c.modifiers,action:c.action,seq:f,level:e,combo:a}))}var d=this;a=a||t;if(!(d instanceof c))return new c(a);d.target=a;d._callbacks={};d._directMap={};var n={},r,x=!1,p=!1,w=!1;d._handleKey=function(a,
+c,e){var f=h(a,c,e),d;c={};var k=0,l=!1;for(d=0;d<f.length;++d)f[d].seq&&(k=Math.max(k,f[d].level));for(d=0;d<f.length;++d)f[d].seq?f[d].level==k&&(l=!0,c[f[d].seq]=1,g(f[d].callback,e,f[d].combo,f[d].seq)):l||g(f[d].callback,e,f[d].combo);f="keypress"==e.type&&p;e.type!=w||v(a)||f||b(c);p=l&&"keydown"==e.type};d._bindMultiple=function(a,b,c){for(var d=0;d<a.length;++d)l(a[d],b,c)};u(a,"keypress",e);u(a,"keydown",e);u(a,"keyup",e)}if(r){var k={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",
+18:"alt",20:"capslock",27:"esc",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta"},p={106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},B={"~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0",_:"-","+":"=",":":";",'"':"'","<":",",">":".","?":"/","|":"\\"},A={option:"alt",command:"meta","return":"enter",
+escape:"esc",plus:"+",mod:/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"meta":"ctrl"},n;for(g=1;20>g;++g)k[111+g]="f"+g;for(g=0;9>=g;++g)k[g+96]=g;c.prototype.bind=function(a,b,c){a=a instanceof Array?a:[a];this._bindMultiple.call(this,a,b,c);return this};c.prototype.unbind=function(a,b){return this.bind.call(this,a,function(){},b)};c.prototype.trigger=function(a,b){if(this._directMap[a+":"+b])this._directMap[a+":"+b]({},a);return this};c.prototype.reset=function(){this._callbacks={};this._directMap=
+{};return this};c.prototype.stopCallback=function(a,b){return-1<(" "+b.className+" ").indexOf(" mousetrap ")||C(b,this.target)?!1:"INPUT"==b.tagName||"SELECT"==b.tagName||"TEXTAREA"==b.tagName||b.isContentEditable};c.prototype.handleKey=function(){return this._handleKey.apply(this,arguments)};c.addKeycodes=function(a){for(var b in a)a.hasOwnProperty(b)&&(k[b]=a[b]);n=null};c.init=function(){var a=c(t),b;for(b in a)"_"!==b.charAt(0)&&(c[b]=function(b){return function(){return a[b].apply(a,arguments)}}(b))};
+c.init();r.Mousetrap=c;"undefined"!==typeof module&&module.exports&&(module.exports=c);"function"===typeof define&&define.amd&&define(function(){return c})}})("undefined"!==typeof window?window:null,"undefined"!==typeof window?document:null);

static/~brozek/themes/bitsandpieces/styles/highlightjs-github.css

@@ -0,0 +1,121 @@
+/*
+
+github.com style (c) Vasily Polovnyov <vast@whiteants.net>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  -webkit-text-size-adjust: none;
+  /*border-radius: 5px;*/
+}
+
+.hljs-comment,
+.diff .hljs-header {
+  color: #95a5a6; /* concrete */
+  font-style: italic;
+}
+
+.hljs-keyword,
+.css .rule .hljs-keyword,
+.hljs-winutils,
+.nginx .hljs-title,
+.hljs-subst,
+.hljs-request,
+.hljs-status {
+  color: #4d5757; /* text */
+  font-weight: bold;
+}
+
+.hljs-number,
+.hljs-hexcolor,
+.ruby .hljs-constant {
+  color: #27ae60; /* dark green */
+}
+
+.hljs-string,
+.hljs-tag .hljs-value,
+.hljs-doctag,
+.tex .hljs-formula {
+  color: #c0392b; /* dark fire */
+}
+
+.hljs-title,
+.hljs-id,
+.scss .hljs-preprocessor {
+  color: #c0392b; /* dark fire */
+  font-weight: bold;
+}
+
+.hljs-list .hljs-keyword,
+.hljs-subst {
+  font-weight: normal;
+}
+
+.hljs-class .hljs-title,
+.hljs-type,
+.vhdl .hljs-literal,
+.tex .hljs-command {
+  color: #458;
+  font-weight: bold;
+}
+
+.hljs-tag,
+.hljs-tag .hljs-title,
+.hljs-rule .hljs-property,
+.django .hljs-tag .hljs-keyword {
+  color: #2980B9; /* dark blue */
+  font-weight: normal;
+}
+
+.hljs-attribute,
+.hljs-variable,
+.lisp .hljs-body,
+.hljs-name {
+  color: #27ae60; /* dark green */
+}
+
+.hljs-regexp {
+  color: #009926;
+}
+
+.hljs-symbol,
+.ruby .hljs-symbol .hljs-string,
+.lisp .hljs-keyword,
+.clojure .hljs-keyword,
+.scheme .hljs-keyword,
+.tex .hljs-special,
+.hljs-prompt {
+  color: #990073;
+}
+
+.hljs-built_in {
+  color: #0086b3;
+}
+
+.hljs-preprocessor,
+.hljs-pragma,
+.hljs-pi,
+.hljs-doctype,
+.hljs-shebang,
+.hljs-cdata {
+  color: #95a5a6;
+  font-weight: bold;
+}
+
+.hljs-deletion {
+  background: #fdd;
+}
+
+.hljs-addition {
+  background: #dfd;
+}
+
+.diff .hljs-change {
+  background: #0086b3;
+}
+
+.hljs-chunk {
+  color: #aaa;
+}

static/~brozek/themes/bitsandpieces/styles/main.css

@@ -0,0 +1,377 @@
+/**
+ * Main.css for Bits and Pieces theme for Pico
+ * Authored by Fredrik Danielsson, Lost&Keys (http://lostkeys.se)
+ * Licensed under MIT (https://github.com/lostkeys/Bits-and-Pieces-Theme-for-Pico/blob/master/LICENSE)
+ * 
+ * Dev note: This stylesheet is using a mobile first approach
+ */
+
+
+
+/*
+ * Variables, resets and setup
+ */
+ 
+:root {
+  --color-white: #ffffff;
+  --color-asphalt:#4d5757;
+  --color-concrete: #c1cacc;
+  --color-smoke: #e1e7e8;
+  --color-cloud: #fafafa;
+  --color-ocean: #2980B9;
+  --color-grass: #27ae60;
+
+  --accent-color: var(--color-concrete);
+  --border-color: var(--color-smoke);  
+  --code-bg-color: var(--color-cloud);
+  --text-color: var(--color-asphalt);
+  --link-color: var(--color-ocean);
+  
+  --vertical-padding: 40px;
+  --document-horizontal-margin: 80px;
+  --main-content-max-width: 800px;
+  --main-content-margin: 0 auto;  
+  --nav-width: 180px;
+}
+
+
+
+/*
+ * Font-face
+ */
+
+@font-face {
+  font-weight: 400;
+  font-style: normal;
+  font-family: 'source-sans-pro';
+  src: url('../font/SourceSansPro-Regular.eot'); /* IE9 Compat Modes */
+  src: url('../font/SourceSansPro-Regular.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
+  url('../font/SourceSansPro-Regular.otf.woff') format('woff'), /* Pretty Modern Browsers */
+  url('../font/SourceSansPro-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
+}
+
+@font-face {
+  font-weight: 400;
+  font-style: italic;
+  font-family: 'source-sans-pro';
+  src: url('../font/SourceSansPro-It.eot'); /* IE9 Compat Modes */
+  src: url('../font/SourceSansPro-It.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
+  url('../font/SourceSansPro-It.otf.woff') format('woff'), /* Pretty Modern Browsers */
+  url('../font/SourceSansPro-It.ttf') format('truetype'); /* Safari, Android, iOS */
+}
+
+@font-face {
+  font-weight: 700;
+  font-style: normal;
+  font-family: 'source-sans-pro';
+  src: url('../font/SourceSansPro-Semibold.eot'); /* IE9 Compat Modes */
+  src: url('../font/SourceSansPro-Semibold.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
+  url('../font/SourceSansPro-Semibold.otf.woff') format('woff'), /* Pretty Modern Browsers */
+  url('../font/SourceSansPro-Semibold.ttf') format('truetype'); /* Safari, Android, iOS */
+}
+
+@font-face {
+  font-weight: 700;
+  font-style: italic;
+  font-family: 'source-sans-pro';
+  src: url('../font/SourceSansPro-SemiboldIt.eot');
+  /* IE9 Compat Modes */
+  src: url('../font/SourceSansPro-SemiboldIt.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
+  url('../font/SourceSansPro-SemiboldIt.otf.woff') format('woff'), /* Pretty Modern Browsers */
+  url('../font/SourceSansPro-SemiboldIt.ttf') format('truetype'); /* Safari, Android, iOS */
+}
+
+
+
+/*
+ * Mediaqueries
+ */
+
+@media (max-width: 1200px) {
+  :root {
+    --main-content-margin: 0 0 0 var(--nav-width);
+  }
+}
+
+
+
+/*
+ * Block styling
+ */
+ 
+html {
+  font-size: 16px;
+  font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 1.4;
+}
+
+body {
+  margin: 0;
+  background-color: #fff;
+  color: var(--text-color);
+}
+
+
+
+/* 
+ * Structure
+ */
+
+.main-content {
+  margin: var(--main-content-margin);
+  max-width: var(--main-content-max-width);  
+}
+
+.main-content .article {
+  margin-top: var(--document-horizontal-margin);
+  margin-bottom: var(--document-horizontal-margin);
+  margin-left: var(--vertical-padding);
+  margin-right: var(--vertical-padding);  
+}
+
+
+
+/* 
+ * Basic styling
+ */
+
+a,
+a:link,
+a:visited {
+  color: var(--link-color);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+a:active,
+a:focus {
+  text-decoration: underline;
+}
+
+hr {
+  margin: 1rem 0;
+  border-width: 1px 0 0 0;
+  border-style: solid;
+  border-color: #ecf0f1;
+}
+
+h1 {
+  margin-top: 6rem;
+  margin-bottom: 3rem;
+  font-weight: normal;
+  font-size: 2.5rem;
+  letter-spacing: -0.025rem;
+}
+
+h2 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+  font-weight: bold;
+  font-size: 1.5rem;
+  border-bottom: 1px solid var(--border-color);
+  position: -webkit-sticky;
+  top:0;
+  background-color: #fff;
+}
+
+h3 {
+  margin-top: 3rem;
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
+  font-weight: bold;
+}
+
+h4,
+h5,
+h6 {
+  font-size: 1rem;
+  margin: 1rem 0;
+}
+
+h2::before,
+h3::before 
+{
+  font-weight: 400;
+  font-size: 1.25rem;
+  text-align: right;
+  width: 1.5rem;
+  content: '#';
+  padding-right: .5rem;
+  margin-left: -2rem;
+  color: var(--accent-color);
+  display: inline-block;
+  -webkit-font-smoothing: antialiased;  
+}
+
+.main-content h1:first-of-type {
+  margin-top: 0;
+}
+
+
+h2 + h3 {
+  margin-top: 1.5rem;
+}
+
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1rem 0;
+}
+
+table td,
+table th {
+  text-align: left;
+  padding: .3rem 0;
+  border-style: solid;
+  border-color: var(--border-color);
+  border-width: 1px 0;
+}
+
+/* Avoid border-on-border together with bordered H2 */
+h2 + table tr:first-child th,
+h2 + table tr:first-child td {
+  border-top-width: 0;
+}
+
+code {
+  font-size: .875rem;
+  display: inline-block;
+  padding: 0 3px;
+  border: 1px solid var(--border-color);
+  border-radius: 1px;
+  background-color: var(--code-bg-color);
+  color: var(--text-color);
+}
+
+pre code {
+  display: block;
+  padding: 5px 10px;
+}
+
+
+
+/* 
+ * Main navigation
+ */
+
+.main-nav {
+  box-sizing: border-box;
+  position: fixed;
+  top: 0;
+  left: 0;
+  padding-left: var(--vertical-padding);
+  overflow-x: hidden;
+  overflow-y: scroll;
+  width: var(--nav-width);
+  height: 100vh;
+}
+
+.main-nav::-webkit-scrollbar {
+  display: none;
+}
+
+.main-nav a {
+  color: var(--text-color);
+  font-size: 0.9rem;
+  overflow: hidden;
+  padding-top: 5px;
+  padding-bottom: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;  
+  display: flex;
+}
+
+.main-nav a:hover {
+  text-decoration: none;
+}
+
+.main-nav a .shortcut {
+  align-self: center;
+  color: var(--color-concrete);
+  display: inline-block;
+  font-size: .6875rem;
+  font-weight: normal;
+  margin-left: auto;
+  text-align: right;
+}
+
+.main-nav nav {
+  padding:  var(--document-horizontal-margin) 0;
+}
+
+.main-nav nav ul {
+  margin: 0;
+  padding-left: 0;
+  list-style: none;
+}
+
+.main-nav nav li {
+  margin-left: 0px;
+}
+
+.main-nav nav > ul > li {
+  padding-left: 0px;
+}
+
+.main-nav nav li.active {
+
+}
+
+.main-nav nav li.active > a {
+  font-weight: bold;
+}
+
+/* Main nav Tree (not implemented...yet */
+
+.main-nav nav li.directory > a::before {
+  content: '▸ ';
+}
+
+.main-nav nav li.directory a.folder-open::before {
+  content: '▾ ';
+}
+
+.main-nav nav li.directory > ul {
+  margin-top: 0;
+  margin-left: 20px;
+  display: none;
+  margin-bottom: 10px;
+}
+
+.main-nav nav li.directory.open > ul {
+  display: block;
+}
+
+/* same-page navigation (Not implemented...yet) */
+
+.page-nav:not(:empty) {
+  padding-top: 5px;
+}
+
+.page-nav a {
+  padding-top: 0px;
+  padding-bottom: 0px;
+  font-size: 0.8em;
+}
+
+.page-nav a:before {
+  content: '# ';
+}
+@media (max-width: 800px) {
+  .main-nav {
+    display: block;
+    height: initial;
+    width: initial;
+    position: initial;
+  } 
+  .main-content {
+    max-width: 100%;
+    margin: 0;
+  }
+}