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

---
 source/Electronix2.html | 158 ++++++++++++++++++++++++++++++++++++
 source/Electronix3.html | 176 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 334 insertions(+)
 create mode 100644 source/Electronix2.html
 create mode 100644 source/Electronix3.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>
