rebuild site

5 files changed, 140 insertions, 12 deletions

diff --git a/site/public/datasets/brainwash/index.html b/site/public/datasets/brainwash/index.html
index e5baca7a..55c1b977 100644
--- a/site/public/datasets/brainwash/index.html
+++ b/site/public/datasets/brainwash/index.html
@@ -43,12 +43,10 @@
  </section>
 
 <section class="applet_container">
-<!-- 	<div style="position: absolute;top: 0px;right: -55px;width: 180px;font-size: 14px;">Labeled Faces in the Wild Dataset<br><span class="numc" style="font-size: 11px;">20 citations</span>
-</div> -->
  <div class="applet" data-payload="{&quot;command&quot;: &quot;chart&quot;}"></div>
 </section><section>
 	
-	<h3>Information Supply Chain</h3>
+	<h3>Biometric Trade Routes (beta)</h3>
 <!-- 
 	<div class="map-sidebar right-sidebar">
 	  <h3>Legend</h3>
@@ -61,7 +59,7 @@
 	 -->
 	<p>
 		To understand how Brainwash Dataset has been used around the world...
-		affected global research on computer vision, surveillance, defense, and consumer technology, the and where this dataset has been used the locations of each organization that used or referenced the datast 
+		affected global research on computer vision, surveillance, defense, and consumer technology, the  and where this dataset has been used the locations of each organization that used or referenced the datast 
 	</p>
  
  </section>
@@ -79,7 +77,7 @@
 
 <section>
 	<p class='subp'>
-		Standardized paragraph of text about the map. Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo.
+		The data is generated by collecting all citations for all  original research papers associated with the dataset. Then the PDFs are then converted to text and the organization names are extracted and geocoded. Because of the automated approach to extracting data, actual use of the dataset can not yet be confirmed. This visualization is provided to help locate and confirm usage and will be updated as data noise is reduced.
 	</p>
 </section><section><p>Add more analysis here</p>
 </section><section>
@@ -95,11 +93,11 @@
 
   <h3>Citations</h3>
   <p>
-    The citations used for the geographic visualizations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates
+    Citations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates
     and indexes research papers.  Metadata was extracted from these papers, including extracting names of institutions automatically from PDFs, and then the addresses were geocoded.  Data is not yet manually verified, and reflects anytime the paper was cited.  Some papers may only mention the dataset in passing, while others use it as part of their research methodology.
   </p>
   <p>
