From 66cd9015230343328df5c0a0044adbc6777a1e1e Mon Sep 17 00:00:00 2001
From: Eaielectronic <164761054+Eaielectronic@users.noreply.github.com>
Date: Mon, 19 Aug 2024 15:56:58 +0200
Subject: [PATCH] Add files via upload

---
 source/Electronix.html  | 110 +++++++++++++++++++++++++
 source/Electronix2.html | 158 ++++++++++++++++++++++++++++++++++++
 source/Electronix3.html | 176 ++++++++++++++++++++++++++++++++++++++++
 3 files changed, 444 insertions(+)
 create mode 100644 source/Electronix.html
 create mode 100644 source/Electronix2.html
 create mode 100644 source/Electronix3.html
diff --git a/source/Electronix.html b/source/Electronix.html
new file mode 100644
index 0000000..6faa538
--- /dev/null
+++ b/source/Electronix.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Electronix - Développer simplement</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-image: url('https://cdn.pixabay.com/photo/2014/12/24/05/02/drop-of-water-578897_1280.jpg');
+            background-size: cover;
+            color: white;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+        }
+        .overlay {
+            background-color: rgba(0, 0, 0, 0.523);
+            padding: 50px;
+            width: 80%;
+            max-width: 800px;
+            text-align: center;
+        }
+        h1 {
+            font-size: 3em;
+            margin-bottom: 20px;
+        }
+        p {
+            font-size: 1.2em;
+            margin: 20px 0;
+        }
+        .button {
+            display: inline-block;
+            padding: 10px 20px;
+            font-size: 1.2em;
+            color: white;
+            background-color: #007BFF;
+            border: none;
+            border-radius: 5px;
+            text-decoration: none;
+            margin-top: 20px;
+        }
+        .links {
+            text-align: center;
+            padding: 20px;
+            background-color: rgba(0, 0, 0, 0.7);
+        }
+        .links a {
+            color: #0099ff;
+            text-decoration: none;
+            margin: 0 10px;
+        }
+        .link1 a {
+            color: #ffffff;
+            text-decoration: none;
+            margin: 0 16px;
+        }
+        .video-container {
+            margin-top: 30px;
+        }
+        a {
+         color: rgb(255, 255, 255);
+        }
+    </style>
+</head>
+<body>
+    <div class="overlay">
+        <h1>Electronix - Développer simplement</h1>
+        <img src="https://github.com/Eaielectronic/appeltheadventure/blob/main/Capture%20d%E2%80%99e%CC%81cran%202024-01-09%20a%CC%80%2019.04.33.png?raw=true" alt="Présentation" style="width: 100%; max-width: 600px;">
+        <h2>TurboWarp - Développer simplement</h2>
+        <p>Nous développons des jeux sur TurboWarp, une version améliorée de Scratch lancée en 2020 par GarboMuffin.
+             TurboWarp permet d’exécuter des projets plus rapidement grâce à un compilateur JavaScript. Il offre des fonctionnalités avancées, telles que le mode sombre et divers modules complémentaires,
+               ce qui rend la programmation plus agréable et efficace. En intégrant JavaScript dans nos projets, nous pouvons créer
+                des jeux plus dynamiques et performants. De plus, TurboWarp supporte des extensions et des addons personnalisés,
+                 permettant d’ajouter des fonctionnalités spécifiques comme l’accès direct aux gamepads, la manipulation de texte, 
+                 et même des options de stockage local1. </p>
+        <a href="https://raw.githubusercontent.com/Eaielectronic/Electronix/main/source/Electronix2.html" class="button">Nos jeux</a>
+        <h2>- A propos -</h2>
+        <p>Nous aimons remixer des jeux existants créés avec Scratch ou en créer de nouveaux 
+            à partir de zéro. En remixant, nous prenons des projets déjà réalisés 
+            et les modifions pour ajouter de nouvelles fonctionnalités, améliorer 
+            le gameplay ou simplement leur donner une touche personnelle. Cela nous 
+            permet de comprendre comment les jeux sont construits et d’apprendre de 
+            nouvelles techniques de programmation.
+
+            Créer des jeux originaux nous donne la liberté d’explorer nos propres
+             idées et de concevoir des expériences uniques. Que ce soit en remixant ou 
+             en créant, nous cherchons toujours à repousser les limites de notre créativité
+              et à offrir des jeux amusants.</p>
+              <p>Merci à <a href="https://scratch.mit.edu/users/griffpatch/">Griffpatch</a> pour ses jeux parfaits !</p>
+
+        <div class="video-container">
+            <video width="600" controls>
+                <source src="https://my.microsoftpersonalcontent.com/personal/30c845eebaf258fb/_layouts/15/download.aspx?UniqueId=1747ff14-80b2-45a3-94d4-c7ea900f9452&Translate=false&tempauth=v1e.eyJzaXRlaWQiOiIzMGE3YmUxOC1kMDhmLTQ1NWQtYjVlZS04NDk3MzI5ODMzMTMiLCJhcHBpZCI6IjAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDA0ODE3MTBhNCIsImF1ZCI6IjAwMDAwMDAzLTAwMDAtMGZmMS1jZTAwLTAwMDAwMDAwMDAwMC9teS5taWNyb3NvZnRwZXJzb25hbGNvbnRlbnQuY29tQDkxODgwNDBkLTZjNjctNGM1Yi1iMTEyLTM2YTMwNGI2NmRhZCIsImV4cCI6IjE3MjQwNzQyNzkifQ.iTcOo2LnOEzbEV86_z0v5EKnTVd_EK3alh5PKnUW48q5vEQUG6ZGD-vvwCgy0El6SL3iO_BsEqzJjz92x6pnZiGOIwi0eYZd0AwV3yJPNm7sUql7Lgy24dFEdiaFrmoAmk_UXuWKzZitEi2AizV3-CHAEY6HtmzhJjwDxOcDp0KsGfDqOkccW1URp-zViH98wAGDTHU_vtxqpIkrth3ROBuimQLhAjx4ns8rbknX3Dng2OZLNz3kyGkF2XNA5PqfMmEK49w9X2_ME9vc4Lyn4Gmy4l7w0q1WQKueBA23saA5bkct0D3n2AgcRK7zsnFfa3T_fZVMquvmYC3fVgS4Wd_A7ah2XvsTDa3A5OheFd2zx-vjS1Ez15y42es6JOhGkr6Z5IA83yLG-EWuPcQi0g.M5tcS1Z1U6H65Apf1L3x-Flq4FLizxYUZhQhlKJzMC4&ApiVersion=2.0" type="video/mp4">
+                Votre navigateur ne supporte pas la balise vidéo.
+            </video>
+        </div>
+        <div class="links">
+            <a href="https://scratch.mit.edu/users/SERPENT1867/">Scratch</a>
+            <a href="https://turbowarp.org/">Turbowarp</a>
+            <a href="https://github.com/Eaielectronic">GitHub</a>
+            <a href="https://raw.githubusercontent.com/Eaielectronic/Electronix/main/Electronix.html">Desktop</a>
+            <a href="#">Crédit</a>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/source/Electronix2.html b/source/Electronix2.html
new file mode 100644
index 0000000..1fb0ccf
--- /dev/null
+++ b/source/Electronix2.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Jeux Vidéo Collection</title>
+    <style>
+        body {
+            font-family: 'Roboto', sans-serif;
+            background: url('https://cdn.pixabay.com/photo/2014/12/24/05/02/drop-of-water-578897_1280.jpg') no-repeat center center fixed;
+            background-size: cover;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            color: #333;
+        }
+        .container {
+            background: rgba(255, 255, 255, 0.9);
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            text-align: center;
+            max-width: 800px;
+            width: 100%;
+        }
+        .header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 20px;
+        }
+        .header img {
+            width: 50px;
+            height: 50px;
+            border-radius: 10px;
+        }
+        .header h1 {
+            font-size: 24px;
+            margin: 0;
+        }
+        .game-section {
+            display: flex;
+            align-items: center;
+            margin: 20px 0;
+        }
+        .game-section img.icon {
+            width: 50px;
+            height: 50px;
+            margin-right: 20px;
+        }
+        .game-section img.game-image {
+            width: 400px; /* Agrandir l'image */
+            height: auto;
+            margin-left: 20px;
+        }
+        .game-details {
+            flex: 1;
+            text-align: left;
+        }
+        .download-btn {
+            background-color: #0F9D58;
+            color: white;
+            padding: 10px 15px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 14px;
+            margin: 5px;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        }
+        .download-btnnon {
+            background-color: #9d0f0f;
+            color: white;
+            padding: 10px 15px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 14px;
+            margin: 5px;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        }
+        .links {
+            margin-top: 20px;
+            display: flex;
+            justify-content: space-around;
+        }
+        .links a {
+            color: #0F9D58;
+            text-decoration: none;
+            font-size: 14px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <img src="https://raw.githubusercontent.com/Eaielectronic/Electronix/main/logo_menu1.png" alt="Erreur">
+            <h1>Jeux Vidéo Collection</h1>
+        </div>
+        <div class="game-section">
+            <img src="https://raw.githubusercontent.com/Eaielectronic/Electronix/main/logo.svg" alt="Icône du jeu" class="icon">
+            <div class="game-details">
+                
+                <h2>Appel The Adventure 1.6</h2>
+                <p>Un jeu de plateforme sympatique avec de très belles textures</p>
+                <a href="https://raw.githubusercontent.com/Eaielectronic/Electronix/main/source/Electronix3.html" class="download-btn" id="sendButton">Télécharger</a>
+                <p>Nombre de téléchargements : <span id="downloadCount">0</span></p>
+            </div>
+            <img src="https://raw.githubusercontent.com/Eaielectronic/Electronix/main/backgroud1.png" alt="Image du jeu" class="game-image">
+        </div>
+        <div class="game-section">
+            <img src="URL_DE_L_ICONE" alt="Icône du jeu" class="icon">
+            <div class="game-details">
+                <h2>Level EATEN! - v0.12</h2>
+                <p>Indisponible</p>
+                <a class="download-btnnon" >Indisponible</a> 
+                <p>Nombre de téléchargements : <span id="downloadCount1">0</span></span></p>
+            </div>
+            <img src="URL_DE_L_IMAGE" alt="Image du jeu" class="game-image">
+        </div>
+        <div class="links">
+            <a href="https://github.com">GitHub</a>
+            <a href="https://scratch.mit.edu">Scratch</a>
+            <a href="https://turbowarp.org">TurboWarp</a>
+            <a href="https://raw.githubusercontent.com/Eaielectronic/Electronix/main/Electronix.html">Desktop</a>
+            <a href="https://dedespo.com">Crédit</a>
+        </div>
+    </div>
+    <script>
+        // Connexion au serveur WebSocket
+        const socket = new WebSocket('ws://localhost:8010');
+    
+        // Mise à jour du nombre de téléchargements
+        socket.onmessage = function(event) {
+            try {
+                // Conversion du message reçu en JSON
+                const data = JSON.parse(event.data);
+                const key1 = data.key1;
+                const key2 = data.key2;
+                document.getElementById('downloadCount').textContent = key1;
+                document.getElementById('downloadCount1').textContent = key2;
+            } catch (error) {
+                console.error("Erreur lors du parsing JSON : ", error);
+            }
+        }
+        
+        // Envoi de "get_count" au serveur WebSocket lors de l'ouverture de la connexion
+        socket.onopen = function() {
+            socket.send('get_count');
+        };
+    </script>       
+</body>
+</html>
diff --git a/source/Electronix3.html b/source/Electronix3.html
new file mode 100644
index 0000000..db76394
--- /dev/null
+++ b/source/Electronix3.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Appel The Adventure</title>
+    <style>
+        body {
+            font-family: 'Roboto', sans-serif;
+            background: url('https://raw.githubusercontent.com/Eaielectronic/Electronix/main/backroud2.png') no-repeat center center fixed;
+            background-size: cover;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            color: #333;
+            min-height: 200vh; 
+        }
+        .container {
+            background: rgba(255, 255, 255, 0.9);
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+            text-align: center;
+            max-width: 600px;
+            width: 300%;
+        }
+        .header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 20px;
+        }
+        .header img {
+            width: 50px;
+            height: 50px;
+            border-radius: 10px;
+        }
+        .header h1 {
+            font-size: 24px;
+            margin: 0;
+        }
+        .header h2 {
+            font-size: 18px;
+            margin: 0;
+        }
+
+        .video-container {
+            margin: 20px 0;
+        }
+        .download-btn {
+            background-color: #0F9D58;
+            color: white;
+            padding: 10px 15px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 14px;
+            margin: 5px;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        }
+        .download1-btn {
+            background-color: #a40b00;
+            color: white;
+            padding: 10px 15px;
+            text-align: center;
+            text-decoration: none;
+            display: inline-block;
+            font-size: 14px;
+            margin: 5px;
+            border-radius: 5px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+        }
+        .btn-group {
+            display: flex;
+            justify-content: space-around;
+            flex-wrap: wrap;
+        }
+        .links {
+            margin-top: 20px;
+            display: flex;
+            justify-content: space-around;
+        }
+        .links a {
+            color: #0F9D58;
+            text-decoration: none;
+            font-size: 14px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <img src="https://raw.githubusercontent.com/Eaielectronic/Electronix/main/logo.svg" alt="Image du jeu">
+            <h1>Appel The Adventure 1.6         </h1>
+        </div>
+        <div class="video-container">
+            <video width="100%" controls>
+                <source src="https://my.microsoftpersonalcontent.com/personal/30c845eebaf258fb/_layouts/15/download.aspx?UniqueId=7b638060-82b8-4326-a5bf-1a3b88726ccf&Translate=false&tempauth=v1e.eyJzaXRlaWQiOiIzMGE3YmUxOC1kMDhmLTQ1NWQtYjVlZS04NDk3MzI5ODMzMTMiLCJhcHBpZCI6IjAwMDAwMDAwLTAwMDAtMDAwMC0wMDAwLTAwMDA0ODE3MTBhNCIsImF1ZCI6IjAwMDAwMDAzLTAwMDAtMGZmMS1jZTAwLTAwMDAwMDAwMDAwMC9teS5taWNyb3NvZnRwZXJzb25hbGNvbnRlbnQuY29tQDkxODgwNDBkLTZjNjctNGM1Yi1iMTEyLTM2YTMwNGI2NmRhZCIsImV4cCI6IjE3MjQwNzE5MDAifQ.idVs8yRhOUoxQh6scjzp8wkQHjKcL_QRGdf-3E5Y7eReXg8vTZcvmNuDv9OCanayjMOXnjyoT1eJDdzD4fhzhKALiSSQPQ6U9MgCpPcUj3S3l2ILxt1qEaRXrjAcoJNxX9fL-6SUK1ZzG9-7UlyS8ACuVlgwxNEfAESw463DDxWeMEM-sWPGZu_A2-wE3kPdnLwEhp5Yh9UOzrz4HNlUZcaNKttCtJeDcw71ofQVzPoS-S5_nrAJ5thm6XgetHq_q39BDHVZSxCyO8njmgiHBWkl3iP3yM307QTMlgPxMYHff9Fh1O-uxHR9FxhhSi-dSxYprMNmU_0x15B9JblbiLvkjrw6x1m9dSHjtTlrY2pZF5LEpFBSZKB_JBq9NtMpOtU_KzWE4Rjll4da53nJow.lr6GBdf2gwyGtMQKcMFtc2jZaQaPATaJVMZuVnQ9O64&ApiVersion=2.0" type="video/mp4">
+                Votre navigateur ne supporte pas la vidéo.
+            </video>
+        </div>
+        <p>Découvrez notre nouveau jeu passionnant ! </p>
+    <p> (le fichier html est recomandé) </p>
+        <div class="btn-group">
+            <a href="URL_DE_TELECHARGEMENT_WINDOWS" class="download1-btn1" id="sendButton" target="_blank">Télécharger pour Windows</a>
+            <a href="https://github.com/Eaielectronic/Electronix/raw/main/Appel-The-Aventure-os1.6.zip" class="download-btn" id="sendButton1" target="_blank">Télécharger pour macOS</a>
+            <a href="URL_DE_TELECHARGEMENT_LINUX" class="download-btn1" id="sendButton2" target="_blank">Télécharger pour Linux</a>
+            <a href="https://github.com/Eaielectronic/Electronix/raw/main/Appel-The-Aventure-1.6.html.zip" class="download-btn" id="sendButton3" target="_blank">Télécharger au format HTML</a>
+        </div>
+        <h3>Téléchargement : <span id="downloadCount">0</span></h3>
+        
+        <h2>***Histoire***</h2>
+        <p>
+            Micro Manager, dans son désespoir d'acquérir le pouvoir 
+            des pommes d'or, a commencé à prendre le contrôle de la 
+            planète Appelmoeshapje. Alors que l'influence de Micro 
+            Manager grandit, Appel découvre que non seulement les 
+            habitants de Micro Manager, mais le monde lui-même 
+            se retourne contre lui ! - Aidez Appel à naviguer à travers
+            chaque niveau, en évitant le danger, en collectant autant
+            de pommes d'or que possible avant d'affronter enfin Micro 
+            Manager et de rétablir la paix dans le monde.</p>
+
+            <h3>******</h3>
+        <p>Merci de télécharger notre jeu et de nous soutenir !</p>
+        <h3>Remerciement</h3>
+    <p>Meci pour Griffpatch et  zunfl0w3r pour le projet original Appel !        
+        </p>
+        <h3>Développement</h3>
+    <p> Appel The Adventure est cré sur TurboWarp avec JavaScript. </p>
+     <h3>Modes additionels</h3>
+     <p>Mode pour ajouter des texture et entité et encore d'autre</p>
+     <a href="URL_DE_TELECHA" class="download-btn" id="sendButton" target="_blank">Galerie de modes</a>
+    <h3>About</h3>
+        <div class="links">
+            <a href="https://github.com">GitHub</a>
+            <a href="https://scratch.mit.edu">Scratch</a>
+            <a href="https://turbowarp.org">TurboWarp</a>
+            <a href="https://raw.githubusercontent.com/Eaielectronic/Electronix/main/Electronix.html">Desktop</a>
+            <a href="https://dedespo.com">Crédit</a>
+        </div>
+    </div>
+    <script>
+        // Connexion au serveur WebSocket
+        const socket = new WebSocket('ws://localhost:8010');
+
+        // Mise à jour du nombre de téléchargements
+        socket.onmessage = function(event) {
+            document.getElementById('downloadCount').textContent = event.data;
+        };
+
+        // Envoi de "1" au serveur WebSocket lors de l'appui sur le bouton
+        document.getElementById('sendButton').addEventListener('click', function() {
+            socket.send('true1');
+        });
+        document.getElementById('sendButton1').addEventListener('click', function() {
+            socket.send('true1');
+        });
+        document.getElementById('sendButton2').addEventListener('click', function() {
+            socket.send('true1');
+        });
+        document.getElementById('sendButton3').addEventListener('click', function() {
+            socket.send('true1');
+        });
+
+        // Récupération du nombre de téléchargements à l'ouverture de la page
+        socket.onopen = function() {
+            socket.send('get_count1');
+        };
+    </script>
+</body>
+</html>
