45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
|
{{ $recentArticles := 5 }}
|
||
|
|
{{ $showMoreLinkDest := "/posts" }}
|
||
|
|
{{ 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>
|
||
|
|
|
||
|
|
<div class="flex mb-6 px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
|
||
|
|
<span class="flex items-center justify-between grow dark:text-neutral-300">
|
||
|
|
<span class="prose dark:prose-invert">This is a demo of theme's list configurations: <code
|
||
|
|
id="config">card view</code></span>
|
||
|
|
<button id="switch-config-button"
|
||
|
|
class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700">
|
||
|
|
Switch config ↻
|
||
|
|
</button>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="CardViewProse" class="h-full">
|
||
|
|
{{ partial "recent-articles/cardview.html" . }}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="CardViewScreenWidth" class="hidden h-full">
|
||
|
|
{{ partial "recent-articles/cardview-fullwidth.html" . }}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="NormalView" class="hidden h-full">
|
||
|
|
{{ partial "recent-articles/list.html" . }}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{ 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 }}
|