4 files changed, 49 insertions, 0 deletions
diff --git a/views/footer.twig b/views/footer.twig
new file mode 100644
index 0000000..308b1d0
--- /dev/null
+++ b/views/footer.twig
@@ -0,0 +1,2 @@
+</body>
+</html>
diff --git a/views/header.twig b/views/header.twig
new file mode 100644
index 0000000..619c466
--- /dev/null
+++ b/views/header.twig
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ blogTitle|e }} - {{ pageTitle|e }}</title>
+    <link rel="stylesheet" type="text/css" href="css/screen.css">
+</head>
+<body>
+<h1>{{ blogTitle|e }}</h1>
diff --git a/views/index.twig b/views/index.twig
new file mode 100644
index 0000000..bef8660
--- /dev/null
+++ b/views/index.twig
@@ -0,0 +1,18 @@
+{% include 'header.twig' %}
+<p>{{ blogDescription|e }}</p>
+
+<h2>{{ pageTitle|e }}</h2>
+<ul>
+{% for post in postsList %}
+<li>
+    [{{post.published|e }}] <a href="{{post.fileName|e }}">{{ post.title|e }}</a>
+</li>
+{% endfor %}
+</ul>
+
+<h3>Author</h3>
+<p>
+Mail <a href="mailto:{{ blogAuthorMail|e }}">{{ blogAuthor|e }}</a>, or Twitter <a href="https://twitter.com/{{ blogAuthorTwitter|e }}">@{{ blogAuthorTwitter|e }}</a>
+</p>
+
+{% include 'footer.twig' %}
diff --git a/views/post.twig b/views/post.twig
new file mode 100644
index 0000000..3e903e7
--- /dev/null
+++ b/views/post.twig
@@ -0,0 +1,18 @@
+{% include 'header.twig' %}
+<p>&lt; <a href="index.html">Back to Index</a></p>
+
+{% if post.published %}
+<small>Published on {{ post.published|e }}{% if post.modified %}, last updated on {{ post.modified|e }}{% endif %}</small>
+{% endif %}
+
+<h2>{{ pageTitle|e }}</h2>
+
+{{ post.htmlContent|raw }}
+
+<h3>Author</h3>
+<p>
+Mail <a href="mailto:{{ blogAuthorMail|e }}">{{ blogAuthor|e }}</a>, or Twitter <a href="https://twitter.com/{{ blogAuthorTwitter|e }}">@{{ blogAuthorTwitter|e }}</a>
+</p>
+
+<p>&lt; <a href="index.html">Back to Index</a></p>
+{% include 'footer.twig' %}