valknar/palina-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: only show related posts and navigation on posts, not pages
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
Details

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-20 10:11:52 +01:00
parent 047a190b9d
commit df0a3cd24e
1 changed files with 36 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
post.hbs
View File

@@ -30,41 +30,43 @@
{{content fallback="<p>No content provided for this post.</p>"}} {{content fallback="<p>No content provided for this post.</p>"}}
</section> </section>
{{!-- Related Posts --}} {{!-- Related Posts - Only show on posts, not pages --}}
{{#if primary_tag}} {{#is "post"}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:-{{id}}" limit="3" as |related_posts|}} {{#if primary_tag}}
{{#if related_posts}} {{#get "posts" filter="tags:{{primary_tag.slug}}+id:-{{id}}" limit="3" as |related_posts|}}
<section class="mt-16 pt-12 border-t border-[var(--bg-tertiary)]"> {{#if related_posts}}
<h3 class="text-3xl font-bold mb-8 text-center">You might also like</h3> <section class="mt-16 pt-12 border-t border-[var(--bg-tertiary)]">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> <h3 class="text-3xl font-bold mb-8 text-center">You might also like</h3>
{{#foreach related_posts}} <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
{{> "post-card"}} {{#foreach related_posts}}
{{/foreach}} {{> "post-card"}}
</div> {{/foreach}}
</section> </div>
{{/if}} </section>
{{/get}} {{/if}}
{{/if}} {{/get}}
{{/if}}
{{!-- Next/Prev Navigation --}} {{!-- Next/Prev Navigation --}}
<nav class="mt-16 grid grid-cols-1 md:grid-cols-2 gap-4 border-t border-[var(--bg-tertiary)] pt-12"> <nav class="mt-16 grid grid-cols-1 md:grid-cols-2 gap-4 border-t border-[var(--bg-tertiary)] pt-12">
<div class="prev-post-nav"> <div class="prev-post-nav">
{{#prev_post}} {{#prev_post}}
<a href="{{url}}" class="group block p-6 bg-[var(--bg-secondary)] rounded-lg hover:bg-[var(--bg-tertiary)] transition-all duration-300"> <a href="{{url}}" class="group block p-6 bg-[var(--bg-secondary)] rounded-lg hover:bg-[var(--bg-tertiary)] transition-all duration-300">
<span class="text-xs uppercase tracking-widest text-[var(--text-tertiary)] mb-2 block">&larr; Previous Post</span> <span class="text-xs uppercase tracking-widest text-[var(--text-tertiary)] mb-2 block">&larr; Previous Post</span>
<h4 class="text-xl font-bold group-hover:text-[var(--brand-primary)] transition-colors duration-300">{{title}}</h4> <h4 class="text-xl font-bold group-hover:text-[var(--brand-primary)] transition-colors duration-300">{{title}}</h4>
</a> </a>
{{/prev_post}} {{/prev_post}}
</div> </div>
<div class="next-post-nav md:text-right"> <div class="next-post-nav md:text-right">
{{#next_post}} {{#next_post}}
<a href="{{url}}" class="group block p-6 bg-[var(--bg-secondary)] rounded-lg hover:bg-[var(--bg-tertiary)] transition-all duration-300"> <a href="{{url}}" class="group block p-6 bg-[var(--bg-secondary)] rounded-lg hover:bg-[var(--bg-tertiary)] transition-all duration-300">
<span class="text-xs uppercase tracking-widest text-[var(--text-tertiary)] mb-2 block">Next Post &rarr;</span> <span class="text-xs uppercase tracking-widest text-[var(--text-tertiary)] mb-2 block">Next Post &rarr;</span>
<h4 class="text-xl font-bold group-hover:text-[var(--brand-primary)] transition-colors duration-300">{{title}}</h4> <h4 class="text-xl font-bold group-hover:text-[var(--brand-primary)] transition-colors duration-300">{{title}}</h4>
</a> </a>
{{/next_post}} {{/next_post}}
</div> </div>
</nav> </nav>
{{/is}}
<footer class="mt-12 pt-8 border-t border-[var(--bg-tertiary)] text-center"> <footer class="mt-12 pt-8 border-t border-[var(--bg-tertiary)] text-center">
<a href="/" class="btn-primary"> <a href="/" class="btn-primary">