css

user/themes/gilles_acezat/js/site.js

@@ -1,6 +1,7 @@
 var $cards = $('#items .full-works');
 var $card = $('#items .card');
 var $cat = $('.cat-list .cat a');
+var $img = $('.item #items .img');
 
 function masonry() {
   var $grid = $cards.masonry({
@@ -10,9 +11,21 @@ function masonry() {
     transitionDuration: '0.2s'
   });
 
+  var $grid2 = $img.masonry({
+    itemSelector: '.img-card',
+    columnWidth: '.img-card',
+    percentPosition: true,
+    transitionDuration: '0.2s'
+  });
+
   $grid.imagesLoaded().progress( function() {
     $grid.masonry();
   });
+
+  $grid2.imagesLoaded().progress( function() {
+    $grid2.masonry();
+  });
+
 }
 
 function isotype() {
@@ -55,8 +68,17 @@ function ajax() {
     });
 }
 
+function contact() {
+  var $contact = $('header .contact');
+
+  $contact.on('click',function() {
+    
+  })
+}
+
 jQuery(document).ready(function($){
   masonry();
+  contact();
   // card();
   // ajax();
   // isotype();