EPS10/html/logboek.ejs
Mats van Reenen faac8c55c8 dong
2020-06-20 22:17:47 +02:00

98 lines
1.6 KiB
Plaintext
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EPS10 - Logboek Lab <%= lab %></title>
<style>
body{
background-color: #333;
color: #ccc;
margin: 0;
font-family: 'Roboto', sans-serif;
}
header{
background-color: #000;
}
nav ul{
list-style: none;
margin: 0;
/* padding: 15px 5px 5px; */
padding-top: 10px;
text-align: center;
}
nav li{
display: inline-block;
}
nav .current{
background-color: #333;
}
nav a,
nav .current{
padding: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
nav a:hover{
background-color: #333;
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;
}
@media print {
header { display: none; }
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<% for(i=1; i<8; i++){ %>
<% if(lab == i){ %>
<li class="current">Lab <%= i %></li>
<% }else{ %>
<li><a href="/logboek/<%= i %>">Lab <%= i %></a></li>
<% } %>
<% } %>
</ul>
</nav>
</header>
<main>
<%
try{
page = include('logboek lab ' + lab + '.html');
}catch(err){
page = include('404.html');
}
%><%- page %>
</main>
</body>
</html>