summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/footer.html12
-rw-r--r--templates/header.html8
-rw-r--r--templates/index.html33
-rw-r--r--templates/memory.html15
-rw-r--r--templates/post.html11
-rw-r--r--templates/style.css66
-rw-r--r--templates/tags.html30
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" %}