diff --git a/resources/jade/advert.jade b/resources/jade/advert.jade index e2f2d25..232c55a 100644 --- a/resources/jade/advert.jade +++ b/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
+ Klik op de banner voor onze website! diff --git a/resources/jade/schedule.jade b/resources/jade/schedule.jade index 38604ce..bea179a 100644 --- a/resources/jade/schedule.jade +++ b/resources/jade/schedule.jade @@ -1,7 +1,7 @@ //- schedule.jade -include header include advert +include header include search if !easter || easter.type != "RIP" diff --git a/resources/js/script.js b/resources/js/script.js index 37ca52b..43db892 100644 --- a/resources/js/script.js +++ b/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(); + }) }); diff --git a/resources/less/style.less b/resources/less/style.less index a05f1ef..65794e1 100644 --- a/resources/less/style.less +++ b/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; - position: absolute; + height: 120px; + z-index: -1; width: 100%; - top: 30px; - margin-bottom: 10px; + top: 0px; + 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";