-    Add [button/link] to download CSV. Add search input field to filter. Expand number of rows to 10. Reduce URL text to show only the domain (ie https://arxiv.org/pdf/123456 --> arxiv.org)
+    Add button/link to download CSV
   </p>
 
   <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div>
diff --git a/site/public/datasets/cofw/index.html b/site/public/datasets/cofw/index.html
index 20138c3c..605a325a 100644
--- a/site/public/datasets/cofw/index.html
+++ b/site/public/datasets/cofw/index.html
@@ -108,8 +108,6 @@ To increase the number of training images, and since  COFW has the exact same la
  </section>
 
 <section class="applet_container">
-	<div style="position: absolute;top: 0px;right: -55px;width: 180px;font-size: 14px;">Labeled Faces in the Wild Dataset<br><span class="numc" style="font-size: 11px;">20 citations</span>
-</div>
  <div class="applet" data-payload="{&quot;command&quot;: &quot;chart&quot;}"></div>
 </section><section><p>TODO</p>
 <h2>- replace graphic</h2>
diff --git a/site/public/datasets/index.html b/site/public/datasets/index.html
index d9452b11..2a412322 100644
--- a/site/public/datasets/index.html
+++ b/site/public/datasets/index.html
@@ -66,13 +66,25 @@
           <span class='title'>MARS</span>
           <div class='fields'>
             <div class='year visible'><span>2016</span></div>
-            <div class='purpose'><span>Motion Analysis and Re-identification Set</span></div>
+            <div class='purpose'><span>Motion analysis and person re-identification</span></div>
             <div class='images'><span>1,191,003  images</span></div>
             <div class='identities'><span>1,261 </span></div>
           </div>
         </div>
       </a>
     
+      <a href="/datasets/viper/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/viper/assets/index.jpg)">
+        <div class="dataset">
+          <span class='title'>VIPeR</span>
+          <div class='fields'>
+            <div class='year visible'><span>2007</span></div>
+            <div class='purpose'><span>pedestrian re-identification</span></div>
+            <div class='images'><span>1,264  images</span></div>
+            <div class='identities'><span>632 </span></div>
+          </div>
+        </div>
+      </a>
+    
     </div>
   </section>
 
diff --git a/site/public/datasets/lfw/index.html b/site/public/datasets/lfw/index.html
index 8670f909..477673e2 100644
--- a/site/public/datasets/lfw/index.html
+++ b/site/public/datasets/lfw/index.html
@@ -90,8 +90,6 @@
  </section>
 
 <section class="applet_container">
-	<div style="position: absolute;top: 0px;right: -55px;width: 180px;font-size: 14px;">Labeled Faces in the Wild Dataset<br><span class="numc" style="font-size: 11px;">20 citations</span>
-</div>
  <div class="applet" data-payload="{&quot;command&quot;: &quot;chart&quot;}"></div>
 </section><section>
 
diff --git a/site/public/datasets/viper/index.html b/site/public/datasets/viper/index.html
new file mode 100644
index 00000000..cbd866f4
--- /dev/null
+++ b/site/public/datasets/viper/index.html
@@ -0,0 +1,122 @@
+<!doctype html>
+<html>
+<head>
+  <title>MegaPixels</title>
+  <meta charset="utf-8" />
+  <meta name="author" content="Adam Harvey" />
+  <meta name="description" content="VIPeR is a person re-identification dataset of images captured at UC Santa Cruz in 2007" />
+  <meta name="referrer" content="no-referrer" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <link rel='stylesheet' href='/assets/css/fonts.css' />
+  <link rel='stylesheet' href='/assets/css/tabulator.css' />
+  <link rel='stylesheet' href='/assets/css/css.css' />
+  <link rel='stylesheet' href='/assets/css/leaflet.css' />
+  <link rel='stylesheet' href='/assets/css/applets.css' />
+</head>
+<body>
+  <header>
+    <a class='slogan' href="/">
+      <div class='logo'></div>
+      <div class='site_name'>MegaPixels</div>
+    </a>
+    <div class='links'>
+      <a href="/datasets/">Datasets</a>
+      <a href="/about/">About</a>
+    </div>
+  </header>
+  <div class="content content-dataset">
+    
+  <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/viper/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span class='bgpad'><span style='color: #ffaa00'>VIPeR</span> is a person re-identification dataset of images captured at UC Santa Cruz in 2007</span></div><div class='hero_subdesc'><span class='bgpad'>VIPeR contains 1,264 images and 632 persons on the UC Santa Cruz campus and is used to train person re-identification algorithms for surveillance
+</span></div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Published</div><div>2007</div></div><div><div class='gray'>Images</div><div>1,264</div></div><div><div class='gray'>Persons</div><div>632</div></div><div><div class='gray'>Created by</div><div>UC Santa Cruz</div></div></div></div><h2>VIPeR Dataset</h2>
+<p>(PAGE UNDER DEVELOPMENT)</p>
+<p><em>VIPeR (Viewpoint Invariant Pedestrian Recognition)</em> is a dataset of pedestrian images captured at University of California Santa Cruz in 2007. Accoriding to the reserachers 2 "cameras were placed in different locations in an academic setting and subjects were notified of the presence of cameras, but were not coached or instructed in any way."</p>
+<p>VIPeR is amongst the most widely used publicly available person re-identification datasets. In 2017 the VIPeR dataset was combined into a larger person re-identification created by the Chinese University of Hong Kong called PETA (PEdesTrian Attribute).</p>
+</section><section>
+  <h3>Who used VIPeR?</h3>
+
+  <p>
+    This bar chart presents a ranking of the top countries where citations originated.  Mouse over individual columns
+    to see yearly totals.  Colors are only assigned to the top 10 overall countries.
+  </p>
+ 
+ </section>
+
+<section class="applet_container">
+ <div class="applet" data-payload="{&quot;command&quot;: &quot;chart&quot;}"></div>
+</section><section>
+	
+	<h3>Biometric Trade Routes (beta)</h3>
+<!-- 
+	<div class="map-sidebar right-sidebar">
+	  <h3>Legend</h3>
+	  <ul>
+	    <li><span style="color: #f2f293">&#9632;</span> Industry</li>
+	    <li><span style="color: #f30000">&#9632;</span> Academic</li>
+	    <li><span style="color: #3264f6">&#9632;</span> Government</li>
+	  </ul>
+	</div>
+	 -->
+	<p>
+		To understand how VIPeR has been used around the world...
+		affected global research on computer vision, surveillance, defense, and consumer technology, the  and where this dataset has been used the locations of each organization that used or referenced the datast 
+	</p>
+ 
+ </section>
+
+<section class="applet_container">
+ <div class="applet" data-payload="{&quot;command&quot;: &quot;map&quot;}"></div>
+</section>
+
+<div class="caption">
+	<div class="map-legend-item edu">Academic</div>
+	<div class="map-legend-item com">Industry</div>
+	<div class="map-legend-item gov">Government</div> 
+	Data is compiled from <a href="https://www.semanticscholar.org">Semantic Scholar</a> and not yet manually verified.
+</div>
+
+<section>
+	<p class='subp'>
+		The data is generated by collecting all citations for all  original research papers associated with the dataset. Then the PDFs are then converted to text and the organization names are extracted and geocoded. Because of the automated approach to extracting data, actual use of the dataset can not yet be confirmed. This visualization is provided to help locate and confirm usage and will be updated as data noise is reduced.
+	</p>
+</section><section>
+
+
+  <div class="hr-wave-holder">
+      <div class="hr-wave-line hr-wave-line1"></div>
+      <div class="hr-wave-line hr-wave-line2"></div>
+  </div>
+
+  <h2>Supplementary Information</h2>
+</section><section class="applet_container">
+
+  <h3>Citations</h3>
+  <p>
+    Citations were collected from <a href="https://www.semanticscholar.org">Semantic Scholar</a>, a website which aggregates
+    and indexes research papers.  Metadata was extracted from these papers, including extracting names of institutions automatically from PDFs, and then the addresses were geocoded.  Data is not yet manually verified, and reflects anytime the paper was cited.  Some papers may only mention the dataset in passing, while others use it as part of their research methodology.
+  </p>
+  <p>
+    Add button/link to download CSV
+  </p>
+
+  <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div>
+</section>
+
+  </div>
+  <footer>
+    <div>
+      <a href="/">MegaPixels.cc</a>
+      <a href="/about/disclaimer/">Disclaimer</a>
+      <a href="/about/terms/">Terms of Use</a>
+      <a href="/about/privacy/">Privacy</a>
+      <a href="/about/">About</a>
+      <a href="/about/team/">Team</a>
+    </div>
+    <div>
+      MegaPixels &copy;2017-19 Adam R. Harvey /&nbsp;
+      <a href="https://ahprojects.com">ahprojects.com</a>
+    </div>
+  </footer>
+</body>
+
+<script src="/assets/js/dist/index.js"></script>
+</html>
\ No newline at end of file