From d37d0a085396c9d0751a473139c5f30d21b296a5 Mon Sep 17 00:00:00 2001 From: Jeremy Date: Fri, 28 Nov 2025 13:47:46 -0500 Subject: [PATCH] credits partiel sans media --- .gitattributes | 2 +- www/credits.html | 201 ++++++++++++++++++++++++++++++++++++++++++++++ www/css/style.css | 105 ++++++++++++++++++++++++ www/team.html | 11 ++- 4 files changed, 312 insertions(+), 7 deletions(-) create mode 100644 www/credits.html diff --git a/.gitattributes b/.gitattributes index 459dafc..24883a1 100644 --- a/.gitattributes +++ b/.gitattributes @@ -3,4 +3,4 @@ *.avi filter=lfs diff=lfs merge=lfs -text *.flv filter=lfs diff=lfs merge=lfs -text *.mpg filter=lfs diff=lfs merge=lfs -text -*.mkv filter=lfs diff=lfs merge=lfs -text \ No newline at end of file +*.mkv filter=lfs diff=lfs merge=lfs -text diff --git a/www/credits.html b/www/credits.html new file mode 100644 index 0000000..a2a8226 --- /dev/null +++ b/www/credits.html @@ -0,0 +1,201 @@ + + + + + + + + + + Crédits + + + + + +
+
+

Crédits

+

Découvrez les personnes et ressources qui ont contribué au fait que ce site puisse voir le jour.

+
+ +
+
+

Warframe

+
+
+

+ Le site internet de Warframe a été consulté afin d'obtenir des images et vidéos authentiques du jeux. +

+
+
Voir la source
+
+ +
+
+

Léa Dezothez

+
+
+
    +
  • Pour connaître le rôle de Léa, rendez-vous sur la page de l'équipe en cliquant sur le bouton.
    • +
  • Léa a également fournis la vaste majorité des images.
    • +
+
+
Voir la personne
+
+ +
+
+

Jérémy Hébert

+
+
+
    +
  • Pour connaître le rôle de Jérémy, rendez-vous sur la page de l'équipe en cliquant sur le bouton.
    • +
+
+
Voir la personne
+
+ +
+
+

Andres

+
+
+
    +
  • Pour connaître le rôle de Andres, rendez-vous sur la page de l'équipe en cliquant sur le bouton.
    • +
+
+
Voir la personne
+
+ +
+
+

Stanislas Royal

+
+
+
    +
  • Pour connaître le rôle de Stanislas, rendez-vous sur la page de l'équipe en cliquant sur le bouton.
    • +
+
+
Voir la personne
+
+ +
+
+

Création de Warframe

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
Voir la source
+
+ +
+
+

L’objectif

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
Voir la source
+
+ +
+
+

Les secrets

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
Voir la source
+
+ +
+
+

L’évolution

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
Voir la source
+
+ +
+
+

Coming soon...

+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
Voir la source
+
+
+ + + + + \ No newline at end of file diff --git a/www/css/style.css b/www/css/style.css index f98eb06..39b1b7a 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -885,4 +885,109 @@ blockquote a { .armures .habilites { position: relative; z-index: 15; +} + +/****************************/ +/* PAGE: Crédits */ +/* AUTEUR: Jeremy */ +/****************************/ +.credits { + background: #13172c url("../images/imagesTeam/Intro.png") center; + background-size: cover; + background-position: top; + color: #ffefe5; +} + +.credits header.introduction { + background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed; + background-position: top; + height: 100vh; + display: block; + text-align: center; + align-content: center; +} + +.credits header.introduction h1, +.credits header.introduction p { + line-height: 5; + font-size: 2rem; +} + + +.credits header.introduction div.introduction { + background-color: #13172cd5; + height: 100vh; +} + +.credits div.bouton a { + display: inline-block; + text-decoration: none; + color: #ffefe5; + padding: 10.8px 16px; + margin: 0 4px; + background-color: #13172c; + border-radius: 20px; +} + +.credits div.bouton a:hover { + border-radius: 20px; + background-color: #b47871; +} + +.credits main { + margin: auto; +} + +.credits div.titre { + text-align: center; + font-size: 2rem; + padding-top: 66px; +} + +.credits div.grille { + background-color: rgba(115, 110, 154, 0.9); + border-radius: 20px; + display: grid; + align-items: flex-start; + grid-template-areas: + "soustitre soustitre" + "description description" + "bouton bouton"; + /*grid-template-columns: 1fr 3fr;*/ + padding: 16px; + margin: 16px 5%; + text-align: center; +} + +.credits div.bouton { + grid-area: bouton; + grid-template-columns: 15%; + display: flex; + justify-content: center; + align-items: center; + margin: 16px; +} + +.credits div.soustitre { + grid-area: soustitre; + grid-template-columns: 85%; + text-align: center; +} + +.credits div.description { + grid-area: description; + grid-template-columns: 85%; +} + +.credits div.image img { + width: 100%; + aspect-ratio: 1 / 1; + /* hauteur = largeur */ + border-radius: 20%; + padding: 16px; +} + +.credits div.grilleDroite:hover, +.credits div.grilleGauche:hover { + background-color: rgba(39, 58, 86, 90%); } \ No newline at end of file diff --git a/www/team.html b/www/team.html index f5917b6..2a59401 100644 --- a/www/team.html +++ b/www/team.html @@ -37,7 +37,7 @@

Nos membres

-
+
Avatar de Léa Dezothez

Léa Dezothez

@@ -57,7 +57,7 @@
-
+
Avatar de Jérémy Hébert

Jérémy Hébert

@@ -77,9 +77,8 @@
-
-
Avatar de Andres David Herrera Escorcia
+
+
Avatar de Andres David Herrera Escorcia

Andres David Herrera Escorcia

@@ -98,7 +97,7 @@
-
+
Avatar de Stanislas Royal

Stanislas Royal