diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 81a778d67..89a8f6d7e 100644
--- 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
index 2dc53ad0a..6c232d4fe 100644
--- 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
index 60ede32ec..9af548609 100644
--- 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
index bb020ed7b..ccfcc1dcc 100644
--- 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/exampleSite/content/examples/blowfish-artist/cover.png b/exampleSite/content/examples/blowfish-artist/feature.png
similarity index 100%
rename from exampleSite/content/examples/blowfish-artist/cover.png
rename to exampleSite/content/examples/blowfish-artist/feature.png
diff --git a/exampleSite/content/examples/blowfish-lite/cover.png b/exampleSite/content/examples/blowfish-lite/feature.png
similarity index 100%
rename from exampleSite/content/examples/blowfish-lite/cover.png
rename to exampleSite/content/examples/blowfish-lite/feature.png
diff --git a/exampleSite/content/examples/blowfish-lowkey/cover.png b/exampleSite/content/examples/blowfish-lowkey/feature.png
similarity index 100%
rename from exampleSite/content/examples/blowfish-lowkey/cover.png
rename to exampleSite/content/examples/blowfish-lowkey/feature.png
diff --git a/exampleSite/content/examples/blowfish-template-repo/cover.png b/exampleSite/content/examples/blowfish-template-repo/feature.png
similarity index 100%
rename from exampleSite/content/examples/blowfish-template-repo/cover.png
rename to exampleSite/content/examples/blowfish-template-repo/feature.png
diff --git a/exampleSite/content/examples/blowfish-template/cover.png b/exampleSite/content/examples/blowfish-template/feature.png
similarity index 100%
rename from exampleSite/content/examples/blowfish-template/cover.png
rename to exampleSite/content/examples/blowfish-template/feature.png
diff --git a/exampleSite/content/examples/cover.jpg b/exampleSite/content/examples/cover.jpg
deleted file mode 100644
index 6352a781b..000000000
Binary files a/exampleSite/content/examples/cover.jpg and /dev/null differ
diff --git a/exampleSite/content/examples/repo-blowfish-artist/cover.png b/exampleSite/content/examples/repo-blowfish-artist/feature.png
similarity index 100%
rename from exampleSite/content/examples/repo-blowfish-artist/cover.png
rename to exampleSite/content/examples/repo-blowfish-artist/feature.png
diff --git a/exampleSite/content/examples/repo-blowfish-lite/cover.png b/exampleSite/content/examples/repo-blowfish-lite/feature.png
similarity index 100%
rename from exampleSite/content/examples/repo-blowfish-lite/cover.png
rename to exampleSite/content/examples/repo-blowfish-lite/feature.png
diff --git a/exampleSite/content/examples/repo-blowfish-lowkey/cover.png b/exampleSite/content/examples/repo-blowfish-lowkey/feature.png
similarity index 100%
rename from exampleSite/content/examples/repo-blowfish-lowkey/cover.png
rename to exampleSite/content/examples/repo-blowfish-lowkey/feature.png
diff --git a/exampleSite/layouts/partials/recent-articles-demo.html b/exampleSite/layouts/partials/recent-articles-demo.html
index cf73aeedd..2b91b85be 100644
--- 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/exampleSite/resources/_gen/images/author2_hub6c74558734540774552b319ec2c6c70_1552535_192x192_fill_box_center_3.png b/exampleSite/resources/_gen/images/author2_hub6c74558734540774552b319ec2c6c70_1552535_192x192_fill_box_center_3.png
new file mode 100644
index 000000000..45dbef296
Binary files /dev/null and b/exampleSite/resources/_gen/images/author2_hub6c74558734540774552b319ec2c6c70_1552535_192x192_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_192x192_fill_box_center_3.png b/exampleSite/resources/_gen/images/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_192x192_fill_box_center_3.png
new file mode 100644
index 000000000..11f22be89
Binary files /dev/null and b/exampleSite/resources/_gen/images/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_192x192_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_288x288_fill_box_center_3.png b/exampleSite/resources/_gen/images/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_288x288_fill_box_center_3.png
new file mode 100644
index 000000000..fa2a03ea7
Binary files /dev/null and b/exampleSite/resources/_gen/images/blowfish_logo_hu184ea2fa12490a2458ca388a16ab730e_227816_288x288_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/advanced-customisation/featured_huc648350f543f5a6da75f60f86e4aecc9_625096_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/advanced-customisation/featured_huc648350f543f5a6da75f60f86e4aecc9_625096_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..788ed4895
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/advanced-customisation/featured_huc648350f543f5a6da75f60f86e4aecc9_625096_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/configuration/featured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/configuration/featured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..5a361bfe4
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/configuration/featured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/configuration/featured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/configuration/featured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..61e7b7046
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/configuration/featured_hu61945c9a50a7e783444cb54fb71dc68a_650977_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/content-examples/featured_hua9cafb9ef9e179b71d05f85e3ab9080d_648770_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/content-examples/featured_hua9cafb9ef9e179b71d05f85e3ab9080d_648770_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..df75263f2
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/content-examples/featured_hua9cafb9ef9e179b71d05f85e3ab9080d_648770_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/firebase-views/featured_hu893b4009285a3fc236e74f3cf6b73d3e_4462659_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/firebase-views/featured_hu893b4009285a3fc236e74f3cf6b73d3e_4462659_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..2c87727c1
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/firebase-views/featured_hu893b4009285a3fc236e74f3cf6b73d3e_4462659_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..3a21a7921
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..2bdf2721f
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/front-matter/featured_hu2d8098f125aeb5b866c985ce18317fa7_5037509_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/getting-started/featured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/getting-started/featured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..e4748635b
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/getting-started/featured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/getting-started/featured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/getting-started/featured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..f02d0fa63
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/getting-started/featured_hu7b932db01f62f5127910b65e3cd14f9d_599809_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/homepage-layout/featured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/homepage-layout/featured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..2b4568b52
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/homepage-layout/featured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/homepage-layout/featured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/homepage-layout/featured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..e5a785b9d
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/homepage-layout/featured_hu2b64bd3fbe5e1f5f3d9d27abc9d45f1e_648252_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/hosting-deployment/featured_hu64bf821b067f4f95fc394dc0a744aa3f_4868715_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/hosting-deployment/featured_hu64bf821b067f4f95fc394dc0a744aa3f_4868715_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..e30456b95
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/hosting-deployment/featured_hu64bf821b067f4f95fc394dc0a744aa3f_4868715_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..182cbdfc3
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..bc6239677
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/installation/featured_hua34c938079c0c05729a2a4d4783f7807_634706_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/multi-author/featured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/multi-author/featured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..2de65b71f
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/multi-author/featured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/multi-author/featured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/multi-author/featured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..e1e95a130
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/multi-author/featured_hub711b3bcf9ec72021fe99f7bb1f650e4_637127_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/partials/featured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/partials/featured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..e27bde243
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/partials/featured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/partials/featured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/partials/featured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..5888a9861
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/partials/featured_hue41d16dad4a5698d84d57019e7c71ba2_674943_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/series/featured_hufd4b98ca40f354dfe40e970226ab02f1_1752805_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/series/featured_hufd4b98ca40f354dfe40e970226ab02f1_1752805_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..868247eff
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/series/featured_hufd4b98ca40f354dfe40e970226ab02f1_1752805_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/shortcodes/featured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/shortcodes/featured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..94361984f
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/shortcodes/featured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/shortcodes/featured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/shortcodes/featured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..db037dd7b
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/shortcodes/featured_huccf4470440ae6b15644c014dfa031fdc_4868633_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/thumbnails/featured_hu93f196360c2371d7e9554814ee21804a_5014315_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/thumbnails/featured_hu93f196360c2371d7e9554814ee21804a_5014315_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..5130eb844
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/thumbnails/featured_hu93f196360c2371d7e9554814ee21804a_5014315_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/thumbnails/featured_hu93f196360c2371d7e9554814ee21804a_5014315_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/thumbnails/featured_hu93f196360c2371d7e9554814ee21804a_5014315_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..d612522f5
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/thumbnails/featured_hu93f196360c2371d7e9554814ee21804a_5014315_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/welcome/featured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x400_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/welcome/featured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x400_fill_box_center_3.png
new file mode 100644
index 000000000..3b453dcc2
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/welcome/featured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x400_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/docs/welcome/featured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/docs/welcome/featured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..adb63b200
Binary files /dev/null and b/exampleSite/resources/_gen/images/docs/welcome/featured_hu6c1a40751b0ecb38722eba3ab5726016_6942334_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png b/exampleSite/resources/_gen/images/examples/blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png
new file mode 100644
index 000000000..afb396837
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..6e9ae6991
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png
new file mode 100644
index 000000000..15ff5e748
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..6e9ae6991
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png
new file mode 100644
index 000000000..13d5f69c5
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..1d7a61f48
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png
new file mode 100644
index 000000000..19b19f82e
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..1d7a61f48
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png
new file mode 100644
index 000000000..d0c18fa85
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..9344aed8b
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png
new file mode 100644
index 000000000..5bc070d3b
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..9344aed8b
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template-repo/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png
new file mode 100644
index 000000000..158a6a148
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template-repo/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..dca4e8afc
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png
new file mode 100644
index 000000000..2380ecb94
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..dca4e8afc
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template-repo/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png
new file mode 100644
index 000000000..158a6a148
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x400_fill_box_smart1_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..dca4e8afc
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template/cover_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png
new file mode 100644
index 000000000..2380ecb94
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_1200x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/blowfish-template/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/blowfish-template/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..dca4e8afc
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/blowfish-template/feature_hu4592ac3fe4dd4ca45e75cc0313416524_51117_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png
new file mode 100644
index 000000000..afb396837
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x400_fill_box_smart1_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..6e9ae6991
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/cover_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png
new file mode 100644
index 000000000..15ff5e748
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_1200x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..6e9ae6991
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-artist/feature_hu1cdf8b02fc0b671e3f7e2360a08cfa4e_1096919_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png
new file mode 100644
index 000000000..13d5f69c5
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x400_fill_box_smart1_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..1d7a61f48
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/cover_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png
new file mode 100644
index 000000000..19b19f82e
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_1200x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..1d7a61f48
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lite/feature_huea2010905fc2363ca391de86e4a7c51c_109478_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png
new file mode 100644
index 000000000..d0c18fa85
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x400_fill_box_smart1_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..ee4f51868
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/cover_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png
new file mode 100644
index 000000000..5bc070d3b
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_1200x0_resize_box_3.png differ
diff --git a/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png
new file mode 100644
index 000000000..9344aed8b
Binary files /dev/null and b/exampleSite/resources/_gen/images/examples/repo-blowfish-lowkey/feature_hu14ac5609178de8411be379f0f3102a14_720107_600x600_fill_box_center_3.png differ
diff --git a/exampleSite/resources/_gen/images/nuno_avatar_hu8b7a4bd74a55738ace1e1f4e4161419f_113497_192x192_fill_q75_box_center.jpg b/exampleSite/resources/_gen/images/nuno_avatar_hu8b7a4bd74a55738ace1e1f4e4161419f_113497_192x192_fill_q75_box_center.jpg
new file mode 100644
index 000000000..79bae2592
Binary files /dev/null and b/exampleSite/resources/_gen/images/nuno_avatar_hu8b7a4bd74a55738ace1e1f4e4161419f_113497_192x192_fill_q75_box_center.jpg differ
diff --git a/exampleSite/resources/_gen/images/users/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_center.jpg b/exampleSite/resources/_gen/images/users/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_center.jpg
new file mode 100644
index 000000000..65b7c6e41
Binary files /dev/null and b/exampleSite/resources/_gen/images/users/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_center.jpg differ
diff --git a/exampleSite/resources/_gen/images/users/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_smart1.jpg b/exampleSite/resources/_gen/images/users/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_smart1.jpg
new file mode 100644
index 000000000..2cc5b169e
Binary files /dev/null and b/exampleSite/resources/_gen/images/users/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_5000159_600x600_fill_q75_box_smart1.jpg differ
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index a487f601f..964a8948e 100644
--- 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 }}
\ No newline at end of file
+  {{ end }}
\ No newline at end of file
diff --git a/layouts/_default/term.html b/layouts/_default/term.html
index f9ed04541..63a95de4c 100644
--- a/layouts/_default/term.html
+++ b/layouts/_default/term.html
@@ -11,116 +11,121 @@
 {{- end -}}
 
 {{ $toc := and (.Params.showTableOfContents | default (.Site.Params.term.showTableOfContents | default false)) (in
-.TableOfContents "<ul") }} 
+.TableOfContents "<ul") }} <header>
+  {{ if .Params.showBreadcrumbs | default (.Site.Params.term.showBreadcrumbs | default false) }}
+  {{ partial "breadcrumbs.html" . }}
+  {{ end }}
+  <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral">{{ .Title }}</h1>
+  <div class="mt-1 mb-2 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
+    {{ partial "article-meta-term.html" (dict "context" . "scope" "single") }}
+  </div>
+  </header>
 
