diff --git a/index.html b/index.html index 99f583a..61b7fb9 100644 --- a/index.html +++ b/index.html @@ -3,8 +3,12 @@ + - Vite App + Quizz
diff --git a/public/quiz.json b/public/quiz.json new file mode 100644 index 0000000..0a75a36 --- /dev/null +++ b/public/quiz.json @@ -0,0 +1,48 @@ +{ + "title": "Questionnaire sur les Films et Séries", + "minimum_score": 4, + "success_message": "Félicitations! Vous êtes un véritable cinéphile!", + "failure_message": "Dommage! Vous devriez regarder plus de films et séries.", + "questions": [ + { + "question": "Dans quel film trouve-t-on le personnage de Jack Dawson?", + "choices": ["Titanic", "Le Seigneur des Anneaux", "Inception", "Avatar"], + "correct_answer": "Titanic" + }, + { + "question": "Quelle série met en scène le personnage de Walter White?", + "choices": [ + "Breaking Bad", + "Stranger Things", + "Game of Thrones", + "The Walking Dead" + ], + "correct_answer": "Breaking Bad" + }, + { + "question": "Dans quel film Harry Potter rencontre-t-il pour la première fois Lord Voldemort?", + "choices": [ + "Harry Potter à l'école des sorciers", + "Harry Potter et la Chambre des secrets", + "Harry Potter et le Prisonnier d'Azkaban", + "Harry Potter et la Coupe de feu" + ], + "correct_answer": "Harry Potter à l'école des sorciers" + }, + { + "question": "Quel est le nom de l'intelligence artificielle dans '2001: L'Odyssée de l'espace'?", + "choices": ["HAL 9000", "Siri", "Cortana", "Jarvis"], + "correct_answer": "HAL 9000" + }, + { + "question": "Qui joue le rôle principal dans la série 'Sherlock' de la BBC?", + "choices": [ + "Benedict Cumberbatch", + "David Tennant", + "Matt Smith", + "Tom Hiddleston" + ], + "correct_answer": "Benedict Cumberbatch" + } + ] + } \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index e69de29..40066ab 100644 --- a/src/App.vue +++ b/src/App.vue @@ -0,0 +1,46 @@ + + + + + + + + + \ No newline at end of file diff --git a/src/assets/main.css b/src/assets/main.css index 36fb845..0ba671d 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,35 +1,7 @@ -@import './base.css'; - -#app { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - font-weight: normal; +.container{ + margin-top: 2rem; } -a, -.green { - text-decoration: none; - color: hsla(160, 100%, 37%, 1); - transition: 0.4s; - padding: 3px; -} - -@media (hover: hover) { - a:hover { - background-color: hsla(160, 100%, 37%, 0.2); - } -} - -@media (min-width: 1024px) { - body { - display: flex; - place-items: center; - } - - #app { - display: grid; - grid-template-columns: 1fr 1fr; - padding: 0 2rem; - } -} +.question { + padding-top: 2rem; +} \ No newline at end of file diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index 5fb372c..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - - - diff --git a/src/components/Progress.vue b/src/components/Progress.vue new file mode 100644 index 0000000..b7c8ce8 --- /dev/null +++ b/src/components/Progress.vue @@ -0,0 +1,18 @@ + + + + \ No newline at end of file diff --git a/src/components/Question.vue b/src/components/Question.vue new file mode 100644 index 0000000..c901241 --- /dev/null +++ b/src/components/Question.vue @@ -0,0 +1,17 @@ + + + + \ No newline at end of file diff --git a/src/components/Quiz.vue b/src/components/Quiz.vue new file mode 100644 index 0000000..a47ad25 --- /dev/null +++ b/src/components/Quiz.vue @@ -0,0 +1,28 @@ + + + + + \ No newline at end of file diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue deleted file mode 100644 index dab9536..0000000 --- a/src/components/TheWelcome.vue +++ /dev/null @@ -1,88 +0,0 @@ - - - diff --git a/src/components/WelcomeItem.vue b/src/components/WelcomeItem.vue deleted file mode 100644 index 6d7086a..0000000 --- a/src/components/WelcomeItem.vue +++ /dev/null @@ -1,87 +0,0 @@ - - - diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue deleted file mode 100644 index 2dc8b05..0000000 --- a/src/components/icons/IconCommunity.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue deleted file mode 100644 index 6d4791c..0000000 --- a/src/components/icons/IconDocumentation.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue deleted file mode 100644 index c3a4f07..0000000 --- a/src/components/icons/IconEcosystem.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue deleted file mode 100644 index 7452834..0000000 --- a/src/components/icons/IconSupport.vue +++ /dev/null @@ -1,7 +0,0 @@ - diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue deleted file mode 100644 index 660598d..0000000 --- a/src/components/icons/IconTooling.vue +++ /dev/null @@ -1,19 +0,0 @@ - -