Aroy/Rinkusu
1
1
Fork 0
mirror of https://github.com/Aroy-Art/Rinkusu.git synced 2024-10-18 18:09:34 +00:00
Code Issues 5 Projects Releases Packages Wiki Activity

Update blog post list to use masonry layout

Browse source
This commit is contained in:
Aroy-Art 2024-02-12 18:36:09 +01:00
parent ff604db53f
commit 7a13351ea2
Signed by: Aroy
GPG key ID: 583642324A1D2070
2 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
layouts/_default/article.html
View file

@ -1,7 +1,7 @@
<article class="col-lg-4 col-md-6 col-12 clearfix wow fadeInUp mb-4" data-wow-duration="500ms">
<div class="post-block border-glow-2">
<div class="media-wrapper">
<img class="img-fluid lozad" src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'">
<article class="col-sm-6 col-lg-4 mb-4 clearfix" data-wow-duration="500ms">
<div class="card post-block border-glow-2">
<div class="card-img">
<img class="img-fluid" src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'">
</div>
{{ partial "get_tags.html" . }}

17
layouts/_default/list.html
View file

@ -10,26 +10,31 @@
<div class="row">
<div class="col-12">
{{"<!-- Section Title -->" | safeHTML }}
<dir class="title text-center wow fadeInDown">
<div class="title text-center wow fadeInDown">
<h2>{{ with i18n "blogTitle" }} {{ index (split . " ") 0 | safeHTML }} {{ end }}<span class="color">
{{ with i18n "blogTitle" }} {{ index (split . " ") 1 | safeHTML }} {{ end }}</span></h2>
<div class="border-Rinkusu"></div>
</dir>
<div class="border-Rinkusu"></div>
</div>
{{"<!-- /Section Title -->" | safeHTML }}
</div>
</div>
{{ partial "tagcloud.html" . }}
{{ partial "tagcloud.html" . }}
{{"<!-- Section Title -->" | safeHTML }}
<div class="row blog-post" data-masonry='{ "percentPosition": true }'>
{{ $paginator := .Paginate .Data.Pages}}
{{ range $paginator.Pages }}
{{ .Render "article" }}
{{ .Render "article" }}
{{ end }}
<div class="col-12">
{{ template "_internal/pagination.html" . }}
</div>
</div>
</div>
<script src="/plugins/image-loaded/imagesloaded.pkgd.min.js"></script>
</section>
{{"<!-- /Blog Section -->" | safeHTML }}
{{ end }}