diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/footer.html | 12 | ||||
| -rw-r--r-- | templates/header.html | 8 | ||||
| -rw-r--r-- | templates/index.html | 33 | ||||
| -rw-r--r-- | templates/memory.html | 15 | ||||
| -rw-r--r-- | templates/post.html | 11 | ||||
| -rw-r--r-- | templates/style.css | 66 | ||||
| -rw-r--r-- | templates/tags.html | 30 |
7 files changed, 175 insertions, 0 deletions
diff --git a/templates/footer.html b/templates/footer.html new file mode 100644 index 0000000..3ce66d9 --- /dev/null +++ b/templates/footer.html @@ -0,0 +1,12 @@ +<hr> + +<p style="display:inline;"> +built {{ date }} +<div style="float:right;"> +<a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0</a>: no copyright +(<a href="https://git.blaise.zone/website/memories.git/">source</a>) +</div> +</p> + +</body> +</html> diff --git a/templates/header.html b/templates/header.html new file mode 100644 index 0000000..67bc013 --- /dev/null +++ b/templates/header.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" name="viewport" content="width=80ch"> + <title>{{ title }}</title> + <link rel="stylesheet" href="style.css"> +</head> +<body> diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..fecdba6 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" name="viewport" content="width=80ch"> + <title>memories.blaise.zone</title> + <link rel="stylesheet" href="style.css"> +</head> +<body> + <h1><a href="http://blaise.zone">blaise</a>-memories</h1> + <hr> + <p> + Welcome to my public memories! <br> + I think of this as my "digital scrapbook". <br> + You may also be interested in my <a href="./tree/000">family tree</a>. <br> + Thanks for stopping by! —Blaise + </p> + <p> + <table style="width:100%"> + <tr> + <th>start</th> + <th>end</th> + <th>memory</th> + </tr> + {% for memory in memories %} + <tr> + <th>{{ memory.start }}</th> + <th>{{ memory.end }}</th> + <th><a href="./{{ memory.path[0] }}">{{ memory.title }}</a></th> + </tr> + {% endfor %} + </table> + </p> +{% include "footer.html" %} diff --git a/templates/memory.html b/templates/memory.html new file mode 100644 index 0000000..4da3b10 --- /dev/null +++ b/templates/memory.html @@ -0,0 +1,15 @@ +{% include "header.html" %} + +<h1> +<a href=http://blaise.zone>blaise</a>-<a href="../">memories</a>/{{ memory.path[0] }} +</h1> + +<hr> + +<h1> +{{ memory.title }} +</h1> + +{{ memory.content }} + +{% include "footer.html" %} diff --git a/templates/post.html b/templates/post.html new file mode 100644 index 0000000..cf7b1f1 --- /dev/null +++ b/templates/post.html @@ -0,0 +1,11 @@ +{% include "header.html" %} + +<h1> +<a href=http://blaise.zone>blaise</a>-<a href=../>blog</a>/{{ post.title }} +</h1> + +<hr> + +{{ post.content }} + +{% include "footer.html" %} diff --git a/templates/style.css b/templates/style.css new file mode 100644 index 0000000..9f19e42 --- /dev/null +++ b/templates/style.css @@ -0,0 +1,66 @@ +a { + text-decoration: none; + color: #81a2be; +} + +body { + font-family: 'DejaVu Sans Mono', monospace; + margin: 40px auto; + min-width: 80ch; + max-width: 80ch; + line-height: 1.5; + font-size: 16px; + background-color: #1d1f21; + color: #c5c8c6; + padding: 0 10px; + text-align: left; + overflow-y: scroll; +} + +h2 { + font-size: 16px; +} + +pre { + width: 80ch; + padding: 15px; + margin-left: auto; + margin-right: auto; + overflow: auto; + overflow-y: hidden; + font-size: 15.3px; + background: #111314; + border: 1px solid #c5c8c6; +} + +code { + background: #111314; + color: #de935f +} + +figure { + width: 100%; + margin: 0px auto; + margin-bottom: 1em; +} + +audio { + width: 100%; +} + +img { + width: 100%; +} + +table { + width: 100%; +} + +table, th, td { + border: 1px solid #969896; + border-collapse: collapse; +} + +th, td { + padding: 5px; +} diff --git a/templates/tags.html b/templates/tags.html new file mode 100644 index 0000000..e788ce5 --- /dev/null +++ b/templates/tags.html @@ -0,0 +1,30 @@ +{% include "header.html" %} + +<h1> +<a href=http://blaise.zone>blaise</a>-<a href="../">blog</a>/tags +</h1> + +<hr> + +{% for tag in tags %} + +<h1 id={{ tag }}><a href="#{{ tag }}">{{ tag }}</a></h1> + +<p> +{% for post in posts %} + {% if tag in post.tags %} + {{ post.date }} + <a href=./{{ post.path }}>{{ post.title }}</a> + {% for tag_ in post.tags %} + {% if tag_ != tag %} + <a href="./tags/#{{ tag_ }}" style="color:#b294bb;font-style:italic;">#{{ tag_ }}</a> + {% endif %} + {% endfor %} + <br> + {% endif %} +{% endfor %} +</p> + +{% endfor %} + +{% include "footer.html" %} |