colors, dates

app/event/views.py

@@ -59,7 +59,7 @@ def timeline(request):
                 "millisecond": "",
                 "format": ""
             },
-            "display_date": event.display_date,
+            "display_date": event.display_date if timeline['events'] else ' ',
             "text": {
                 "headline": event.title,
                 "text": event.body

app/static/css/partials/_layout.scss

@@ -126,14 +126,14 @@ p {
     }
     p {
       a, a:visited, a:active, a:hover {
-        color: #c34528;
+        color: #efc239;
       }
     }
   }
 
   .reference {
     color: #333;
-    font-size: 11px;
+    font-size: 11px !important;
     line-height: 1em;
     margin-top: 64px;
   }
@@ -198,6 +198,24 @@ p {
     background: transparent;
     color: #fff;
   }
+  .thanks {
+      color: #b0a39d;
+      max-width: 800px;
+      margin: auto;
+      background-color: rgba(1,1,1, 0.5);
+      border-radius: 10px;
+      padding: 16px;
+      font-size: 20px;
+      h2,p {
+        color: #ddd;
+      }
+      p {
+        font-size: 20px;
+      }
+      a, a:visited, a:active, a:hover {
+        color: #efc239;
+      }
+  }
 }
 
 #menu {
@@ -233,6 +251,7 @@ p {
       line-height: 1.5em;
       font-size: 36px;
       a, a:visited, a:active, a:hover {
+        color: #efc239;
       }
     }
   }

app/templates/timeline.html

@@ -106,10 +106,11 @@
 			}).then(response => response.json()).then(response => {
 				if (response.sent) {
 					var content = document.querySelector('#contact .content')
-					content.innerHTML = `
-						Thank you for taking the time to send us a message, we will get back to you soon.
+							content.innerHTML = `<div class="thanks">
+						thanks for taking the time to write this message.
 						<br><br>
 						<a href="/" target="_self">Back to Timeline</a>
+						</div>
 					`
 				}
 			})