38 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>EMF Video</title>
<script src="https://docs.getgrist.com/grist-plugin-api.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
</head>
<body>
<header class="bd-header bg-primary py-3 d-flex align-items-stretch border-bottom border-dark">
<div class="container-fluid d-flex align-items-center">
<h1 class="d-flex align-items-center fs-4 text-white mb-0" id="counter">
Next refresh in 60
</h1>
</div>
</header>
<div class="container p-3">
<h2>Happening Now</h2>
<ul class="list-group bg-light rounded" id="happeningNow">
</ul>
</div>
<hr />
<div class="container p-3">
<h2>Happening Next</h2>
<ul class="list-group bg-light rounded" id="happeningNext">
</ul>
</div>
</body>
</html>