u

CompVis · Dec 10, 2024 · 48fecc0 · 48fecc0
1 parent e40f8e1
commit 48fecc0
Showing 1 changed file with 46 additions and 24 deletions.
diff --git a/index.html b/index.html
@@ -6,23 +6,23 @@
   <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="[MASK] is All You Need">
-  <meta property="og:title" content="[MASK] is All You Need"/>
-  <meta property="og:description" content="[MASK] is All You Need"/>
-  <meta property="og:url" content="URL OF THE WEBSITE"/>
+  <meta name="description" content="MASK is All You Need - A novel approach connecting masked generative models and non-autoregressive models">
+  <meta property="og:title" content="MASK is All You Need"/>
+  <meta property="og:description" content="A novel approach connecting masked generative models and non-autoregressive models"/>
+  <meta property="og:url" content="https://compvis.github.io/mask/"/>
   <!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X630-->
   <meta property="og:image" content="static/image/your_banner_image.png" />
   <meta property="og:image:width" content="1200"/>
   <meta property="og:image:height" content="630"/>
 
 
-  <meta name="twitter:title" content="TWITTER BANNER TITLE META TAG">
-  <meta name="twitter:description" content="TWITTER BANNER DESCRIPTION META TAG">
+  <meta name="twitter:title" content="MASK is All You Need">
+  <meta name="twitter:description" content="A novel approach connecting masked generative models and non-autoregressive models">
   <!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X600-->
   <meta name="twitter:image" content="static/images/your_twitter_banner_image.png">
   <meta name="twitter:card" content="summary_large_image">
   <!-- Keywords for your paper to be indexed by-->
-  <meta name="keywords" content="KEYWORDS SHOULD BE PLACED HERE">
+  <meta name="keywords" content="masked generative models, non-autoregressive models, discrete-state models, image generation, computer vision">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
@@ -46,7 +46,15 @@
   <script src="static/js/bulma-slider.min.js"></script>
   <script src="static/js/index.js"></script>
 
+  <style>
+    #title1, #title2, #title3 {
+      display: none;
+    }
 
+    .title-container {
+      min-height: 180px;
+    }
+  </style>
 
 </head>
 <body>
@@ -82,12 +90,14 @@
       <div class="container is-max-desktop">
         <div class="columns is-centered">
           <div class="column has-text-centered">
-            <h1 id="title1" class="title is-1 publication-title">[MASK] [MASK] [MASK] [MASK] [MASK]</h1>
-            <h1 id="title2" class="title is-1 publication-title">[MASK] <span style="color: rgba(0, 0, 255, 0.507);">is</span>  [MASK] <span style="color: orange;">You</span>  [MASK]</h1>
-            <h1 id="title3" class="title is-1 publication-title">[MASK] <span style="color: rgba(0, 0, 255, 0.507);">is</span>
-              <span style="color: green;">All</span> 
-              <span style="color: orange;">You</span> 
-              <span style="color: purple;">Need</span></h1>
+            <div class="title-container">
+              <h1 id="title1" class="title is-1 publication-title">[MASK] [MASK] [MASK] [MASK] [MASK]</h1>
+              <h1 id="title2" class="title is-1 publication-title">[MASK] <span style="color: rgba(0, 0, 255, 0.507);">is</span>  [MASK] <span style="color: orange;">You</span>  [MASK]</h1>
+              <h1 id="title3" class="title is-1 publication-title">[MASK] <span style="color: rgba(0, 0, 255, 0.507);">is</span>
+                <span style="color: green;">All</span> 
+                <span style="color: orange;">You</span> 
+                <span style="color: purple;">Need</span></h1>
+            </div>
             <div class="is-size-5 publication-authors">
               <!-- Paper authors -->
               <span class="author-block">
@@ -350,7 +360,10 @@ <h2 class="title">BibTeX</h2>
 </section>
 <!--End BibTex citation -->
 
+<div style="display: none;">
 <script type="text/javascript" id="clustrmaps" src="//clustrmaps.com/map_v2.js?d=9YG5ofCHg5kjXJesSeDanGI_xGQa5W8fPMCIvLX86IA&cl=ffffff&w=a"></script>
+</div>
+
 
   <footer class="footer">
   <div class="container">
@@ -380,20 +393,29 @@ <h2 class="title">BibTeX</h2>
 
 <script>
   document.addEventListener("DOMContentLoaded", function() {
-    setTimeout(() => {
-      document.getElementById('title1').style.display = 'block';
-    }, 1000); // 1 second delay
-
-    setTimeout(() => {
-      document.getElementById('title2').style.display = 'block';
-    }, 2000); // 2 seconds delay
-
-    setTimeout(() => {
-      document.getElementById('title3').style.display = 'block';
-    }, 3000); // 3 seconds delay
+    const titles = ['title1', 'title2', 'title3'];
+    titles.forEach((id, index) => {
+      setTimeout(() => {
+        const element = document.getElementById(id);
+        if (element) {
+          element.style.display = 'block';
+          element.style.animation = 'fadeIn 1s ease-in forwards';
+        }
+      }, (index + 1) * 1000);
+    });
   });
 </script>
 
+<style>
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+</style>
 
   </body>
   </html>