Spaces:

Lakonik
/

MVEdit

Running

App Files Files Community

Lakonik commited on Mar 21

Commit

1765af1

•

1 Parent(s): e9626c6

Update index.html

Browse files

Files changed (6) hide show

README.md +18 -1
index.html +73 -17
static/images/banner_image.png +0 -0
static/images/favicon.ico +0 -0
static/images/tweeter_banner_image.png +0 -0
style.css +0 -28

README.md CHANGED Viewed

@@ -8,4 +8,21 @@ pinned: false
 license: mit
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 license: mit
 ---
+Official demo of the paper:
+**Generic 3D Diffusion Adapter Using Controlled Multi-View Editing**
+<br>
+[Hansheng Chen](https://lakonik.github.io/)<sup>1</sup>,
+[Ruoxi Shi](https://rshi.top/)<sup>2</sup>,
+[Yulin Liu](https://liuyulinn.github.io/)<sup>2</sup>,
+[Bokui Shen](https://cs.stanford.edu/people/bshen88/)<sup>3</sup>,
+[Jiayuan Gu](https://pages.ucsd.edu/~ztu/)<sup>2</sup>,
+[Gordon Wetzstein](http://web.stanford.edu/~gordonwz/)<sup>1</sup>,
+[Hao Su](https://cseweb.ucsd.edu/~haosu/)<sup>2</sup>,
+[Leonidas Guibas](https://geometry.stanford.edu/member/guibas/)<sup>1</sup><br>
+<sup>1</sup>Stanford University, <sup>2</sup>UCSD, <sup>3</sup>Apparate Labs
+<br>
+[[project page](https://lakonik.github.io/mvedit)] [[Web UI](https://lakonik.github.io/mvedit_demo/)] [[paper](https://arxiv.org/abs/2403.12032)]
+https://github.com/Lakonik/MVEdit/assets/53893837/062a0622-47f8-4068-b478-aa4a80e5b715

index.html CHANGED Viewed

@@ -1,19 +1,75 @@
-<!doctype html>
 <html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
 <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>

static/images/banner_image.png ADDED Viewed

static/images/favicon.ico ADDED Viewed

static/images/tweeter_banner_image.png ADDED Viewed

style.css DELETED Viewed

@@ -1,28 +0,0 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-.card p:last-child {
-	margin-bottom: 0;
-}