4 files changed, 129 insertions, 0 deletions
diff --git a/src/client/views/error.jade b/src/client/views/error.jade
new file mode 100644
index 0000000..51ec12c
--- /dev/null
+++ b/src/client/views/error.jade
@@ -0,0 +1,6 @@
+extends layout
+
+block content
+  h1= message
+  h2= error.status
+  pre #{error.stack}
diff --git a/src/client/views/index.jade b/src/client/views/index.jade
new file mode 100644
index 0000000..540fd42
--- /dev/null
+++ b/src/client/views/index.jade
@@ -0,0 +1,51 @@
+extends layout
+
+block variables
+  - var bodyStyle = 'opacity: 0;';
+
+block head
+  link(rel='stylesheet', href='/stylesheets/style.css')
+  link(rel='stylesheet', href='/stylesheets/print.css', media='print')
+  link(rel='stylesheet', href='https://fonts.googleapis.com/icon?family=Material+Icons')
+  link(rel='stylesheet', href='/components/material-design-lite/material.min.css')
+  script(defer='', src='/components/material-design-lite/material.min.js')
+
+block content
+  form#search
+    .top-bar
+      .title
+        .logo
+        .text Rooster
+      .input-wrapper
+        input(type='search', placeholder='Zoeken', autocomplete='off')
+        button.material-icons.fav(tabindex='0', type='button') &#xE83A;
+      .tooltip
+        span Voer hier een <strong>docentafkorting</strong>, <strong>klas</strong>, <strong>leerlingnummer</strong> of <strong>lokaalnummer</strong> in.
+      button#overflow-button(type='button')
+        i.material-icons &#xE5D4;
+        
+      ul.mdl-menu.mdl-menu--bottom-right.mdl-js-menu.mdl-js-ripple-effect(for='overflow-button')
+        a(href='http://www.meetingpointmco.nl/Roosters-AL/doc/basisroosters/default.htm')
+          li.mdl-menu__item Basis rooster gebruiken
+        a(href='http://www.meetingpointmco.nl/Roosters-AL/doc/')
+          li.mdl-menu__item Oud rooster gebruiken
+        a(href='javascript:window.print()').print-page
+          li.mdl-menu__item.mdl-menu__item--full-bleed-divider#print-page Pagina printen
+        li.mdl-menu__item(disabled) Gemaakt door Noah Loomans
+    .autocomplete-wrapper
+      ul.autocomplete
+  #week-selector
+    #search-space-filler
+    .week-wrapper
+      button(type='button').material-icons &#xE5C4;
+      span.current 
+        span.no-print Loading...
+        span.print
+      button(type='button').material-icons &#xE5C8;
+  
+  #schedule
+
+block scripts
+  script.
+    !{flagsStr}!{usersStr}!{validWeekNumbersStr}
+  script(src='/bundle.js')
diff --git a/src/client/views/layout.jade b/src/client/views/layout.jade
new file mode 100644
index 0000000..f7f9e1f
--- /dev/null
+++ b/src/client/views/layout.jade
@@ -0,0 +1,25 @@
+block variables
+  - var bodyStyle = '';
+
+doctype html
+html(lang='nl')
+  head
+    block head_top
+    if isBeta
+      title BETA Metis Rooster
+    else
+      title Metis Rooster
+    meta(name='theme-color',content='#F44336')
+    meta(name='viewport', content='width=device-width, initial-scale=1')
+    link(href='https://fonts.googleapis.com/css?family=Roboto', rel='stylesheet')
+    link(rel='manifest', href='/manifest.webmanifest')
+    link(rel="apple-touch-icon", sizes="120x120", href="/apple-touch-icon.png")
+    link(rel="icon", type="image/png", href="/favicon-32x32.png", sizes="32x32")
+    link(rel="icon", type="image/png", href="/favicon-16x16.png", sizes="16x16")
+    link(rel="mask-icon", href="/safari-pinned-tab.svg", color="#f44336")
+    block head
+  body(style=bodyStyle)
+    block content
+    script.
+      (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','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-83684754-1', 'auto');ga('send', 'pageview');
+    block scripts
diff --git a/src/client/views/redirect.jade b/src/client/views/redirect.jade
new file mode 100644
index 0000000..e895456
--- /dev/null
+++ b/src/client/views/redirect.jade
@@ -0,0 +1,47 @@
+extends layout
+
+block head
+  style.
+    body {
+      font-family: 'Roboto', sans-serif;
+      text-align: center;
+      margin: 32px;
+    }
+    
+    .content {
+      max-width: 600px;
+      margin: 0 auto;
+    }
+    
+    h1 {
+      color: #212121;
+      margin-bottom: 32px;
+    }
+    
+    h2 {
+      color: #727272;
+      margin-bottom: 64px;
+    }
+    
+    a, a:visited {
+      margin: 8px;
+      padding: 8px 16px;
+      background-color: #c84127;
+      color: white;
+      text-decoration: none;
+      font-weight: bold;
+      border-radius: 3px;
+    }
+    
+    a:hover, a:focus, a:active {
+      background-color: #e45a3f;
+    }
+
+block content
+  .content
+    script document.body.style.opacity = 1
+    img(src='/icons/mml-logo.png')
+    h1 Er is iets mis gegaan tijdens het ophalen van de benodigde informatie
+    h2 Je kunt proberen door te gaan naar het oude rooster of Magister
+    a(href='http://www.meetingpointmco.nl/Roosters-AL/doc/') Oud rooster 
+    a(href='http://msa.magister.net/') Magister