Update visualization

Leniabreeder · Apr 16, 2024 · 8008904 · 8008904
1 parent ddb92a0
commit 8008904
Show file tree

Hide file tree

Showing 9 changed files with 13 additions and 47 deletions.
diff --git a/index.html b/index.html
@@ -2,35 +2,18 @@
 <html>
 <head>
 	<meta charset="utf-8">
-	<meta name="description"
-				content="Open-Ended Discovery of Diverse Artificial Life within Lenia using Quality-Diversity.">
+	<meta name="description" content="Open-Ended Discovery of Diverse Artificial Life within Lenia using Quality-Diversity.">
 	<meta name="keywords" content="Leniabreeder, Quality-Diversity, Lenia, Open-Endedness, Open-Ended Evolution">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>Towards Artificial Open-Ended Evolution within Lenia using Quality-Diversity</title>
 
-	<!-- Global site tag (gtag.js) - Google Analytics -->
-	<script async src="https://www.googletagmanager.com/gtag/js?id=G-PYVRSFMDRL"></script>
-	<script>
-		window.dataLayer = window.dataLayer || [];
-
-		function gtag() {
-			dataLayer.push(arguments);
-		}
-
-		gtag('js', new Date());
-
-		gtag('config', 'G-PYVRSFMDRL');
-	</script>
-
-	<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro"
-				rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
 
 	<link rel="stylesheet" href="./static/css/bulma.min.css">
 	<link rel="stylesheet" href="./static/css/bulma-carousel.min.css">
 	<link rel="stylesheet" href="./static/css/bulma-slider.min.css">
 	<link rel="stylesheet" href="./static/css/fontawesome.all.min.css">
-	<link rel="stylesheet"
-				href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
 	<link rel="stylesheet" href="./static/css/index.css">
 	<link rel="icon" href="./static/images/favicon.svg">
 
@@ -40,9 +23,8 @@
 	<script src="./static/js/bulma-slider.min.js"></script>
 	<script src="./static/js/index.js"></script>
 </head>
-<body>
-
 
+<body>
 <section class="hero">
 	<div class="hero-body">
 		<div class="container is-max-desktop">
@@ -57,8 +39,7 @@ <h1 class="title is-1 publication-title">Towards Artificial Open-Ended Evolution
 						<div class="publication-links">
 							<!-- PDF Link. -->
 							<span class="link-block">
-								<a href="./static/leniabreeder.pdf"
-									 class="external-link button is-normal is-rounded is-dark">
+								<a href="./static/leniabreeder.pdf" class="external-link button is-normal is-rounded is-dark">
 									<span class="icon">
 											<i class="fas fa-file-pdf"></i>
 									</span>
@@ -80,13 +61,12 @@ <h1 class="title is-1 publication-title">Towards Artificial Open-Ended Evolution
 				<source src="./static/videos/teaser.mp4" type="video/mp4">
 			</video>
 			<h2 class="subtitle has-text-centered">
-				<span class="dnerf">Leniabreeder</span> fosters an open-ended evolution of diverse self-organizing patterns within Lenia using Quality-Diversity.
+				Leniabreeder fosters an open-ended evolution of diverse self-organizing patterns within Lenia using Quality-Diversity.
 			</h2>
 		</div>
 	</div>
 </section>
 
-
 <section class="section">
 	<div class="container is-max-desktop">
 		<!-- Abstract. -->
@@ -102,47 +82,38 @@ <h2 class="title is-3">Abstract</h2>
 	</div>
 </section>
 
-
 <section class="section">
 	<div class="container is-max-desktop">
 
 		<div class="columns is-centered">
-
 			<!-- Visual Effects. -->
 			<div class="column">
 				<div class="content">
-					<h2 class="title is-3">Visual Effects</h2>
+					<h2 class="title is-3">AURORA</h2>
 					<p>
-						Using <i>nerfies</i> you can create fun visual effects. This Dolly zoom effect
-						would be impossible without nerfies since it would require going through a wall.
+						AURORA fosters an open-ended evolution process.
 					</p>
-					<video id="dollyzoom" autoplay controls muted loop playsinline height="100%">
-						<source src="./static/videos/dollyzoom-stacked.mp4"
-										type="video/mp4">
-					</video>
+					<iframe src="./assets/aurora.pdf" style="width: 100%;height: 100%;border: none;"></iframe>
 				</div>
 			</div>
 			<!--/ Visual Effects. -->
 
 			<!-- Matting. -->
 			<div class="column">
-				<h2 class="title is-3">Matting</h2>
+				<h2 class="title is-3">MAP-Elites</h2>
 				<div class="columns is-centered">
 					<div class="column content">
 						<p>
-							As a byproduct of our method, we can also solve the matting problem by ignoring
-							samples that fall outside of a bounding box during rendering.
+							MAP-Elites discovers a diversity of individuals with characteristics of interest.
 						</p>
 						<video id="matting-video" controls playsinline height="100%">
-							<source src="./static/videos/matting.mp4"
-											type="video/mp4">
+							<iframe src="./assets/me.pdf" style="width: 100%;height: 100%;border: none;"></iframe>
 						</video>
 					</div>
-
 				</div>
 			</div>
+			<!--/ Matting. -->
 		</div>
-		<!--/ Matting. -->
 
 
 		<!-- Concurrent Work. -->

diff --git a/static/videos/._Icon → static/assets/._Icon b/static/videos/._Icon → static/assets/._Icon
diff --git a/static/assets/aurora.pdf b/static/assets/aurora.pdf
diff --git a/static/videos/dollyzoom-stacked.mp4 → static/assets/dollyzoom-stacked.mp4 b/static/videos/dollyzoom-stacked.mp4 → static/assets/dollyzoom-stacked.mp4
diff --git a/static/videos/matting.mp4 → static/assets/matting.mp4 b/static/videos/matting.mp4 → static/assets/matting.mp4
diff --git a/static/assets/me.pdf b/static/assets/me.pdf
diff --git a/static/videos/teaser.mp4 → static/assets/teaser.mp4 b/static/videos/teaser.mp4 → static/assets/teaser.mp4
diff --git a/static/assets/vae.pdf b/static/assets/vae.pdf
diff --git a/static/css/index.css b/static/css/index.css
@@ -13,11 +13,6 @@ body {
     margin-bottom: 5px;
 }
 
-.dnerf {
-  font-variant: small-caps;
-}
-
-
 .teaser .hero-body {
   padding-top: 0;
   padding-bottom: 3rem;