diff options
| author | Martial Simon <msimon_fr@hotmail.com> | 2024-03-12 21:59:30 +0200 |
|---|---|---|
| committer | Martial Simon <msimon_fr@hotmail.com> | 2024-03-12 21:59:30 +0200 |
| commit | ddbe8d42df833a8d209b5dc737eb23ffd81e175e (patch) | |
| tree | 8feec08f2fad549fe8f956f0d19aba177713d716 /events.html | |
| parent | 5e28298ceb8d1ab41e338f1ba1b3f6a565d7550d (diff) | |
feat: events page
Diffstat (limited to 'events.html')
| -rw-r--r-- | events.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/events.html b/events.html new file mode 100644 index 0000000..38f9e9d --- /dev/null +++ b/events.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html> + <head> + <title>🎶 RTFM - Evenements🎵</title> + <link rel="stylesheet" type="text/css" href="./style.css" /> + <meta content="text/html; charset=utf-8" http-equiv="content-type" /> + <meta name="description" content="Club musique de l'EPITA Lyon" /> + <meta name="author" content="Marcellus" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link rel="icon" type="image/x-icon" href="img/logo.ico"> + </head> + <body style="background: url(./img/wp.jpg)"> + <a href="./index.html" style="position: fixed; top: 5px; left: 10px;"> + <img src="img/logo.png" alt="Logo" style="height: 20vh;"> + </a> + <h1>Evenements à venir</h1> + <div class="date-cont"> + <div class="date"> + <h2 class="date-desc">Open Mic Rap</h2> + <div> + <hr> + <p>19 mars 2024<br>Entrée libre</p> + </div> + </div> + <img src="img/afficheOpenMic1903.png" alt="affiche évènement" /> + </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>
\ No newline at end of file |