refactor: extract partials for post components and create separate page template
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
This commit is contained in:
19
partials/post-navigation.hbs
Normal file
19
partials/post-navigation.hbs
Normal file
@@ -0,0 +1,19 @@
|
||||
<nav class="hidden has-[a]:grid mt-16 max-w-3xl mx-auto grid-cols-1 md:grid-cols-2 gap-4 pt-12">
|
||||
{{#prev_post}}
|
||||
<div class="prev-post-nav">
|
||||
<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">← Previous Post</span>
|
||||
<h4 class="text-xl font-bold group-hover:text-[var(--brand-primary)] transition-colors duration-300">{{title}}</h4>
|
||||
</a>
|
||||
</div>
|
||||
{{/prev_post}}
|
||||
|
||||
{{#next_post}}
|
||||
<div class="next-post-nav text-right md:col-start-2">
|
||||
<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 →</span>
|
||||
<h4 class="text-xl font-bold group-hover:text-[var(--brand-primary)] transition-colors duration-300">{{title}}</h4>
|
||||
</a>
|
||||
</div>
|
||||
{{/next_post}}
|
||||
</nav>
|
||||
Reference in New Issue
Block a user