nunocoracao · nunocoracao · Dec 30, 2022 · Dec 30, 2022 · Dec 30, 2022 · Dec 30, 2022
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
@@ -1330,10 +1330,6 @@ select {
   margin-top: 0px;
 }
 
-.mb-5 {
-  margin-bottom: 1.25rem;
-}
-
 .mt-10 {
   margin-top: 2.5rem;
 }
@@ -1346,6 +1342,10 @@ select {
   margin-bottom: 1.5rem;
 }
 
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
 .mt-3 {
   margin-top: 0.75rem;
 }
@@ -1522,14 +1522,14 @@ select {
   width: 3rem;
 }
 
-.w-screen {
-  width: 100vw;
-}
-
 .w-full {
   width: 100%;
 }
 
+.w-screen {
+  width: 100vw;
+}
+
 .w-24 {
   width: 6rem;
 }
@@ -1905,6 +1905,11 @@ select {
   padding-right: 0px;
 }
 
+.px-\[30px\] {
+  padding-left: 30px;
+  padding-right: 30px;
+}
+
 .py-8 {
   padding-top: 2rem;
   padding-bottom: 2rem;
@@ -1960,14 +1965,6 @@ select {
   padding-bottom: 4rem;
 }
 
-.pl-8 {
-  padding-left: 2rem;
-}
-
-.pr-8 {
-  padding-right: 2rem;
-}
-
 .pt-8 {
   padding-top: 2rem;
 }
@@ -3728,10 +3725,6 @@ body:has(#menu-controller:checked) {
 }
 
 @media (min-width: 1536px) {
-  .\32xl\:w-1\/5 {
-    width: 20%;
-  }
-
   .\32xl\:grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }

diff --git a/config/_default/config.toml b/config/_default/config.toml
@@ -15,6 +15,9 @@ buildFuture = false
 
 # googleAnalytics = "G-XXXXXXXXX"
 
+[imaging]
+  anchor = 'Center'
+
 [taxonomies]
   tag = "tags"
   category = "categories"

diff --git a/exampleSite/config/_default/config.toml b/exampleSite/config/_default/config.toml
@@ -15,6 +15,9 @@ buildFuture = false
 
 googleAnalytics = "G-PEDMYR1V0K"
 
+[imaging]
+  anchor = 'Center'
+
 [taxonomies]
   tag = "tags"
   category = "categories"

diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
@@ -36,7 +36,7 @@ defaultBackgroundImage = "/img/iceland.jpg"
   showRecentItems = 10
   showMoreLink = true
   showMoreLinkDest = "docs"
-  cardView = true
+  cardView = false
   cardViewScreenWidth = false
   layoutBackgroundBlur = true # only used when layout equals background
 
@@ -101,7 +101,7 @@ defaultBackgroundImage = "/img/iceland.jpg"
   showLikes = true
   showTableOfContents = true
   groupByYear = false
-  cardView = false
+  cardView = true
   cardViewScreenWidth = false
 
 

diff --git a/...ontent/examples/blowfish-artist/cover.png → ...tent/examples/blowfish-artist/feature.png b/...ontent/examples/blowfish-artist/cover.png → ...tent/examples/blowfish-artist/feature.png
diff --git a/.../content/examples/blowfish-lite/cover.png → ...ontent/examples/blowfish-lite/feature.png b/.../content/examples/blowfish-lite/cover.png → ...ontent/examples/blowfish-lite/feature.png
diff --git a/...ontent/examples/blowfish-lowkey/cover.png → ...tent/examples/blowfish-lowkey/feature.png b/...ontent/examples/blowfish-lowkey/cover.png → ...tent/examples/blowfish-lowkey/feature.png
diff --git a/...examples/blowfish-template-repo/cover.png → ...amples/blowfish-template-repo/feature.png b/...examples/blowfish-template-repo/cover.png → ...amples/blowfish-template-repo/feature.png
diff --git a/...tent/examples/blowfish-template/cover.png → ...nt/examples/blowfish-template/feature.png b/...tent/examples/blowfish-template/cover.png → ...nt/examples/blowfish-template/feature.png
diff --git a/exampleSite/content/examples/cover.jpg b/exampleSite/content/examples/cover.jpg
diff --git a/...t/examples/repo-blowfish-artist/cover.png → ...examples/repo-blowfish-artist/feature.png b/...t/examples/repo-blowfish-artist/cover.png → ...examples/repo-blowfish-artist/feature.png
diff --git a/...ent/examples/repo-blowfish-lite/cover.png → ...t/examples/repo-blowfish-lite/feature.png b/...ent/examples/repo-blowfish-lite/cover.png → ...t/examples/repo-blowfish-lite/feature.png
diff --git a/...t/examples/repo-blowfish-lowkey/cover.png → ...examples/repo-blowfish-lowkey/feature.png b/...t/examples/repo-blowfish-lowkey/cover.png → ...examples/repo-blowfish-lowkey/feature.png
diff --git a/exampleSite/layouts/partials/recent-articles-demo.html b/exampleSite/layouts/partials/recent-articles-demo.html
@@ -18,33 +18,15 @@ <h2 class="mt-8 text-2xl font-extrabold mb-10">{{ i18n "shortcode.recent_article
 </div>
 
 <div id="CardViewScreenWidth" class="">
-    <section
-        class="relative w-screen max-w-[1600px] grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
-        style="left: calc(max(-50vw,-800px) + 50%);">
-        {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
-        .Site.Params.mainSections)).Pages }}
-        {{ partial "article-link-card.html" . }}
-        {{ end }}
-    </section>
+    {{ partial "recent-articles-cardview-fullwidth.html" . }}
 </div>
 
 <div id="CardViewProse" class="hidden h-full">
