Use bootstrap cards

This commit is contained in:
q
2026-07-16 11:50:26 +02:00
parent 61f9d04750
commit d3ff438d2f
2 changed files with 73 additions and 69 deletions
+18 -36
View File
@@ -11,45 +11,27 @@
</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 bg-primary text-white padding-3" id="counter">
<h2 id="refresh_counter_text">Next refresh in 60</h2>
</div>
<div class="container" >
<h2>Events Happening Now</h2>
<div class="row" id="happeningNow">
</div>
</div>
<div class="container" id="happeningNow">
<h2>Events Happening Now</h2>
<table class="table table-bordered" id="now">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Venue</th>
<th scope="col">Video Team Needed</th>
<th scope="col">Privacy</th>
<th scope="col">Comments</th>
<th scope="col">Ends In</th>
</tr>
</thead>
<hr />
<tbody></tbody>
</table>
</div>
<div class="container" >
<h2>Events Happening Next</h2>
<div class="row" id="happeningNext">
</div>
</div>
<div class="container" id="happeningNext">
<h2>Events Happening Next</h2>
<table class="table table-bordered" id="next">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Venue</th>
<th scope="col">Video Team Needed</th>
<th scope="col">Privacy</th>
<th scope="col">Comments</th>
<th scope="col">Starts In</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</body>
</html>