Spaces:

enotkrutoy
/

coder

Running

App Files Files Community

enotkrutoy commited on 4 days ago

Commit

e0d2ed9

verified ·

1 Parent(s): a2ec79c

Update index.html

Browse files

Files changed (1) hide show

index.html +40 -102

index.html CHANGED Viewed

@@ -1,75 +1,14 @@
-<!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"
@@ -80,40 +19,39 @@
             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>

+<main class="flex flex-1 flex-col">
+    <section 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>
+    </section>
+    <aside class="error-message" id="errorMessage">Failed to load application</aside>
+    <article class="space-iframe-container">
         <iframe
             src="https://qwen-qwen2-5-coder-demo.hf.space/?__theme=system"
             aria-label="Space app"
             onload="handleIframeLoad()"
             onerror="handleIframeError()"
         ></iframe>
+    </article>
+</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>