feat: add the hb.blog.list_style parameter, available option: `minima…

…list` feat: add the hb.terms.list_style parameter, available option: `minimalist`
hbstack · Jun 2, 2024 · 9bcc571 · 9bcc571
1 parent 20758ab
commit 9bcc571
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 14 deletions.
diff --git a/hugo.toml b/hugo.toml
@@ -23,8 +23,10 @@ path = "github.com/hugomods/images"
 paginate = 12
 profile = true
 profile_metrics = true
+list_style = "" # available options: minimalist.
 
 [params.hb.blog]
+list_style = "" # available options: minimalist.
 full_width = false
 paginate = 12
 post_date_format = ':date_long'

diff --git a/layouts/_default/term.html b/layouts/_default/term.html
@@ -10,17 +10,34 @@
  {{- if default true site.Params.hb.terms.profile }}
  {{ partialCached "hb/modules/blog/term/profile" . . }}
  {{- end }}
- {{- $cols := "row-cols-1 row-cols-md-2" }}
- {{- if not (partialCached "hb/modules/blog/functions/has-sidebar" .) }}
- {{- $cols = printf "%s row-cols-lg-3" $cols }}
- {{- end }}
- <div class="hb-terms-posts row {{ $cols }}">
- {{- range .Paginator.Pages }}
- <div class="mb-3 mb-lg-4">
- {{ partial "hb/modules/blog/post/card" (dict "Page" .) }}
- </div>
+ {{- if eq site.Params.hb.terms.list_style "minimalist" }}
+ <div class="hb-blog-posts hb-terms-posts hb-module">
+ {{- range .Paginator.Pages }}
+ <div class="hb-blog-post hb-terms-post">
+ <a class="hb-blog-post-title-link d-flex" href="{{ .RelPermalink }}">
+ <span class="me-md-1">
+ {{ .Title }}
+ </span>
+ <span class="hb-blog-post-meta ms-auto d-none d-md-block text-body-secondary text-nowrap">
+ {{ .Date | time.Format site.Params.hb.blog.post_date_format }}
+ </span>
+ </a>
+ </div>
+ {{- end }}
+ </div>
+ {{- else }}
+ {{- $cols := "row-cols-1 row-cols-md-2" }}
+ {{- if not (partialCached "hb/modules/blog/functions/has-sidebar" .) }}
+ {{- $cols = printf "%s row-cols-lg-3" $cols }}
  {{- end }}
- </div>
+ <div class="hb-terms-posts row {{ $cols }}">
+ {{- range .Paginator.Pages }}
+ <div class="mb-3 mb-lg-4">
+ {{ partial "hb/modules/blog/post/card" (dict "Page" .) }}
+ </div>
+ {{- end }}
+ </div>
+ {{- end }}
  {{ partial "hb/modules/pagination/index" .Paginator }}
  {{ partial "hugopress/functions/render-hooks" (dict "Name" "hb-blog-main-end" "Page" .) }}
  </div>

diff --git a/layouts/partials/hb/modules/blog/index.html b/layouts/partials/hb/modules/blog/index.html
@@ -32,8 +32,12 @@
  </div>
  {{- end }}
  {{- with .Paginator }}
- {{- $cols := partialCached "hb/modules/blog/functions/list-cols" . }}
- {{ partial "hb/modules/blog/posts" (dict "Pages" .Pages "Cols" $cols) }}
+ {{- if eq site.Params.hb.blog.list_style "minimalist" }}
+ {{ partial "hb/modules/blog/posts-minimalist" (dict "Pages" .Pages) }}
+ {{- else }}
+ {{- $cols := partialCached "hb/modules/blog/functions/list-cols" . }}
+ {{ partial "hb/modules/blog/posts" (dict "Pages" .Pages "Cols" $cols) }}
+ {{- end }}
  {{ partial "hb/modules/pagination/index" . }}
  {{- end }}
  </div>

diff --git a/layouts/partials/hb/modules/blog/list.html b/layouts/partials/hb/modules/blog/list.html
@@ -1,8 +1,12 @@
 <div class="hb-blog-main-container">
  <div class="hb-blog-main">
  {{ partial "hugopress/functions/render-hooks" (dict "Name" "hb-blog-main-begin" "Page" .) }}
- {{- $cols := partialCached "hb/modules/blog/functions/list-cols" . }}
- {{ partial "hb/modules/blog/posts" (dict "Pages" .Paginator.Pages "Cols" $cols) }}
+ {{- if eq site.Params.hb.blog.list_style "minimalist" }}
+ {{ partial "hb/modules/blog/posts-minimalist" (dict "Pages" .Paginator.Pages) }}
+ {{- else }}
+ {{- $cols := partialCached "hb/modules/blog/functions/list-cols" . }}
+ {{ partial "hb/modules/blog/posts" (dict "Pages" .Paginator.Pages "Cols" $cols) }}
+ {{- end }}
  {{ partial "hb/modules/pagination/index" .Paginator }}
  {{ partial "hugopress/functions/render-hooks" (dict "Name" "hb-blog-main-end" "Page" .) }}
  </div>

diff --git a/layouts/partials/hb/modules/blog/posts-minimalist.html b/layouts/partials/hb/modules/blog/posts-minimalist.html
@@ -0,0 +1,14 @@
+<div class="hb-blog-posts hb-module">
+ {{- range .Pages }}
+ <div class="hb-blog-post">
+ <a class="hb-blog-post-title-link d-flex" href="{{ .RelPermalink }}">
+ <span class="me-md-1">
+ {{ .Title }}
+ </span>
+ <span class="hb-blog-post-meta ms-auto d-none d-md-block text-body-secondary text-nowrap">
+ {{ .Date | time.Format site.Params.hb.blog.post_date_format }}
+ </span>
+ </a>
+ </div>
+ {{- end }}
+</div>