Add special layout for posts

2 files changed, 32 insertions, 0 deletions

diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..85266e4
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,23 @@
+---
+layout: default
+---
+<article class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title }}</h1>
+    <div class="post-title__info">
+      <span>Julkaistu</span>
+      <time datetime="{{ page.date | date_to_xmlschema }}">
+        {{ page.date | date: "%d.%m.%Y klo %H:%M" }}
+      </time>
+      &#x2022; {{ page.author }}
+    </div>
+  </header>
+
+  <div class="post-header post__spacer"></div>
+
+  <div class="post-content">
+    {{ content }}
+  </div>
+
+</article>
diff --git a/_sass/_as-theme.scss b/_sass/_as-theme.scss
index 5a6d023..5fd688c 100644
--- a/_sass/_as-theme.scss
+++ b/_sass/_as-theme.scss
@@ -157,6 +157,15 @@ body {
   background-color: $white-color;
 }
 
+.post-title__info {
+  color: $grey-color;
+}
+
+.post__spacer {
+  border-top: 3px solid $brand-color;
+  width: 4em;
+}
+
 h2 a,
 h3 a,
 h4 a {