diff options
| author | Martial Simon <msimon_fr@hotmail.com> | 2023-08-18 23:00:41 +0200 |
|---|---|---|
| committer | Martial Simon <msimon_fr@hotmail.com> | 2023-08-18 23:00:41 +0200 |
| commit | 29ab874fc699c1d7bf9042d284539b0a7eea376d (patch) | |
| tree | 7804fb41fca939515238e145b7e2cf551aa06a86 | |
| parent | 5fb8e842d0634fc694f28d89d084b2cb467b9c15 (diff) | |
| parent | 8364f786783ffe93d72d6803af9f918bdc4ee0cf (diff) | |
Merge branch 'main' of github.com:Laitram31/runninggags
| -rw-r--r-- | dates.html | 14 | ||||
| -rw-r--r-- | index.html | 5 | ||||
| -rw-r--r-- | membres.html | 6 | ||||
| -rw-r--r-- | style.css | 25 |
4 files changed, 37 insertions, 13 deletions
@@ -6,19 +6,17 @@ <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> <div class="content"> <div class="date"> <p class="date-desc">Rencontres musicales</p> <div> <hr> - <p>--------<br>€€</p> - </div> - </div> - <div class="date"> - <p class="date-desc">Concert privé<br>St Martin Je Sais Plus Quoi</p> - <div> - <hr> - <p>28-08-23<br>Entrée privée</p> + <p>19 août 2023<br>Entrée libre</p> </div> </div> </div> @@ -6,12 +6,9 @@ <meta charset="utf-8" /> </head> <body class="index"> - <h2>Bienvenue sur le site des Running Gags !</h2> + <h1>Bienvenue sur le site des Running Gags !</h1> <a class="button" href="membres.html"> - <div style="display: flex;"> <h3>Le groupe</h3> - <img src="https://momg.neocities.org/gifs/i-8483.gif" style="height: 25%;" > - </div> </a> <a class="button" href="dates.html"> <h3>Nos dates</h3> diff --git a/membres.html b/membres.html index cea632d..621c819 100644 --- a/membres.html +++ b/membres.html @@ -6,6 +6,11 @@ <meta content="text/html; charset=utf-8" http-equiv="content-type" /> </head> <body> + <nav> + <a href="index.html">Retour</a> + <a href="#">Le groupe</a> + <a href="dates.html">Nos dates</a> + </nav> <div class="content"> <h1>Membres du groupe</h1> <div class="zikos"> @@ -48,7 +53,6 @@ </div> </div> </div> - <a href="index.html" class="return"><img src="https://momg.neocities.org/gifs/i-47092.gif" ></a> </body> </html> @@ -1,3 +1,7 @@ +:root{ + --shadow-size: 8px; +} + body{ display: flex; background: url(img/bg.jpg) no-repeat fixed; @@ -13,6 +17,27 @@ body.index{ font-family: serif; } +nav{ + display: flex; + flex-direction: column; + justify-content: space-around; + position: fixed; + height: 100vh; + width: 9vw; + top:0; + left: 0; +} + +nav a{ + text-shadow: 1px 1px var(--shadow-size) white, -1px -1px var(--shadow-size) white, -1px 1px var(--shadow-size) white, 1px -1px var(--shadow-size) white; + transition-property: var(--shadow-size); + transition-duration: 1s; +} + +nav a:hover{ + --shadow-size: 15px; +} + .content{ padding: 5px; margin: auto; |