diff --git a/.vscode/extensions.json b/.vscode/extensions.json new file mode 100644 index 0000000..4d6af93 --- /dev/null +++ b/.vscode/extensions.json @@ -0,0 +1,29 @@ +{ + "recommendations": [ + "gruntfuggly.todo-tree", + "wayou.vscode-todo-highlight", + "kisstkondoros.vscode-gutter-preview", + "bierner.github-markdown-preview", + "bierner.color-info", + "solnurkarim.html-to-css-autocompletion", + "voldemortensen.rainbow-tags", + "vincaslt.highlight-matching-tag", + "anseki.vscode-color", + "html-validate.vscode-html-validate", + "pomber.git-file-history", + "formulahendry.auto-complete-tag", + "hnw.vscode-auto-open-markdown-preview", + "aaron-bond.better-comments", + "streetsidesoftware.code-spell-checker-canadian-english", + "streetsidesoftware.code-spell-checker", + "naumovs.color-highlight", + "dzhavat.css-flexbox-cheatsheet", + "pranaygp.vscode-css-peek", + "usernamehw.errorlens", + "streetsidesoftware.code-spell-checker-french", + "streetsidesoftware.code-spell-checker-french-reforme", + "nhoizey.gremlins", + "s2junn.image-essentials", + "shardulm94.trailing-spaces" + ] +} \ No newline at end of file diff --git a/README.md b/README.md index 58fba23..2da652c 100644 --- a/README.md +++ b/README.md @@ -1,83 +1,83 @@ - # [![logo les ALT-F4](https://gitea.zkd.ca/Dev_Web/web01/raw/branch/main/www/images/LogoALT-F4_Nav.svg)](https://s.zkd.ca/) -[logo]: https://gitea.zkd.ca/Dev_Web/web01/raw/branch/main/www/images/LogoALT-F4_Nav.svg "Logo Title Text 2" - -Warframe design --- +## Warframe design ## TODO Lists -- [x] Planification du travail connecté - Par Stan -- [x] Coder le menu de navigation commun a toutes les pages - Jeremy -- [ ] Coder le pied de page commun a toutes les pages - Jeremy -- [x] Création d’un favicon.ico pour le site - Jeremy -- [ ] Glitch images LOGO - Stanislas - -- [ ] Réunion pour rédaction des CSS Communs (Page d’accueil / à Propos et Équipe) +- [x] Planification du travail connecté - Par Stan +- [x] Coder le menu de navigation commun a toutes les pages - Jeremy +- [ ] Coder le pied de page commun a toutes les pages - Jeremy +- [x] Création d’un favicon.ico pour le site - Jeremy +- [ ] Glitch images LOGO - Stanislas +- [ ] Réunion pour rédaction des CSS Communs (Page d’accueil / à Propos et Équipe) -- [ ] Faire les ```main``` de chaques personnes - - [ ] Rédaction du texte pour la page « Accueil » - Léa - - [ ] Rédaction du texte pour la page « à Propos » **ET FORMULAIRE** - Stanislas - - [ ] Rédaction du texte pour la page « L’équipe » - Jérémy et Andres - - [ ] Rédaction du texte pour la page « Histoire de DE » - Jérémy - - [ ] Rédaction du texte pour la page « Univers Sci-fi » - // Avancement de 70% Léa - - [ ] Rédaction du texte pour la page « Missions » - Stanislas - - [ ] Rédaction du texte pour la page « Armures » - Andres +- [ ] Faire les `main` de chaques personnes + - [ ] Rédaction du texte pour la page « Accueil » - Léa + - [ ] Rédaction du texte pour la page « à Propos » **ET FORMULAIRE** - Stanislas + - [ ] Rédaction du texte pour la page « L’équipe » - Jérémy et Andres> + - [ ] Rédaction du texte pour la page « Histoire de DE » - Jérémy + - [ ] Rédaction du texte pour la page « Univers Sci-fi » - // Avancement de 70% Léa + - [ ] Rédaction du texte pour la page « Missions » - Stanislas + - [ ] Rédaction du texte pour la page « Armures » - Andres - [ ] Rédaction des parties CSS respectives a chacun - - [ ] Andres - - [ ] Lea - - [ ] Stan - - [ ] Jeremy + - [ ] Andres + - [ ] Lea + - [ ] Stan + - [ ] Jeremy --- +## En dernier -## En dernier +- [ ] Tester les sites avec trois navigateurs (Brave, Firefox, Chrome) -- [ ] Tester les sites avec trois navigateurs (Brave, Firefox, Chrome) +- [ ] 💣💥💥Revérifier les sources pour les images et vidéo (Identifier) 💥💥💣 -- [ ] 💣💥💥Revérifier les sources pour les images et vidéo (Identifier) 💥💥💣 - - [ ] Nothing yet --- + ### En dernier, si on a le temps -- [ ] Reverifier le footer - ``` - je le trouve trop gros(hauteur) et j'inverserais Nom equipe et individu - parce que la le footer est plus grand que le header - ou on pourrait essayer une ligne 3 colonnes ? - --- - Pour la hauteur, c'est pas vraiment un probleme je crois, dans la majorité des sites il est plus grand que le nav - Pour l'ordre, c'est celui du mockup donc faudrait aussi en parler a Léa avant de le changer - ``` - - [ ] Autres ... +- [ ] Revérifier le footer + + ```note + + je le trouve trop gros(hauteur) et j'inverserais Nom équipe et individu + parce que la le footer est plus grand que le header + ou on pourrait essayer une ligne 3 colonnes ? + --- + Pour la hauteur, c'est pas vraiment un probleme je crois, dans la majorité des sites il est plus grand que le nav + Pour l'ordre, c'est celui du mockup donc faudrait aussi en parler a Léa avant de le changer + + ``` + +- [ ] Autres ... --- ---- + --- - - +--- #### Howto Markdown - - Bullet point -> Blockquotes + +- Bullet point + +> Blockquote Big Block -> Test +> Test -_Italic_ +texte _Italic_ -**Strong** +texte **Strong** -**_Strong Italic_** +texte **_Strong Italic_** ~~Strikethrough~~ @@ -89,7 +89,7 @@ alert(s); ``` ```css -#id .class > a:hover { - display: block; +#id .class > a:hover { + display: block; } -``` \ No newline at end of file +``` diff --git a/www/aPropos.html b/www/aPropos.html index 66c902c..4c09918 100644 --- a/www/aPropos.html +++ b/www/aPropos.html @@ -1,16 +1,18 @@ + - + À propos + - + +

