diff options
Diffstat (limited to '$template.html')
| -rw-r--r-- | $template.html | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/$template.html b/$template.html new file mode 100644 index 0000000..282886e --- /dev/null +++ b/$template.html @@ -0,0 +1,116 @@ +<!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'; + 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'; + 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'; + 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'; + 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; + font-family: mononoki, monospace; + font-size: 12pt; +} +#main-content { + padding: 0px 50px; + margin: 0px auto; + width: 900px; + display: block; + 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; + 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> |