Countdown fix

wp-content/themes/studio13/css/app.css

@@ -679,6 +679,7 @@ header.header .nav-menu a:hover { z-index: 2; background-color: #ff8200; }
 .highlight a span { display: inline-block; padding-top: 30px; }
 .highlight a span.larger { padding-top: 70px; font-size: 1.4em; }
 .highlight a .number { font-size: 3em; }
+.highlight a .started { padding-top: 60px; }
 
 .separator { height: 2px; background-color: #ff8200; margin-top: 1.8em; margin-bottom: 1em; }
 .separator.tiny-margin { margin-top: 0; margin-bottom: 0.4em; }

wp-content/themes/studio13/front-page.php

@@ -1,12 +1,17 @@
 <?php get_header(); ?>
 <div id="featured" class="row">
     <div class="highlight small-4 columns">
-    <a href="/info" class="primary"><span><div class="number"><?php
+    <a href="/info" class="primary"><span><?php
         $now = time();
         $your_date = strtotime("2013-08-12");
         $datediff = $your_date - $now;
-        echo floor($datediff/(60*60*24));
-    ?></div>dager igjen</span></a>
+        $days = floor($datediff/(60*60*24));
+        if($days <= 0) {
+            echo '<div class="larger started">STUDiO har startet!</div>';
+        } else {
+            echo '<div class="number">'.$days.'</div> dager igjen';
+        }
+    ?></span></a>
     </div>
     <div class="highlight small-4 columns text-center">
         <a href="/frivillig" class="hover fri-villig" title="Bli Frivillig"><span></span></a>

wp-content/themes/studio13/sass/app.scss

@@ -311,6 +311,9 @@ header.header {
         .number {
             font-size: 3em;
         }
+        .started {
+            padding-top: 60px;
+        }
     }
 }
 .separator {