Merge pull request #15 from tsaishien-chen/main

Improve webpage experience and update README.md
snap-research · Mar 8, 2024 · 3a1e910 · 3a1e910
2 parents 603aa1a + 88601d1
commit 3a1e910
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 12 deletions.
diff --git a/dataset_dataloading/README.md b/dataset_dataloading/README.md
@@ -1,7 +1,7 @@
 # 🐼 Panda-70M: Dataset Dataloading
 The section includes the csv files listing the data samples in Panda-70M and the code to download the videos.
 
-**[Note] Please use the video2dataset in this repo to download the dataset! The original video2dataset cannot work on our csv files.**
+**[Note] Please use the video2dataset tool from this repository to download the dataset. If you have already installed video2dataset from [the official repository](https://github.com/iejMac/video2dataset), please uninstall it first, as it cannot work with our csv format.**
 
 ## Data Splitting and Download Link
   | Split           | Download | # Source Videos | # Samples | Video Duration | Storage Space|

diff --git a/docs/html_pages/resources/stylesheet.css b/docs/html_pages/resources/stylesheet.css
@@ -173,4 +173,17 @@ div.scroll-container {
 .image-item img {
   width: 100%;
   height: auto;
+}
+
+.table-container {
+  width: 80%;
+  table-layout: fixed;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@media (max-width: 1000px) {
+  .table-container {
+    width: 100%;
+  }
 }
diff --git a/docs/index.html b/docs/index.html
@@ -2,7 +2,7 @@
 <!doctype html>
 <html lang="en">
 <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link href="./Plug-and-Play Diffusion Features for Text-Driven Image-to-Image Translation_files/chalkduster" rel="stylesheet">
-<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐼</text></svg>">
+<link rel="shortcut icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐼</text></svg>">
 <style>
 	@import url('https://fonts.cdnfonts.com/css/chalkduster');
 </style>

diff --git a/docs/more_samples.html b/docs/more_samples.html
@@ -2,7 +2,7 @@
 <!doctype html>
 <html lang="en">
 <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link style="width:150px" href="./Plug-and-Play Diffusion Features for Text-Driven Image-to-Image Translation_files/chalkduster" rel="stylesheet">
-	<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐼</text></svg>">
+	<link rel="shortcut icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐼</text></svg>">
 <style>
 	@import url('https://fonts.cdnfonts.com/css/chalkduster');
 </style>
@@ -22,7 +22,7 @@
 <body data-new-gr-c-s-check-loaded="14.1110.0" data-gr-ext-installed="">
 	<header>
 		<nav>
-			<a class="h5 pt-1" style="margin-left: 10px; color: #fff !important;" href="./index.html">&#128060; Panda-70M</a>
+			<a class="h5 pt-1" style="margin-left: 10px; color: #fff !important;" href="#panda70M">&#128060; Panda-70M</a>
 		</nav>
 		<nav>
 			<a href="#Animal">Animal</a>
@@ -65,7 +65,7 @@ <h5 class="pt-1" style="font-size: 2rem; font-weight: normal">A Large-Scale Data
 		</div>
 	</section>
 
-<table style="width: 100%; table-layout: fixed">
+<table class="table-container">
 <tbody>
 <tr>
 
@@ -160,7 +160,7 @@ <h2 class="pt-4"><p class="text-center" id="Animal" style="margin-top: -50px">An
 </tr>
 
 </body>
-<table style="width: 100%; table-layout: fixed">
+<table class="table-container">
 <tbody>
 <tr>
 
@@ -257,7 +257,7 @@ <h2 class="pt-4"><p class="text-center" id="Scenery">Scenery</p></h2>
 </tr>
 
 </body>
-<table style="width: 100%; table-layout: fixed">
+<table class="table-container">
 <tbody>
 <tr>
 
@@ -354,7 +354,7 @@ <h2 class="pt-4"><p class="text-center" id="Food">Food</p></h2>
 </tr>
 
 </body>
-<table style="width: 100%; table-layout: fixed">
+<table class="table-container">
 <tbody>
 <tr>
 
@@ -451,7 +451,7 @@ <h2 class="pt-4"><p class="text-center" id="Sports_Activity">Sports Activity</p>
 </tr>
 
 </body>
-<table style="width: 100%; table-layout: fixed">
+<table class="table-container">
 <tbody>
 <tr>
 
@@ -548,7 +548,7 @@ <h2 class="pt-4"><p class="text-center" id="Vehicles">Vehicles</p></h2>
 </tr>
 
 </body>
-<table style="width: 100%; table-layout: fixed">
+<table class="table-container">
 <tbody>
 <tr>
 
@@ -645,7 +645,7 @@ <h2 class="pt-4"><p class="text-center" id="Tutorial_and_Narrative">Tutorial and
 </tr>
 
 </body>
-<table style="width: 100%; table-layout: fixed">
+<table class="table-container">
 <tbody>
 <tr>
 
@@ -742,7 +742,7 @@ <h2 class="pt-4"><p class="text-center" id="News_and_TV_Shows">News and TV Shows
 </tr>
 
 </body>
-<table style="width: 100%; table-layout: fixed">
+<table class="table-container">
 <tbody>
 <tr>