first commit

.github/workflows/docker-image.yml

@@ -0,0 +1,48 @@
+# This workflow uses actions that are not certified by GitHub.
+# They are provided by a third-party and are governed by
+# separate terms of service, privacy policy, and support
+# documentation.
+
+# GitHub recommends pinning actions to a commit SHA.
+# To get a newer version, you will need to update the SHA.
+# You can also reference a tag or branch, but the action may change without warning.
+
+name: Create and publish a Docker image
+
+on: [push, release]
+
+env:
+  REGISTRY: ghcr.io
+  IMAGE_NAME: ${{ github.repository }}
+
+jobs:
+  build-and-push-image:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Log in to the Container registry
+        uses: docker/login-action@v3
+        with:
+          registry: ${{ env.REGISTRY }}
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}

.gitignore

@@ -0,0 +1 @@
+.idea/

Dockerfile

@@ -0,0 +1,5 @@
+FROM nginx:latest
+COPY css /usr/share/nginx/html/css
+COPY html /usr/share/nginx/html/html
+COPY img /usr/share/nginx/html/img
+COPY js /usr/share/nginx/html/js

css/apropos.css

@@ -0,0 +1,23 @@
+@import url(master.css);
+
+.peoples {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+}
+
+.people-card {
+    margin: 10px;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    width: 300px;
+    text-align: center;
+}
+
+.people-card img {
+    width: 100px;
+    height: 100px;
+    border-radius: 50%;
+}

css/master.css

@@ -0,0 +1,80 @@
+body {
+    font-family: sans-serif;
+    margin: 0;
+    padding-bottom: 110px;
+}
+
+header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100vw;
+    background: #eee;
+    position: sticky;
+    top: 0;
+}
+
+header img {
+    height: 70px;
+    width: auto;
+}
+
+header nav {
+    display: flex;
+    align-items: flex-end;
+    margin-right: 10px;
+}
+
+header nav a {
+    padding: 10px;
+    text-decoration: none;
+    color: #333;
+}
+header nav a:hover,
+header nav a.active-link {
+    background: #ddd;
+}
+
+section {
+    padding: 10px;
+}
+
+footer {
+    background-color: #eee;
+    padding: 10px;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+}
+
+footer p {
+    margin: 4px;
+}
+
+.cgu-popup {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    z-index: 1000;
+}
+
+.cgu-popup .cgu-popup-content {
+    background: #fff;
+    padding: 20px;
+    border-radius: 5px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+    max-width: 600px;
+    width: 100%;
+    margin: 20px;
+}

data/data-GreenITSiteWeb.txt

@@ -0,0 +1,45 @@
+Pratiques de codage efficaces pour réduire la consommation d'énergie
+« L'optimisation des performances web est une démarche globale qui englobe de multiples techniques visant à accélérer la vitesse de chargement, réduire la consommation d'énergie et minimiser l'empreinte carbone d'un site web. »
+
+Alléger votre site web
+    Compresser des éléments de contenus (images, icônes et vidéos) avec des outils tel que (suite Adobe , Gimp, ou Inkscape, la suite Affinity);
+    Réparation des liens brisés
+    Réduction du nombre de requêtes HTTP.
+Faciliter le chargement de contenus de votre site
+    C’est le principe même de l’utilisation des caches. Car pourquoi recharger ce que l’on a déjà chargé ailleurs.
+    Les caches limitent les chargements multiples, et allègent donc les requêtes/la consommation énergétique de votre site. 
+Exploiter le Content Delivery Network (CDN) 
+    Permet une meilleure vitesse de chargement des pages de votre site
+    Aide également à anticiper les plantages du site en cas d'affluence de visiteurs.
+Optimisation du code
+    Réduire la taille du code, les fichiers JavaScript, CSS et autres...
+    Nettoyer les plugins en excès.
+Optimisation du Serveur
+    Choisir un hébergement vert
+    Optimiser les paramètres du serveur
+    mettre en œuvre des technologies de serveur modernes comme HTTP/2 ou HTTP/3 qui permettent des transferts de données plus efficaces.
+
+Pratiques de codage efficaces
+
+Optimisation de l'algorithme : 
+    Pratique : choisir des algorithmes à complexité réduite pour minimiser les opérations inutiles.
+    Exemple : au lieu d'utiliser une recherche linéaire pour trouver un élément dans une liste non triée, triez la liste une fois et utilisez ensuite une recherche binaire.
+Minimisation des opérations CPU : 
+    Pratique : évitez les boucles inutiles qui consomment des cycles CPU. 
+    Exemple : au lieu d'utiliser une boucle pour attendre un événement, il est préférable d’utiliser une fonction d'attente asynchrone.
+Optimisation de la mémoire :
+    Pratique : réduisez l'utilisation de la mémoire en évitant les allocations dynamiques excessives.
+    Exemple : utilisez des tableaux statiques au lieu de listes dynamiques pour stocker des données de taille fixe.
+Gestion de l'énergie du processeur :
+    Pratique : utilisez des mécanismes de mise en veille pour réduire la consommation d'énergie du CPU lorsqu'il est inactif.
+    Exemple : dans une application mobile, configurez des temporisateurs pour mettre en veille le CPU lorsqu'il n'est pas utilisé.
+Optimisation des E/S :
+    Pratique : réduire les E/S disque en mettant en cache les données fréquemment utilisées en mémoire.
+    Exemple : cachez les requêtes de bases de données fréquemment utilisées pour éviter des accès disque coûteux.    
+Utilisation de la mise en cache :
+    Pratique : minimisez les accès à la mémoire principale en tirant parti des caches du processeur.
+    Exemple : utilisez des algorithmes de recherche qui exploitent le principe de la localité pour maximiser l'utilisation du cache.
+
+Minimisation des requêtes réseau :
+    Pratique : réduisez le nombre de requêtes réseau en regroupant les opérations et en minimisant les transferts de données inutiles.
+    Exemple : utilisez des requêtes batch pour regrouper plusieurs opérations de lecture/écriture de données en une seule requête.

