From ca60031d0b4ffd635c5aebe402e2bb191c94c3a3 Mon Sep 17 00:00:00 2001
From: Eaielectronic <164761054+Eaielectronic@users.noreply.github.com>
Date: Wed, 16 Oct 2024 18:15:08 +0200
Subject: [PATCH] Update index.html

---
 .../Appel-The-Adventure/password/index.html   | 207 +++++++++++++++++-
 1 file changed, 206 insertions(+), 1 deletion(-)
diff --git a/Galery/Appel-The-Adventure/password/index.html b/Galery/Appel-The-Adventure/password/index.html
index 49f616a..0234884 100644
--- a/Galery/Appel-The-Adventure/password/index.html
+++ b/Galery/Appel-The-Adventure/password/index.html
@@ -1 +1,206 @@
---->html
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2631008307109231"
+     crossorigin="anonymous"></script>
+    <!-- Google tag (gtag.js) -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZMRS3EQX3D"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-ZMRS3EQX3D');
+</script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="Stand.png" type="image/x-icon">
+    <link rel="shortcut icon" href="Stand.png" type="image/x-icon">
+
+    <title>Appel The Adventure</title>
+    <style>
+        body {
+            font-family: 'Roboto', sans-serif;
+            background: url('image.png') no-repeat center;
+            background-size: cover;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 200vh;
+            color: #333;
+            min-height: 246vh; 
+        }
+        .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>
+    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2631008307109231"
+     crossorigin="anonymous"></script>
+<!-- Hor -->
+<ins class="adsbygoogle"
+     style="display:block"
+     data-ad-client="ca-pub-2631008307109231"
+     data-ad-slot="9972588391"
+     data-ad-format="auto"
+     data-full-width-responsive="true"></ins>
+<script>
+     (adsbygoogle = window.adsbygoogle || []).push({});
+</script>
+    <div class="container">
+        <div class="header">
+            <img src="logo.svg" alt="Image du jeu">
+            <h1>Appel The Adventure -v-beta-         </h1>
+        </div>
+        <div class="video-container">
+           <iframe src="https://1drv.ms/v/c/30c845eebaf258fb/IQNggGN7uIImQ6W_GjuIcmzPAUBIlKsKpNd-JDMDxj5jUjQ" width="530" height="370" frameborder="0" scrolling="no" allowfullscreen></iframe>
+        </div>
+        <p>Découvrez notre nouveau jeu passionnant ! </p>
+        <h3>Jouer directement</h3>
+            <a href="play-plan" class="download-btn" id="sendButton1" target="_blank">Jouer directement</a>
+        <h3>Installer le jeu</h3>
+    <p> (le fichier html est recomandé) </p>
+        <div class="btn-group">
+            <a href="wido" class="download1-btn" id="sendButton" target="_blank">Télécharger pour Windows</a>
+            <a href="https://github.com/Eaielectronic/Electronixstockage/raw/main/Appel-The-Aventure-1.6.html.zip" class="download-btn" id="sendButton1" target="_blank">Télécharger pour macOS</a>
+            <a href="LINUX" class="download1-btn" id="sendButton2" target="_blank">Télécharger pour Linux</a>
+            <a href="https://github.com/Eaielectronic/Electronixstockage/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>Modes pour ajouter des textures et entités et encore d'autre</p>
+     <a href="Modes" class="download-btn" id="sendButton" target="_blank">Galerie de modes</a>
+    <h3>Mises à jours</h3>
+        <object data="fichier.md" type="text/html" height= "150%" widht= "600%"></object>
+     <p>Copyright© Appel The Adventure© Appel is not the same name as Appel The Adventure. Appel The Adventure©. Tout droits réservés.  Appel is not Appel The Adventure.</p>
+    <h3>About</h3>
+        <div class="links">
+            <a href="https://github.com/Eaielectronic">GitHub</a>
+            <a href="https://scratch.mit.edu/users/SERPENT1867/">Scratch</a>
+            <a href="https://turbowarp.org">TurboWarp</a>
+            <a href="https://eaielectronic.github.io/Electronix/">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>
+
