diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/archive.html | 9 | ||||
| -rw-r--r-- | templates/entry.html | 26 | ||||
| -rw-r--r-- | templates/index.html | 18 | ||||
| -rw-r--r-- | templates/layout.html | 90 |
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> |