From 3a51178d310f352417c85cb650a08c9ebb28dd70 Mon Sep 17 00:00:00 2001 From: Martial Simon Date: Fri, 30 Jun 2023 15:22:46 +0200 Subject: feat: rempli les membres --- img/bg.jpg | Bin 0 -> 113825 bytes img/camille.jpg | Bin 0 -> 36061 bytes img/lucas.jpg | Bin 0 -> 207037 bytes img/martial.jpg | Bin 0 -> 32224 bytes img/thomas.jpg | Bin 0 -> 190679 bytes img/victor.jpg | Bin 0 -> 68570 bytes membres.html | 47 +++++++++++++++++++++---- style.css | 104 +++++++++++++++++++++++++++++++++++++++++++++++++++++++- 8 files changed, 143 insertions(+), 8 deletions(-) create mode 100644 img/bg.jpg create mode 100644 img/camille.jpg create mode 100644 img/lucas.jpg create mode 100644 img/martial.jpg create mode 100644 img/thomas.jpg create mode 100644 img/victor.jpg diff --git a/img/bg.jpg b/img/bg.jpg new file mode 100644 index 0000000..7efb390 Binary files /dev/null and b/img/bg.jpg differ diff --git a/img/camille.jpg b/img/camille.jpg new file mode 100644 index 0000000..fa6ba3a Binary files /dev/null and b/img/camille.jpg differ diff --git a/img/lucas.jpg b/img/lucas.jpg new file mode 100644 index 0000000..c929481 Binary files /dev/null and b/img/lucas.jpg differ diff --git a/img/martial.jpg b/img/martial.jpg new file mode 100644 index 0000000..420d16d Binary files /dev/null and b/img/martial.jpg differ diff --git a/img/thomas.jpg b/img/thomas.jpg new file mode 100644 index 0000000..99c0b0d Binary files /dev/null and b/img/thomas.jpg differ diff --git a/img/victor.jpg b/img/victor.jpg new file mode 100644 index 0000000..1a5a98d Binary files /dev/null and b/img/victor.jpg differ diff --git a/membres.html b/membres.html index 2a8c876..cce7cc2 100644 --- a/membres.html +++ b/membres.html @@ -8,14 +8,47 @@

Membres du groupe

- +
+ +
+

Camille - Chanteuse

+

Fan du rock des années 70/80 (Pink Floyd, Queen, Fleetwood Mac, The Who...), elle a commencé le chant il y a 5 ans.
Ne vous fiez pas à sa taille,(1m50 de conneries comme elle aime dire), elle sait se défendre.

+

+
+
+ +
+

Thomas - Guitariste

+

Pianiste classique reconverti en guitariste à l'adolescence, il a rejoint l'aventure un mois avant le premier concert, et a su rapidement s'intégrer et maîtriser les morceaux.
+ Jeune doyen du groupe, comme il aime s'appeler, Martial et lui forment un chouette duo alors bravo à eux !

+

+
+
+ +
+

Martial - Guitariste

+

C'est le benjamin de l'équipe, mais il résume assez bien l'expression "la valeur n'attend pas le nombre d'années".
+ 10 ans de guitare et 5 ans de basse dans les doigts, il a rejoint le groupe en septembre 2022. C'est le créateur de ce site.

+

+
+
+ +
+

Victor - Bassiste

+

Mais qui est donc ce musicien qui prend la pose tel un penseur ?
+ Il s'agit de Victor, notre bassiste. Fan de rap, punk et funk, il a commencé la basse à l'adolescence, et après une période d'arrêt, il a repris du service en rejoignant le groupe en novembre 2022.

+

+
+
+ +
+

Lucas - Batteur

+

Ne vous fiez pas à son air timide, c'est un killer, d'où son surnom de maestro ;).
+ Avec près de 20 ans de batterie derrière lui, dont 10 ans dans un groupe de jazz en MJC, il nous a rejoints en avril 2022. Lui et Camille sont d'ailleurs les derniers membres fondateurs du groupe.

+

+
+ Retour diff --git a/style.css b/style.css index c69935f..db4309c 100644 --- a/style.css +++ b/style.css @@ -1,5 +1,7 @@ body{ display: flex; + background: url(img/bg.jpg) no-repeat fixed; + background-size: cover; flex-direction: column; justify-content: center; text-align: center; @@ -10,7 +12,11 @@ body.index{ } .content{ + /*margin-left: 10%; + margin-right: 10%;*/ margin: auto; + border-radius: 8px; + color: #ffffff; } ul{ @@ -24,6 +30,102 @@ a{ color: inherit; } +div.zikos:nth-child(odd){ + flex-direction: row-reverse; + margin-right: 5%; +} +div.zikos:nth-child(odd) .desc{ + margin-right: 10px; +} + +div.zikos:nth-child(even){ + flex-direction: row; + margin-left: 5%; +} +div.zikos:nth-child(even) .desc{ + margin-left: 10px; +} + .zikos{ - text-align: left; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-start; + margin-bottom: 10px; + padding: 10px; + border: 3px inset #888888; + border-radius: 3px; + text-align: inherit; + background-color: #00000099; +} + +.zikos img{ + max-height: 40vh; + border-radius: 3px; +} + +.desc{ + max-width: 60vh; +} + +.return{ + margin: auto; + border-width: 3px; + border-style: solid; + border-radius: 7px; + animation-name: return; + animation-duration: 7s; + animation-timing-function: linear; + animation-iteration-count: infinite; +} + +.footer{ + color: bisque; +} + +.footer::before{ + content: "<"; +} + +.footer::after{ + content: ">"; +} + +@keyframes return{ + 0%{ + border-color: #84008c; + color: #84008c; + } + 12.5%{ + border-color: #3f0098; + color: #3f0098; + } + 25%{ + border-color: #46bebc; + color: #46bebc; + } + 37.5%{ + border-color: #2f8a00; + color: #2f8a00; + } + 50%{ + border-color: #fdff00; + color: #fdff00; + } + 62.5%{ + border-color: #f48a00; + color: #f48a00; + } + 75%{ + border-color: #f00100; + color: #f00100; + } + 87.5%{ + border-color: #f366b1; + color: #f366b1; + } + 100%{ + border-color: #84008c; + color: #84008c; + } } -- cgit v1.2.3