diff --git a/app/assets/stylesheets/sticky-nav.scss b/app/assets/stylesheets/sticky-nav.scss
index bced1fcf1..ef46f931a 100644
--- a/app/assets/stylesheets/sticky-nav.scss
+++ b/app/assets/stylesheets/sticky-nav.scss
@@ -51,6 +51,10 @@
     text-align: center;
     padding-top: 15px !important;
     padding-bottom: 20px !important;
+    img{
+      width:100%;
+      border-radius: 3px;
+    }
     .primary-sticky-nav-countdown-timer-element{
       padding: 14px 2px;
       height: 30px;
@@ -59,7 +63,7 @@
       border-radius: 3px;
     }
     .primary-sticky-nav-countdown-headline{
-      font-size:1.4em;
+      font-size:1.33em;
       font-family: $helvetica-condensed;
       padding: 16px 2px 3px;
     }
diff --git a/app/views/articles/_sidebar_additional.html.erb b/app/views/articles/_sidebar_additional.html.erb
index 254e5e866..e4a0f70fa 100644
--- a/app/views/articles/_sidebar_additional.html.erb
+++ b/app/views/articles/_sidebar_additional.html.erb
@@ -207,7 +207,7 @@
       <% if user_signed_in? %>
         <div class="widget" id="podcast-widget">
           <header>
-            <a href="/pod">latest podcasts</pod>
+            <a href="/pod">latest podcasts</a>
           </header>
           <div class="widget-body">
               <% @podcast_episodes.each do |ep| %>
diff --git a/app/views/articles/_sticky_nav.html.erb b/app/views/articles/_sticky_nav.html.erb
index 991add186..2c48fce36 100644
--- a/app/views/articles/_sticky_nav.html.erb
+++ b/app/views/articles/_sticky_nav.html.erb
@@ -27,8 +27,8 @@
 <div class="primary-sticky-nav">
   <div class="primary-sticky-nav-element primary-sticky-nav-countdown">
     <div id="countdown-timer" class="primary-sticky-nav-countdown-timer-element"></div>
-    <div class="primary-sticky-nav-countdown-headline">Countdown to Open Source!</div>
-    <a href="https://dev.to/ben/the-devto-codebase-will-go-open-source-on-august-8-2kia">Read Announcement Post</a>
+    <div class="primary-sticky-nav-countdown-headline" id="countdown-headline">Countdown to Open Source!</div>
+    <a href="https://dev.to/ben/the-devto-codebase-will-go-open-source-on-august-8-2kia" id="oss-announcement-post">Read Announcement Post</a>
     <a href="https://github.com/thepracticaldev/dev.to" target="_blank" rel="noopener">View GitHub Repo</a>
   </div>
   <div class="primary-sticky-nav-element primary-sticky-nav-author">
@@ -135,8 +135,22 @@
 
     // If the count down is finished, write some text 
     if (distance < 0) {
+      var gifUrls = [
+        "https://media.giphy.com/media/l0MYt5jPR6QX5pnqM/giphy.gif",
+        "https://media.giphy.com/media/RDbZGZ3O0UmL6/giphy.gif",
+        "https://media.giphy.com/media/3o7abldj0b3rxrZUxW/giphy.gif",
+        "https://media.giphy.com/media/yCjr0U8WCOQM0/giphy.gif",
+        "https://media.giphy.com/media/msKNSs8rmJ5m/giphy.gif",
+        "https://media.giphy.com/media/lz24Z42jLcTa8/giphy.gif",
+        "https://media.giphy.com/media/l8XYZYdlOHSrS/giphy.gif",
+        "https://media.giphy.com/media/12q8x5BEsmQati/giphy.gif",
+        "https://media.giphy.com/media/xT1XGHkP7hqm0JvWrS/giphy.gif",
+      ]
+      var randomGifUrl = gifUrls[Math.floor(Math.random()*gifUrls.length)];
       clearInterval(x);
-      document.getElementById("countdown-timer").innerHTML = "It's Time!!!";
+      document.getElementById("countdown-timer").outerHTML = "<img src='"+randomGifUrl+"' />";
+      document.getElementById("countdown-headline").innerHTML = "DEV Just Went Open Source!";
+      document.getElementById("oss-announcement-post").outerHTML = "";
     }
   }, 1000);
 </script>