diff options
| -rw-r--r-- | public/stylesheets/style.css | 22 | ||||
| -rw-r--r-- | views/index.jade | 8 |
2 files changed, 30 insertions, 0 deletions
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  + #notification + .box + .text + strong Het rooster is ingekort + span in verband met de warmte. + .grow + a(href='http://hetmml.nl/', class='mdl-button mdl-js-button mdl-js-ripple-effect') Meer info + #schedule block scripts |