summaryrefslogtreecommitdiffstats
path: root/templates/layout.html
diff options
context:
space:
mode:
authorJohannes Löthberg <johannes@kyriasis.com>2016-11-12 02:06:41 +0100
committerJohannes Löthberg <johannes@kyriasis.com>2016-11-12 02:06:41 +0100
commit5591d977998a189573e8f780a5270ab81bb56ddc (patch)
tree16188b30ea414fb556b024aa20a4b918b1d61fbc /templates/layout.html
downloadkyblo-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.html90
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>