proto: clickable events

2 files changed, 18 insertions, 1 deletions

diff --git a/dates.html b/dates.html
index ee1e719..62b16ef 100644
--- a/dates.html
+++ b/dates.html
@@ -21,13 +21,30 @@
 				</div>
 			</div>
 		    <h2>A venir :</h2>
-			<div class="date">
+			<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>
 		</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>
diff --git a/img/bigteuf.webp b/img/bigteuf.webp
new file mode 100644
index 0000000..371226c
--- /dev/null
+++ b/img/bigteuf.webp