steven-y-e
/
friends-of-mineral-town
1
0
Fork 0
Code Issues Pull Requests Releases Activity

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
pull/3/head
steven 2021-09-16 12:51:00 -04:00
parent 704d8366f4
commit 0a3d49678f
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
blog/themes/mineral/layouts/_default/list.html
View File

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

9
blog/themes/mineral/static/js/masonry.js 100644
View File

File diff suppressed because one or more lines are too long