From 6d9a250ef14984b7304071ab402f86abff918b62 Mon Sep 17 00:00:00 2001 From: Yoan Guerin Date: Thu, 4 Dec 2025 22:28:51 +0100 Subject: [PATCH] Base du site --- html/index.html | 65 ++++++++++++++++++++++++++++++++++++++++ html/partenaires.html | 24 +++++++++++++++ html/pokemon.html | 24 +++++++++++++++ html/qcm.html | 24 +++++++++++++++ style.css | 70 +++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 207 insertions(+) create mode 100644 html/index.html create mode 100644 html/partenaires.html create mode 100644 html/pokemon.html create mode 100644 html/qcm.html create mode 100644 style.css diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..d0e2613 --- /dev/null +++ b/html/index.html @@ -0,0 +1,65 @@ + + + + + + + Introduction aux Logiciels Libres + + + + +
+

Introduction aux Logiciels Libres

+ +
+ +
+
+

Qu’est-ce qu’un logiciel libre ?

+

+ Un logiciel libre est un logiciel dont l'utilisateur dispose de + libertés essentielles : la liberté d'utiliser le programme, de l'étudier, + de le modifier, et de le redistribuer. Ces libertés garantissent un + contrôle total de l’utilisateur sur la technologie qu’il utilise. +

+
+ +
+

Et un logiciel propriétaire ?

+

+ Un logiciel propriétaire impose des restrictions : le code source + n'est pas accessible, la modification est interdite, et la distribution est + strictement contrôlée. L’utilisateur dépend entièrement de l’éditeur. +

+
+ +
+

Pourquoi les logiciels libres sont importants

+

+ Les logiciels libres favorisent la transparence, l'indépendance + technologique, la durabilité et la collaboration. Ils permettent à chacun de + comprendre ce qu’un logiciel fait réellement et d’éviter les pratiques + intrusives ou injustes. +

+
+ + +
+

Pourquoi s'y intéresser ?

+

+ S'intéresser au logiciel libre, c’est soutenir un modèle ouvert, respectueux + des utilisateurs et bénéfique pour la collectivité. Cela encourage un + environnement numérique plus sain et plus éthique. +

+
+
+ + \ No newline at end of file diff --git a/html/partenaires.html b/html/partenaires.html new file mode 100644 index 0000000..1309d01 --- /dev/null +++ b/html/partenaires.html @@ -0,0 +1,24 @@ + + + + + + Jeu Pokémon + + + + +
+

Partenaires

+ +
+ + + diff --git a/html/pokemon.html b/html/pokemon.html new file mode 100644 index 0000000..d9a2f14 --- /dev/null +++ b/html/pokemon.html @@ -0,0 +1,24 @@ + + + + + + Jeu Pokémon + + + + +
+

Jeu Pokémon

+ +
+ + + diff --git a/html/qcm.html b/html/qcm.html new file mode 100644 index 0000000..a80a2f3 --- /dev/null +++ b/html/qcm.html @@ -0,0 +1,24 @@ + + + + + + Jeu Pokémon + + + + +
+

QCM

+ +
+ + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..d6fa0f1 --- /dev/null +++ b/style.css @@ -0,0 +1,70 @@ +/* Style simple et épuré pour le site d'introduction aux logiciels libres */ + +body { + margin: 0; + padding: 0; + font-family: system-ui, sans-serif; + line-height: 1.6; + background: #f5f5f5; + color: #222; +} + +header { + background: #2c7a7b; + color: white; + padding: 1.5rem; + text-align: center; +} + +main { + max-width: 800px; + margin: 2rem auto; + padding: 1rem; +} + +section { + background: white; + padding: 1.2rem 1.5rem; + margin-bottom: 1.5rem; + border-radius: 8px; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); +} + +h1, h2 { + margin-top: 0; +} + +h2 { + color: #2c7a7b; +} + +/* Barre du menu séparée du titre */ +nav { + background: #256f70; /* Une nuance légèrement plus sombre */ + padding: 0.6rem 0; /* Espacement vertical */ + margin-top: 1rem; /* Séparation avec le titre */ + border-radius: 6px; /* Légère forme arrondie */ +} + +/* Menu horizontal */ +.menu { + list-style: none; + padding: 0; + margin: 0; + display: flex; + gap: 1.5rem; + justify-content: center; +} + +.menu a { + color: white; + text-decoration: none; + font-weight: bold; + transition: opacity 0.2s; +} + +.menu a:hover { + opacity: 0.65; +} + +