Spaces:

enotkrutoy
/

coder

Running

App Files Files Community

enotkrutoy commited on 4 days ago

Commit

3a5b7fc

verified ·

1 Parent(s): 8906bad

Update index.html

Browse files

Files changed (1) hide show

index.html +79 -151

index.html CHANGED Viewed

@@ -1,158 +1,86 @@
 <!DOCTYPE html>
-<html lang="ru">
 <head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>CyberSearch v1.3.37</title>
-  <style>
-    body {
-      background-color: #0a0a0a;
-      color: #00ff00;
-      font-family: 'Courier New', monospace;
-      margin: 0;
-      padding: 20px;
-      overflow-x: hidden;
-    }
-    /* Анимация для глитч-эффекта */
-    .glitch {
-      text-align: center;
-      animation: glitch 1s infinite;
-      text-shadow: 2px 2px #ff00ff;
-    }
-    /* Стили для консольных блоков */
-    .console {
-      border: 3px solid #00ff00;
-      padding: 20px;
-      margin: 20px auto;
-      max-width: 800px;
-      border-radius: 5px;
-      box-shadow: 0 0 15px #00ff0080;
-    }
-    /* Стили для input-элементов */
-    input {
-      background: #000;
-      border: 2px solid #00ff00;
-      color: #00ff00;
-      padding: 10px;
-      width: 70%;
-      margin: 10px;
-      font-size: 16px;
-      text-transform: uppercase;
-    }
-    input:focus {
-      outline: none;
-      box-shadow: 0 0 10px #00ff00;
-    }
-    /* Стили для кнопок */
-    button {
-      background: #000;
-      border: 2px solid #00ff00;
-      color: #00ff00;
-      padding: 10px 30px;
-      cursor: pointer;
-      transition: all 0.3s;
-      position: relative;
-      overflow: hidden;
-    }
-    button:hover {
-      background: #00ff00;
-      color: #000;
-      text-shadow: 0 0 5px #000;
-    }
-    /* Стили для селектов */
-    select {
-      background: #000;
-      border: 2px solid #00ff00;
-      color: #00ff00;
-      padding: 10px;
-      margin: 10px;
-      font-size: 16px;
-    }
-    /* Стили для сканирующей линии */
-    .scan-line {
-      position: fixed;
-      width: 100%;
-      height: 2px;
-      background: linear-gradient(
-        to bottom,
-        transparent 0%,
-        #00ff0080 50%,
-        transparent 100%
-      );
-      animation: scan 4s linear infinite;
-      pointer-events: none;
-    }
-    /* Стили для оверлея загрузки */
-    .spinner-overlay {
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background-color: rgba(128, 128, 128, 0.8);
-      color: white;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      z-index: 1000;
-      opacity: 0;
-      pointer-events: none;
-      transition: opacity 0.3s ease;
-    }
-    .spinner-overlay.visible {
-      opacity: 1;
-      pointer-events: auto;
-    }
-    .space-iframe {
-      width: 100%;
-      height: 100%;
-      border: none;
-    }
-  </style>
 </head>
 <body>
-<header>
-  <h1 class="glitch">CyberSearch</h1>
-</header>
-<main>
-  <section class="console">
-    <label for="inputField">Enter Command:</label>
-    <input id="inputField" type="text" placeholder="Enter text here">
-    <button onclick="executeCommand()">Execute</button>
-  </section>
-  <section class="spinner-overlay" id="loadingOverlay">
-    <div class="spinner">Loading...</div>
-  </section>
-</main>
-<footer>
-  <p>&copy; 2025 CyberSearch</p>
-</footer>
-<script>
-  // Функция для выполнения команды
-  function executeCommand() {
-    const inputField = document.getElementById('inputField');
-    const command = inputField.value;
-    console.log("Command executed: " + command);
-    // Логика обработки команды
-  }
-  // Пример функции для отображения оверлея загрузки
-  function toggleLoadingOverlay(show) {
-    const overlay = document.getElementById('loadingOverlay');
-    if (show) {
-      overlay.classList.add('visible');
-    } else {
-      overlay.classList.remove('visible');
-    }
-  }
-</script>
 </body>
 </html>

 <!DOCTYPE html>
