feat(theme): masonry.js

implemented masonry.js so that items on list pages fill the content space more efficiently, wasting less space on the page

blog/themes/mineral/layouts/_default/list.html

@@ -1,13 +1,13 @@
 {{ define "main" }}
-    <div class="row" style="margin-top: 25%">
     {{ $paginator := .Paginate ( where site.RegularPages "Type" "in" site.Params.mainSections ) }}
     {{ if ne .Kind "home" }}
         {{ $paginator = .Data }}
     {{ end }}
+    <div class="row grid" data-masonry='{ "itemSelector": ".grid-item" }' style="margin-top: 25%">
         <div class="columns"></div>
 
         {{ range $paginator.Pages }}
-            <div class="five columns">
+            <div class="five columns grid-item">
                 {{ range .Params.categories }}
                     <a href="{{ $.Site.BaseURL }}categories/{{ . | urlize }}/">{{ . }}</a>
                 {{ end }}
@@ -38,4 +38,6 @@
         </nav>
     </div>
     {{ end }}
+
+    <script src="/js/masonry.js"></script>
 {{ end }}