ivelter · Thumuss · Dec 8, 2023 · Dec 7, 2023 · Dec 7, 2023 · Dec 7, 2023
diff --git a/.dockerignore b/.dockerignore
@@ -5,3 +5,4 @@ node_modules/
 .next/
 out/
 archives/
+.idea/
diff --git a/README.md b/README.md
@@ -1,4 +1,3 @@
-
 # NDI édition 2023
 
 Le projet de la `CoopTeam` pour l'édition 2023 de la [Nuit De l'Info](https://www.nuitdelinfo.com/)!
@@ -7,11 +6,11 @@ Le projet de la `CoopTeam` pour l'édition 2023 de la [Nuit De l'Info](https://w
 
 Les magnifiques membres de la `CoopTeam`
 
-- Ilan VELTER
-- Thomas QUEMIN 
-- Alexis BASTIDE 
+- Ilan VELTER,
+- Thomas QUEMIN
+- Alexis BASTIDE
 - Eliott BASSIER
-- Maévann POUPON 
+- Maévann POUPON
 - Antonin CHABAUD-PECH
 - Théo DUBERNET
 
@@ -44,6 +43,7 @@ Les défis réalisés sont:
 ## Détails sur l'installation en local
 
 Pour installer le projet, il y a deux façon :
+
 - Soit par [docker](https://www.docker.com/)
 - Soit manuellement
 
@@ -59,7 +59,7 @@ docker buildx build . -t ndi2023-Coopteam
 
 À partir de là, il manque plus qu'à lancer le container.
 
-```sh 
+```sh
 docker run -p 3000:80 -it ndi2023-Coopteam
 ```
 
@@ -69,13 +69,13 @@ Pour changer toute configuration, vous devez changer les fichiers qui se trouve
 
 ### Manuellement
 
-Pour pouvoir build / utiliser le projet, je vous recommande de voir le [tuto](https://github.com/ivelter/ndi2023/blob/setup/tutos/out/noir%26blanc.pdf), chapitre `II.3`, `II.5` à `II.6` et chapitre `V`. 
+Pour pouvoir build / utiliser le projet, je vous recommande de voir le [tuto](https://github.com/ivelter/ndi2023/blob/setup/tutos/out/noir%26blanc.pdf), chapitre `II.3`, `II.5` à `II.6` et chapitre `V`.
 
 Je vais rapidement passer dessus.
 
 Téléchargez [NodeJS](https://nodejs.org/en). Ensuite, téléchargez le projet. Rentrez dans le répétoire du projet puis à partir de là, lancez un terminal et rentrez cette commande:
 
-```sh 
+```sh
 npm ci
 ```
 
@@ -101,16 +101,16 @@ npm run dev
 
 Un message devrait s'afficher avec une URL pour se rendre sur le site.
 
-
 ## Technologies employées
 
 - [NodeJS](https://nodejs.org/en): `JavaScript runtime environment` orienté serveur majoritairement
 - [ReactJS](https://fr.legacy.reactjs.org/): Une bibliothèque JavaScript pour créer des interfaces utilisateurs
 - [NextJS](https://nextjs.org/): Un framework full-stack pour créer des applications orienté web
 - [SASS](https://sass-lang.com/): Un framework css qui permet la simplication de l'écriture du css
-- [Tailwindcss](https://tailwindcss.com/): Un framework css qui permet d'utiliser des classes prédéfinies pour une écrire beaucoup plus rapide 
+- [Tailwindcss](https://tailwindcss.com/): Un framework css qui permet d'utiliser des classes prédéfinies pour une écrire beaucoup plus rapide
 
 ### Optionnel
+
 - [Docker](https://www.docker.com/): Plateforme permettant de lancer certaines applications dans des conteneurs. Augmente la portabilité du code
 - [Nginx](https://www.nginx.com/): Serveur web permettant d'exposer son site web.
 

diff --git a/ndi2023 b/ndi2023
diff --git a/next.config.mjs b/next.config.mjs
@@ -2,7 +2,8 @@
  * @type {import('next').NextConfig}
  */
 const nextConfig = {
-  output: "export"
+  output: "export",
+  images: { unoptimized: true },
 };
 
 export default nextConfig;
diff --git a/postcss.config.js b/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/public/img/CL-split-rose.jpg b/public/img/CL-split-rose.jpg
diff --git a/public/img/colline.png b/public/img/colline.png
diff --git a/public/img/downarrow.png b/public/img/downarrow.png
diff --git a/public/img/factCheck.png b/public/img/factCheck.png
diff --git a/public/img/feu.jpg b/public/img/feu.jpg
diff --git a/public/img/slide2-img.png b/public/img/slide2-img.png
diff --git a/public/img/soleilCoin.png b/public/img/soleilCoin.png
diff --git a/public/jeuRythme/chart.js b/public/jeuRythme/chart.js
@@ -1,6 +1,15 @@
 /* eslint-disable import/no-anonymous-default-export */
 export default {
   notes: [
+    { touche: "l", delais: 1000 },
+    { touche: "t", delais: 1500 },
+    { touche: "r", delais: 1900 },
+    { touche: "b", delais: 2400 },
+    { touche: "b", delais: 3000, durée: 1000 },
+    { touche: "r", delais: 4000 },
+    { touche: "l", delais: 4200, durée: 1200 },
+    { touche: "t", delais: 4800 },
+    { touche: "t", delais: 5000 },
     { touche: "l", delais: 6400 },
     { touche: "l", delais: 6700 },
     { touche: "l", delais: 7000 },

diff --git a/public/jeuRythme/index.html b/public/jeuRythme/index.html
@@ -1,8 +1,8 @@
 <!doctype html>
 <html>
-<head>
+  <head>
     <script src="https://pixijs.download/release/pixi.min.js"></script>
-</head>
+  </head>
 <body>
 <script type="module" src="./index.js"></script>
 <div id="start">Le but est d'appuyez sur les flèches pour ramassez les ordures, appuyez sur <b>StartGame</b> pour commencer !</div>

diff --git a/src/app/antifakenews/page.js b/src/app/antifakenews/page.js
@@ -0,0 +1,116 @@
+import base from "../principal.module.scss";
+
+export default function antifakenews() {
+  return (
+    <div className={base.genericLayout}>
+      <h1>
+        Naviguer à travers le brouillard médiatique : Comment repérer les
+        fausses informations sur le climat
+      </h1>
+
+      <p>
+        Avec la montée en puissance des discussions sur le réchauffement
+        climatique, il est crucial de s&apos;armer contre la propagation des
+        fausses informations. Ne soyez pas pris au dépourvu, et apprenez à
+        distinguer les faits des faux dans ce tourbillon d&apos;informations.
+      </p>
+
+      <section>
+        <h2>1. Vérifiez vos sources</h2>
+        <ul>
+          <li>
+            Consultez des sites de confiance : Privilégiez les sources reconnues
+            telles que les organismes gouvernementaux, les institutions
+            scientifiques et les médias réputés.
+          </li>
+          <li>
+            Méfiez-vous des sites inconnus : Les plateformes moins connues
+            peuvent parfois manquer de rigueur éditoriale.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>2. Examinez les titres avec précaution</h2>
+        <ul>
+          <li>
+            Titres sensationnalistes : Les titres exagérés ou alarmistes sont
+            souvent un signe de manipulation. Recherchez des titres équilibrés
+            et basés sur des faits.
+          </li>
+          <li>
+            Comparez plusieurs sources : Si une information semble trop
+            extraordinaire, vérifiez-la sur plusieurs sites avant de la
+            considérer comme vraie.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>3. Vérifiez les dates et les données</h2>
+        <ul>
+          <li>
+            Actualité vs. Archive : Assurez-vous que les informations que vous
+            consultez sont récentes. Parfois, des données obsolètes peuvent être
+            délibérément utilisées pour tromper.
+          </li>
+          <li>
+            Cross-vérification des données : Si les chiffres semblent
+            inhabituels, vérifiez-les auprès de différentes sources ou consultez
+            des rapports scientifiques.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>4. Analysez les expertises citées</h2>
+        <ul>
+          <li>
+            Consultez les références : Des affirmations sans références ou avec
+            des références douteuses peuvent être un signe de désinformation.
+          </li>
+          <li>
+            Qui sont les experts ? Méfiez-vous des sources qui citent des
+            experts sans crédibilité dans le domaine climatique.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>5. Fact-checking et Organismes de Vérification des Faits</h2>
+        <ul>
+          <li>
+            Utilisez des sites de vérification des faits : Des organisations
+            telles que Snopes, FactCheck.org, et Climate Feedback vérifient
+            régulièrement les informations et les débunkent si nécessaire.
+          </li>
+          <li>
+            Ne partagez pas sans vérifier : Avant de partager une information,
+            assurez-vous qu&apos;elle a été vérifiée par des experts en la
+            matière.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>6. Souvenez-vous des fausses informations passées</h2>
+        <ul>
+          <li>
+            Apprenez des erreurs passées : Souvenez-vous des fausses
+            informations qui ont circulé par le passé, comme les démentis sur le
+            changement climatique. Soyez vigilant face aux schémas récurrents.
+          </li>
+        </ul>
+      </section>
+
+      <p>
+        Le réchauffement climatique est un enjeu critique qui nécessite une
+        compréhension précise. En naviguant judicieusement dans le paysage
+        médiatique, vous contribuez à prévenir la diffusion de fausses
+        informations et à promouvoir une discussion éclairée sur notre planète.
+        Restez informé, soyez critique et ensemble, agissons pour un avenir
+        durable.
+      </p>
+    </div>
+  );
+}
diff --git a/src/app/blog/moncss.module.scss b/src/app/blog/moncss.module.scss
diff --git a/src/app/blog/page.js b/src/app/blog/page.js
diff --git a/src/app/conseils/page.js b/src/app/conseils/page.js
@@ -0,0 +1,109 @@
+import base from "../principal.module.scss";
+
+export default function conseils() {
+  return (
+    <div className={base.genericLayout}>
+      <h1>
+        Agir à notre échelle : Des actions individuelles contre le changement
+        climatique
+      </h1>
+
+      <p>
+        Le changement climatique est un défi mondial, mais chaque individu peut
+        contribuer à faire une différence. Voici des actions que vous pouvez
+        entreprendre à votre échelle, en tenant compte de votre situation
+        personnelle :
+      </p>
+
+      <section>
+        <h2>1. Consommez de manière responsable</h2>
+        <ul>
+          <li>
+            Achetez local : Favorisez les produits locaux pour réduire
+            l&apos;empreinte carbone liée au transport.
+          </li>
+          <li>
+            Optez pour des produits durables : Choisissez des biens durables et
+            de qualité pour réduire la production de déchets.
+          </li>
+          <li>
+            Réduisez la consommation de viande : Diminuez la consommation de
+            viande et privilégiez une alimentation plus végétale.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>2. Économisez l&apos;énergie</h2>
+        <ul>
+          <li>
+            Utilisez des ampoules à faible consommation : Optez pour des
+            ampoules LED ou fluocompactes.
+          </li>
+          <li>
+            Éteignez les appareils électroniques : Éteignez les appareils en
+            veille et débranchez-les lorsque vous ne les utilisez pas.
+          </li>
+          <li>
+            Isolation thermique : Améliorez l&apos;isolation de votre domicile
+            pour réduire la consommation d&apos;énergie.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>3. Adoptez des modes de transport durables</h2>
+        <ul>
+          <li>
+            Privilégiez le vélo, la marche ou les transports en commun :
+            Réduisez l&apos;utilisation de la voiture pour diminuer les
+            émissions de gaz à effet de serre.
+          </li>
+          <li>
+            Partagez les trajets : Organisez des covoiturages pour optimiser
+            l&apos;utilisation des véhicules.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>4. Soutenez les énergies renouvelables</h2>
+        <ul>
+          <li>
+            Choisissez des fournisseurs d&apos;énergie verts : Optez pour des
+            fournisseurs qui s&apos;engagent dans la production d&apos;énergie
+            renouvelable.
+          </li>
+          <li>
+            Installez des panneaux solaires : Si possible, investissez dans des
+            panneaux solaires pour votre domicile.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>5. Sensibilisez votre communauté</h2>
+        <ul>
+          <li>
+            Partagez vos actions : Informez votre entourage sur les gestes que
+            vous posez et encouragez-les à faire de même.
+          </li>
+          <li>
+            Participez à des initiatives locales : Rejoignez des projets
+            communautaires axés sur la durabilité et l&apos;environnement.
+          </li>
+        </ul>
+      </section>
+
+      <p>
+        Il est important de souligner que chaque personne a des capacités et des
+        moyens différents. Ne vous sentez pas obligé de faire plus que ce que
+        votre situation personnelle ou sociale vous permet. Ensemble, avec des
+        actions simples mais collectives, nous pouvons créer un impact
+        significatif pour lutter contre le changement climatique.
+      </p>
+    </div>
+  );
+}
+
+// reyn!! hit that yoinky sploinky!! PLEASE
diff --git a/src/app/globals.scss b/src/app/globals.scss
@@ -2,6 +2,10 @@
 @tailwind components;
 @tailwind utilities;
 
+* {
+  scroll-behavior: smooth;
+}
+
 :root {
   --foreground-rgb: 0, 0, 0;
   --background-start-rgb: 214, 219, 220;
@@ -24,4 +28,7 @@ body {
       rgb(var(--background-end-rgb))
     )
     rgb(var(--background-start-rgb));
+  overflow-x: hidden;
+  overflow-y: scroll;
+  scroll-behavior: smooth;
 }