Company logo hover changes color

Made it so when you hover over the company logos, it fades in and when
you click, takes you to their website.

Author: cameronoelsen

css/logo-nav.css

@@ -198,6 +198,22 @@ body {
     display: block;
     width: 100%
 }
+.greydout {
+    -webkit-opacity: 0.065;
+    -moz-opacity: .065;
+    opacity: 0.65;
+    -webkit-transition: all .5s ease;
+  -moz-transition: all .5s ease;
+  -ms-transition: all .5s ease;
+  -o-transition: all .5s ease;
+  transition: all .5s ease;
+}
+.greydout:hover {
+    webkit-opacity: 1;
+    moz-opacity: 1;
+    opacity: 1;
+}
+.
 .jupyterhub {
     background-color: #FDFDFD;
 }

index.html

@@ -141,20 +141,20 @@ <h2 style="text-align:center;">Ready to get started?</h2>
             <div class="companies">
                 <h2 style="text-align:center;">Currently in use at</h2>
                 <ul class="row center-h companies" style="text-align:center;">
-                    <li class="col"><img src="assets/google.svg" alt="Google" height="45" width="130"</li>
-                    <li class="col"><img src="assets/Microsoft.svg" alt="Microsoft" height="55" width="206"></li>
-                    <li class="col"><img src="assets/IBM.svg" alt="IBM" height="40" width="60"></li>
-                    <li class="col"><img src="assets/bloomberg.svg" alt="Bloomberg" height="45" width="222"></li>
-                    <li class="col"><img src="assets/nyt.svg" alt="New york times" height="50" width="119"></li>
-                    <li class="col"><img src="assets/oreilly.svg" alt="OReilly" height="45" width="244"></li>
-                    <li class="col"><img src="assets/continuum.svg" alt="Continuum" height="60" width="102"></li>
-                    <li class="col"><img src="assets/538.svg" alt="538" height="60" width="76"></li>
-                    <li class="col"><img src="assets/brynmawr.svg" alt="BrynMawr" height="60" width="72"></li>
-                    <li class="col"><img src="assets/calpoly.svg" alt="CalPoly" height="60" width="72"></li>
-                    <li class="col"><img src="assets/Berkeley.svg" alt="Berkeley" height="60" width="147"></li>
-                    <li class="col"><img src="assets/stanford.svg" alt="Stanford" height="60" width="137"></li>
-                    <li class="col"><img src="assets/NYU.svg" alt="NYU" height="60" width="133"></li>
-                    <li class="col"><img src="assets/columbia.svg" alt="Columbia" height="60" width="207"></li>
+                    <a href="http://www.google.com"><li class="col"><img src="assets/google.svg" class="greydout" alt="Google" height="45" width="130"></li></a>
+                    <a href="http://www.microsoft.com"><li class="col"><img src="assets/Microsoft.svg" class="greydout" alt="Microsoft" height="55" width="206"></li></a>
+                    <a href="http://www.ibm.com"><li class="col"><img src="assets/IBM.svg" class="greydout" alt="IBM" height="40" width="60"></li></a>
+                    <a href="http://www.bloomberg.com"><li class="col"><img src="assets/bloomberg.svg" class="greydout" alt="Bloomberg" height="45" width="222"></li></a>
+                    <a href="http://www.nytimes.com"><li class="col"><img src="assets/nyt.svg" class="greydout" alt="New york times" height="50" width="119"></li></a>
+                    <a href="http://www.oreilly.com"><li class="col"><img src="assets/oreilly.svg" class="greydout" alt="OReilly" height="45" width="244"></li></a>
+                    <a href="http://continuum.io"><li class="col"><img src="assets/continuum.svg" class="greydout" alt="Continuum" height="60" width="102"></li></a>
+                    <a href="http://fivethirtyeight.com"><li class="col"><img src="assets/538.svg" class="greydout" alt="538" height="60" width="76"></li></a>
+                    <a href="https://www.brynmawr.edu"><li class="col"><img src="assets/brynmawr.svg" class="greydout" alt="BrynMawr" height="60" width="72"></li></a>
+                    <a href="http://www.calpoly.edu"><li class="col"><img src="assets/calpoly.svg" class="greydout" alt="CalPoly" height="60" width="72"></li></a>
+                    <a href="http://www.berkeley.edu"><li class="col"><img src="assets/Berkeley.svg" class="greydout" alt="Berkeley" height="60" width="147"></li></a>
+                    <a href="https://www.stanford.edu"><li class="col"><img src="assets/stanford.svg" class="greydout" alt="Stanford" height="60" width="137"></li></a>
+                    <a href="http://www.nyu.edu"><li class="col"><img src="assets/NYU.svg" class="greydout" alt="NYU" height="60" width="133"></li></a>
+                    <a href="http://www.columbia.edu"><li class="col"><img src="assets/columbia.svg" class="greydout" alt="Columbia" height="60" width="207"></li></a>
                 </ul>
             </div>
         </div>