save project page

ActiveVisionLab · Oct 28, 2023 · 2bd466b · 2bd466b
1 parent 5c79c02
commit 2bd466b
Show file tree

Hide file tree

Showing 44 changed files with 74 additions and 156 deletions.
diff --git a/css/style.css b/css/style.css
@@ -69,6 +69,25 @@ img {
   clear: both;
 }
 
+.image-row {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: nowrap; /* This ensures images stay in one row */
+  overflow: hidden;  /* This hides any content (images) that might overflow the container */
+}
+
+.image-row img {
+  flex: 1;           /* This ensures each image takes an equal portion of the available space */
+  height: auto;      /* Maintain image aspect ratio */
+  max-width: 100%;   /* This ensures the image doesn't exceed its container's width */
+  min-width: 0;      /* This allows the image to shrink below its intrinsic width if necessary */
+  margin-right: 10px;/* Add space to the right of each image */
+}
+
+.image-row img:last-child {
+  margin-right: 0;   /* Remove the margin for the last image */
+}
+
 div.polaroid {
   /* width: 250px; */
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

diff --git a/gif/dense_matching/bike_1.gif b/gif/dense_matching/bike_1.gif
diff --git a/gif/dense_matching/bike_3.gif b/gif/dense_matching/bike_3.gif
diff --git a/gif/dense_matching/bird_1.gif b/gif/dense_matching/bird_1.gif
diff --git a/gif/dense_matching/bird_3.gif b/gif/dense_matching/bird_3.gif
diff --git a/gif/dense_matching/boat_1.gif b/gif/dense_matching/boat_1.gif
diff --git a/gif/dense_matching/boat_2.gif b/gif/dense_matching/boat_2.gif
diff --git a/gif/dense_matching/cat_1.gif b/gif/dense_matching/cat_1.gif
diff --git a/gif/dense_matching/chair_1.gif b/gif/dense_matching/chair_1.gif
diff --git a/gif/dense_matching/chair_2.gif b/gif/dense_matching/chair_2.gif
diff --git a/gif/dense_matching/cow_1.gif b/gif/dense_matching/cow_1.gif
diff --git a/gif/dense_matching/cow_2.gif b/gif/dense_matching/cow_2.gif
diff --git a/gif/dense_matching/dog_1.gif b/gif/dense_matching/dog_1.gif
diff --git a/gif/dense_matching/dog_2.gif b/gif/dense_matching/dog_2.gif
diff --git a/gif/dense_matching/horse_1.gif b/gif/dense_matching/horse_1.gif
diff --git a/gif/dense_matching/horse_2.gif b/gif/dense_matching/horse_2.gif
diff --git a/gif/dense_matching/motorbike_1.gif b/gif/dense_matching/motorbike_1.gif
diff --git a/gif/dense_matching/person_1.gif b/gif/dense_matching/person_1.gif
diff --git a/images/boat_4/dift_result.png b/images/boat_4/dift_result.png
diff --git a/images/boat_4/our_result.png b/images/boat_4/our_result.png
diff --git a/images/boat_4/sddino_result.png b/images/boat_4/sddino_result.png
diff --git a/images/bottle_1/dift_result.png b/images/bottle_1/dift_result.png
diff --git a/images/bottle_1/our_result.png b/images/bottle_1/our_result.png
diff --git a/images/bottle_1/sddino_result.png b/images/bottle_1/sddino_result.png
diff --git a/images/bus_1/dift_result.png b/images/bus_1/dift_result.png
diff --git a/images/bus_1/our_result.png b/images/bus_1/our_result.png
diff --git a/images/bus_1/sddino_result.png b/images/bus_1/sddino_result.png
diff --git a/images/cat_2/dift_result.png b/images/cat_2/dift_result.png
diff --git a/images/cat_2/our_result.png b/images/cat_2/our_result.png
diff --git a/images/cat_2/sddino_result.png b/images/cat_2/sddino_result.png
diff --git a/images/chair_1/dift_result.png b/images/chair_1/dift_result.png
diff --git a/images/chair_1/our_result.png b/images/chair_1/our_result.png
diff --git a/images/chair_1/sddino_result.png b/images/chair_1/sddino_result.png
diff --git a/images/comparison.jpg b/images/comparison.jpg
diff --git a/images/horse_2/dift_result.png b/images/horse_2/dift_result.png
diff --git a/images/horse_2/our_result.png b/images/horse_2/our_result.png
diff --git a/images/horse_2/sddino_result.png b/images/horse_2/sddino_result.png
diff --git a/images/pottedplant_2/dift_result.png b/images/pottedplant_2/dift_result.png
diff --git a/images/pottedplant_2/our_result.png b/images/pottedplant_2/our_result.png
diff --git a/images/pottedplant_2/sddino_result.png b/images/pottedplant_2/sddino_result.png
diff --git a/images/train_4/dift_result.png b/images/train_4/dift_result.png
diff --git a/images/train_4/our_result.png b/images/train_4/our_result.png
diff --git a/images/train_4/sddino_result.png b/images/train_4/sddino_result.png
diff --git a/index.html b/index.html
@@ -25,131 +25,6 @@
 		  crossorigin="anonymous">
 		<!-- Custom fonts for this template -->
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-
-		<script>
-			document.addEventListener('DOMContentLoaded', domReady);
-
-			function domReady() {
-				new Dics({
-					container: document.querySelectorAll('.b-dics')[0],
-					textPosition: 'top'
-				});
-
-				new Dics({
-					container: document.querySelectorAll('.b-dics')[1],
-					hideTexts: true,
-					textPosition: 'center'
-				});
-
-				new Dics({
-					container: document.querySelectorAll('.b-dics')[2]
-				});
-
-				new Dics({
-					container: document.querySelectorAll('.b-dics')[3],
-					linesOrientation: 'vertical',
-					textPosition: 'left',
-					arrayBackgroundColorText: ['#000000', '#FFFFFF'],
-					arrayColorText: ['#FFFFFF', '#000000'],
-					linesColor: 'rgb(0,0,0)'
-				});
-
-				new Dics({
-					container: document.querySelectorAll('.b-dics')[4],
-					linesOrientation: 'vertical',
-					textPosition: 'right'
-				});
-
-				new Dics({
-					container: document.querySelectorAll('.b-dics')[5],
-					textPosition: 'bottom'
-				});
-
-				new Dics({
-					container: document.querySelectorAll('.b-dics')[6],
-					filters: ['blur(3px)', 'grayscale(1)', 'sepia(1)', 'saturate(3)']
-				});
-				new Dics({
-					container: document.querySelectorAll('.b-dics')[7],
-					rotate: '45deg'
-				});
-
-			}
-		</script>
-		<script type="text/javascript">
-			var x = 0;
-			var images = [
-				["imgs/ig_barf.png"
-			, "imgs/ig_nerfmm.png",
-			"imgs/ig_scnerf.png",
-			"imgs/ig_ours.png",
-			"imgs/pose_ig.png"], 
-			["imgs/francis_barf.png",
-			"imgs/francis_nerfmm.png",
-			"imgs/francis_scnerf.png",
-			"imgs/francis_ours.png",
-			"imgs/pose_francis.png"],
-			["imgs/museum_barf.png",
-			"imgs/museum_nerfmm.png",
-			"imgs/museum_scnerf.png",
-			"imgs/museum_ours.png",
-			"imgs/pose_museum.png"],
-			["imgs/family_barf.png",
-			"imgs/family_nerfmm.png",
-			"imgs/family_scnerf.png",
-			"imgs/family_ours.png",
-			"imgs/pose_family.png"],
-			["imgs/ballroom_barf.png",
-			"imgs/ballroom_nerfmm.png",
-			"imgs/ballroom_scnerf.png",
-			"imgs/ballroom_ours.png",
-			"imgs/pose_ballroom.png"],
-			["imgs/church_barf.png",
-			"imgs/church_nerfmm.png",
-			"imgs/church_scnerf.png",
-			"imgs/church_ours.png",
-			"imgs/pose_church.png"],
-			["imgs/barn_barf.png",
-			"imgs/barn_nerfmm.png",
-			"imgs/barn_scnerf.png",
-			"imgs/barn_ours.png",
-			"imgs/pose_barn.png"],
-			["imgs/horse_barf.png",
-			"imgs/horse_nerfmm.png",
-			"imgs/horse_scnerf.png",
-			"imgs/horse_ours.png",
-			"imgs/pose_horse.png"],
-			];
-			function ChangeImage() {
-				x = Math.floor(Math.random() * images.length);
-              	document.getElementById("img1").src = images[x];
-			}
-			function displayNextImages() {
-              	x = (x === images.length - 1) ? 0 : x + 1;
-              	document.getElementById("img1").src = images[x][0];
-				document.getElementById("img2").src = images[x][1];
-				document.getElementById("img3").src = images[x][2];
-				document.getElementById("img4").src = images[x][3];
-				document.getElementById("pose").src = images[x][4];
-          }
-
-			function displayPreviousImages() {
-				x = (x <= 0) ? images.length - 1 : x - 1;
-				document.getElementById("img1").src = images[x][0];
-				document.getElementById("img2").src = images[x][1];
-				document.getElementById("img3").src = images[x][2];
-				document.getElementById("img4").src = images[x][3];
-				document.getElementById("pose").src = images[x][4];
-			}
-			function ChangeImages() {
-				x = Math.floor(Math.random() * images.length);
-              	document.getElementById("img1").src = images[x][0];
-				document.getElementById("img2").src = images[x][1];
-				document.getElementById("img3").src = images[x][2];
-				document.getElementById("img4").src = images[x][3];
-				document.getElementById("pose").src = images[x][4];
-			}
-		</script>
 	</head>
 <body>
 
@@ -177,12 +52,15 @@ <h1 class="title is-3 publication-title">SD4Match: Learning to Prompt Stable Dif
 	<div class="row">
 	<div class="column">
 		<img src="gif/dense_matching/aeroplane_1.gif" alt="Description of GIF">
+		<img src="gif/dense_matching/bird_1.gif" alt="Description of GIF">
 	</div>
 	<div class="column">
-		<img src="gif/dense_matching/bike_3.gif" alt="Description of GIF">
+		<img src="gif/dense_matching/bike_1.gif" alt="Description of GIF">
+		<img src="gif/dense_matching/bottle_1.gif" alt="Description of GIF">
 	</div>
 	<div class="column">
-		<img src="gif/dense_matching/boat_2.gif" alt="Description of GIF">
+		<img src="gif/dense_matching/boat_1.gif" alt="Description of GIF">
+		<img src="gif/dense_matching/cow_1.gif" alt="Description of GIF">
 	</div>
 	</div>	
 	</div>	
@@ -219,36 +97,49 @@ <h1 class="title is-3 publication-title">SD4Match: Learning to Prompt Stable Dif
 	</div>
 	</div>
 
+	<div>
+	<p class="title is-4">SPair-71K Benchmark Result</p>
+	<img src="images/comparison.jpg" alt="quantative result">
+	</div>
+
 	<div>
 	<p class="title is-4">Sparse Matching</p>
-	<p>
-		We provide the qualitative comparison of sparse matching between SD4Match and <a href="https://sd-complements-dino.github.io/">SD+DINO</a>.
-	</p>
 	<div class="row">
 	<div class="column">
-		SD4Match
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
+		<div style="padding-left: 100px;">
+		<b>SD4Match</b>
+		</div>
 	</div>
 	<div class="column">
-		SD+DINO
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
+		<div style="padding-left: 100px;">
+		<a href="https://sd-complements-dino.github.io/"><b>SD+DINO</b></a>
+		</div>
 	</div>
 	<div class="column">
-		SD4Match
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
+		<div style="padding-left: 115px;">
+		<a href="https://diffusionfeatures.github.io/"><b>DIFT</b></a>
+		</div>
 	</div>
-	<div class="column">
-		SD+DINO
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
-		<img src="path_to_your_gif.gif" alt="Description of GIF">
 	</div>
+	<div class="image-row">
+		<img src="images/boat_4/our_result.png" alt="ours_boat4">
+		<img src="images/boat_4/sddino_result.png" alt="sddino_boat4">
+		<img src="images/boat_4/dift_result.png" alt="dift_boat4">
+	</div>
+	<div class="image-row">
+		<img src="images/train_4/our_result.png" alt="ours_train4">
+		<img src="images/train_4/sddino_result.png" alt="sddino_train4">
+		<img src="images/train_4/dift_result.png" alt="dift_train4">
+	</div>
+	<div class="image-row">
+		<img src="images/pottedplant_2/our_result.png" alt="ours_pottedplant2">
+		<img src="images/pottedplant_2/sddino_result.png" alt="sddino_pottedplant2">
+		<img src="images/pottedplant_2/dift_result.png" alt="dift_pottedplant2">
+	</div>
+	<div class="image-row">
+		<img src="images/chair_1/our_result.png" alt="ours_chair1">
+		<img src="images/chair_1/sddino_result.png" alt="sddino_chair1">
+		<img src="images/chair_1/dift_result.png" alt="dift_chair1">
 	</div>
 	</div>
 
@@ -257,27 +148,35 @@ <h2 class="title is-4">Dense Matching</h2>
 	<div class="row">
 	<div class="column">
 		<img src="gif/dense_matching/aeroplane_2.gif" alt="aeroplane_2">
-		<img src="gif/dense_matching/bottle_1.gif" alt="bottle_1">
+		<img src="gif/dense_matching/bottle_2.gif" alt="bottle_2">
+		<img src="gif/dense_matching/cow_2.gif" alt="cow_2">
+		<img src="gif/dense_matching/chair_2.gif" alt="chair_2">
 	</div>
 	<div class="column">
 		<img src="gif/dense_matching/bike_2.gif" alt="bike_2">
-		<img src="gif/dense_matching/boat_1.gif" alt="boat_1">
+		<img src="gif/dense_matching/boat_2.gif" alt="boat_2">
+		<img src="gif/dense_matching/dog_2.gif" alt="dog_2">
+		<img src="gif/dense_matching/motorbike_1.gif" alt="motorbike_1">
 	</div>
 	<div class="column">
 		<img src="gif/dense_matching/bird_2.gif" alt="bird_2">
-		<img src="gif/dense_matching/car_1.gif" alt="car_1">
+		<img src="gif/dense_matching/car_2.gif" alt="car_2">
+		<img src="gif/dense_matching/horse_2.gif" alt="horse_1">
+		<img src="gif/dense_matching/person_1.gif" alt="person_1">
 	</div>
 	</div>
 	</div>
 
 <h2 class="title is-4">BibTeX</h2>
 <code class="codebox" id="bibtex"><pre>
-@inproceedings{bian2022nopenerf,
-	author    = {Wenjing Bian and Zirui Wang and Kejie Li and Jiawang Bian and Victor Adrian Prisacariu},
-	title     = {NoPe-NeRF: Optimising Neural Radiance Field with No Pose Prior},
-	journal   = {CVPR},
-	year      = {2023}
-	}
+@misc{li2023sd4match,
+	title={SD4Match: Learning to Prompt Stable Diffusion Model for Semantic Matching}, 
+	author={Xinghui Li and Jingyi Lu and Kai Han and Victor Prisacariu},
+	year={2023},
+	eprint={2310.17569},
+	archivePrefix={arXiv},
+	primaryClass={cs.CV}
+    }
 
 </main>
 </body>