-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ccab0c6
commit 8060a59
Showing
1 changed file
with
59 additions
and
55 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,69 +1,73 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="fr"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta name="description" content="Un site où vous pouvez consulter et ajouter des films hébergés sur YouTube."> | ||
| <title>Ciné Critique</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta name="description" content="Un site où vous pouvez consulter et ajouter des films hébergés sur YouTube."> | ||
| <title>Ciné Critique</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="container"> | ||
| <div id="branding"> | ||
| <h1>Ciné Critique</h1> | ||
| </div> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="#home">Accueil</a></li> | ||
| <li><a href="#categories">Catégories</a></li> | ||
| <li><a href="#add-movie">Ajouter un film</a></li> | ||
| <li><a href="#about">À propos</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div class="container" id="home"> | ||
| <h2>Catalogue de Films</h2> | ||
| <div id="movie-list" class="movie-grid"> | ||
| <!-- Les films seront ajoutés ici dynamiquement --> | ||
| </div> | ||
| <header> | ||
| <div class="container"> | ||
| <div id="branding"> | ||
| <h1>Ciné Critique</h1> | ||
| </div> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="#home">Accueil</a></li> | ||
| <li><a href="#categories">Catégories</a></li> | ||
| <li><a href="#add-movie">Ajouter un film</a></li> | ||
| <li><a href="#about">À propos</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div class="container" id="categories" style="display: none;"> | ||
| <h2>Catégories</h2> | ||
| <div id="category-list"> | ||
| <!-- Les catégories seront ajoutées ici dynamiquement --> | ||
| </div> | ||
| <div id="category-movies" class="movie-grid"> | ||
| <!-- Les films de la catégorie sélectionnée seront affichés ici --> | ||
| </div> | ||
| <div class="container" id="home"> | ||
| <h2>Catalogue de Films</h2> | ||
| <div id="movie-list" class="movie-grid"> | ||
| <!-- Les films seront ajoutés ici dynamiquement --> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container" id="add-movie" style="display: none;"> | ||
| <h2>Ajouter un nouveau film</h2> | ||
| <form id="add-movie-form"> | ||
| <input type="text" id="movie-title" aria-label="Titre du film" placeholder="Titre du film" required> | ||
| <input type="text" id="movie-category" aria-label="Catégorie du film" placeholder="Catégorie du film" required> | ||
| <input type="text" id="movie-link" aria-label="Lien YouTube" placeholder="Lien YouTube" required> | ||
| <textarea id="movie-description" aria-label="Description du film" placeholder="Description du film" required></textarea> | ||
| <input type="submit" value="Ajouter le film"> | ||
| </form> | ||
| <div id="message"></div> | ||
| <div class="container" id="categories" style="display: none;"> | ||
| <h2>Catégories</h2> | ||
| <div id="category-list"> | ||
| <!-- Les catégories seront ajoutées ici dynamiquement --> | ||
| </div> | ||
|
|
||
| <div class="container" id="about" style="display: none;"> | ||
| <h2>À propos</h2> | ||
| <p>Bienvenue sur Ciné Critique, une plateforme où vous pouvez découvrir et partager vos films préférés hébergés sur YouTube. Notre site vous permet de :</p> | ||
| <ul> | ||
| <li>Consulter une variété de films dans différentes catégories</li> | ||
| <li>Ajouter vos propres films à notre collection</li> | ||
| <li>Explorer les films par catégorie</li> | ||
| </ul> | ||
| <p>Nous espérons que vous apprécierez votre expérience sur notre site !</p> | ||
| <div id="category-movies" class="movie-grid"> | ||
| <!-- Les films de la catégorie sélectionnée seront affichés ici --> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container" id="add-movie" style="display: none;"> | ||
| <h2>Ajouter un nouveau film</h2> | ||
| <form id="add-movie-form"> | ||
| <input type="text" id="movie-title" aria-label="Titre du film" placeholder="Titre du film" required> | ||
| <input type="text" id="movie-category" aria-label="Catégorie du film" placeholder="Catégorie du film" required> | ||
| <input type="text" id="movie-link" aria-label="Lien YouTube" placeholder="Lien YouTube" required> | ||
| <textarea id="movie-description" aria-label="Description du film" placeholder="Description du film" required></textarea> | ||
| <input type="submit" value="Ajouter le film"> | ||
| </form> | ||
| <div id="message"></div> | ||
| </div> | ||
|
|
||
| <div class="container" id="about" style="display: none;"> | ||
| <h2>À propos</h2> | ||
| <p> | ||
| Bienvenue sur Ciné Critique, une plateforme où vous pouvez découvrir et partager vos films préférés hébergés sur YouTube. Notre site vous permet de : | ||
| </p> | ||
| <ul> | ||
| <li>Consulter une variété de films dans différentes catégories</li> | ||
| <li>Ajouter vos propres films à notre collection</li> | ||
| <li>Explorer les films par catégorie</li> | ||
| </ul> | ||
| <p> | ||
| Nous espérons que vous apprécierez votre expérience sur notre site ! | ||
| </p> | ||
| </div> | ||
|
|
||
| <script type="module" src="app.js"></script> | ||
| <script type="module" src="script.js"></script> | ||
| </body> | ||
| </html> |