diff options
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 |