data/data-accueil.txt

@@ -0,0 +1,32 @@
+C'est quoi la Green IT ?
+La sobriété numérique ou informatique verte ou informatique durable ou encore eco-IT est un concept relativement nouveau et une nouvelle façon de penser. 
+
+Objectif principal de la Green IT :    
+
+Minimiser la consommation d'énergie
+Réduire les émissions de gaz à effet de serre
+
+
+Que représente l'impact du numérique sur l'environnement ?
+
+Empreinte carbone ou le contenu carbone d'une activité humaine est une mesure des émissions de gaz à effet de serre d'origine anthropique, 
+c'est-à-dire qui peuvent lui être imputées. Elle dépend des facteurs d'émission des intrants liés à cette activité et en particulier des 
+facteurs d'émission associés aux sources d'énergies utilisées. Les facteurs d'émission associés aux sources d'énergie correspondent pour l'essentiel à des émissions de CO2.
+
+Impact énergétique sur le développement web
+Pourquoi les sites web ont-ils une empreinte carbone ?
+
+Chaque site web a sa propre empreinte carbone, c'est-àdire la quantité d'émissions de gaz à effet de serre générée par le processus de création et de maintenance de ce site web.
+L'empreinte carbone de votre site web correspond à la quantité d'émissions de CO2 qu'il créait au cours de sa durée de vie. 
+Plus l'empreinte carbone de votre site Web est importante, plus la quantité de gaz à effet de serre libérée dans l'atmosphère est élevée.
+
+Que représente l'empreinte carbone d'une page web ?
+
+Naviguer en ligne et visiter des sites internet demande de l'énergie électrique. Cette demande a un impact écologique important.
+En moyenne, une page web consultée entraîne la production de 1,76 grammes de CO2, et 7 grammes pour une requête sur Google.
+La conception et le nombre de visite du site web influencent en grande partie le poids de ses émissions carbone.
+
+©️2024 Maha Naceur.
+Tous droits réservés.
+En savoir plus ?
+

html/CGU.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="UTF-8">
+        <title>GreenIT - RGPD</title>
+        <link rel="stylesheet" href="/css/master.css">
+    </head>
+    <body>
+        <header>
+            <a href="https://www.greenit.fr"><img src="../img/GreenIT.jpg" alt="GreenIT Image" width="500"></a>
+            <nav>
+                <a href="accueil.html">Accueil</a>
+                <a href="GreenITSiteWeb.html">GreenIT & Sites web</a>
+                <a href="QuizGreenIT.html">Quiz GreenIT</a>
+                <a href="apropos.html">L'équipe du site</a>
+            </nav>
+        </header>
+        <h1>Conditions Générales d'Utilisation</h1>
+        <section>
+
+        </section>
+        <footer>
+            <p>&copy; Gaël Floquet & Antoine Souben-Fink</p>
+            <p>Tous droits réservés.</p>
+            <p><a href="https://www.greenit.fr/">En savoir plus ?</a> - <a href="CGU.html">Conditions Générales d'Utilisation</a> - <a href="RGPD.html">Politique de confidentialité</a></p>
+        </footer>
+    </body>
+</html>