Coming soon...

+ \ No newline at end of file diff --git a/www/armures.html b/www/armures.html index e1f2735..9080d0d 100644 --- a/www/armures.html +++ b/www/armures.html @@ -1,5 +1,6 @@ + @@ -7,10 +8,11 @@ Armures + +

Ember

- Des étoiles flamboyantes embrasent nos mondes. Aussi ardente que le soleil, la rage d'Ember consume ses ennemis et disperse leurs cendres dans - le vent solaire. Impératrice des flammes élémentaires, embrase la terre de ses feux sauvages. Maîtrisez sa fureur ou attisez-la pour déchaîner une + Des étoiles flamboyantes embrasent nos mondes. Aussi ardente que le soleil, la rage d'Ember consume ses + ennemis et disperse leurs cendres dans + le vent solaire. Impératrice des flammes élémentaires, embrase la terre de ses feux sauvages. Maîtrisez + sa fureur ou attisez-la pour déchaîner une incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer écarlate.

Habilités

Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.

-

Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec le temps, consommant de l’énergie une fois sa - jauge pleine. Relancez le sort pour éteindre les flammes. +

Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec le temps, + consommant de l’énergie une fois sa + jauge pleine. Relancez le sort pour éteindre les flammes.

-

Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les ennemis et détruit leur armure.

-

Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les ennemis dans un feu capable de se propager dans leurs rangs.

+

Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les ennemis + et détruit leur armure.

+

Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les ennemis + dans un feu capable de se propager dans leurs rangs.

Equinox

- Incarnation de forces opposées en une seule entité, Equinox déchaîne sa colère comme l'aube naissante, ou marque la fin de la vie comme le crépuscule. - Alternant entre deux formes, elle peut renforcer les Tenno dans la lumière ou leur offrir un répit réparateur dans l'obscurité. + Incarnation de forces opposées en une seule entité, Equinox déchaîne sa colère comme l'aube naissante, + ou marque la fin de la vie comme le crépuscule. + Alternant entre deux formes, elle peut renforcer les Tenno dans la lumière ou leur offrir un répit + réparateur dans l'obscurité.