-  <header>
-    {{ if .Params.showBreadcrumbs | default (.Site.Params.term.showBreadcrumbs | default false) }}
-      {{ partial "breadcrumbs.html" . }}
-    {{ end }}
-    <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral">{{ .Title }}</h1>
-    <div class="mt-1 mb-2 text-base text-neutral-500 dark:text-neutral-400 print:hidden">
-      {{ partial "article-meta-term.html" (dict "context" . "scope" "single") }}
+  <section class="flex flex-col max-w-full mt-0 mb-5 prose dark:prose-invert lg:flex-row">
+    {{ if .Content }}
+    <div class="min-w-0 min-h-0 max-w-prose">
+      {{ .Content | emojify }}
     </div>
-  </header>
-  {{ if .Content }}
-    <section class="flex flex-col max-w-full mt-0 mb-5 prose dark:prose-invert lg:flex-row">
-      <div class="min-w-0 min-h-0 max-w-prose">
-        {{ .Content | emojify }}
-      </div>
+    {{ end }}
+    <script>
+      var oid = "views_{{ .File.Path }}"
+      var oid_likes = "likes_{{ .File.Path }}"
+    </script>
+    {{ $jsPage := resources.Get "js/page.js" }}
+    {{ $jsPage = $jsPage | resources.Minify | resources.Fingerprint "sha512" }}
+    <script type="text/javascript" src="{{ $jsPage.RelPermalink }}" integrity="{{ $jsPage.Data.Integrity }}"></script>
+  </section>
+
+
+  {{ if gt .Pages 0 }}
+
+  {{ $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 }}
+
+  {{ else }}
+
+  <section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
+    {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
+    {{ range .Pages }}
+    {{ partial "article-link-card.html" . }}
+    {{ end }}
+    {{ end }}
+  </section>
+
+  {{ end }}
+
+  {{ else if and $cardView $cardViewScreenWidth }}
+
+  {{ if $groupByYear }}
+
+  {{ 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>
+  </div>
   {{ end }}
-  <script>
-    var oid = "views_{{ .File.Path }}"
-    var oid_likes = "likes_{{ .File.Path }}"
-  </script>
-  {{ $jsPage := resources.Get "js/page.js" }}
-  {{ $jsPage = $jsPage | resources.Minify | resources.Fingerprint "sha512" }}
-  <script type="text/javascript" src="{{ $jsPage.RelPermalink }}" integrity="{{ $jsPage.Data.Integrity }}"></script>
 
-  {{ if gt .Pages 0 }}
+  {{ 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 }}
+      {{ range .Pages }}
+      {{ partial "article-link-card.html" . }}
+      {{ end }}
+      {{ end }}
+    </section>
+  </div>
+
+  {{ 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" . }}
 
-  {{ if .Params.cardView | default (.Site.Params.term.cardView | default false) }}
-
-  {{ $cardViewScreenWidth := .Site.Params.term.cardViewScreenWidth}}
-
-  {{ if not $.Params.groupByYear | default ($.Site.Params.term.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 (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
-          {{ if $.Params.groupByYear | default ($.Site.Params.term.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 }}
-          {{ end }}
-
-          {{ if $.Params.groupByYear | default ($.Site.Params.term.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.term.groupByYear | default true) }}
-                  </div>
-              </section>
-              {{ end }}
-
-
-              {{ end }}
-
-              {{ if not $.Params.groupByYear | default ($.Site.Params.term.groupByYear | default true) }}
-            </div>
-          </section>
-          {{ end }}
-
-          {{ else }}
-          <section class="space-y-10 w-full">
-            {{ range (.Paginate (.Pages.GroupByDate "2006")).PageGroups }}
-            {{ if $.Params.groupByYear | default ($.Site.Params.term.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" . }}
-            {{ end }}
-            {{ end }}
-          </section>
-          {{ 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" . }}
-
-          {{ end }}
+  {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/recent-articles-cardview-fullwidth.html b/layouts/partials/recent-articles-cardview-fullwidth.html
new file mode 100644
index 000000000..90d965c8d
--- /dev/null
+++ b/layouts/partials/recent-articles-cardview-fullwidth.html
@@ -0,0 +1,12 @@
+{{ $recentArticles := 5 }}
+{{ $recentArticles = .Site.Params.homepage.showRecentItems }}
+
+<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 first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
+    .Site.Params.mainSections)).Pages }}
+    {{ partial "article-link-card.html" . }}
+    {{ end }}
+  </section>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/recent-articles-cardview.html b/layouts/partials/recent-articles-cardview.html
new file mode 100644
index 000000000..ff531a3f6
--- /dev/null
+++ b/layouts/partials/recent-articles-cardview.html
@@ -0,0 +1,9 @@
+{{ $recentArticles := 5 }}
+{{ $recentArticles = .Site.Params.homepage.showRecentItems }}
+
+<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>
\ No newline at end of file
diff --git a/layouts/partials/recent-articles-list.html b/layouts/partials/recent-articles-list.html
new file mode 100644
index 000000000..f9515478a
--- /dev/null
+++ b/layouts/partials/recent-articles-list.html
@@ -0,0 +1,9 @@
+{{ $recentArticles := 5 }}
+{{ $recentArticles = .Site.Params.homepage.showRecentItems }}
+
+<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>
\ No newline at end of file
diff --git a/layouts/partials/recent-articles.html b/layouts/partials/recent-articles.html
index 72eace39b..41744d492 100644
--- a/layouts/partials/recent-articles.html
+++ b/layouts/partials/recent-articles.html
@@ -6,25 +6,12 @@
 {{ end }}
 <h2 class="mt-8 text-2xl font-extrabold mb-10">{{ i18n "shortcode.recent_articles" | emojify }}</h2>
 
-{{ if .Site.Params.homepage.cardView | default false }}
-{{ if .Site.Params.homepage.cardViewScreenWidth | default false }}
-<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%);">
-  {{ else }}
-<section class="w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3">
-  {{ end }}
-    {{ range first $recentArticles (.Paginate (where .Site.RegularPages "Type" "in"
-    .Site.Params.mainSections)).Pages }}
-      {{ partial "article-link-card.html" . }}
-    {{ end }}
-</section>
+{{ if and .Site.Params.homepage.cardView (not .Site.Params.homepage.cardViewScreenWidth) | default false }}
+  {{ partial "recent-articles-cardview.html" . }}
+{{ else if and .Site.Params.homepage.cardView .Site.Params.homepage.cardViewScreenWidth | default false }}
+  {{ partial "recent-articles-cardview-fullwidth.html" . }}
 {{ else }}
-<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" . }}
 {{ end }}
 
 {{ if .Site.Params.homepage.showMoreLink | default false }}
diff --git a/package.json b/package.json
index a24e78936..ee1682352 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.20.0",
+  "version": "2.21.0",
   "description": "Blowfish theme for Hugo",
   "scripts": {
     "fullinstall": "npm run preinstall && npm install && npm run postinstall",