https://fisga.netlify.app/participants

1<!-- participantes.html -->
2<!DOCTYPE HTML>
3<html>
4
5<head>
6	<meta charset="utf-8" />
7<!-- This site is hosted on Netlify. Anyone can build and deploy a site
8     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=8b7c1b1a-6d58-4763-9bb4-9fc1f90c2bb7
9     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
10	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
11	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
12	<link rel="stylesheet" href="css/reset.css">
13	<link rel="stylesheet" href="css/main.css">
14	<link rel="stylesheet" href="css/participantes.css">
15</head>
16
17<body>
18
19	<nav>
20		<ul class="sidebar">
21			<li onclick=hideSidebar()>
22				<a href="#"><i class="fa-solid fa-bars"></i></a>
23			</li>
24			<li>
25				<a href='/participants'>PARTICIPANTES</a>
26			</li>
27			<li>
28				<a href='/exposicao1'>VESTÍGIOS DO TERRITÓRIO</a>
29			</li>
30			<li>
31				<a href='/exposicao2'>O RASTO É A FORMA <br> QUE O TEMPO CONSTRÓI</a>
32			</li>
33		</ul>
34
35		<ul>
36			<li class="nav-logo">
37				<a href='/'>
38					<img src="images/1-Material/LOGO FISGA simp.png" alt="logo">
39				</a>
40			</li>
41			<li onclick=showSidebar()>
42				<a href="#">
43					<i class="fa-solid fa-bars"></i>
44				</a>
45			</li>
46		</ul>
47	</nav>
48
49	<section>
50		<p>Participantes</p>
51		<div class="participant" id="participants-list"></div>
52	</section>
53
54	<footer class="participant-footer">
55		<p>Projeto Fisga 2024/25</p>
56	</footer>
57
58
59
60	

60<script src="script.js"></script>

60
61	

61<script src="perfil.js"></script>

61
62
63	

63<script>
64
65		document.addEventListener("DOMContentLoaded", () => {
66			const participantList = document.getElementById("participants-list");
67			participants.forEach(participant => {
68				const figure = document.createElement("figure");
69				figure.innerHTML = `
70					<a href="perfil.html?id=${participant.id}">
71
72						<figcaption>
73							${participant.name}
74						</figcaption>
75
76						<img src="${participant.image}" alt="Imagem de ${participant.name}">
77
78					</a>
79				`;
80				participantList.appendChild(figure);
81
82
83			});
84		});
85	</script>

85
86</body>
87
88</html>