Small update

snap-research · Mar 21, 2024 · 9e38f17 · 9e38f17
1 parent ef73607
commit 9e38f17
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -4055,7 +4055,7 @@ input, select, textarea {
 		}
 
 		.image-grid-overlay-container:hover .overlay-grid {
-			height: 40%;
+			height: 60%;
 		  }		  
 
 		.text-grid {

diff --git a/index.html b/index.html
@@ -379,7 +379,7 @@ <h2>Personalized Visual Question-Answering</h2>
 												<br>
 												<i class="fas fa-robot"></i>: "<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> is wearing a brown sweater and has curly hair."
 												<br><br>
-												<i class="far fa-user"></i>: <u style="color: #FFF176">From left to right, where is <span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> positioned in the image?</u>
+												<i class="far fa-user"></i>: <u style="color: #FFF176">Where is <span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> positioned in the image?</u>
 												<br>
 												<i class="fas fa-robot"></i>: "In the image, <span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> is positioned on the right side of the table"
 											</div>
@@ -452,11 +452,11 @@ <h2>Personalized Visual Question-Answering</h2>
 											<div class="text-grid-question">
 												<i class="far fa-user"></i>: <u style="color: #FFF176">Is <span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> small or large relative to the other objects?</u>
 												<br>
-												<i class="fas fa-robot"></i>: "<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> is small relative to the other objects in the image."
+												<i class="fas fa-robot"></i>: "<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> is small relative to the other objects."
 												<br><br>
 												<i class="far fa-user"></i>: <u style="color: #FFF176">Where is <span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> positioned in image?</u>
 												<br>
-												<i class="fas fa-robot"></i>: "In the image, <span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> is positioned on top of the refrigerator, sitting on a shelf with various food items and containers."
+												<i class="fas fa-robot"></i>: "<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> is on top of the refrigerator, sitting on a shelf with food items and containers."
 											</div>
 										</div>
 
@@ -471,7 +471,7 @@ <h2>Personalized Visual Question-Answering</h2>
 												<br><br>
 												<i class="far fa-user"></i>: <u style="color: #FFF176">From left to right, where is <span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> located?</u>
 												<br>
-												<i class="fas fa-robot"></i>: "<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> is located on the right side of the image, sitting in a green bowl next to a wooden bowl containing oranges and pears."
+												<i class="fas fa-robot"></i>: "<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> is located on the right side, sitting in a green bowl next to a wooden bowl containing oranges and pears."
 											</div>
 										</div>
 
@@ -498,9 +498,7 @@ <h2>Personalized Visual Question-Answering</h2>
 					<section class="wrapper style1 fade-up">
 						<div class="inner">
 							<h2>Personalized Referring Expression Comprehension</h2>
-							<!-- <ul style="list-style-type: none;"> -->
-							<p><i class="fa fa-pencil"></i>&nbsp;&nbsp;&nbsp;Hover over the images to see the personalized captions!</p>
-							<!-- </ul> -->
+							<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">
@@ -525,13 +523,13 @@ <h2>Personalized Referring Expression Comprehension</h2>
 										<div class="image image-grid-overlay-container">
 											<a class="image"><img src="assets/images/rec/5.jpg" alt="" data-position="center center" /></a>
 											<div class="overlay-grid">
-												<div class="text-grid">"<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> and his friend are standing on the balcony of their apartment in New York City. Everybody is smiling and enjoying the view."</div>
+												<div class="text-grid">"<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> and her friend sitting outside at a table with drinks."</div>
 											</div>
 										</div>	
 										<div class="image image-grid-overlay-container">
 											<a class="image"><img src="assets/images/rec/4.jpg" alt="" data-position="center center" /></a>
 											<div class="overlay-grid">
-												<div class="text-grid">"<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> and her friend sitting outside at a table with drinks."</div>
+												<div class="text-grid">"<span style="color:rgb(253, 216, 31)">S<sub>*</sub></span> and his friend are standing on the balcony of their apartment in New York City..."</div>
 											</div>
 										</div>	
 										<div class="image image-grid-overlay-container">