| <!DOCTYPE html> |
| <html lang="en"> |
|
|
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Wrapper</title> |
| <style> |
| body, |
| html { |
| margin: 0; |
| padding: 0; |
| height: 100%; |
| overflow: hidden; |
| } |
| |
| .fullscreen-iframe { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| } |
| |
| iframe { |
| width: 100%; |
| height: 100%; |
| } |
| </style> |
| </head> |
|
|
| <body> |
| <div class="fullscreen-iframe"> |
| <iframe id="dynamic-iframe" frameborder="0" allowfullscreen crossorigin allow="cross-origin-isolated"></iframe> |
| </div> |
|
|
| <script> |
| function onDOMContentLoaded() { |
| document.removeEventListener("DOMContentLoaded", onDOMContentLoaded); |
| |
| var currentUrl = window.location.href; |
| |
| var regex = /https:\/\/([\w]+)-([\w-]+)\.static\.hf\.space/; |
| var match = currentUrl.match(regex); |
| |
| if (match) { |
| var repo = match[1]; |
| var space = match[2]; |
| var targetUrl = "https://huggingface.cu.bzh/?script=huggingface.co/spaces/" + repo + "/" + space |
| console.log("targetUrl:", targetUrl) |
| document.getElementById("dynamic-iframe").src = targetUrl; |
| } else { |
| console.error("URL pattern does not match."); |
| } |
| } |
| document.addEventListener("DOMContentLoaded", onDOMContentLoaded); |
| |
| </script> |
| </body> |
|
|
| </html> |