Added motd and styled it

resources/jade/header.jade

@@ -15,6 +15,19 @@ html
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-46880644-1', 'werkmanrooster.nl');ga('send', 'pageview');ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
   body
     div.bar
+
+    div.motd
+      p
+        | Hey jongens, het is weer tijd voor een nieuwe versie van Werkmanrooster. <br>
+        | Hij is nog niet helemaal af maar het komt allemaal bij elkaar. <br>
+        | De volgende dingen zijn niet meer te doen : <br>
+        | * Inloggen <br>
+        | * Cijfers bekijken <br>
+        | * Instellingen veranderen <br>
+        | * Useless button <br>
+        | Als je wil, vul je een <a href="https://docs.google.com/forms/d/1MBf7ncF8BQc4f7B8EfXZyuvRdIhLYmhgGB2vcdb02gw/viewform?c=0&w=1">enquette</a> waarin je feedback kan achterlaten. <br>
+        | Alvast bedankt! <br>
+        | -B
   
     h1#title(class=url == '/' ? 'big' : '') Werkmanrooster
       span V

resources/jade/homepage.jade

@@ -1,5 +1,5 @@
 include header
-  
+
 div.homepage
   input.search(type="text", name="searchterm", placeholder="Je naam, id, klassennaam, docentencode, lokaalcode")
   button.search Zoeken

resources/less/mobile.less

@@ -1,6 +1,13 @@
 //mobile.less
 
 @media (max-width: 755px) {
+  .motd {
+    position: static;
+    margin: 0 auto;
+    margin-top: -20px;
+    margin-bottom: 20px;
+  }
+
   #title {
     font-size: 40px !important;
 

resources/less/style.less

@@ -9,6 +9,25 @@
   text-align: center;
 }
 
+.motd {
+  border: solid 1px red;
+  display: block;
+  font-size: 13px;
+  width: 300px;
+  border: solid 1px #000;
+  border-radius: 5px;
+  padding: 0;
+  position: absolute;
+  top: 15px;
+  left: 15px;
+
+
+  p {
+    padding: 10px 10px;
+    margin: 0px;
+  }
+}
+
 .notfound {
   margin: 20px auto;
 }