# [![logo les ALT-F4](https://gitea.zkd.ca/Dev_Web/web01/raw/branch/main/www/images/LogoALT-F4_Nav.svg)](https://s.zkd.ca/)

## Warframe design

## TODO Lists

- [x] Planification du travail connecté - Par Stan
- [x] Coder le menu de navigation commun a toutes les pages - Jeremy
- [x] 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
- [ ] Formulaires dans aPropos.html - 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
  - [x] Rédaction du texte pour la page « L’équipe » - Jérémy
  - [x] 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
  - [x] Jeremy

 <header> – Un entête incluant :
▪ 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)
o <nav> – Un menu de navigation incluant :
▪ Un bouton pour chaque page du site Web (sous la forme d’une liste <ul>) avec des effets de CSS
▪ Trouvez une façon d’indiquer sur quelle page se trouve actuellement le visiteur. Ou l’implantation d’un 
fil d’Ariane.
o <footer> – Un pied de page incluant le copyright :
▪ Le nom de l’équipe et le membre de l’équipe responsable de la création de la page concernée
▪ La date de conception
o <main> – Le contenu principal de la page
---

## En dernier

- [ ] Verifier Structure respectent ENONCÉ

  - [x] Vous devez ajouter un favicon (faites une recherche sur Internet pour savoir ce que c’est)
  - [ ] balise `<header>`
    - [x] Logo
    - [ ] Une bannière conçue par vous (vous n’êtes pas obligés de garder la même sur toutes vos pages)
    - [x] Le titre principal de la page Web (vous n’êtes pas obligés de garder le même sur toutes vos pages)
  - [ ] balise `<nav>`
    - [x] Un bouton pour chaque page du site Web (sous la forme d’une liste `<ul>`) avec des effets de CSS
    - [x] Trouvez une façon d’indiquer sur quelle page se trouve actuellement le visiteur. Ou l’implantation d’un fil d’Ariane.
  - [x] balise `<footer>`
    - [x] copyright
    - [x] Le nom de l’équipe et le membre de l’équipe responsable de la création de la page concernée
    - [x] La date de conception
  - [x] balise `<main>`
    - [ ] class dans balise `<body>`
  - [x] Inclure les references pour chaques fichier multimedia

  ```md
  . Vous pouvez les ajouter sur une page différente ou sur chaque page contenant les éléments concernés.
  ```

- [ ] Tester le site avec trois navigateurs (Brave, Firefox, Chrome)
- [ ] Tester le site avec Safari (Si possible)

- [ ] 💣💥💥Revérifier les sources pour les images et vidéo (Identifier) 💥💥💣

  ```md
  > dans www/medias/mediasAndres en date du 2025-11-24
  > les mp4 se sont eux de Léa et les webm eux que j'ai pris du site de warframe
  ```

- [ ] Nothing yet

---

### En dernier, si on a le temps

- [x] 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 ...

HTML

```html
<!-- /**********************************************************************************/
/* Fichier
 : page_web.html
 */
/* Titre
 : Exercice de création d'une page Web HTML 5
 */
/* Auteur
 : © Josianne Fortin, Cégep de Sherbrooke
 */
/* Date
 : 2025-08-22
 */
/* Description : Ce document réalise une page Web sur les balises et attributs HTML 5 */
/*************************************************************************************-->
```

CSS

```css
/* Fichier : style.css
Auteur : Alex Tremblay
Date : 2025-09-15
Description : CSS principale pour le
site Comiccon */
```

---

---

---

#### Howto Markdown

- Bullet point

> Blockquote
> texte
> Test

texte _Italic_

texte **Strong**

texte **_Strong Italic_**

~~Strikethrough~~

~~[Markdown Guide](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)~~

```javascript
var s = "JavaScript syntax highlighting";
alert(s);
```

```css
#id .class > a:hover {
  display: block;
}
```

```bash
## Reconnect GIT
# git clone https://gitea.zkd.ca/Dev_Web/web01.git
git remote get-url origin
git config credential.helper wincred
git lfs install
git config user.email 'empty@zkd.ca'
git config user.name 'Jeremy'
```