-    <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
-        {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
-        .Site.Params.mainSections)).Pages }}
-        {{ partial "article-link-card.html" . }}
-        {{ end }}
-    </section>
+    {{ partial "recent-articles-cardview.html" . }}
 </div>
 
 <div id="NormalView" class="hidden h-full">
-    <section class="space-y-10 w-full">
-        {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
-        .Site.Params.mainSections)).Pages
-        }}
-        {{ partial "article-link.html" . }}
-        {{ end }}
-    </section>
+    {{ partial "recent-articles-list.html" . }}
 </div>
 
 {{ if .Site.Params.homepage.showMoreLink | default false }}

diff --git a/...uthor2_hub6c74558734540774552b319ec2c6c70_1552535_192x192_fill_box_center_3.png b/...uthor2_hub6c74558734540774552b319ec2c6c70_1552535_192x192_fill_box_center_3.png
diff --git a/...sh_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_192x192_fill_box_center_3.png b/...sh_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_192x192_fill_box_center_3.png
diff --git a/...sh_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_288x288_fill_box_center_3.png b/...sh_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_288x288_fill_box_center_3.png
diff --git a/...eatured_huc648350f543f5a6da75f60f86e4aecc9_625096_600x600_fill_box_center_3.png b/...eatured_huc648350f543f5a6da75f60f86e4aecc9_625096_600x600_fill_box_center_3.png
diff --git a/...eatured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x400_fill_box_center_3.png b/...eatured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x400_fill_box_center_3.png
diff --git a/...eatured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x600_fill_box_center_3.png b/...eatured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x600_fill_box_center_3.png
diff --git a/...eatured_hua9cafb9ef9e179b71d05f85e3ab9080d_648770_600x600_fill_box_center_3.png b/...eatured_hua9cafb9ef9e179b71d05f85e3ab9080d_648770_600x600_fill_box_center_3.png
diff --git a/...atured_hu893b4009285a3fc236e74f3cf6b73d3e_4462659_600x600_fill_box_center_3.png b/...atured_hu893b4009285a3fc236e74f3cf6b73d3e_4462659_600x600_fill_box_center_3.png
diff --git a/...atured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x400_fill_box_center_3.png b/...atured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x400_fill_box_center_3.png
diff --git a/...atured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x600_fill_box_center_3.png b/...atured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x600_fill_box_center_3.png
diff --git a/...eatured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x400_fill_box_center_3.png b/...eatured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x400_fill_box_center_3.png
diff --git a/...eatured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x600_fill_box_center_3.png b/...eatured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x600_fill_box_center_3.png
diff --git a/...eatured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x400_fill_box_center_3.png b/...eatured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x400_fill_box_center_3.png
diff --git a/...eatured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x600_fill_box_center_3.png b/...eatured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x600_fill_box_center_3.png
diff --git a/...atured_hu64bf821b067f4f95fc394dc0a744aa3f_4868715_600x600_fill_box_center_3.png b/...atured_hu64bf821b067f4f95fc394dc0a744aa3f_4868715_600x600_fill_box_center_3.png
diff --git a/...eatured_hua34c938079c0c05729a2a4d4783f7807_634706_600x400_fill_box_center_3.png b/...eatured_hua34c938079c0c05729a2a4d4783f7807_634706_600x400_fill_box_center_3.png
diff --git a/...eatured_hua34c938079c0c05729a2a4d4783f7807_634706_600x600_fill_box_center_3.png b/...eatured_hua34c938079c0c05729a2a4d4783f7807_634706_600x600_fill_box_center_3.png
diff --git a/...eatured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x400_fill_box_center_3.png b/...eatured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x400_fill_box_center_3.png
diff --git a/...eatured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x600_fill_box_center_3.png b/...eatured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x600_fill_box_center_3.png
diff --git a/...eatured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x400_fill_box_center_3.png b/...eatured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x400_fill_box_center_3.png
diff --git a/...eatured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x600_fill_box_center_3.png b/...eatured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x600_fill_box_center_3.png
diff --git a/...atured_hufd4b98ca40f354dfe40e970226ab02f1_1752805_600x600_fill_box_center_3.png b/...atured_hufd4b98ca40f354dfe40e970226ab02f1_1752805_600x600_fill_box_center_3.png
diff --git a/...atured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x400_fill_box_center_3.png b/...atured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x400_fill_box_center_3.png
diff --git a/...atured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x600_fill_box_center_3.png b/...atured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x600_fill_box_center_3.png
diff --git a/...atured_hu93f196360c2371d7e9554814ee21804a_5014315_600x400_fill_box_center_3.png b/...atured_hu93f196360c2371d7e9554814ee21804a_5014315_600x400_fill_box_center_3.png
diff --git a/...atured_hu93f196360c2371d7e9554814ee21804a_5014315_600x600_fill_box_center_3.png b/...atured_hu93f196360c2371d7e9554814ee21804a_5014315_600x600_fill_box_center_3.png
diff --git a/...atured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x400_fill_box_center_3.png b/...atured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x400_fill_box_center_3.png
diff --git a/...atured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x600_fill_box_center_3.png b/...atured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x600_fill_box_center_3.png
diff --git a/.../cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png b/.../cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png
diff --git a/.../cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png b/.../cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png
diff --git a/...tist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png b/...tist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png
diff --git a/...eature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png b/...eature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png
diff --git a/...e/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png b/...e/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png
diff --git a/...e/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png b/...e/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png
diff --git a/...-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png b/...-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png
diff --git a/...feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png b/...feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png
diff --git a/...y/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png b/...y/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png
diff --git a/...y/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png b/...y/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png
diff --git a/...owkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png b/...owkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png
diff --git a/...feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png b/...feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png
diff --git a/...po/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png b/...po/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png
diff --git a/...po/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png b/...po/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png
diff --git a/...e-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png b/...e-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png
diff --git a/.../feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png b/.../feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png
diff --git a/...te/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png b/...te/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png
diff --git a/...te/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png b/...te/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png
diff --git a/...mplate/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png b/...mplate/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png
diff --git a/.../feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png b/.../feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png
diff --git a/.../cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png b/.../cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png
diff --git a/.../cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png b/.../cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png
diff --git a/...tist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png b/...tist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png
diff --git a/...eature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png b/...eature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png
diff --git a/...e/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png b/...e/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png
diff --git a/...e/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png b/...e/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png
diff --git a/...-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png b/...-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png
diff --git a/...feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png b/...feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png
diff --git a/...y/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png b/...y/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png
diff --git a/...y/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png b/...y/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png
diff --git a/...owkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png b/...owkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png
diff --git a/...feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png b/...feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png
diff --git a/...vatar_hu8b7a4bd74a55738ace1e1f4e4161419f_113497_192x192_fill_q75_box_center.jpg b/...vatar_hu8b7a4bd74a55738ace1e1f4e4161419f_113497_192x192_fill_q75_box_center.jpg
diff --git a/...over_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_center.jpg b/...over_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_center.jpg
diff --git a/...over_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_smart1.jpg b/...over_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_smart1.jpg
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -45,88 +45,93 @@ <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral">{{ .
   </section>
   {{ if gt .Pages 0 }}
 
