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/.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 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) 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 2006549..b88950a 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -464,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; @@ -895,4 +858,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