hovering over projects activates hover class on type

2 files changed, 26 insertions, 10 deletions

diff --git a/site/public/assets/javascripts/_env.js b/site/public/assets/javascripts/_env.js
index 31b10b7..e1d032a 100644
--- a/site/public/assets/javascripts/_env.js
+++ b/site/public/assets/javascripts/_env.js
@@ -177,6 +177,28 @@ environment.ready = function(){
       }, 100)
     }, 500)
   })
+
+
+  $("#scene_container").click(function(e){
+    if ( $("body").hasClass("menuActive") ) {
+      return
+    }
+    else {
+      toggle_menu()
+    }
+  })
+  $(document).on("mouseenter", ".project", function(){
+    var type = $(this).data("type")
+    $(".entry").addClass("hover")
+    $(this).addClass("hover")
+    $(".cat[data-type=" + type + "]").addClass("hover")
+  })
+  $(document).on("mouseleave", ".project", function(){
+    var type = $(this).data("type")
+    $(".entry").removeClass("hover")
+    $(this).removeClass("hover")
+    $(".cat[data-type=" + type + "]").removeClass("hover")
+  })
 }
 
 
@@ -262,16 +284,6 @@ function build_scene () {
 	
 	scene.update()
 	environment.update = environment.updateOnReady
-
-  $("#scene_container").click(function(e){
-    if ( $("body").hasClass("menuActive") ) {
-      return
-    }
-    else {
-      toggle_menu()
-    }
-  })
-
 }
 
 var entry_open_time = 0;
diff --git a/site/public/assets/style.css b/site/public/assets/style.css
index 28d0013..71d8e8f 100644
--- a/site/public/assets/style.css
+++ b/site/public/assets/style.css
@@ -296,6 +296,7 @@ nav a {
 	color:black;
 }
 
+.desktop nav .cat.hover,
 .desktop nav .cat:hover {
 	cursor:pointer;
 	background:#eee;
@@ -742,6 +743,9 @@ nav .sub.active a {
 .desktop .ready .project:hover {
 	opacity: 1.0;
 }
+.entry.hover .project { opacity: 0.5 }
+.entry.hover .project.hover { opacity: 1.0 }
+
 .project img {
 	width: 100%;
 }