Spaces:

kuoramwoyo
/

IPFROMMINECRAFT

Running

App Files Files Community

kuoramwoyo commited on Mar 4

Commit

b708529

verified ·

1 Parent(s): 1c62cf3

Update index.html

Browse files

Files changed (1) hide show

index.html +34 -138

index.html CHANGED Viewed

@@ -16,24 +16,6 @@
         h1 {
             margin-bottom: 40px;
         }
-        .server-info {
-            background: #444;
-            padding: 20px;
-            border-radius: 10px;
-            display: inline-block;
-            margin-bottom: 20px;
-        }
-        .images {
-            display: flex;
-            justify-content: center;
-            gap: 20px;
-            margin-bottom: 20px;
-        }
-        .images img {
-            width: 200px;
-            height: auto;
-            border-radius: 10px;
-        }
         .balloons {
             display: flex;
             justify-content: center;
@@ -53,139 +35,53 @@
             min-width: 220px;
             text-align: center;
         }
-        .download-btn {
-            display: inline-block;
-            background: #FF5722;
-            color: white;
-            padding: 10px 20px;
-            border-radius: 10px;
-            text-decoration: none;
-            font-size: 18px;
-            font-weight: bold;
-            margin-top: 20px;
-            width: 225px; /* Aqui definimos a largura fixa */
-            text-align: center;
-        }
-        /* Estilo para o mini botão */
-        .update-btn {
-            display: inline-block;
-            background: #00BFAE;
-            color: white;
-            padding: 8px 16px;
-            border-radius: 10px;
-            text-decoration: none;
-            font-size: 14px;
-            font-weight: bold;
-            margin-top: 40px;
-            width: auto;
-            text-align: center;
-        }
-        /* Estilo para a tela preta */
-        .overlay {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background-color: rgba(0, 0, 0, 0.7);
-            display: none;
-            justify-content: center;
-            align-items: center;
-            z-index: 1000;
-        }
-        /* Caixa de conteúdo das atualizações */
-        .update-content {
-            background-color: #333;
-            color: white;
-            padding: 30px;
-            border-radius: 10px;
-            width: 80%;
-            max-width: 600px;
-            text-align: left;
-            font-size: 18px;
-        }
-        /* Botão de fechar */
-        .close-btn {
-            display: inline-block;
-            background: #FF5722;
-            color: white;
-            padding: 10px 20px;
-            border-radius: 10px;
-            text-decoration: none;
-            font-size: 18px;
-            font-weight: bold;
-            margin-top: 20px;
-            text-align: center;
         }
     </style>
 </head>
 <body>
-    <h1>Bem-vindo ao Servidor de Minecraft (Original / Pirata)</h1>
-    <div class="images">
-        <img src="https://i.imgur.com/zsmEYPR.png" alt="Imagem 1">
-        <img src="https://i.imgur.com/SaNVNqS.jpeg" alt="Imagem 2">
-    </div>
-    <h2>Original</h2>
-    <div class="server-info">
-        <p><strong>Nome:</strong> THE DWELLERS (JAVA)</p>
-        <p><strong>IP:</strong> THEDWELLERS_.aternos.me</p>
-    </div>
-    <h2>Pirata</h2>
-    <div class="server-info">
-        <p><strong>Nome:</strong> Castles and Fortress (JAVA)</p>
-        <p><strong>IP:</strong> SOBREVIVENCIA_HARD.aternos.me:21355</p>
-    </div>
     <h2>Canais</h2>
     <div class="balloons">
-        <a href="https://www.twitch.tv/gui1325" target="_blank">Canal da Twitch do gui1325 (dono)</a>
-        <a href="https://www.twitch.tv/alatolouco" target="_blank">Canal da Twitch do alatolouco (adm)</a>
     </div>
-    <!-- Botões para baixar os arquivos MRPack do Hugging Face -->
-    <h2>Links de download</h2>
-    <div class="download-btns">
-        <a href="https://huggingface.co/spaces/kuoramwoyo/IPFROMMINECRAFT/resolve/main/THEDWELLERS/THE%20DWELLERS%201.0.0.mrpack" class="download-btn" download>Baixar THE DWELLERS</a>
-        <a href="https://huggingface.co/spaces/kuoramwoyo/IPFROMMINECRAFT/resolve/main/CastlesandFortress/Castles%20and%20Fortress%201.0.0.mrpack" class="download-btn" download>Baixar Castles and Fortress</a>
-    </div>
-    <h2>Canais de Suporte</h2>
-    <div class="balloons">
-        <a href="https://discord.gg/AGDmFu4CDG" target="_blank">Discord</a>
-    </div>
-    <!-- Mini botão para futuras atualizações -->
-    <a href="#" class="update-btn" onclick="showUpdates()">Futuras atualizações possíveis</a>
-    <!-- Tela transparente preta -->
-    <div class="overlay" id="updateOverlay">
-        <div class="update-content">
-            <h2>Futuras Atualizações:</h2>
-            <p>1. Adição de novos servidores.</p>
-            <p>2. Melhorias no sistema de download.</p>
-            <p>3. Novas funcionalidades no servidor.</p>
-            <p>4. Status sobre os servdidores.</p>
-            <a href="#" class="close-btn" onclick="closeUpdates()">Fechar</a>
-        </div>
-    </div>
-    <script>
-        // Função para mostrar as atualizações
-        function showUpdates() {
-            document.getElementById("updateOverlay").style.display = "flex";
         }
-        // Função para fechar a tela de atualizações
-        function closeUpdates() {
-            document.getElementById("updateOverlay").style.display = "none";
-        }
     </script>
 </body>
-</html>

         h1 {
             margin-bottom: 40px;
         }
         .balloons {
             display: flex;
             justify-content: center;
             min-width: 220px;
             text-align: center;
         }
+        .live {
+            background: red !important;
         }
     </style>
 </head>
 <body>
+    <h1>Bem-vindo ao Servidor de Minecraft</h1>
     <h2>Canais</h2>
     <div class="balloons">
+        <a id="streamer1" href="https://www.twitch.tv/gui1325" target="_blank">Canal do gui1325</a>
+        <a id="streamer2" href="https://www.twitch.tv/alatolouco" target="_blank">Canal do alatolouco</a>
     </div>
+    <script>
+        const clientId = "SEU_CLIENT_ID"; // Substitua pelo seu client_id da Twitch
+        const accessToken = "SEU_ACCESS_TOKEN"; // Gere um token temporário usando a API da Twitch
+        const streamers = [
+            { id: "streamer1", name: "gui1325" },
+            { id: "streamer2", name: "alatolouco" }
+        ];
+        async function checkLiveStatus() {
+            const streamerNames = streamers.map(s => s.name).join("&user_login=");
+            const url = `https://api.twitch.tv/helix/streams?user_login=${streamerNames}`;
+            const response = await fetch(url, {
+                headers: {
+                    "Client-ID": clientId,
+                    "Authorization": `Bearer ${accessToken}`
+                }
+            });
+            const data = await response.json();
+            const liveStreamers = data.data.map(stream => stream.user_login);
+            streamers.forEach(({ id, name }) => {
+                const button = document.getElementById(id);
+                if (liveStreamers.includes(name)) {
+                    button.classList.add("live");
+                    button.textContent = `🔴 ${name} - Assistir agora!`;
+                }
+            });
         }
+        checkLiveStatus();
+        setInterval(checkLiveStatus, 60000); // Atualiza a cada 60 segundos
     </script>
 </body>
+</html>