never say final, update uccs

1 files changed, 29 insertions, 36 deletions

diff --git a/site/public/datasets/50_people_one_question/index.html b/site/public/datasets/50_people_one_question/index.html
index 796af8d6..b27fa3e5 100644
--- a/site/public/datasets/50_people_one_question/index.html
+++ b/site/public/datasets/50_people_one_question/index.html
@@ -17,7 +17,7 @@
     <a class='slogan' href="/">
       <div class='logo'></div>
       <div class='site_name'>MegaPixels</div>
-      <div class='splash'>50 People One Question</div>
+      <div class='splash'>50 People One Question Dataset</div>
     </a>
     <div class='links'>
       <a href="/datasets/">Datasets</a>
@@ -39,32 +39,39 @@
   </div><div class='meta'>
     <div class='gray'>Website</div>
     <div><a href='http://www.vision.caltech.edu/~dhall/projects/MergingPoseEstimates/' target='_blank' rel='nofollow noopener'>caltech.edu</a></div>
-  </div><div class='meta'><div><div class='gray'>Collected</div><div>TBD</div></div><div><div class='gray'>Published</div><div>TBD</div></div><div><div class='gray'>Images</div><div>TBD</div></div><div><div class='gray'>Faces</div><div>TBD</div></div></div></div><h2>50 People 1 Question</h2>
-<p>(PAGE UNDER DEVELOPMENT)</p>
-<p>At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non-provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
-<p>Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non-recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat</p>
+  </div></div><h2>50 People 1 Question</h2>
+<p>[ page under development ]</p>
 </section><section>
+  <h3>Who used 50 People One Question Dataset?</h3>
+
+  <p>
+    This bar chart presents a ranking of the top countries where dataset citations originated.  Mouse over individual columns to see yearly totals. These charts show at most the top 10 countries.
+  </p>
+ 
+ </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 class="applet_container">
+ <div class="applet" data-payload="{&quot;command&quot;: &quot;piechart&quot;}"></div>
+</section>
+
+<section>
 	
 	<h3>Biometric Trade Routes</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 help understand how 50 People One Question Dataset has been used around the world for commercial, military and academic research; publicly available research citing 50 People One Question is collected, verified, and geocoded to show the biometric trade routes of people appearing in the images. Click on the markers to reveal reserach projects at that location.
+		To help understand how 50 People One Question Dataset has been used around the world by commercial, military, and academic organizations; existing publicly available research citing 50 People One Question was collected, verified, and geocoded to show the biometric trade routes of people appearing in the images. Click on the markers to reveal research projects at that location.
 	</p>
  
  </section>
 
 <section class="applet_container fullwidth">
  <div class="applet" data-payload="{&quot;command&quot;: &quot;map&quot;}"></div>
-
 </section>
 
 <div class="caption">
@@ -72,25 +79,12 @@
 	<li class="edu">Academic</li>
 	<li class="com">Commercial</li>
 	<li class="gov">Military / Government</li>
-	<li class="source">Citation data is collected using <a href="https://semanticscholar.org" target="_blank">SemanticScholar.org</a> then dataset usage verified and geolocated.</li>
 	</ul>
+	<div class="source">Citation data is collected using <a href="https://semanticscholar.org" target="_blank">SemanticScholar.org</a> then dataset usage verified and geolocated.</div >
 </div>
 
-<!-- <section>
-	<p class='subp'>
-		[section under development] 50 People One Question Dataset ... 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.
-	</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>
 
-  <h3>Supplementary Information</h3>
-  
-</section><section class="applet_container">
+<section class="applet_container">
 
   <h3>Dataset Citations</h3>
   <p>
@@ -104,11 +98,10 @@
   <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="/datasets/">Datasets</a>
       <a href="/about/">About</a>
-      <a href="/about/team/">Team</a>
+      <a href="/about/press/">Press</a>
+      <a href="/about/legal/">Legal and Privacy</a>
     </div>
     <div>
       MegaPixels &copy;2017-19 Adam R. Harvey /&nbsp;