From e24f30d86cb7cbc7170566a97d20ee70339883da Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Sun, 4 Oct 2015 20:21:26 +0200
Subject: [PATCH] Highlight latest post when link is clicked

---
 _sass/_layout.scss | 28 ++++++++++++++++++++++++++++
 index.html         |  4 +++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 661b1007..c43ffda0 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -13,3 +13,31 @@
 footer {
   margin-bottom: 2rem;
 }
+
+.updated {
+    -webkit-animation: fadeIt 3s ease-in-out;
+       -moz-animation: fadeIt 3s ease-in-out;
+         -o-animation: fadeIt 3s ease-in-out;
+            animation: fadeIt 3s ease-in-out;
+}
+
+@-webkit-keyframes fadeIt {
+  0%   { background-color: #FFFFFF; }
+  15%  { background-color: #ff7; }
+  100% { background-color: #FFFFFF; }
+}
+@-moz-keyframes fadeIt {
+  0%   { background-color: #FFFFFF; }
+  15%  { background-color: #ff7; }
+  100% { background-color: #FFFFFF; }
+}
+@-o-keyframes fadeIt {
+  0%   { background-color: #FFFFFF; }
+  15%  { background-color: #ff7; }
+  100% { background-color: #FFFFFF; }
+}
+@keyframes fadeIt {
+  0%   { background-color: #FFFFFF; }
+  15%  { background-color: #ff7; }
+  100% { background-color: #FFFFFF; }
+}
diff --git a/index.html b/index.html
index 8dda5cf1..b831e02a 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,9 @@ title: Home
 ---
 <div class="newest-post">
 <emph>Latest Post</emph>: {% for post in site.categories.rust-os limit:1 %}
-  <strong><a href="#{{ post.id }}">{{post.title}}</a></strong>
+  <strong><a href="#{{ post.id }}" onclick="
+    document.getElementById('{{ post.id }}').className += ' updated';
+  ">{{post.title}}</a></strong>
 {% endfor %}
 </div>