Merge branch 'master' of https://github.com/YaleDHLab/neural-neighbors …

…into event-binding

assets/css/style.css

@@ -15,7 +15,7 @@ body {
 body,
 html,
 .gallery {
-  background: #333; 
+  background: #2b2b2b; 
 }
 
 .gray-text {
@@ -137,12 +137,14 @@ html,
 .slideshow {
   height: 240px;
   width: 100%;
-  background: #232323;
+  background: #111;
   position: fixed;
   top: 60px;
   z-index: 1;
   transition: height 1s;
   overflow: visible;
+  background-image: url('/neural-neighbors/assets/images/wood-2.png');
+  background-repeat-x;
 }
 
 .slideshow-items {
@@ -167,19 +169,24 @@ html,
 }
 
 .slideshow-guide {
-  color: #fff;
+  color: #cccccc;
   font-weight: 100;
-  font-size: 1.125em;
+  font-size: 1.25em;
   padding: 5px 10px;
   box-sizing: border-box;
-  max-width: 740px;
+  max-width: 820px;
   margin: 0 auto;
   line-height: 1.7em;
   letter-spacing: .01em;
 }
 
 .slideshow-guide a {
   color: #fff;
+  text-decoration: none;
+}
+
+.slideshow-guide a:hover {
+  color: #eab656;
 }
 
 .slideshow-guide p {
@@ -189,12 +196,16 @@ html,
 .slideshow-guide p.technical { 
   font-size: 0.75em;
   line-height:1.5em;
-  color: #aaa;
+  color: #cccccc;
   letter-spacing: .01em;
 }
 
 .slideshow-guide p.technical a {
-  color: #aaa;
+  color: #fff;
+}  
+
+.slideshow-guide p.technical a:hover {
+  color: #eab656;
 }  
 
 @media(max-width: 785px) {

index.html

@@ -14,10 +14,10 @@
         <div class='app-name'>NEURAL NEIGHBORS</div>
         <div class='tagline'>Pictorial Tropes in the Meserve-Kunhardt Collection</div>
       </header>
-      <section class='slideshow'>
+      <section class='slideshow slideshow-texture'>
         <div class='slideshow-items'></div>
         <div class='slideshow-guide'>
-          <p>Explore selections of over 27,000 photographs from the <a href='http://hdl.handle.net/10079/fa/beinecke.meservekunhardt' target='_blank'>Meserve-Kunhardt Collection</a> at Yale’s <a href='http://beinecke.library.yale.edu' target='_blank'>Beinecke Rare Book & Manuscript Library</a>. <a href='.'>Reload</a> this page for more.</p>
+          <p>Explore selections of over 27,000 photographs from the <a href='http://hdl.handle.net/10079/fa/beinecke.meservekunhardt' target='_blank'>Meserve-Kunhardt Collection</a> at Yale’s <a href='http://beinecke.library.yale.edu' target='_blank'>Beinecke Rare Book & Manuscript Library</a>. Reload this page for more.</p>
           <p class="technical">Similarity based on <a href='https://en.wikipedia.org/wiki/Nearest_neighbor_search#Approximate_nearest_neighbor' target='_blank'>approximate nearest neighbors</a> from 2,048 dimensions in the penultimate tensor of an <a href='https://www.cs.unc.edu/~wliu/papers/GoogLeNet.pdf' target='_blank'>Inception </a>Convolutional Neural Network, trained on <a href='http://image-net.org/challenges/LSVRC/2012/' target='_blank'>ImageNet 2012</a>. Inference run using <a href='https://www.tensorflow.org/versions/r0.10/tutorials/image_recognition/index.html' target='_blank'>TensorFlow</a> with CUDA-accelearted <a href='https://developer.nvidia.com/cudnn' target='_blank'>cuDNN</a>. NVIDIA hardware courtesy <a href='http://research.computing.yale.edu' target='_blank'>Yale Center for Research Computing</a>.</p>
         </div>
       </section>
@@ -28,7 +28,7 @@
       </section>
     </div>
     <footer class='footer'>
-      <img class='watermark' src='assets/images/beinecke-logo.svg'>
+      <a href='http://beinecke.library.yale.edu' target='_blank'><img class='watermark' src='assets/images/beinecke-logo.svg'></a>
       <div class='experiment'>An experiment of the Yale Digital Humanities Lab</div>
     </footer>
     <script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js'></script>