summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTom Smeding <tom.smeding@gmail.com>2020-06-18 22:21:47 +0200
committerTom Smeding <tom.smeding@gmail.com>2020-06-18 22:21:47 +0200
commit0cc65cc552af39dd1ec3c961b64daed367052601 (patch)
tree4c07961a699eb0cc9fa044a366d99405dcc0eb3b
parentd01600b790b34b0a3401a0c5fcd81bca910b32a3 (diff)
Proper starting point
-rw-r--r--$template.html116
-rw-r--r--index.html122
-rw-r--r--map1/hoi.html17
-rw-r--r--map2/doei.html1
-rw-r--r--root-blog.html1
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>
diff --git a/index.html b/index.html
index 282886e..8d34823 100644
--- a/index.html
+++ b/index.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.