stats.ejs
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title><%= title %></title>
7 <link
8 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
9 rel="stylesheet"
10 integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
11 crossorigin="anonymous"
12 />
13 <script
14 src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
15 integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
16 crossorigin="anonymous"
17 ></script>
18 <script
19 src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
20 integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
21 crossorigin="anonymous"
22 ></script>
23 </head>
24 <body>
25 <%- include('_partials/header') %>
26
27 <div class="container">
28 <div class="row">
29 <!-- Stats Page -->
30 <div class="col-md-6 offset-md-3">
31 <h1 class="text-center">Stats</h1>
32
33 <div
34 class="d-flex flex-column flex-md-row p-4 gap-4 py-md-5 align-items-center justify-content-center"
35 >
36 <div class="list-group">
37 <% for (const key in stats) { %>
38 <a
39 href="#"
40 class="list-group-item list-group-item-action d-flex gap-3 py-3"
41 aria-current="true"
42 >
43 <div class="d-flex gap-2 w-100 justify-content-between">
44 <div>
45 <h6 class="mb-0"><%= stats[key].title %></h6>
46 <p class="mb-0 opacity-75"><%= stats[key].value %></p>
47 </div>
48 </div>
49 </a>
50 <% } %>
51 </div>
52 </div>
53 </div>
54 </div>
55 </div>
56 </body>
57</html>
58