dim other categories

2 files changed, 5 insertions, 2 deletions

diff --git a/site/public/assets/javascripts/_env.js b/site/public/assets/javascripts/_env.js
index 345e94b..e08f816 100644
--- a/site/public/assets/javascripts/_env.js
+++ b/site/public/assets/javascripts/_env.js
@@ -190,13 +190,14 @@ environment.ready = function(){
     var type = $(this).data("type")
     $(".entry").addClass("hover")
     $(this).addClass("hover")
+    $(".top .cat").not("[data-type=" + type + "]").addClass("no-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")
+    $(".cat").removeClass("hover").removeClass("no-hover")
   })
 }
 
diff --git a/site/public/assets/style.css b/site/public/assets/style.css
index 097f65e..8ae3b50 100644
--- a/site/public/assets/style.css
+++ b/site/public/assets/style.css
@@ -301,7 +301,9 @@ nav a {
 	cursor:pointer;
 	background:#eee;
 }
-
+nav .cat.no-hover {
+  opacity: 0.3;
+}
 
 .desktop nav a.active:hover {
 	cursor:default;