diff options
| author | Johannes Löthberg <johannes@kyriasis.com> | 2016-11-12 02:06:41 +0100 |
|---|---|---|
| committer | Johannes Löthberg <johannes@kyriasis.com> | 2016-11-12 02:06:41 +0100 |
| commit | 5591d977998a189573e8f780a5270ab81bb56ddc (patch) | |
| tree | 16188b30ea414fb556b024aa20a4b918b1d61fbc /templates/layout.html | |
| download | kyblo-5591d977998a189573e8f780a5270ab81bb56ddc.tar.xz | |
Initial commit
Signed-off-by: Johannes Löthberg <johannes@kyriasis.com>
Diffstat (limited to 'templates/layout.html')
| -rw-r--r-- | templates/layout.html | 90 |
1 files changed, 90 insertions, 0 deletions
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> |