Spaces:
Running
Running
<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> | |