Aroy/Rinkusu
1
1
Fork 0
mirror of https://github.com/Aroy-Art/Rinkusu.git synced 2025-02-25 21:16:56 +01:00
Code Issues 7 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"> <article class="col-sm-6 col-lg-4 mb-4 clearfix" data-wow-duration="500ms">
<div class="post-block border-glow-2"> <div class="card post-block border-glow-2">
<div class="media-wrapper"> <div class="card-img">
<img class="img-fluid lozad" src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'"> <img class="img-fluid" src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'">
</div> </div>
{{ partial "get_tags.html" . }} {{ partial "get_tags.html" . }}

11
layouts/_default/list.html
View file

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