Skip to content

Commit 48fecc0

Browse files
dongzhuoyaodongzhuoyao
committed
u
1 parent e40f8e1 commit 48fecc0

File tree

1 file changed

+46
-24
lines changed

1 file changed

+46
-24
lines changed

‎index.html

+46-24
Original file line numberDiff line numberDiff line change
@@ -6,23 +6,23 @@
66
<meta charset="utf-8">
77
<!-- Meta tags for social media banners, these should be filled in appropriatly as they are your "business card" -->
88
<!-- Replace the content tag with appropriate information -->
9-
<meta name="description" content="[MASK] is All You Need">
10-
<meta property="og:title" content="[MASK] is All You Need"/>
11-
<meta property="og:description" content="[MASK] is All You Need"/>
12-
<meta property="og:url" content="URL OF THE WEBSITE"/>
9+
<meta name="description" content="MASK is All You Need - A novel approach connecting masked generative models and non-autoregressive models">
10+
<meta property="og:title" content="MASK is All You Need"/>
11+
<meta property="og:description" content="A novel approach connecting masked generative models and non-autoregressive models"/>
12+
<meta property="og:url" content="https://compvis.github.io/mask/"/>
1313
<!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X630-->
1414
<meta property="og:image" content="static/image/your_banner_image.png" />
1515
<meta property="og:image:width" content="1200"/>
1616
<meta property="og:image:height" content="630"/>
1717

1818

19-
<meta name="twitter:title" content="TWITTER BANNER TITLE META TAG">
20-
<meta name="twitter:description" content="TWITTER BANNER DESCRIPTION META TAG">
19+
<meta name="twitter:title" content="MASK is All You Need">
20+
<meta name="twitter:description" content="A novel approach connecting masked generative models and non-autoregressive models">
2121
<!-- Path to banner image, should be in the path listed below. Optimal dimenssions are 1200X600-->
2222
<meta name="twitter:image" content="static/images/your_twitter_banner_image.png">
2323
<meta name="twitter:card" content="summary_large_image">
2424
<!-- Keywords for your paper to be indexed by-->
25-
<meta name="keywords" content="KEYWORDS SHOULD BE PLACED HERE">
25+
<meta name="keywords" content="masked generative models, non-autoregressive models, discrete-state models, image generation, computer vision">
2626
<meta name="viewport" content="width=device-width, initial-scale=1">
2727

2828

@@ -46,7 +46,15 @@
4646
<script src="static/js/bulma-slider.min.js"></script>
4747
<script src="static/js/index.js"></script>
4848

49+
<style>
50+
#title1, #title2, #title3 {
51+
display: none;
52+
}
4953

54+
.title-container {
55+
min-height: 180px;
56+
}
57+
</style>
5058

5159
</head>
5260
<body>
@@ -82,12 +90,14 @@
8290
<div class="container is-max-desktop">
8391
<div class="columns is-centered">
8492
<div class="column has-text-centered">
85-
<h1 id="title1" class="title is-1 publication-title">[MASK] [MASK] [MASK] [MASK] [MASK]</h1>
86-
<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>
87-
<h1 id="title3" class="title is-1 publication-title">[MASK] <span style="color: rgba(0, 0, 255, 0.507);">is</span>
88-
<span style="color: green;">All</span>
89-
<span style="color: orange;">You</span>
90-
<span style="color: purple;">Need</span></h1>
93+
<div class="title-container">
94+
<h1 id="title1" class="title is-1 publication-title">[MASK] [MASK] [MASK] [MASK] [MASK]</h1>
95+
<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>
96+
<h1 id="title3" class="title is-1 publication-title">[MASK] <span style="color: rgba(0, 0, 255, 0.507);">is</span>
97+
<span style="color: green;">All</span>
98+
<span style="color: orange;">You</span>
99+
<span style="color: purple;">Need</span></h1>
100+
</div>
91101
<div class="is-size-5 publication-authors">
92102
<!-- Paper authors -->
93103
<span class="author-block">
@@ -350,7 +360,10 @@ <h2 class="title">BibTeX</h2>
350360
</section>
351361
<!--End BibTex citation -->
352362

363+
<div style="display: none;">
353364
<script type="text/javascript" id="clustrmaps" src="//clustrmaps.com/map_v2.js?d=9YG5ofCHg5kjXJesSeDanGI_xGQa5W8fPMCIvLX86IA&cl=ffffff&w=a"></script>
365+
</div>
366+
354367

355368
<footer class="footer">
356369
<div class="container">
@@ -380,20 +393,29 @@ <h2 class="title">BibTeX</h2>
380393

381394
<script>
382395
document.addEventListener("DOMContentLoaded", function() {
383-
setTimeout(() => {
384-
document.getElementById('title1').style.display = 'block';
385-
}, 1000); // 1 second delay
386-
387-
setTimeout(() => {
388-
document.getElementById('title2').style.display = 'block';
389-
}, 2000); // 2 seconds delay
390-
391-
setTimeout(() => {
392-
document.getElementById('title3').style.display = 'block';
393-
}, 3000); // 3 seconds delay
396+
const titles = ['title1', 'title2', 'title3'];
397+
titles.forEach((id, index) => {
398+
setTimeout(() => {
399+
const element = document.getElementById(id);
400+
if (element) {
401+
element.style.display = 'block';
402+
element.style.animation = 'fadeIn 1s ease-in forwards';
403+
}
404+
}, (index + 1) * 1000);
405+
});
394406
});
395407
</script>
396408

409+
<style>
410+
@keyframes fadeIn {
411+
from {
412+
opacity: 0;
413+
}
414+
to {
415+
opacity: 1;
416+
}
417+
}
418+
</style>
397419

398420
</body>
399421
</html>

0 commit comments

Comments
 (0)