Habilités

- Métamorphose :Changez de forme, obtenant temporairement des bonus de bouclier et d'armure en forme nocturne, ou des bonus de dégâts - et de vitesse en forme diurne.morphosis: Switch forms, temporarily gaining bonus shields and armor in Night-Form, or bonus damage and speed in Day-Form. + Métamorphose :Changez de forme, obtenant temporairement des bonus de bouclier et d'armure en forme + nocturne, ou des bonus de dégâts + et de vitesse en forme diurne.morphosis: Switch forms, temporarily gaining bonus shields and armor + in Night-Form, or bonus damage and speed in Day-Form.

- Repos et Rage : Sous forme nocturne, les cibles sont endormies. Sous forme diurne, elles deviennent plus vulnérables aux dégâts. + Repos et Rage : Sous forme nocturne, les cibles sont endormies. Sous forme diurne, elles deviennent + plus vulnérables aux dégâts.

- Apaisement et provocation : En forme nocturne, réduit les dégâts infligés par les ennemis proches. En forme diurne, - augmente la puissance des compétences des alliés proches. + Apaisement et provocation : En forme nocturne, réduit les dégâts infligés par les ennemis proches. + En forme diurne, + augmente la puissance des compétences des alliés proches.

- Guérison et Mutilation : En forme nocturne, les alliés sont soignés à chaque ennemi proche tué. En forme diurne, les ennemis proches sont + Guérison et Mutilation : En forme nocturne, les alliés sont soignés à chaque ennemi proche tué. En + forme diurne, les ennemis proches sont saignés puis soumis à une vague de force tranchante.

@@ -69,30 +83,35 @@

Frost

- Frost is a slow and heavily-armored Warframe that is able to utilize offensive and defensive skills to both his own and his team's advantage. - He commands furious blizzards that pummel and freeze his enemies while providing respite and solace for his allies. + Frost is a slow and heavily-armored Warframe that is able to utilize offensive and defensive skills to + both his own and his team's advantage. + He commands furious blizzards that pummel and freeze his enemies while providing respite and solace for + his allies.

Habilités

- Freeze: A frigid energy blast that freezes targets in their tracks. + Freeze: A frigid energy blast that freezes targets in their tracks.

Ice Wave: Sends a wave of razor sharp, crystallized ice toward an enemy, dealing heavy damage.

- Snow Globe: Frost deep freezes any vapor and moisture in the area, creating a protective sphere with brief invulnerability to boost its strength. + Snow Globe: Frost deep freezes any vapor and moisture in the area, creating a protective sphere with + brief invulnerability to boost its strength.

- Avalanche: Summons a treacherous landslide of ice that instantly freezes and shatters all enemies in its radius. + Avalanche: Summons a treacherous landslide of ice that instantly freezes and shatters all enemies in + its radius.

