From d37d0a085396c9d0751a473139c5f30d21b296a5 Mon Sep 17 00:00:00 2001 From: Jeremy Date: Fri, 28 Nov 2025 13:47:46 -0500 Subject: [PATCH 1/4] 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

From a726716583efca08b24983eda8d7e3596b59dae5 Mon Sep 17 00:00:00 2001 From: Jeremy Date: Fri, 28 Nov 2025 13:48:48 -0500 Subject: [PATCH 2/4] gitignore TEMPORAIRE video JEREMY --- .gitignore | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/.gitignore b/.gitignore index 4ed82d4..cb505e4 100644 --- a/.gitignore +++ b/.gitignore @@ -57,8 +57,8 @@ .nfs* # ---> NotepadPP -# Notepad++ backups # -*.bak +# Notepad++ backups # +*.bak # ---> PuTTY # Private key @@ -506,3 +506,5 @@ $RECYCLE.BIN/ # Windows shortcuts *.lnk +www/medias/mediasCredits/warframeDuviriRide.mp4 +www/medias/mediasHistoireDE/warframeRailjackRide.mp4 From 6f16bf2e10ba7337455c5901b577499ac88cf7a7 Mon Sep 17 00:00:00 2001 From: Jeremy Date: Fri, 28 Nov 2025 13:55:08 -0500 Subject: [PATCH 3/4] Correctif readme --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index df8d608..6682d30 100644 --- a/README.md +++ b/README.md @@ -32,7 +32,7 @@ - [ ] Jeremy
– Un entête incluant : -▪ Un logo conçu par vous (http://www.logogenie.fr) +▪ Un logo conçu par vous ▪ Une bannière conçue par vous (vous n’êtes pas obligés de garder la même sur toutes vos pages) ▪ Le titre principal de la page Web (vous n’êtes pas obligés de garder le même sur toutes vos pages) ▪ Vous devez ajouter un favicon (faites une recherche sur Internet pour savoir ce que c’est) From 57292ac0540b7381ee0bf0c5840b4b482a1ff1c9 Mon Sep 17 00:00:00 2001 From: Jeremy Date: Fri, 28 Nov 2025 13:55:44 -0500 Subject: [PATCH 4/4] =?UTF-8?q?COMMIT=20300=20|=20Retrait=20de=20commentai?= =?UTF-8?q?res=20obsol=C3=A8te?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- www/css/style.css | 42 ++++-------------------------------------- 1 file changed, 4 insertions(+), 38 deletions(-) diff --git a/www/css/style.css b/www/css/style.css index 39b1b7a..e340ae2 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -45,6 +45,7 @@ .sidebyside { display: flex; } + .centered { text-align: center; margin: auto; @@ -279,6 +280,7 @@ footer { .aPropos .sidebyside>div { margin: 5px 20px; } + .aPropos textarea { resize: none; width: 100%; @@ -291,8 +293,9 @@ footer { border-radius: 15px; padding: 10px; color: #E6ECF3; - overflow:scroll; + overflow: scroll; } + .aPropos fieldset { padding: 10px; width: 100%; @@ -461,43 +464,6 @@ footer { height: 100vh; } -/* -.histoire header.introduction div { - color: #ffefe5; - padding: 0 16px; - margin: 0 4px; - - height: 40px; - border: none; - border-radius: 20px; - background-color: #13172c; -} - -.histoire header.introduction div a { - display: flex; - align-items: center; - align-content: center; - text-decoration: none; -}*/ -/*.histoire header.introduction div.bouton { - height: 40px; -} - -.histoire header.introduction div.bouton a { - border: none; - background-color: #13172c; - text-decoration: none; - border-radius: 20px; - font-size: 1rem; - - display: inline-block; - align-items: center; - text-decoration: none; - color: #ffefe5; - padding: 0 16px; - margin: 0 4px; -}*/ - .histoire header.introduction div.introduction a { display: inline-block; text-decoration: none;