ding

2020-06-20 19:06:01 +02:00
parent db2632afbd
commit 433d18324c
13 changed files with 168 additions and 13 deletions
--- a/html/logboek.ejs
+++ b/html/logboek.ejs
@@ -3,11 +3,79 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>EPS10 - <%= file %></title>
+  <title>EPS10 - Logboek Lab <%= lab %></title>

-  <link rel="stylesheet" href="/static/style.css">
+  <style>
+  body{
+    background-color: #222;
+    color: #ccc;
+    margin: 0;
+    font-family: 'Roboto', sans-serif;
+  }
+  
+  header{
+    background-color: #000;
+  }
+  
+  nav ul{
+    list-style: none;
+    margin: 0;
+    padding: 5px;
+    text-align: center;
+  }
+  nav li{
+    display: inline-block;
+  }
+  nav .current{
+    background-color: #222;
+  }
+  nav a{
+    padding: 5px;
+  }
+  nav a:hover{
+    background-color: #222;
+    text-decoration: underline;
+  }
+
+  main{
+    padding: 10px;
+  }
+  
+  h1,h2,h3{
+    font-family: 'Ubuntu', sans-serif;
+  }
+  th{
+    font-family: 'Ubuntu', sans-serif;
+  }
+  a{
+    color: inherit;
+    text-decoration: none;
+  }
+  a:hover{
+    text-decoration: underline;
+  }
+  img{
+    max-width: 100%;
+  }
+  main{
+    width: 700px;
+    max-width: 100%;
+    margin: auto;
+  }
+  </style>
 </head>
 <body>
-  <%- include(file); %>
+  <header>
+    <nav>
+      <ul>
+        <% for(i=1; i<8; i++){ %>
+          <li><a href="/logboek/<%= i %>"<% if(lab == i){%> class="current"<% } %>>Lab <%= i %></a></li>
+        <% } %>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <%- include('logboek lab ' + lab + '.html'); %>
+  </main>
 </body>
 </html>
--- a/html/static/style.css
+++ b/html/static/style.css
@@ -1,4 +0,0 @@
-img{
-  width: 700px;
-  max-width: 100%;
-}