Spaces:

enotkrutoy
/

coder

Running

App Files Files Community

enotkrutoy commited on 15 days ago

Commit

a2ec79c

verified ·

1 Parent(s): 32e4891

Update index.html

Browse files

Files changed (1) hide show

index.html +92 -117

index.html CHANGED Viewed

@@ -1,144 +1,119 @@
 <!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;
-            text-align: center;
-        }
-        .glitch {
-            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, select, button {
-            background: #000;
-            border: 2px solid #00ff00;
-            color: #00ff00;
-            padding: 10px;
-            margin: 10px;
-            font-size: 16px;
-            text-transform: uppercase;
-        }
-        input {
-            width: 70%;
-        }
-        input:focus, button:hover, select:focus {
-            outline: none;
-            box-shadow: 0 0 10px #00ff00;
-        }
-        button {
-            cursor: pointer;
-            transition: all 0.3s;
-        }
-        button:hover {
-            background: #00ff00;
-            color: #000;
-        }
-        .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;
-        }
-        @keyframes scan {
-            0% { top: 0; }
-            100% { top: 100%; }
-        }
         .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: 100vh;
-            border: none;
         }
     </style>
 </head>
-<body>
-    <h1 class="glitch">CyberSearch v1.3.37</h1>
-    <div class="console">
-        <input type="text" placeholder="Введите запрос..." id="searchQuery">
-        <button onclick="search()">Поиск</button>
-        <select id="searchEngine">
-            <option value="google">Google</option>
-            <option value="yandex">Yandex</option>
-            <option value="duckduckgo">DuckDuckGo</option>
-        </select>
-    </div>
-    <div class="spinner-overlay" id="loadingSpinner">
-        <p>Загрузка...</p>
-    </div>
-    <iframe class="space-iframe" id="searchFrame"></iframe>
     <script>
-        function search() {
-            let query = document.getElementById("searchQuery").value;
-            let engine = document.getElementById("searchEngine").value;
-            let url;
-            if (!query) return alert("Введите поисковый запрос!");
-            switch (engine) {
-                case "google":
-                    url = `https://www.google.com/search?q=${encodeURIComponent(query)}`;
-                    break;
-                case "yandex":
-                    url = `https://yandex.ru/search/?text=${encodeURIComponent(query)}`;
-                    break;
-                case "duckduckgo":
-                    url = `https://duckduckgo.com/?q=${encodeURIComponent(query)}`;
-                    break;
-                default:
-                    return;
-            }
-            document.getElementById("loadingSpinner").classList.add("visible");
-            setTimeout(() => {
-                document.getElementById("searchFrame").src = url;
-                document.getElementById("loadingSpinner").classList.remove("visible");
-            }, 1500);
         }
     </script>
 </body>
-</html>

 <!DOCTYPE html>
+<html class="">
 <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+    <meta name="description" content="Discover amazing ML apps made by the community" />
+    <meta property="fb:app_id" content="1321688464574422" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@huggingface" />
+    <meta name="twitter:image" content="https://cdn-thumbnails.huggingface.co/social-thumbnails/spaces/Qwen/Qwen2.5-Coder-demo.png" />
+    <meta property="og:title" content="Qwen2.5 Coder Demo - a Hugging Face Space by Qwen" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://huggingface.co/spaces/Qwen/Qwen2.5-Coder-demo" />
+    <meta property="og:image" content="https://cdn-thumbnails.huggingface.co/social-thumbnails/spaces/Qwen/Qwen2.5-Coder-demo.png" />
+    <link rel="stylesheet" href="/front/build/kube-e5d4d76/style.css" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" />
+    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&display=swap" rel="stylesheet" />
+    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/katex.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'" />
+    <noscript>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.12.0/katex.min.css" />
+    </noscript>
+    <script>if (window.matchMedia('(prefers-color-scheme: dark)').matches) { document.documentElement.classList.add('dark'); }</script>
+    <link rel="canonical" href="https://huggingface.co/spaces/Qwen/Qwen2.5-Coder-demo">
+    <title>Qwen2.5 Coder Demo - a Hugging Face Space by Qwen</title>
     <style>
         .spinner-overlay {
+            display: flex;
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
+            background: rgba(255, 255, 255, 0.8);
             z-index: 1000;
+            transition: opacity 0.3s;
         }
         .space-iframe {
+            border: none;
             width: 100%;
             height: 100vh;
+            min-height: 500px;
+        }
+        .error-message {
+            color: red;
+            display: none;
+            position: fixed;
+            top: 20px;
+            right: 20px;
+            z-index: 1001;
+            background: white;
+            padding: 10px;
+            border: 1px solid #ffdddd;
+            border-radius: 4px;
         }
     </style>
 </head>
+<body class="flex flex-col min-h-dvh bg-white dark:bg-gray-950 text-black SpacePage">
+    <header class="from-gray-50-to-white bg-linear-to-t relative z-40 border-b border-gray-100 via-white pt-0.5 dark:via-gray-950">
+        <!-- Existing header content -->
+    </header>
+    <main class="flex flex-1 flex-col">
+        <div class="spinner-overlay" id="mainSpinner">
+            <svg class="animate-spin h-5 w-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+            </svg>
+        </div>
+        <div class="error-message" id="errorMessage">Failed to load application</div>
+        <iframe
+            src="https://qwen-qwen2-5-coder-demo.hf.space/?__theme=system"
+            aria-label="Space app"
+            class="space-iframe outline-hidden grow overflow-hidden bg-white p-0"
+            allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; clipboard-read; clipboard-write; display-capture; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"
+            sandbox="allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-storage-access-by-user-activation"
+            scrolling="no"
+            onload="handleIframeLoad()"
+            onerror="handleIframeError()"
+        ></iframe>
+    </main>
+    <script>
+        document.querySelectorAll('.SVELTE_HYDRATER').forEach(node => {
+            const target = node.getAttribute('data-target');
+            const props = JSON.parse(node.getAttribute('data-props') || '{}');
+            console.log(`Initializing ${target} with props:`, props);
+            // Actual Svelte component registration would go here
+        });
+        function handleIframeLoad() {
+            document.getElementById('mainSpinner').style.display = 'none';
+        }
+        function handleIframeError() {
+            document.getElementById('mainSpinner').style.display = 'none';
+            document.getElementById('errorMessage').style.display = 'block';
+        }
+        // Initial spinner visibility
+        document.getElementById('mainSpinner').style.display = 'flex';
+    </script>
     <script>
+        import("/front/build/kube-e5d4d76/index.js");
+        window.moonSha = "kube-e5d4d76/";
+        window.__hf_deferred = {};
+        if (["hf.co", "huggingface.co"].includes(window.location.hostname)) {
+            const script = document.createElement("script");
+            script.src = "https://js.stripe.com/v3/";
+            script.async = true;
+            document.head.appendChild(script);
         }
     </script>
 </body>
+</html>