From 4c224ca3c159350e2601c1af0880e276ed3aa4f0 Mon Sep 17 00:00:00 2001
From: Yuval Alaluf <yuvalalaluf@gmail.com>
Date: Thu, 21 Mar 2024 23:33:23 +0200
Subject: [PATCH] Update website

---
 assets/css/main.css |  2 +-
 index.html          | 25 ++++++++++++-------------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index f1eaa75..0cd7eac 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -3249,7 +3249,7 @@ input, select, textarea {
 		}
 
 		.wrapper.style2 {
-			background-color: #888888;
+			background-color: #525252;
 		}
 
 		.wrapper.style2-alt {
diff --git a/index.html b/index.html
index 17e90a3..f444da5 100644
--- a/index.html
+++ b/index.html
@@ -51,7 +51,7 @@ <h2>Personalizing VLMs for User-Specific Queries</h2>
 							<br><br>
 							<ul class="actions">
 								<li><a href="" class="button scrolly">Read Paper</a></li>
-								<li><a href="" class="button scrolly">Code & Data (Coming Soon)</a></li>
+								<li><a href="https://github.com/snap-research/MyVLM" class="button scrolly">Code & Data</a></li>
 							</ul>
 
 					</section>
@@ -59,12 +59,11 @@ <h2>Personalizing VLMs for User-Specific Queries</h2>
 				<!-- One -->
 				<section id="one" class="wrapper style2 spotlights">
 					<section>
-						<div class="content">
+						<div class="content" style="width: 100%">
 							<div class="inner">
-								<h2>Overview Video</h2>
 								<div class="w-embed-youtubevideo stega_movie youtube" id="w-node-e5e45b1d55ac-81500a5f" style="padding-top:56.17021276595745%">
 									<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameBorder="0"
-											src="https://www.youtube.com/embed/_sbXmLY2jMw?rel=1&amp;controls=1&amp;autoplay=0&amp;mute=0&amp;start=0"
+											src="https://www.youtube.com/embed/8Fy17kK_aZY?si=maoSAvt2ANVdqT0C?rel=1&amp;controls=1&amp;autoplay=0&amp;mute=0&amp;start=0"
 											style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto"></iframe>
 								</div>
 							</div>
@@ -100,8 +99,8 @@ <h2>Introducing MyVLM</h2>
 						</div>	
 						<div class="content">
 							<div class="inner fade-up">
-								<h2>The Vision Language Models</h2>
-								<p style="color: #d4d4d4;">We apply MyVLM to various VLM architectures for personalizing captioning, visual question-answering, and referring expression comprehension.</p>
+								<h2 style="color: #d4d4d4">The Vision Language Models</h2>
+								<p style="color: #d4d4d4;">We apply MyVLM to various VLM architectures for personalized captioning, visual question-answering, and referring expression comprehension.</p>
 								<div class="fade-up" style="text-align: center; width: 100%;">
 									<div style="display: inline-block; width: 30%;">
 										<a><img style="display: block; width: 100%; text-decoration: none;" src="assets/images/blip-icon.png" alt="" data-position="center center"/></a>
@@ -158,12 +157,12 @@ <h3>Step 3: <i><b><u>Communicating</u></b></i> the Concept </h3>
 							<h1>Results</h1>
 							<ul style="list-style-type: none;">
 								<li><i class="far fa-user"></i>&nbsp;&nbsp;&nbsp;For each row, we show sample images of the target concept to the left</li>
-								<li><i class="fas fa-robot"></i>&nbsp;&nbsp;Images to the right represent the input images passed to MyVLM</li>
-								<li><i class="far fa-comment"></i>&nbsp;&nbsp;&nbsp;Personalized responses generated by MyVLM can be seen by hovering each image</li>
+								<li><i class="fas fa-robot"></i>&nbsp;&nbsp;The remaining images represent the input images passed to MyVLM</li>
+								<li><i class="far fa-comment"></i>&nbsp;&nbsp;&nbsp;Personalized responses generated by MyVLM can be seen by hovering over each image</li>
 								<li><i class="far fa-star"></i>&nbsp;&nbsp;<span>S<sub>*</sub></span> represents our concept's name</li>
 							</ul>
 							<h2>Personalized Captioning</h2>
-							<p><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;Hover over the images to see the personalized captions!</p>
+							<p><i class="fa fa-pencil"></i> Hover over the images to see the personalized captions!</p>
 							<div class="style1 fade-up">
 								<section>
 									<div class="image-grid fade-up">
@@ -366,7 +365,7 @@ <h2>Personalized Captioning</h2>
 					</section>
 					<section class="wrapper style2 fade-up">
 						<div class="inner">
-							<h2>Personalized Visual Question-Answering</h2>
+							<h2 style="color: #d4d4d4">Personalized Visual Question-Answering</h2>
 							<div class="style1 fade-up">
 								<section>
 									<div class="image-grid fade-up">
@@ -498,7 +497,7 @@ <h2>Personalized Visual Question-Answering</h2>
 					<section class="wrapper style1 fade-up">
 						<div class="inner">
 							<h2>Personalized Referring Expression Comprehension</h2>
-							<p><i class="fa fa-pencil"></i>Hover over the images to see the personalized captions!</p>
+							<p><i class="fa fa-pencil"></i> Hover over the images to see the personalized captions!</p>
 							<div class="style1">
 								<section>
 									<div class="image-grid fade-up">
@@ -546,14 +545,14 @@ <h2>Personalized Referring Expression Comprehension</h2>
 
 					<section id="acknowledgements" class="wrapper style2 fade-up">
 						<div class="inner">
-							<h2>Acknowledgements</h2>
+							<h2 style="color: #d4d4d4">Acknowledgements</h2>
 							<p style="color: rgb(220, 220, 220);">
 								This research was performed while Yuval Alaluf was at Snap.
 							</p>
 							<p style="color: rgb(220, 220, 220);">
 								We would like to thank Assaf Ben-Kish, Or Patashnik, Moran Yanuka, Morris Alper, Yonatan Biton, and Yuwei Fang for their fruitful discussions and valuable input which helped improve this work.
 							</p>
-							<h2>BibTeX</h2>
+							<h2 style="color: #d4d4d4">BibTeX</h2>
 							<pre><code style="background-color: #fff7ab;">@article{}
 							</code></pre>
 						</div>