diff --git a/resources/jade/header.jade b/resources/jade/header.jade
index 5f77f64..3f9388e 100644
--- a/resources/jade/header.jade
+++ b/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.
+ | Hij is nog niet helemaal af maar het komt allemaal bij elkaar.
+ | De volgende dingen zijn niet meer te doen :
+ | * Inloggen
+ | * Cijfers bekijken
+ | * Instellingen veranderen
+ | * Useless button
+ | Als je wil, vul je een enquette waarin je feedback kan achterlaten.
+ | Alvast bedankt!
+ | -B
h1#title(class=url == '/' ? 'big' : '') Werkmanrooster
span V
diff --git a/resources/jade/homepage.jade b/resources/jade/homepage.jade
index 1399084..06c5779 100644
--- a/resources/jade/homepage.jade
+++ b/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
diff --git a/resources/less/mobile.less b/resources/less/mobile.less
index 55846a8..9299eb0 100644
--- a/resources/less/mobile.less
+++ b/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;
diff --git a/resources/less/style.less b/resources/less/style.less
index c431086..ccbf7cb 100644
--- a/resources/less/style.less
+++ b/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;
}