summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/archive.html9
-rw-r--r--templates/entry.html26
-rw-r--r--templates/index.html18
-rw-r--r--templates/layout.html90
4 files changed, 143 insertions, 0 deletions
diff --git a/templates/archive.html b/templates/archive.html
new file mode 100644
index 0000000..506e899
--- /dev/null
+++ b/templates/archive.html
@@ -0,0 +1,9 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+<ul id="archive-list">
+{% for entry in entries %}
+<li>{{ entry['date'] }} — <a href="{{ entry['file'] }}.html">{{ entry['title'] }}</a></li>
+{% endfor %}
+</ul>
+{% endblock %}
diff --git a/templates/entry.html b/templates/entry.html
new file mode 100644
index 0000000..25a5f25
--- /dev/null
+++ b/templates/entry.html
@@ -0,0 +1,26 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+<article itemscope itemtype="http://schema.org/Article">
+ <div>
+ <h1>{{ entry['title'] }}</h1>
+ <time itemprop="datePublished" datetime="{{ entry['date'] }}">{{ entry['date'] }}</time>
+ </div>
+ <div>
+ {{ content }}
+ </div>
+</article>
+{% if older and newer%}
+<div>
+ <a href="{{ older['slug'] }}.html">Older</a> — <a href="{{ newer['slug'] }}.html">Newer</a>
+</div>
+{% elif older %}
+<div>
+ <a href="{{ older['slug'] }}.html">Older</a>
+</div>
+{% elif newer %}
+<div>
+ <a href="{{ newer['slug'] }}.html">Newer</a>
+</div>
+{% endif %}
+{% endblock %}
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..0cabcdb
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,18 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+<article itemscope itemtype="http://schema.org/Article">
+ <div>
+ <h1>{{ entry['title'] }}</h1>
+ <time itemprop="datePublished" datetime="{{ entry['date'] }}">{{ entry['date'] }}</time>
+ </div>
+ <div>
+ {{ content }}
+ </div>
+</article>
+{% if older %}
+<div id="post-nav">
+ <a class="older" href="{{ older['slug'] }}.html">Older</a>
+</div>
+{% endif %}
+{% endblock %}
diff --git a/templates/layout.html b/templates/layout.html
new file mode 100644
index 0000000..92ec496
--- /dev/null
+++ b/templates/layout.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+{% block head %}{% endblock %}
+ <style>
+body {
+ max-width: 42rem;
+}
+a, a:visited {
+ text-decoration: none;
+ color: #32609C;
+}
+a:hover {
+ color: #339;
+}
+header nav ul {
+ padding: 0em;
+ list-style-type: none;
+}
+header nav ul li {
+ display: inline;
+ margin-right: 0.25rem;
+}
+header nav a, header nav a:visited {
+ color: #444;
+}
+header nav a:hover {
+ color: #000;
+}
+article {
+ padding-left: 0.5rem;
+}
+article p {
+ white-space: pre-wrap;
+}
+#post-nav {
+ padding-bottom: 0.25em;
+}
+ul#archive-list {
+ list-style-type: none;
+}
+footer {
+ height: 55px;
+}
+footer p#copy {
+ margin: 0em;
+ padding-top: 0.25em;
+ padding-bottom: 0.25em;
+}
+footer ul#contact-info {
+ margin: 0;
+ padding: 0em;
+ padding-top: 0.25em;
+ padding-bottom: 0.25em;
+ list-style-type: none;
+}
+footer ul#contact-info li {
+ display: inline;
+ margin-right: 0.25rem;
+}
+ </style>
+ </head>
+
+ <body>
+ <header>
+ <nav>
+ <ul>
+ <li><a href="index.html">index</a></li>
+ <li><a href="archive.html">archive</a></li>
+ </ul>
+ </nav>
+ </header>
+ <hr />
+{% block content %}{% endblock %}
+ <hr />
+ <footer>
+ <div>
+ <p id="copy">© 2016 Johannes Löthberg</p>
+ </div>
+
+ <div>
+ <ul id="contact-info">
+ <li><a rel="me" href="mailto:johannes@kyriasis.com">Email</a></li>
+ <li><a rel="me" href="https://twitter.com/kyriasis">Twitter</a></li>
+ </ul>
+ </div>
+ </footer>
+ </body>
+</html>