Update index.html

index.html

@@ -5,6 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Qwen2.5 Coder Demo</title>
     <style>
+        :root {
+            --main-bg-color: #f8f9fa;
+            --header-footer-padding: 1rem;
+        }
+
         body {
             margin: 0;
             font-family: Arial, sans-serif;
@@ -13,16 +18,19 @@
             flex-direction: column;
             min-height: 100vh;
         }
+
         header, footer {
-            padding: 1rem;
-            background-color: #f8f9fa;
+            padding: var(--header-footer-padding);
+            background-color: var(--main-bg-color);
         }
+
         main {
             display: flex;
             flex-direction: column;
             flex: 1;
-            overflow: hidden;
+            padding: 1rem;
         }
+
         .spinner-overlay {
             position: fixed;
             top: 0;
@@ -39,24 +47,31 @@
             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: 100vh; /* Full height for small screens */
+                height: calc(100vh - 60px); /* Adjust for smaller screens */
             }
         }
+
         @media (max-width: 480px) {
             header, footer {
                 padding: 0.5rem;
             }
+            main {
+                padding: 0.5rem;
+            }
         }
     </style>
 </head>
@@ -65,23 +80,34 @@
         <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"}}}}>
-            <iframe class="space-iframe" src="https://qwen-qwen2-5-coder-demo.hf.space" frameborder="0"></iframe>
+        <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","linkedModels":[],"linkedDatasets":[],"linkedCollections":[{"slug":"Qwen/qwen25-coder-66eaa22e6f99801bf65b0c2f","title":"Qwen2.5-Coder","description":"Code-specific model series based on Qwen2.5","lastUpdated":"2024-11-28T02:45:52.182Z","numberItems":40,"owner":{"avatarUrl":"https://cdn-avatars.huggingface.co/v1/production/uploads/620760a26e3b7210c2ff1943/-s1gyJfvbE1RgO5iBeNOi.png","fullname":"Qwen","name":"Qwen","type":"org","isHf":false,"isMod":false,"isEnterprise":false,"followerCount":19123},"theme":"pink","shareUrl":"https://huggingface.co/collections/Qwen/qwen25-coder-66eaa22e6f99801bf65b0c2f","upvotes":292,"isUpvotedByUser":false}],"sha":"777e9635c46f57386cf8be9d208a1a3bdabf6c96","hasBlockedOids":false,"region":"us"},"iframeSrc":"https://qwen-qwen2-5-coder-demo.hf.space/?__theme=system","showGettingStarted":false,"sessionUuid":"vLxtXUmCm5GKk8H1KhaK5","isStaticHtmlAvailable":false,"jwt":{"token":"eyJhbGciOiJFZERTQSJ9.eyJyZWFkIjp0cnVlLCJwZXJtaXNzaW9ucyI6eyJyZXBvLmNvbnRlbnQucmVhZCI6dHJ1ZX0sIm9uQmVoYWxmT2YiOnsia2luZCI6InVzZXIiLCJfaWQiOiI2Njc2OTJhZGFhY2FjZjYyMGU0MmI1NTQiLCJ1c2VyIjoiZW5vdGtydXRveSJ9LCJpYXQiOjE3NDE1MTczNzksInN1YiI6Ii9zcGFjZXMvUXdlbi9Rd2VuMi41LUNvZGVyLWRlbW8iLCJleHAiOjE3NDE2MDM3NzksImlzcyI6Imh0dHBzOi8vaHVnZ2luZ2ZhY2UuY28ifQ.FjWsOwsP8ygK029YXPVOJX1vF_DJmm3GUrOX469T4vTyB5lQo25QCQD6pPZbZlq8Jt1a6b7JtBA6SD88JjtrCQ","expiration":180000}}}'>
         </section>
+        <div class="spinner-overlay" id="spinner" aria-live="assertive" aria-busy="true" role="alert">
+            <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" fill="none" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" 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>
+            <span>Refreshing</span>
+        </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"></iframe>
     </main>
     <footer>
-        <div class="spinner-overlay" id="spinner-overlay">
-            <div class="spinner">Loading...</div>
-        </div>
+        <!-- Footer content can be added here -->
     </footer>
-
     <script>
-        window.addEventListener('load', () => {
-            const spinner = document.getElementById('spinner-overlay');
-            setTimeout(() => {
-                spinner.classList.remove('visible');
-            }, 3000); // Hide spinner after 3 seconds
+        import("/front/build/kube-e5d4d76/index.js").then(() => {
+            window.moonSha = "kube-e5d4d76/";
+            window.__hf_deferred = {};
         });
     </script>
+    <!-- Stripe -->
+    <script>
+        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>
+</html>