diff options
| author | Martial Simon <msimon_fr@hotmail.com> | 2024-03-12 22:29:54 +0200 |
|---|---|---|
| committer | Martial Simon <msimon_fr@hotmail.com> | 2024-03-12 22:29:54 +0200 |
| commit | e7b2a1623cd2a21308fc65272dd5e6783c5c3fbc (patch) | |
| tree | e3290d55d30022243249b5f0373d79ce8ebcbe18 | |
| parent | 072c7535d1d78644e21e39fc76a249a156442582 (diff) | |
fix: added links n stuff
| -rw-r--r-- | events.html | 18 | ||||
| -rw-r--r-- | img/calendar.gif | bin | 0 -> 12960 bytes | |||
| -rw-r--r-- | index.html | 1 | ||||
| -rw-r--r-- | rec.html | 2 | ||||
| -rw-r--r-- | style.css | 11 |
5 files changed, 23 insertions, 9 deletions
diff --git a/events.html b/events.html index 38f9e9d..a75ec7e 100644 --- a/events.html +++ b/events.html @@ -14,16 +14,20 @@ <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 class="content"> + <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> - <img src="img/afficheOpenMic1903.png" alt="affiche évènement" /> + <img src="img/calendar.gif" alt="calendar gif" /> </div> + <script> dates = document.getElementsByClassName('date-cont') images = document.querySelectorAll('.date-cont img') diff --git a/img/calendar.gif b/img/calendar.gif Binary files differnew file mode 100644 index 0000000..e79cca6 --- /dev/null +++ b/img/calendar.gif @@ -18,6 +18,7 @@ </p> <h2>A venir :</h2> <p>Achat prochainement d'une batterie</p> + <p><a href="events.html">Evenements à venir</a></p> <h2>Contacts :</h2> <p> <a href="mailto:rtfmepita@outlook.fr"> @@ -10,7 +10,7 @@ <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; z-index: -1; width: 170px"> + <a href="./index.html" style="position: fixed; top: 5px; left: 10px; z-index: 0; width: 170px"> <img src="img/logo.png" alt="Logo" width="170px"> </a> <iframe src="https://lavender-but-bread.neocities.org/buttons/piano-button.html" style="position: absolute; top: 10px; right: 10px; border: none;" width="88" height="31"></iframe> @@ -13,6 +13,14 @@ abbr{ cursor: help; } +.content { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + align-items: center; + margin: 0 10%; +} + .audio-players{ display: flex; flex-wrap: wrap; @@ -83,9 +91,10 @@ audio { } .date-cont{ + width: 50%; padding-left: 10px; padding-right: 10px; - margin-bottom: 10px; + margin-bottom: 20px; margin-left: 10%; margin-right: 10%; border-radius: 10px; |
