ugly boy

public/css/w0bmcustom.css

@@ -4278,4 +4278,14 @@ pre {
   .gld a {
     color: white;
     text-shadow: 1px 1px 1px black;
+  }
+
+  .holocene {
+    height: 190px;
+    background-size: cover;
+  }
+
+  .metacene {
+    height: 190px;
+    background-size: cover;
   }

public/js/w0bmscript.js

@@ -526,13 +526,15 @@ var alertrm = function ($) {
 };
 alertrm(jQuery);
 
-$('#categories').imagesLoaded(function () {
-    $('#categories').isotope({
-        itemSelector: '.category',
-        percentPosition: true,
-        layoutMode: 'masonry'
-    });
-});
+// this added a nice looking effect to how the tems would load up and display on the page, sadly the items are positioned elements with this script
+// which makes it not so nice to work it. sry belst :D
+// $('#categories').imagesLoaded(function () {
+//     $('#categories').isotope({
+//         itemSelector: '.category',
+//         percentPosition: true,
+//         layoutMode: 'masonry'
+//     });
+// });
 
 $(function() {
     $('[data-toggle="popover"]').popover({