site-perso-poly/TP5.html
Djalim Simaila 904d8daee6
All checks were successful
DEPLOY / deploy (push) Successful in 12s
feat: update navigation links and add new pages for improved user experience
- Change "Surprise :)" link to "Vibe check" across multiple HTML files for consistency and clarity.
- Add a new "about.html" page to provide information about the author.
- Introduce a new "quizz.html" page for user interaction and engagement.
- Create new project pages for "Lieutenant Champignon" and "Pong" to showcase additional projects.
- Remove outdated project pages and links to streamline the project section.
- Add new assets including images and PDFs to enhance content presentation.
- Update JavaScript functions for form validation and score calculation in the quizz page.
- Improve styling in CSS for better visual hierarchy and layout consistency.
2025-02-23 19:55:42 +01:00

70 lines
2.3 KiB
HTML

<!doctype html>
<html lang="fr">
<head>
<title>TP5</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
<script src="/static/js/TP5.js" defer></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
</head>
<body onload="restoreList()">
<header>
<div class="links">
<a href="/" class="header_button">Home Page</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/quizz" class="header_button">Vibe check</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button
id="display_header_links"
onclick="toggle_all_header_links()"
>
</button>
</header>
<main>
<h1>Grocery list</h1>
<form
action="javascript:;"
onsubmit="addNewItemToList()"
onreset="clear_input()"
>
<button id="clear_button" type="reset">
<i class="bi bi-eraser"></i>
</button>
<input
type="text"
id="new_item_input"
placeholder="A new pair of Jordans"
/>
<input type="number" id="new_item_quantity" value="1" min="0" />
<select id="new_item_unit">
<option value="unit">unit</option>
<option value="L">L</option>
<option value="KG">KG</option>
</select>
<button type="submit">
<i class="bi bi-plus"></i>
</button>
</form>
<div id="grocery_list"></div>
</main>
<footer>
<p>
Fait par Djalim Simaila et sa haine de l'HTML, CSS, mais pas du
JavaScript ♥️
</p>
<p>©2025</p>
</footer>
</body>
</html>