blob: 9286b19c999247c4023a3d480dc3bbfa8249ad72 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
<!DOCTYPE html>
<html>
<head>
<title>Les Running Gags - Dates</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<link rel="stylesheet" type="text/css" href="./style.css" />
</head>
<body>
<nav>
<a href="index.html">Retour</a>
<a href="membres.html">Le groupe</a>
<a href="#">Nos dates</a>
</nav>
<!-- Rendre + visible qu'il faut cliquer sur les dates -->
<div class="content">
<h2>Passées :</h2>
<div class="date-cont">
<div class="date">
<p class="date-desc">Rencontres musicales</p>
<div>
<hr>
<p>19 août 2023<br>Entrée libre</p>
</div>
</div>
</div>
<div class="date-cont">
<div class="date">
<p class="date-desc">Big Teuf<br>--<br>Ecole de musique de Charly</p>
<div>
<hr>
<p>22 juin 2024<br>Entrée libre</p>
</div>
</div>
<img src="img/bigteuf.webp">
</div>
<h2>A venir :</h2>
</div>
<script>
dates = document.getElementsByClassName('date-cont')
images = document.querySelectorAll('.date-cont img')
for (let date of dates){
date.addEventListener('click',() => {
if (date.classList.contains("toggle")){
date.classList.remove('toggle');
}
else {
date.classList.add("toggle")
}
})
}
</script>
</body>
</html>
|