-  {{ if .Params.cardView | default (.Site.Params.list.cardView | default false) }}
-
-  {{ $cardViewScreenWidth := .Site.Params.list.cardViewScreenWidth}}
-
-  {{ if not $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }}
-
-  {{ if $cardViewScreenWidth }}
-  <section class="relative w-screen" style="left: calc(-50vw + 50%);">
-    <div class="flex flex-wrap pl-8 pr-8">
-      {{ else }}
-      <section class="w-full">
-        <div class="flex flex-wrap">
+    {{ $cardView := .Params.cardView | default (.Site.Params.list.cardView | default false) }}
+    {{ $cardViewScreenWidth := .Site.Params.list.cardViewScreenWidth | default false }}
+    {{ $groupByYear := .Params.groupByYear | default ($.Site.Params.list.groupByYear | default false) }}
+
+    {{ if not $cardView }}
+
+    <section class="space-y-10 w-full">
+      {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
+      {{ if $groupByYear }}
+      <h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
+        {{ .Key }}
+      </h2>
+      {{ end }}
+      {{ range .Pages }}
+      {{ partial "article-link.html" . }}
+      {{ end }}
+      {{ end }}
+    </section>
+
+    {{ else if and $cardView (not $cardViewScreenWidth) }}
+
+      {{ if $groupByYear }}
+
+      {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
+        <h2 class="mt-12 mb-3 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
+          {{ .Key }}
+        </h2>
+        <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
+          {{ range .Pages }}
+          {{ partial "article-link-card.html" . }}
           {{ end }}
+        </section>
+      {{ end }}
 
-          {{ end }}
-
+    {{ else }}
+
+        <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
           {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
-          {{ if $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }}
-          <h2 class="mt-12 mb-5 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
-            {{ .Key }}
-          </h2>
-          {{ else }}
+          {{ range .Pages }}
+          {{ partial "article-link-card.html" . }}
           {{ end }}
+          {{ end }}
+        </section>
 
-          {{ if $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }}
-
-          {{ if $cardViewScreenWidth}}
-          <section class="relative w-screen" style="left: calc(-50vw + 50%);">
-            <div class="flex flex-wrap pl-8 pr-8">
-              {{ else }}
-              <section class="w-full">
-                <div class="flex flex-wrap">
-                  {{ end }}
-                  {{ end }}
-
-                  {{ range .Pages }}
-
-                  {{ if $cardViewScreenWidth }}
-                  <div class="flex flex-wrap w-full p-4 sm:w-1/2 md:w-1/3 xl:w-1/4 2xl:w-1/5">
-                    {{ else }}
-                    <div class="flex flex-wrap w-full p-4 sm:w-1/2 md:w-1/3">
-                      {{ end }}
-
-                      {{ partial "article-link-card.html" . }}
-                    </div>
-                    {{ end }}
-                    {{ if $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }}
-                  </div>
-              </section>
-              {{ end }}
+    {{ end }}
 
+    {{ else if and $cardView $cardViewScreenWidth }}
 
-              {{ end }}
+      {{ if $groupByYear }}
 
-              {{ if not $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }}
-            </div>
+        {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
+        <div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+          <h2 class="mt-12 mb-3 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
+            {{ .Key }}
+          </h2>
+          <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
+            {{ range .Pages }}
+            {{ partial "article-link-card.html" . }}
+            {{ end }}
           </section>
-          {{ end }}
+        </div>
+        {{ end }}
 
-          {{ else }}
-          <section class="space-y-10 w-full">
+      {{ else }}
+
+        <div class="relative w-screen max-w-[1600px] px-[30px]" style="left: calc(max(-50vw,-800px) + 50%);">
+          <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
             {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
-            {{ if $.Params.groupByYear | default ($.Site.Params.list.groupByYear | default true) }}
-            <h2 class="mt-12 text-2xl font-bold text-neutral-700 first:mt-8 dark:text-neutral-300">
-              {{ .Key }}
-            </h2>
-            {{ end }}
             {{ range .Pages }}
-            {{ partial "article-link.html" . }}
+            {{ partial "article-link-card.html" . }}
             {{ end }}
             {{ end }}
           </section>
-          {{ end }}
+        </div>
 
-          {{ else }}
-          <section class="mt-10 prose dark:prose-invert">
-            <p class="py-8 border-t">
-              <em>{{ i18n "list.no_articles" | emojify }}</em>
-            </p>
-          </section>
-          {{ end }}
+      {{ end }}
+
+    {{end}}
+
+  {{ else }}
+  <section class="mt-10 prose dark:prose-invert">
+    <p class="py-8 border-t">
+      <em>{{ i18n "list.no_articles" | emojify }}</em>
+    </p>
+  </section>
+  {{ end }}
 
-          {{ partial "pagination.html" . }}
+    {{ partial "pagination.html" . }}
 
-          {{ end }}
+  {{ end }}