74 lines
2 KiB
HTML
74 lines
2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.5">
|
|
<title>🥞wachtrij</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/tuicss@@2.1.1/dist/tuicss.min.css" rel="stylesheet" />
|
|
<style>
|
|
.tui-window {
|
|
width: 100%;
|
|
}
|
|
|
|
.col {
|
|
width: 100%;
|
|
}
|
|
|
|
.row {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
td,
|
|
th {
|
|
text-align: center;
|
|
}
|
|
|
|
.tui-table tbody tr td {
|
|
padding-bottom: 20px;
|
|
}
|
|
</style>
|
|
<script>
|
|
setInterval(function(){
|
|
location.reload()
|
|
}, 1000)
|
|
</script>
|
|
</head>
|
|
|
|
<body class="tui-bg-green-black">
|
|
<div style="margin: auto; width: 60%; margin-top: 40px;">
|
|
<div class="container" style="width: 100%">
|
|
<div class="row">
|
|
<div class="col m12">
|
|
<div class="tui-window red-168">
|
|
<fieldset class="tui-fieldset">
|
|
<h1>Previous pancake</h1>
|
|
@if last_done.len > 0
|
|
@{now - last_done[0].delivery_time}
|
|
@else
|
|
No pancakes done yet
|
|
@end
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col m12">
|
|
<div class="tui-window red-168">
|
|
<fieldset class="tui-fieldset">
|
|
<h1>NEXT UP</h1>
|
|
@if next_person.len > 0
|
|
@{next_person[0].name}
|
|
@else
|
|
Nobody in the queue
|
|
@end
|
|
</fieldset>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |