mirror of
https://github.com/nunocoracao/blowfish.git
synced 2025-01-22 22:45:42 -06:00
8c939bf372
Currently the items include some inner padding, which means that the items have some leading spacing on the left/right which don't align with the keyline. This PR updates this to use a grid, with a fixed number of columns depending on the screen size.
43 lines
No EOL
1.7 KiB
HTML
43 lines
No EOL
1.7 KiB
HTML
{{ $recentArticles := 5 }}
|
|
{{ $showMoreLinkDest := "/posts" }}
|
|
{{ if .Site.Params.homepage.showRecent | default false }}
|
|
{{ if index .Site.Params.homepage "showRecentItems" }}
|
|
{{ $recentArticles = .Site.Params.homepage.showRecentItems }}
|
|
{{ 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>
|
|
{{ 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>
|
|
{{ end }}
|
|
|
|
{{ if .Site.Params.homepage.showMoreLink | default false }}
|
|
{{ if index .Site.Params.homepage "showRecentItems" }}
|
|
{{ $showMoreLinkDest = .Site.Params.homepage.showMoreLinkDest }}
|
|
{{ end }}
|
|
<div class="mt-10 flex justify-center">
|
|
<a href="{{ $showMoreLinkDest }}">
|
|
<button
|
|
class="bg-transparent hover:text-primary-500 prose dark:prose-invert font-semibold hover:text-white py-2 px-4 border border-primary-500 hover:border-transparent rounded">
|
|
{{ i18n "recent.show_more" | markdownify | emojify }}
|
|
</button>
|
|
</a>
|
|
</div>
|
|
{{ end }}
|
|
{{ end }} |