diff options
| -rw-r--r-- | index.html | 116 | ||||
| -rw-r--r-- | map1/hoi.html | 17 | ||||
| -rw-r--r-- | map2/doei.html | 1 | ||||
| -rw-r--r-- | root-blog.html | 1 |
4 files changed, 135 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..282886e --- /dev/null +++ b/index.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> diff --git a/map1/hoi.html b/map1/hoi.html new file mode 100644 index 0000000..e439780 --- /dev/null +++ b/map1/hoi.html @@ -0,0 +1,17 @@ +<p>This is one file.</p> + +<p>This is also a longer file to test layout. +There is some more text than you might expect for a test file. +Also I spent way too long actually typing this, since I could have just used some text filler generator like the nonsense lorem ipsum text.</p> + +<p>This is another one of those paragraphs. +It contains <b>some more <i>text i</i></b>.</p> + +<p>What do you guess? +This is another one!</p> + +<p>What do you guess? +This is another one!</p> + +<p>What do you guess? +This is another one!</p> diff --git a/map2/doei.html b/map2/doei.html new file mode 100644 index 0000000..9ca9a87 --- /dev/null +++ b/map2/doei.html @@ -0,0 +1 @@ +This is another file. diff --git a/root-blog.html b/root-blog.html new file mode 100644 index 0000000..0ec75fc --- /dev/null +++ b/root-blog.html @@ -0,0 +1 @@ +This file is in the root directory. |