Blog list layout: no need for row/col

google · Jun 15, 2023 · c1d4fbd · c1d4fbd
1 parent a8e4d13
commit c1d4fbd
Showing 1 changed file with 30 additions and 34 deletions.
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
@@ -5,40 +5,36 @@
   {{$.Scratch.Set "blog-pages" .Pages -}}
 {{ end -}}
 
-<div class="row">
-	<div class="col-12">
-		{{ if .Pages -}}
-		  {{ $pag := .Paginate (( $.Scratch.Get "blog-pages").GroupByDate "2006" ) -}}
-			{{ range $pag.PageGroups }}
-			<h2>{{ T "post_posts_in" }} {{ .Key }}</h2>
-			<ul class="td-blog-posts-list">
-				{{ range .Pages }}
-				<li class="td-blog-posts-list__item">
-					<div class="td-blog-posts-list__body">
-						<h5 class="mt-0 mb-1"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h5>
-						<p class="mb-2 mb-md-3"><small class="text-muted">{{ .Date.Format ($.Param "time_format_blog") }} {{ T "ui_in"}} {{ .CurrentSection.LinkTitle }}</small></p>
-						<header class="article-meta">
-							{{ partial "taxonomy_terms_article_wrapper.html" . -}}
-							{{ if (and (not .Params.hide_readingtime) (.Site.Params.ui.readingtime.enable)) -}}
-								{{ partial "reading-time.html" . -}}
-							{{ end -}}
-						</header>
-						{{ partial "featured-image.html" (dict "p" . "w" 250 "h" 125 "class" "float-start me-3 pt-1 d-none d-md-block") -}}
-						<p class="pt-0 mt-0">{{ .Plain | safeHTML | truncate 250 }}</p>
-						<p class="pt-0"><a href="{{ .RelPermalink }}" aria-label="{{ T "ui_read_more"}} - {{ .LinkTitle }}">{{ T "ui_read_more"}}</a></p>
-					</div>
-				</li>
-				{{ end -}}
-			</ul>
-			{{ end -}}
-		{{ end }}
-	</div>
+<div class="td-blog-posts">
+  {{ if .Pages -}}
+    {{ $pag := .Paginate (( $.Scratch.Get "blog-pages").GroupByDate "2006" ) -}}
+    {{ range $pag.PageGroups }}
+    <div class="h2">{{ T "post_posts_in" }} {{ .Key }}</div>
+    <ul class="td-blog-posts-list">
+      {{ range .Pages }}
+      <li class="td-blog-posts-list__item">
+        <div class="td-blog-posts-list__body">
+          <h5 class="mt-0 mb-1"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h5>
+          <p class="mb-2 mb-md-3"><small class="text-muted">{{ .Date.Format ($.Param "time_format_blog") }} {{ T "ui_in"}} {{ .CurrentSection.LinkTitle }}</small></p>
+          <header class="article-meta">
+            {{ partial "taxonomy_terms_article_wrapper.html" . -}}
+            {{ if (and (not .Params.hide_readingtime) (.Site.Params.ui.readingtime.enable)) -}}
+              {{ partial "reading-time.html" . -}}
+            {{ end -}}
+          </header>
+          {{ partial "featured-image.html" (dict "p" . "w" 250 "h" 125 "class" "float-start me-3 pt-1 d-none d-md-block") -}}
+          <p class="pt-0 mt-0">{{ .Plain | safeHTML | truncate 250 }}</p>
+          <p class="pt-0"><a href="{{ .RelPermalink }}" aria-label="{{ T "ui_read_more"}} - {{ .LinkTitle }}">{{ T "ui_read_more"}}</a></p>
+        </div>
+      </li>
+      {{ end -}}
+    </ul>
+    {{ end -}}
+  {{ end }}
 </div>
-<div class="row ps-2 pt-2">
-	<div class="col">
-		{{ if .Pages -}}
-			{{ template "_internal/pagination.html" . -}}
-		{{ end -}}
-	</div>
+<div class="td-blog-posts__pagination">
+  {{ if .Pages -}}
+    {{ template "_internal/pagination.html" . -}}
+  {{ end -}}
 </div>
 {{ end -}}