update color on zoom

Author: Joyce Yan

assets/js/hover.zoom.conf.js

@@ -30,6 +30,11 @@ $(function() {
         zoom: 0
     });
 
+    $('.turquoise').hoverZoom({
+      overlayColor: '#186784',
+      zoom: 0
+    });
+
     /* USAGE
 
     $('#pink').hoverZoom({

index.html

@@ -72,29 +72,29 @@ <h1>Hi, I'm Joyce!</h1>
   <div class="container pt" id="work">
     <div class="row mt centered">
       <div class="col-lg-4">
-        <a class="zoom asphalt" href="signal.html"><img class="img-responsive " src="assets/img/portfolio/port01.jpg" alt="" /></a>
+        <a class="zoom turquoise" href="signal.html"><img class="img-responsive " src="assets/img/portfolio/port01.jpg" alt="" /></a>
         <p><h4>SIGNAL</h4></p>
       </div>
       <div class="col-lg-4">
-        <a class="zoom asphalt" href="jukebox.html"><img class="img-responsive" src="assets/img/portfolio/port02.jpg" alt="" /></a>
+        <a class="zoom turquoise" href="jukebox.html"><img class="img-responsive" src="assets/img/portfolio/port02.jpg" alt="" /></a>
         <p><h4>JUKEBOX</h4></p>
       </div>
       <div class="col-lg-4">
-        <a class="zoom asphalt" href="kindling.html"><img class="img-responsive" src="assets/img/portfolio/port03.jpg" alt="" /></a>
+        <a class="zoom turquoise" href="kindling.html"><img class="img-responsive" src="assets/img/portfolio/port03.jpg" alt="" /></a>
         <p><h4>KINDLING</h4></p>
       </div>
     </div><!-- /row -->
     <div class="row mt centered">
       <div class="col-lg-4">
-        <a class="zoom asphalt" href="bitcash.html"><img class="img-responsive" src="assets/img/portfolio/port04.jpg" alt="" /></a>
+        <a class="zoom turquoise" href="bitcash.html"><img class="img-responsive" src="assets/img/portfolio/port04.jpg" alt="" /></a>
         <p><h4>BITCASH</h4></p>
       </div>
       <div class="col-lg-4">
-        <a class="zoom asphalt" href="composerorpasta.html"><img class="img-responsive bordered" src="assets/img/portfolio/port05.jpg" alt="" /></a>
+        <a class="zoom turquoise" href="composerorpasta.html"><img class="img-responsive bordered" src="assets/img/portfolio/port05.jpg" alt="" /></a>
         <p><h4>COMPOSER OR PASTA</h4></p>
       </div>
       <div class="col-lg-4">
-        <a id="recursion" class="zoom asphalt" href="index.html"><img class="img-responsive" src="assets/img/portfolio/port06.jpg" alt="" /></a>
+        <a id="recursion" class="zoom turquoise" href="index.html"><img class="img-responsive" src="assets/img/portfolio/port06.jpg" alt="" /></a>
         <p><h4>MY PORTFOLIO</h4></p>
       </div>
     </div><!-- /row -->