+<html lang="en">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Qwen2.5 Coder Demo</title>
+    <style>
+        body {
+            margin: 0;
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            display: flex;
+            flex-direction: column;
+            min-height: 100vh;
+        }
+        header, footer {
+            padding: 1rem;
+            background-color: #f8f9fa;
+        }
+        main {
+            display: flex;
+            flex-direction: column;
+            flex: 1;
+        }
+        .spinner-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(128, 128, 128, 0.8);
+            color: white;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 1000;
+            opacity: 0;
+            pointer-events: none;
+            transition: opacity 0.3s ease;
+        }
+        .spinner-overlay.visible {
+            opacity: 1;
+            pointer-events: auto;
+        }
+        .space-iframe {
+            width: 100%;
+            height: 100%;
+            border: none;
+        }
+        @media (max-width: 768px) {
+            .space-iframe {
+                height: calc(100vh - 60px); /* Adjust for smaller screens */
+            }
+        }
+        @media (max-width: 480px) {
+            header, footer {
+                padding: 0.5rem;
+            }
+        }
+    </style>
 </head>
 <body>
+    <header>
+        <div class="SVELTE_HYDRATER contents" data-target="SSOBanner" data-props='{"organizations":[]}'></div>
+    </header>
+    <main>
+        <section class="SVELTE_HYDRATER contents" data-target="SpacePageInner" data-props='{"authLight":{"csrfToken":"eyJkYXRhIjp7ImV4cGlyYXRpb24iOjE3NDE2MDM3NzkzMjIsInVzZXJJZCI6IjY2NzY5MmFkYWFjYWNmNjIwZTQyYjU1NCJ9LCJzaWduYXR1cmUiOiJiOWZjNjRlMzBkODI5MDdmMDNkODY1YjMwNDhjZmI3ZjFiY2I3ZTVjYzk4MjUwN2Q4OTJjNmJmODhkZWQ4YzkwIn0=","hasHfLevelAccess":false,"u":{"avatarUrl":"/avatars/e81e7833202cff8fa212af4b15415efb.svg","isPro":false,"orgs":[],"user":"enotkrutoy","canPost":false,"canHaveBilling":true,"canCreateOrg":true,"theme":"system","notifications":{"org_suggestions":false},"hardwareItems":[{"sku":["CPU","Intel","Intel Core 13th Generation (i9)"],"mem":16,"num":1}],"hardwareItemsPrivate":false,"usage":{"storage":{"summary":{"space":{"used":800268075,"usedPrivate":721689336,"usedPublic":78578739,"count":77}},"used":800268075,"count":77,"limit":100000000000,"usedPrivate":721689336,"usedPublic":78578739,"historicalGrant":721689336},"inferenceApi":{"used":23,"limit":1000,"duration":86400,"renewal":75674,"lastUpdated":"2025-02-04T02:58:46.736Z"},"zeroGpu":{"base":300,"current":300,"lastUpdated":"2025-03-09T10:49:35.082Z"},"inference":{"usedNanoUsd":213487996,"numRequests":85,"providerDetails":[{"provider":"hf-inference","numRequests":85,"totalCostNanoUsd":213487996,"totalDurationMs":7680363}],"periodEnd":"2025-03-31T23:59:59.999Z","periodStart":"2025-03-01T00:00:00.000Z","includedNanoUsd":100000000,"limitNanoUsd":100000000,"lastUpdated":"2025-03-09T10:49:35.082Z"}}}},"canRestart":false,"canWrite":false,"csrf":"eyJkYXRhIjp7ImV4cGlyYXRpb24iOjE3NDE2MDM3NzkzMjIsInVzZXJJZCI6IjY2NzY5MmFkYWFjYWNmNjIwZTQyYjU1NCJ9LCJzaWduYXR1cmUiOiJiOWZjNjRlMzBkODI5MDdmMDNkODY1YjMwNDhjZmI3ZjFiY2I3ZTVjYzk4MjUwN2Q4OTJjNmJmODhkZWQ4YzkwIn0=","hideNFAA":false,"readmeTemplate":"---\ntitle: {{title}}\nemoji: {{emoji}}\ncolorFrom: {{colorFrom}}\ncolorTo: {{colorTo}}\nsdk: {{sdk}}\nsdk_version: \"{{sdkVersion}}\"\napp_file: app.py\npinned: false\n---\n\nCheck out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference\n","space":{"author":"Qwen","colorFrom":"indigo","colorTo":"purple","cardData":{"title":"Qwen2.5 Coder Demo","emoji":"👁","colorFrom":"indigo","colorTo":"purple","sdk":"gradio","sdk_version":"5.5.0","app_file":"app.py","pinned":false,"license":"apache-2.0"},"createdAt":"2024-11-11T06:34:48.000Z","emoji":"👁","discussionsDisabled":false,"duplicationDisabled":false,"id":"Qwen/Qwen2.5-Coder-demo","isLikedByUser":false,"watched":{"isWatching":false,"isMuted":false,"mode":"none"},"lastModified":"2024-11-15T02:20:02.000Z","likes":425,"pinned":false,"private":false,"gated":false,"repoType":"space","subdomain":"qwen-qwen2-5-coder-demo","sdk":"gradio","sdkVersion":"5.5.0","title":"Qwen2.5 Coder Demo","runtime":{"stage":"RUNNING","hardware":{"current":"cpu-basic","requested":"cpu-basic"},"storage":null,"gcTimeout":172800,"replicas":{"current":1,"requested":1},"devMode":false,"domains":[{"domain":"qwen-qwen2-5-coder-demo.hf.space","stage":"READY"}],"sha":"777e9635c46f57386cf8be9d208a1a3bdabf6c96"},"iframe":{"embedSrc":"https://qwen-qwen2-5-coder-demo.hf.space","src":"https://qwen-qwen2-5-coder-demo.hf.space"},"secrets":[{"key":"YOUR_API_TOKEN","updatedAt":"2024-11-11T06:43:00.861Z"}],"variables":[],"sse":{"url":"https://api.hf.space/v1/Qwen/Qwen2.5-Coder-demo","jwt":"eyJhbGciOiJFZERTQSJ9.eyJyZWFkIjp0cnVlLCJwZXJtaXNzaW9ucyI6eyJyZXBvLmNvbnRlbnQucmVhZCI6dHJ1ZX0sIm9uQmVoYWxmT2YiOnsia2luZCI6InVzZXIiLCJfaWQiOiI2Njc2OTJhZGFhY2FjZjYyMGU0MmI1NTQiLCJ1c2VyIjoiZW5vdGtydXRveSJ9LCJpYXQiOjE3NDE1MTczNzksInN1YiI6Ii9zcGFjZXMvUXdlbi9Rd2VuMi41LUNvZGVyLWRlbW8iLCJleHAiOjE3NDE2MDM3NzksImlzcyI6Imh0dHBzOi8vaHVnZ2luZ2ZhY2UuY28ifQ.noYObwFguShZXXFajYZiVnaBcXbuM9QBpzDsWUtY5iF8tNWYQdJ36vRB0aoWlf7Odmb8p1K98-fPD3cCQ5GABQ"},"dockerJwt":"eyJhbGciOiJFZERTQSJ9.eyJyZWFkIjp0cnVlLCJwZXJtaXNzaW9ucyI6eyJyZXBvLmNvbnRlbnQucmVhZCI6dHJ1ZX0sIm9uQmVoYWxmT2YiOnsia2luZCI6InVzZXIiLCJfaWQiOiI2Njc2OTJhZGFhY2FjZjYyMGU0MmI1NTQiLCJ1c2VyIjoiZW5vdGtydXRveSJ9LCJpYXQiOjE3NDE1MTczNzksInN1YiI6Ii9zcGFjZXMvUXdlbi9Rd2VuMi41LUNvZGVyLWRlbW8iLCJleHAiOjE3NDE2MDM3NzksImlzcyI6Imh0dHBzOi8vaHVnZ2luZ2ZhY2UuY28ifQ.noYObwFguShZXXFajYZiVnaBcXbuM9QBpzDsWUtY5iF8tNWYQdJ36vRB0aoWlf7Odmb8p1K98-fPD3cCQ5GABQ"},"stage":"RUNNING"}'>
+            <iframe class="space-iframe" src="https://qwen-qwen2-5-coder-demo.hf.space" frameborder="0"></iframe>
+        </section>
+    </main>
+    <footer>
+        <div class="spinner-overlay" id="spinner-overlay">
+            <div class="spinner">Loading...</div>
+        </div>
+    </footer>
+    <script>
+        window.addEventListener('load', () => {
+            const spinner = document.getElementById('spinner-overlay');
+            setTimeout(() => {
+                spinner.classList.remove('visible');
+            }, 3000); // Hide spinner after 3 seconds
+        });
+    </script>
 </body>
 </html>