<!doctype html> <html> <head> <meta charset="utf-8"> <title>Tom's "blog"</title> <style> /* Source: https://github.com/madmalik/mononoki/blob/master/style.css */ @font-face { font-family: 'mononoki-webfont'; src: url('/fonts/mononoki-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/mononoki-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/mononoki-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('/fonts/mononoki-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'mononoki-webfont'; src: url('/fonts/mononoki-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/mononoki-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/mononoki-Bold.woff') format('woff'), /* Pretty Modern Browsers */ url('/fonts/mononoki-Bold.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: bold; font-style: normal; } @font-face { font-family: 'mononoki-webfont'; src: url('/fonts/mononoki-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/mononoki-Italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/mononoki-Italic.woff') format('woff'), /* Pretty Modern Browsers */ url('/fonts/mononoki-Italic.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: normal; font-style: italic; } @font-face { font-family: 'mononoki-webfont'; src: url('/fonts/mononoki-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/mononoki-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/mononoki-BoldItalic.woff') format('woff'), /* Pretty Modern Browsers */ url('/fonts/mononoki-BoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */ font-weight: bold; font-style: italic; } html, body { width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; margin: 0; /* Have a fallback to local mononoki for offline pages */ font-family: mononoki-webfont, mononoki, monospace; font-size: 12pt; } code { font-family: inherit; border-radius: 5px; background-color: #f2e8e8; padding: 0px 4px 2px 5px; } blockquote, pre { display: block; border-radius: 9px; padding: 10px; background-color: #f2e8e8; font-family: inherit; font-size: inherit; } /* Make code within pre render correctly; markdown produces this */ pre > code { padding: 0; } #main-content { padding: 0px 50px; margin: 0px auto; width: 900px; display: block; min-height: 100%; background-color: #fff8f8; } #left-column { width: 200px; border-right: 1px #ddd solid; /* background-color: #eef; */ } #right-column { /* background-color: #fee; */ padding-left: 1em; } .tree-file { font-style: italic; } .tree-dir-name { font-weight: bold; } .tree-sub { padding-left: 10px; } #layout-table { padding-top: 1em; } #layout-table td { vertical-align: top; padding-bottom: 1em; } footer { margin-top: 8em; padding-bottom: 2em; text-align: center; font-size: 9pt; font-style: italic; color: #888; } footer a { color: #888; } </style> </head> <body> <div id="main-content"> <table id="layout-table"><tbody><tr> <td id="left-column"> <a href="/blog">Tom Smeding's "blog"</a><br><br> <!-- REPLACE TREE --> </td> <td id="right-column"><article> <!-- REPLACE CONTENT --> </article></td> </tr></tbody></table> <footer> For my homepage, see <a href="/">here</a>. This font is <a href="https://madmalik.github.io/mononoki/">mononoki</a> by Matthias Tellen. </footer> </div> </body> </html>