admins.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 <main>
27 <div class="album py-5">
28 <div class="container">
29 <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
30 <% admins.forEach(admin => { %>
31 <div class="col">
32 <div class="card shadow-sm">
33 <img
34 src="/avatars/<%= admin.ProfilePicture %>"
35 loading="lazy"
36 class="bd-placeholder-img card-img-top"
37 width="100%"
38 height="100%"
39 />
40 <div class="card-body">
41 <p class="card-text">
42 <%= admin.Username.replace(/_/g, ' ') %>
43 </p>
44 <div
45 class="d-flex justify-content-between align-items-center"
46 >
47 <div class="btn-group">
48 <a
49 href="/admins/<%= admin.Username %>"
50 class="btn btn-sm btn-outline-secondary"
51 >
52 View
53 </a>
54 </div>
55 </div>
56 </div>
57 </div>
58 </div>
59 <% }) %>
60 </div>
61 </div>
62 </div>
63 </main>
64 </body>
65</html>
66