Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Kinematify Proxy</title> | |
| <style> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body, html { | |
| width: 100%; | |
| height: 100%; | |
| overflow: hidden; | |
| } | |
| iframe { | |
| width: 100%; | |
| height: 100%; | |
| border: none; | |
| } | |
| .error { | |
| display: none; | |
| padding: 20px; | |
| background: #fee; | |
| color: #c00; | |
| text-align: center; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="error" id="error"> | |
| Unable to load the content. The target site may not allow embedding. | |
| </div> | |
| <iframe | |
| id="proxyFrame" | |
| src="https://kinematify.deemos.dev/" | |
| sandbox="allow-same-origin allow-scripts allow-forms allow-popups allow-modals" | |
| allowfullscreen> | |
| </iframe> | |
| <script> | |
| const iframe = document.getElementById('proxyFrame'); | |
| const error = document.getElementById('error'); | |
| iframe.onerror = function() { | |
| error.style.display = 'block'; | |
| iframe.style.display = 'none'; | |
| }; | |
| </script> | |
| </body> | |
| </html> | |