diff options
| -rw-r--r-- | $template.html | 116 | ||||
| -rw-r--r-- | index.html | 122 | ||||
| -rw-r--r-- | map1/hoi.html | 17 | ||||
| -rw-r--r-- | map2/doei.html | 1 | ||||
| -rw-r--r-- | root-blog.html | 1 |
5 files changed, 122 insertions, 135 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> @@ -1,116 +1,6 @@ -<!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> +<p> + Hi! + People are supposed to have a blog nowadays, don't they? + Well, this isn't really one, but it does contain some pieces of writing; in particular, there are some notes that I gathered for myself over the years, and that might be useful to someone else. + Feel free to look around. :) +</p> diff --git a/map1/hoi.html b/map1/hoi.html deleted file mode 100644 index e439780..0000000 --- a/map1/hoi.html +++ /dev/null @@ -1,17 +0,0 @@ -<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 deleted file mode 100644 index 9ca9a87..0000000 --- a/map2/doei.html +++ /dev/null @@ -1 +0,0 @@ -This is another file. diff --git a/root-blog.html b/root-blog.html deleted file mode 100644 index 0ec75fc..0000000 --- a/root-blog.html +++ /dev/null @@ -1 +0,0 @@ -This file is in the root directory. |