From 7648e2a4d5d16be21675324c2cb30f77fbfa4ab3 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Tue, 20 Jun 2017 13:21:19 +0200
Subject: Add warning for custom hours

---
 public/stylesheets/style.css | 22 ++++++++++++++++++++++
 views/index.jade             |  8 ++++++++
 2 files changed, 30 insertions(+)

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index fd2bfb8..c2c7e8f 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -381,3 +381,25 @@ body.week-selector-not-visible #week-selector {
 .print {
   display: none;
 }
+
+#notification {
+  max-width: 600px;
+  padding: 10px;
+  margin: 0 auto;
+}
+
+#notification .box {
+  display: flex;
+  background-color: #e0e0e0;
+  padding: 8px;
+  border-radius: 2px;
+  align-items: center;
+}
+
+#notification .text {
+  padding-left: 8px;
+}
+
+.grow {
+  flex-grow: 1;
+}
diff --git a/views/index.jade b/views/index.jade
index c1e3650..df73177 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -40,6 +40,14 @@ block content
         span.print
       button(type='button').material-icons &#xE5C8;
 
+  #notification
+    .box
+      .text
+        strong Het rooster is ingekort&nbsp;
+        span in verband met de warmte.&nbsp;
+      .grow
+      a(href='http://hetmml.nl/', class='mdl-button mdl-js-button mdl-js-ripple-effect') Meer info
+  
   #schedule
 
 block scripts
-- 
cgit v1.1