Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <!-- Meta tags for social media banners, these should be filled in appropriatly as they are your "business card" --> | |
| <!-- Replace the content tag with appropriate information --> | |
| <meta name="description" content="A web UI for high-quality textured mesh generation, encompassing text-to-3D, image-to-3D, 3D-to-3D, and retexuring. Based on the paper Generic 3D Diffusion Adapter Using Controlled Multi-View Editing."> | |
| <meta property="og:title" content="MVEdit 3D Toolbox"/> | |
| <meta property="og:description" content="A web UI for high-quality textured mesh generation, encompassing text-to-3D, image-to-3D, 3D-to-3D, and retexuring. Based on the paper Generic 3D Diffusion Adapter Using Controlled Multi-View Editing."/> | |
| <meta property="og:url" content="https://lakonik.github.io/mvedit_demo"/> | |
| <!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X630--> | |
| <meta property="og:image" content="static/images/banner_image.png" /> | |
| <meta property="og:image:width" content="1200"/> | |
| <meta property="og:image:height" content="630"/> | |
| <meta name="twitter:title" content="MVEdit 3D Toolbox"> | |
| <meta name="twitter:description" content="A web UI for high-quality textured mesh generation, encompassing text-to-3D, image-to-3D, 3D-to-3D, and retexuring. Based on the paper Generic 3D Diffusion Adapter Using Controlled Multi-View Editing."> | |
| <!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X600--> | |
| <meta name="twitter:image" content="static/images/twitter_banner_image.png"> | |
| <meta name="twitter:card" content="summary_large_image"> | |
| <!-- Keywords for your paper to be indexed by--> | |
| <meta name="keywords" content="MVEdit, Diffusion, 3D, Generation"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>MVEdit 3D Toolbox</title> | |
| <link rel="icon" type="image/x-icon" href="static/images/favicon.ico"> | |
| <style> | |
| #maintenanceMessage, #loadingMessage { | |
| display: none; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: white; | |
| color: black; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| text-align: center; | |
| } | |
| </style> | |
| <script> | |
| let iframeLoadedFlag = false; | |
| function iframeLoaded() { | |
| iframeLoadedFlag = true; | |
| document.getElementById('maintenanceMessage').style.display = 'none'; | |
| document.getElementById('loadingMessage').style.display = 'none'; | |
| } | |
| // Check after a certain time if the iframe has loaded | |
| setTimeout(() => { | |
| if (!iframeLoadedFlag) { | |
| // If the iframe hasn't flagged as loaded, assume it's down and show the message | |
| document.getElementById('maintenanceMessage').style.display = 'flex'; | |
| document.getElementById('siteIframe').style.display = 'none'; | |
| document.getElementById('loadingMessage').style.display = 'none'; | |
| } | |
| }, 10000); // 10 seconds; adjust as necessary | |
| </script> | |
| </head> | |
| <body style="margin:0;padding:0px;overflow:hidden"> | |
| <iframe id="siteIframe" | |
| src="https://mvedit.hanshengchen.com" | |
| frameborder="0" | |
| style="overflow:hidden;height:100vh;width:100%;" | |
| onload="iframeLoaded()"> | |
| </iframe> | |
| <div id="loadingMessage"> | |
| <p>Loading...</p> | |
| </div> | |
| <div id="maintenanceMessage" style="display: none"> | |
| <p>The site is currently under maintenance. Please check back later.</p> | |
| </div> | |
| </body> | |
| </html> | |