Add files via upload

Eaielectronic · Aug 19, 2024 · 66cd901 · 66cd901
1 parent feeb7b9
commit 66cd901
Show file tree

Hide file tree

Showing 3 changed files with 444 additions and 0 deletions.
diff --git a/source/Electronix.html 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
@@ -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>