From d27db4c8e4435c8afa4bb4acbbfb4c96435c37b2 Mon Sep 17 00:00:00 2001
From: Dominik Picheta <dominikpicheta@gmail.com>
Date: Tue, 8 May 2018 19:52:13 +0100
Subject: [PATCH] Adds information to emphasise delay between posts.

---
 redesign/nimforum.scss | 26 ++++++++++++++++++++++----
 redesign/thread.html   | 14 ++++++++++++--
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/redesign/nimforum.scss b/redesign/nimforum.scss
index 982b5fe..8c5c8d1 100644
--- a/redesign/nimforum.scss
+++ b/redesign/nimforum.scss
@@ -207,10 +207,6 @@ $views-color: #545d70;
   }
 }
 
-.post-content {
-
-}
-
 .post-buttons {
   float: right;
 
@@ -301,4 +297,26 @@ blockquote {
 
 .execution-success {
   @extend .toast-success;
+}
+
+.information {
+  @extend .tile;
+  border-top: 1px solid $border-color;
+  padding-top: $control-padding-y-lg*2;
+  padding-bottom: $control-padding-y-lg*2;
+  color: lighten($body-font-color, 20%);
+  .information-title {
+    font-weight: bold;
+  }
+}
+
+.information-icon {
+  @extend .tile-icon;
+
+  i {
+    width: $unit-16;
+    text-align: center;
+    font-size: 1rem;
+
+  }
 }
\ No newline at end of file
diff --git a/redesign/thread.html b/redesign/thread.html
index bd6a399..4706d8c 100644
--- a/redesign/thread.html
+++ b/redesign/thread.html
@@ -49,7 +49,7 @@
               <div class="post-username">
                 ErikCampobadal
               </div>
-              <div class="post-time">44m</div>
+              <div class="post-time">Jan 2015</div>
             </div>
             <div class="post-content">
               <p>Hey! I'm willing to create a programming language using nim.</p>
@@ -91,7 +91,7 @@
               <div class="post-username">
                 twetzel59
               </div>
-              <div class="post-time">32m</div>
+              <div class="post-time">Jan 2015</div>
             </div>
             <div class="post-content">
               <p>Wow, I was just reading about the compilation pipeline today!</p>
@@ -121,6 +121,16 @@
           </div>
         </div>
 
+        <div class="information">
+          <div class="information-icon">
+            <i class="fas fa-clock"></i>
+          </div>
+          <div class="information-main">
+            <div class="information-title">
+              3 YEARS LATER
+            </div>
+          </div>
+        </div>
 
         <div class="post">
           <div class="post-icon">