Added motd and styled it

resources/jade/header.jade

@@ -16,6 +16,19 @@ html
   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
         span 5

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;
 }