+ \ No newline at end of file diff --git a/www/css/style.css b/www/css/style.css index d699e32..74b5db3 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -1,4 +1,6 @@ -@charset "UTF-8"; /* La feuille de style est encodée en UTF-8 */ +@charset "UTF-8"; + +/* La feuille de style est encodée en UTF-8 */ /****************************/ /* PAGE: Tous */ /* AUTEUR: Tous */ @@ -16,9 +18,11 @@ } body { - min-height: 100vh; /* Pour footer at bottom from : https://douiri.org/blog/fix-footer-bottom-css/ */ + min-height: 100vh; + /* Pour footer at bottom from : https://douiri.org/blog/fix-footer-bottom-css/ */ display: grid; - grid-template-rows: auto 1fr auto; /* SEE: https://www.geeksforgeeks.org/css/css-grid-layout-the-fr-unit/ */ + grid-template-rows: auto 1fr auto; + /* SEE: https://www.geeksforgeeks.org/css/css-grid-layout-the-fr-unit/ */ font-family: "Rubik", sans-serif; font-weight: 300; @@ -50,7 +54,7 @@ nav a { display: flex; align-items: center; text-decoration: none; - color: #FFEFE5; + color: #ffefe5; padding: 0 16px; margin: 0 4px; } @@ -58,7 +62,7 @@ nav a { nav a:hover { height: 40px; border-radius: 20px; - background-color: #B47871; + background-color: #b47871; } .boutonAccueil { @@ -68,14 +72,14 @@ nav a:hover { footer { background-color: #13172c; text-align: center; - color: #FFEFE5; + color: #ffefe5; width: 100%; padding: 16px; } ::selection { /*Source: https://openclassrooms.com/forum/sujet/couleur-surlignage-34526*/ - background-color: #641A10; + background-color: #641a10; } /****************************/ @@ -108,8 +112,9 @@ footer { background: #13172c url("../images/imagesTeam/Intro.png") center; background-size: cover; background-position: top; - color: #FFEFE5; + color: #ffefe5; } + .team main { margin: auto; } @@ -125,9 +130,9 @@ footer { border-radius: 20px; display: grid; align-items: flex-start; - grid-template-areas: - "avatar nom" - "avatar description"; + grid-template-areas: + "avatar nom" + "avatar description"; grid-template-columns: 1fr 5fr; grid-template-rows: 1fr 5fr; padding: 16px; @@ -140,9 +145,9 @@ footer { border-radius: 20px; display: grid; align-items: flex-start; - grid-template-areas: - "nom avatar" - "description avatar"; + grid-template-areas: + "nom avatar" + "description avatar"; grid-template-columns: 5fr 1fr; grid-template-rows: 1fr 5fr; padding: 16px; @@ -171,17 +176,17 @@ footer { .team div.avatar img { width: 100%; - aspect-ratio: 1 / 1; /* hauteur = largeur */ + aspect-ratio: 1 / 1; + /* hauteur = largeur */ border-radius: 20%; padding: 16px; } -.team div.grilleDroite:hover, .team div.grilleGauche:hover { +.team div.grilleDroite:hover, +.team div.grilleGauche:hover { background-color: rgba(39, 58, 86, 90%); } - - /****************************/ /* PAGE: Histoire de DE */ /* AUTEUR: Jérémy */ @@ -199,7 +204,7 @@ footer { background: #13172c url("../images/ImagesLea/warframeLore.jpg") no-repeat center; background-size: cover; background-position: top; - color: #FFEFE5; + color: #ffefe5; } .lore main { @@ -207,11 +212,14 @@ footer { width: 1300px; } -.lore h1, h2, h3{ - margin: 10px; +.lore h1, +h2, +h3 { + margin: 10px; } -.lore article p, blockquote { +.lore article p, +blockquote { margin-left: 10px; margin-top: 15px; } @@ -225,7 +233,7 @@ footer { width: 100%; position: sticky; top: 68px; - border: 2px solid #FFEFE5; + border: 2px solid #ffefe5; margin-left: auto; margin-right: auto; margin-top: 5px; @@ -233,12 +241,12 @@ footer { .lore th { padding: 10px; - border: 1px solid #FFEFE5; + border: 1px solid #ffefe5; background-color: #13172c; } .lore td { - border: 1px solid #FFEFE5; + border: 1px solid #ffefe5; } .lore td img { @@ -255,16 +263,18 @@ footer { scroll-margin-top: 110px; } -.lore th a, blockquote a{ - color: #C19F8A; +.lore th a, +blockquote a { + color: #c19f8a; } .lore .wrap { display: flex; align-items: flex-start; } -.lore .text { - width: 70%; + +.lore .text { + width: 70%; flex-grow: 1; } @@ -273,7 +283,7 @@ footer { margin: 5px; display: block; text-align: center; - background-color: #C19F8A; + background-color: #c19f8a; border-radius: 15px; } @@ -285,10 +295,10 @@ footer { } .lore .nextArc a:hover { - border-radius:15px; + border-radius: 15px; text-align: center; background-color: #bf815b; - color: #FFEFE5; + color: #ffefe5; } .lore aside { @@ -297,7 +307,19 @@ footer { bottom: 15px; } -.lore #awakening, #vorsPrize, #professor, #onceAwake, #deimos, #secondDream, #natah, #risingTide, #warWithin, #chainsOfHarrow, #apostasy, #sacrifice, #newWar { +.lore #awakening, +#vorsPrize, +#professor, +#onceAwake, +#deimos, +#secondDream, +#natah, +#risingTide, +#warWithin, +#chainsOfHarrow, +#apostasy, +#sacrifice, +#newWar { display: flex; align-items: flex-start; } @@ -308,19 +330,29 @@ footer { border-radius: 20px; } -.lore #awakening img, #professor img, #onceAwake img, #deimos img, #warWithin img { +.lore #awakening img, +#professor img, +#onceAwake img, +#deimos img, +#warWithin img { padding: 10px; margin-top: 12%; border-radius: 20px; } -.lore #vorsPrize img, #archwing img, #sacrifice img{ +.lore #vorsPrize img, +#archwing img, +#sacrifice img { padding: 10px; margin-top: 5px; border-radius: 20px; } -.lore #voxSolaris img, #natah img, #risingTide img, #chainsOfHarrow img, #newWar img{ +.lore #voxSolaris img, +#natah img, +#risingTide img, +#chainsOfHarrow img, +#newWar img { width: 30%; margin-top: 4.5%; border-radius: 20px; @@ -337,6 +369,7 @@ footer { margin-left: 5px; border-radius: 20px; } + /****************************/ /* PAGE: Missions */ /* AUTEUR: Stanislas */ diff --git a/www/histoire.html b/www/histoire.html index ab0852f..38f4076 100644 --- a/www/histoire.html +++ b/www/histoire.html @@ -1,5 +1,6 @@ + @@ -7,10 +8,11 @@ Histoire de DE + - + +

Coming soon...

+ \ No newline at end of file diff --git a/www/images/LogoALT-F4_Nav.svg b/www/images/LogoALT-F4_Nav.svg index 4dd38e2..cf7b515 100644 --- a/www/images/LogoALT-F4_Nav.svg +++ b/www/images/LogoALT-F4_Nav.svg @@ -1,15 +1,17 @@ - - - - - - - - - - - - - - + + + + + + + + + + + + + + diff --git a/www/images/LogoAlt-F4_NavGlitch.svg b/www/images/LogoAlt-F4_NavGlitch.svg index b13b493..3ddc995 100644 --- a/www/images/LogoAlt-F4_NavGlitch.svg +++ b/www/images/LogoAlt-F4_NavGlitch.svg @@ -1,15 +1,17 @@ - - - - - - - - - - - - - - + + + + + + + + + + + + + + diff --git a/www/index.html b/www/index.html index 4baa061..012db45 100644 --- a/www/index.html +++ b/www/index.html @@ -1,50 +1,53 @@ + - + Les ALT-F4 + ALT-F4 + + +

Warframe :
Toute une histoire

Entrer texte pour la première section

- +

L'histoire de
Digital Extreme

- +

Entrer le texte de la deuxième section

Un univers Sci-fi

-

Comme Warframe a déjà plus d’une décennie de vie, - son histoire est devenue très complexe au cours des années. - Des évènements de communautés, des ajouts de mécaniques et de nouvelles zones ont enrichi le narratif. - Toute ces informations prennent son sens en suivant les quêtes principales, qui racontent l’histoire du jeu. - Pour débloquer plus de quêtes d’histoire, il faut que le joueur progresse sur le système solaire et qu’il débloque +

Comme Warframe a déjà plus d’une décennie de vie, + son histoire est devenue très complexe au cours des années. + Des évènements de communautés, des ajouts de mécaniques et de nouvelles zones ont enrichi le narratif. + Toute ces informations prennent son sens en suivant les quêtes principales, qui racontent l’histoire du + jeu. + Pour débloquer plus de quêtes d’histoire, il faut que le joueur progresse sur le système solaire et + qu’il débloque des jonctions qui lient les planètes entre elles.

- +
@@ -60,9 +63,10 @@
- + + \ No newline at end of file diff --git a/www/lore.html b/www/lore.html index 12654fb..1cdeb3b 100644 --- a/www/lore.html +++ b/www/lore.html @@ -1,5 +1,6 @@ + @@ -7,10 +8,11 @@ Univers Sci-fi +