summaryrefslogtreecommitdiff
path: root/themes/blowfish/exampleSite/layouts
diff options
context:
space:
mode:
authorChristoph Cullmann <cullmann@kde.org>2024-04-28 17:33:09 +0200
committerChristoph Cullmann <cullmann@kde.org>2024-04-28 17:33:09 +0200
commite77051ccc4b47951bfa4fde2be436b1bb2fb113b (patch)
treef0b75ee3521da9c8cd39dac4359212348f70e4e8 /themes/blowfish/exampleSite/layouts
parent4b355837824ac2422d371acef790f0f4249255c7 (diff)
use https://github.com/nunocoracao/blowfish.git
Diffstat (limited to 'themes/blowfish/exampleSite/layouts')
-rw-r--r--themes/blowfish/exampleSite/layouts/partials/extend-footer.html1
-rw-r--r--themes/blowfish/exampleSite/layouts/partials/home/custom.html20
-rw-r--r--themes/blowfish/exampleSite/layouts/partials/recent-articles-demo.html44
3 files changed, 65 insertions, 0 deletions
diff --git a/themes/blowfish/exampleSite/layouts/partials/extend-footer.html b/themes/blowfish/exampleSite/layouts/partials/extend-footer.html
new file mode 100644
index 0000000..aad10ed
--- /dev/null
+++ b/themes/blowfish/exampleSite/layouts/partials/extend-footer.html
@@ -0,0 +1 @@
+<a rel="me" href="https://masto.ai/@blowfish"></a> \ No newline at end of file
diff --git a/themes/blowfish/exampleSite/layouts/partials/home/custom.html b/themes/blowfish/exampleSite/layouts/partials/home/custom.html
new file mode 100644
index 0000000..aa13ffa
--- /dev/null
+++ b/themes/blowfish/exampleSite/layouts/partials/home/custom.html
@@ -0,0 +1,20 @@
+{{ $jsHome := resources.Get "js/home.js" | resources.Minify | resources.Fingerprint "sha512" }}
+<div id="background">
+ {{ partial "partials/home/background.html" . }}
+</div>
+<div id="hero" style="display:none">
+ {{ partial "partials/home/hero.html" . }}
+</div>
+<div id="profile" style="display:none">
+ {{ partial "partials/home/profile.html" . }}
+</div>
+<div id="card" style="display:none">
+ {{ partial "partials/home/card.html" . }}
+</div>
+<div id="page" style="display:none">
+ {{ partial "partials/home/page.html" . }}
+</div>
+<section>
+ {{ partial "recent-articles-demo.html" . }}
+</section>
+<script defer type="text/javascript" src="{{ $jsHome.RelPermalink }}" integrity="{{ $jsHome.Data.Integrity }}"></script>
diff --git a/themes/blowfish/exampleSite/layouts/partials/recent-articles-demo.html b/themes/blowfish/exampleSite/layouts/partials/recent-articles-demo.html
new file mode 100644
index 0000000..6e40b8e
--- /dev/null
+++ b/themes/blowfish/exampleSite/layouts/partials/recent-articles-demo.html
@@ -0,0 +1,44 @@
+{{ $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 &orarr;
+ </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 }}