Finished advert

resources/jade/advert.jade

@@ -1,5 +1,10 @@
 //- Advert
-.bijles
-  img
-  p Lorem ipsum dolor sit amet, ea choro platonem sit, vero iusto libris no vim. Et ius saepe eruditi, no noluisse scribentur est. Nec offendit recusabo reformidans in. Mel ex odio nibh habeo, vim ea modus regione apeirian.
 
+if !app.locals.time.duringSchool()
+  #close X
+  a(href="http://werkmanbijles.nl", target="_blank")
+    .bijles
+      h1 WerkmanBijles
+      sup.
+        Bijlessen in alle vakken voor alle niveaus<br>
+        Klik op de banner voor onze website!

resources/jade/schedule.jade

@@ -1,7 +1,7 @@
 //- schedule.jade
 
-include header
 include advert
+include header
 include search
 
 if !easter || easter.type != "RIP"

resources/js/script.js

@@ -2,4 +2,9 @@
 $(document).ready(function () {
   var day = (new Date()).getDay() - 1;
   $('#wrapper').scrollLeft($(document).width() * day);
+
+  $('#close').click(function () {
+    $('.bijles').remove();
+    $('#close').remove();
+  })
 });

resources/less/style.less

@@ -1,5 +1,5 @@
 //style.less
-@import url('http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400|Oswald');
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400|Oswald');
 
 .notice {
   background-color: #BB4848;
@@ -380,11 +380,35 @@ div.schedule {
 }
 
 .bijles {
-  height: 100px;
+  height: 120px;
-  position: absolute;
+  z-index: -1;
   width: 100%;
-  top: 30px;
+  top: 0px;
-  margin-bottom: 10px;
+  padding-top: 20px;
+  color: #FDFDFD;
+  font-family: Oswald;
+  text-align: center;
+  background-color: rgb(30, 115, 190);
+  position: relative;
+
+  sup {
+    position: relative;
+    top: -15px;
+  }
 }
 
+a[href="http://werkmanbijles.nl"] {
+  text-decoration: none;
+}
+
+#close {
+  position: absolute;
+  top: 5px;
+  right: 10px;
+  font-family: Oswald;
+  font-size: 24px;
+  cursor: pointer;
+  z-index: 3;
+  color: #FDFDFD;
+}
 @import "mobile";