Add the project files

2025-08-17 23:05:36 +00:00
parent b6c7e94d84
commit fef07d45a7
5 changed files with 348 additions and 0 deletions
--- a/konexio_exo1.html
+++ b/konexio_exo1.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Quiz Ludique</title>
+
+  
+  <!-- Description -->
+  <meta name="description" content='<%= locals?.SEO_Description %>'>
+
+  <!-- mots-clés -->
+  <meta name="keywords" content='<%= locals?.SEO_keywords %>'>
+
+  <!-- Auteur / Créateur / Publication -->
+  <link rel="author" href="mailto:julie@parisweb.art" title="Parisweb.art" />
+  <meta name="creator" content="Parisweb.art">
+  <meta name="publisher" content="https://juliechaumard.paris/skills/">
+  <meta name="department" content="sports" />
+  <meta name="audience" content="all" />
+
+  <!-- Logiciel utilisé pour créer la page -->
+  <meta name="generator" content="Visual Studio code">
+
+  <!-- Géolocalisation -->
+  <meta name="DC.title" content="JO 2024">
+  <meta name="geo.region" content="FR-75">
+  <meta name="geo.placename" content="Paris">
+  <meta name="geo.position" content="48.866669;2.33333">
+  <meta name="ICBM" content="48.866669;2.33333">
+
+
+  <!-- CSS -->
+  <link rel="stylesheet" href="styles.css">
+
+  <!-- Favicon -->
+  <!-- Il faut que le chemin soit complet ou URL Complete si en ligne -->
+  <link rel="shortcut icon apple-touch-icon" href="/Users/juliechaumard/Downloads/A FAIRE/konexio/front_end/image/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/Users/juliechaumard/Downloads/A FAIRE/konexio/front_end/image/favicon.ico">
+	
+  <!-- Google font -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <!-- Atma -->
+  <link href="https://fonts.googleapis.com/css2?family=Atma:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+
+
+  <!-- To warn any users that have JavaScript disabled that your page relies on JavaScript -->
+	<noscript>
+	  <p><strong>Cette page requiert que JavaScript soit activé pour fonctionner correctement. / This web page requires JavaScript to be enabled.</strong></p>
+	  <p>JavaScript is an object-oriented computer programming language 
+	    commonly used to create interactive effects within web browsers.</p>
+	  <p><a href="https://goo.gl/koeeaJ">How to enable JavaScript?</a></p>
+	</noscript>
+
+</head>
+<body>
+  <header>
+    <div class="titre atma-bold">Bienvenue au Quiz Explore Ton Talent !</div>
+  </header>
+  
+  <main>
+
+    <article class="card">
+      <h1 class="atma-bold">Quiz de Culture Générale</h1>
+      
+      <div class="question">
+        <p>Question 1 : Quelle est la capitale de la France ?</p>
+        <button class="bg_rouge" onclick="checkAnswer('q1', 'correct')">Paris</button>
+        <button class="bg_rouge" onclick="checkAnswer('q1', 'incorrect')">Londres</button>
+        <p class="result" id="q1-result" data-answered="false"></p>
+      </div>
+
+      <div class="question">
+        <p>Question 2 : Quel est le plus grand océan du monde ?</p>
+        <button class="bg_rouge" onclick="checkAnswer('q2', 'correct')">Océan Pacifique</button>
+        <button class="bg_rouge" onclick="checkAnswer('q2', 'incorrect')">Océan Atlantique</button>
+        <p class="result" id="q2-result" data-answered="false"></p>
+      </div>
+
+      <div id="score">
+        Bonnes réponses : <span id="correct-count">0</span> sur <span id="total-questions">0</span>
+      </div>
+      <button class="reset-btn" onclick="resetQuiz()">Reset</button>
+    </article>
+
+    <aside>
+        <h2>Ressources externes</h2>
+      <button class="bg_vert"><a href="https://quipoquiz.com/fr/quiz/les-frites" target="_blank">D'autres quizz</a></button>
+      
+    </aside>
+
+  </main>
+
+
+
+  <footer>
+    <div class="message">© 2025 Quiz Ludique - Réalisé par la classe Explore ton talent de l'école Konexio !</div>
+  </footer>
+
+  <script src="script.js"></script>
+</body>
+</html>