furtest/tigrou
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

correction bug titres

Browse Source
This commit is contained in:
Yoan Guerin
2025-12-05 05:53:11 +01:00
parent 7b3419cba7
commit 22cb8ef30d
9 changed files with 179 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
flask_base/static/quiz.css
View File

@@ -12,8 +12,6 @@ img.logo {
background-color: #0f0f20;
}
p {
color: rgb(0, 221, 255);
}

123
flask_base/static/style.css
View File

@@ -385,3 +385,126 @@ button:hover {
color: #00ff88;
opacity: 0.7;
}
/* --- QUIZ --- */
img.logo {
background-color: #0f0f20;
}
p {
color: rgb(0, 221, 255);
}
input::checkmark {
color: #000;
}
/* Boutons quiz plus intégrés au style général */
button.ans {
border: 2px solid #00ff88;
line-height: 2.0;
padding: 0 10px;
font-size: 1rem;
text-align: center;
color: #00ffcc;
text-shadow: 0 0 5px #00ff88;
border-radius: 10px;
background-color: rgba(0, 255, 136, 0.15);
cursor: pointer;
font-family: "Courier New", monospace;
transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
margin: 0.5rem;
height: 3rem;
display: inline-flex;
align-items: center;
justify-content: center;
}
button.ans:hover {
background-color: #00ff88;
color: #000;
box-shadow: 0 0 12px #00ff88;
}
button.ans:active {
box-shadow:
inset -2px -2px 3px rgba(255, 255, 255, 0.6),
inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}
/* Conteneur quiz caché par défaut */
.test {
background-color: #202040;
margin: 2rem auto;
width: 50%;
border-radius: 25px;
padding: 2rem;
box-shadow: 0 0 15px #00ff88;
display: none; /* caché initialement */
color: #a0a0ff;
font-size: 1.25rem;
font-family: "Courier New", monospace;
user-select: none;
text-align: center;
}
/* Style pour les questions et réponses */
.ans {
margin: 1.5rem 0;
color: #a0a0ff;
font-size: 1.2rem;
line-height: 1.4;
cursor: default;
}
/* Style pour les réponses (liste) */
#answersList {
list-style: none;
padding: 0;
margin: 1rem 0 0 0;
display: flex;
flex-direction: column;
gap: 0.8rem;
}
#answersList li {
background-color: rgba(0, 255, 136, 0.1);
border: 1px solid #00ff88;
border-radius: 12px;
padding: 10px 15px;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
font-size: 1.1rem;
color: #00ffcc;
user-select: none;
}
#answersList li:hover {
background-color: #00ff88;
color: #000;
}
/* Zone feedback cachée au départ */
#feedback {
margin-top: 1rem;
font-weight: bold;
color: #00ff88;
display: none;
}
/* Bouton suivant caché au départ */
#nextBtn {
margin-top: 1.5rem;
display: none;
width: 100%;
}
#finalScore {
display: none;
font-size: 1.6rem;
text-align: center;
margin-top: 2rem;
color: #00ffcc;
text-shadow: 0 0 6px #00ff88;
}

16
flask_base/templates/PAI.html
View File

@@ -1,16 +1,14 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PAI - Analyse en cours</title>
<link rel="stylesheet" href="../static/style.css">
</head>
{% include 'head.html' %}
<body>
{% include 'header.html' %}
<header>
<img src="../static/pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>PAI</h1>
{% include 'header.html' %}
</header>
<main>

8
flask_base/templates/head.html Normal file
View File

@@ -0,0 +1,8 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Nuit de l'info</title>
<link rel="stylesheet" href="../static/style.css">
<link href="/static/logo_n2i_color_moon.svg" rel="icon">
<script src="static/quizz.js"></script>
</head>

22
flask_base/templates/header.html
View File

@@ -1,13 +1,9 @@
<header>
<img src="../static/pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>Logiciels Libres</h1>
<nav>
<ul class="menu">
<li><a href="./">Accueil </a></li>
<li><a href="./pokemon">Jeu Pokémon</a></li>
<li><a href="./PAI">PAI </a></li>
<li><a href="./questions">QCM</a></li>
<li><a href="./outils">Outils et OS</a></li>
</ul>
</nav>
</header>
<nav>
<ul class="menu">
<li><a href="./">Accueil </a></li>
<li><a href="./pokemon">Jeu Pokémon</a></li>
<li><a href="./PAI">PAI </a></li>
<li><a href="./questions">QCM</a></li>
<li><a href="./outils">Outils et OS</a></li>
</ul>
</nav>

17
flask_base/templates/index.html
View File

@@ -1,15 +1,16 @@
<!DOCTYPE html>
<html lang="fr">
<!-- head pour l'onglet -->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Introduction aux Logiciels Libres</title>
<link rel="stylesheet" href="../static/style.css" />
<!-- body pour la page -->
</head>
{% include 'head.html' %}
<body>
{% include 'header.html' %}
<header>
<img src="../static/pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>Accueil</h1>
{% include 'header.html' %}
</header>
<main>
<section>
<h2>Qu’est-ce qu’un logiciel libre ?</h2>

15
flask_base/templates/outils.html
View File

@@ -1,13 +1,14 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../static/style.css" />
<title>Outils Open Source vs Propriétaires</title>
</head>
{% include 'head.html' %}
<body>
{% include 'header.html' %}
<header>
<img src="../static/pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>Outils et OS</h1>
{% include 'header.html' %}
</header>
<h1>Outils Open Source vs Propriétaires</h1>
<div id="tools" class="tool-container"></div>

14
flask_base/templates/pokemon.html
View File

@@ -1,14 +1,14 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jeu Pokémon</title>
<link rel="stylesheet" href="../static/style.css">
</head>
{% include 'head.html' %}
<body>
{% include 'header.html' %}
<header>
<img src="../static/pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>Accueil</h1>
{% include 'header.html' %}
</header>
<div class="battle">
<h2>Combat Pokémon-like (simple)</h2>

15
flask_base/templates/quiz.html
View File

@@ -1,14 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<title>Nuit de l'info quiz</title>
<link rel="stylesheet" href="../static/style.css">
<link href="/static/logo_n2i_color_moon.svg" rel="icon">
<script src="static/quizz.js"></script>
</head>
{% include 'head.html' %}
<body>
{% include 'header.html' %}
<a href="test.html"><img class="logo" src="static/logo_n2i_color_moon.svg"></a>
<header>
<img src="../static/pinguin(1).gif" alt="Mascotte animée" class="header-gif" />
<h1>Questions </h1>
{% include 'header.html' %}
</header>
<h1 id="txt">page du quiz</h1>
<button id="strt" onclick="startQuiz({{questions.nbQuestion}})">Start Quiz!</button>
{% include 'question.html' %}