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

feat: replace HTML arrow entities with vector SVG icons for consistency
All checks were successful
Deploy Theme / deploy (push) Successful in 32s
Details

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-22 07:42:27 +01:00
parent f431b97559
commit df38d7d9ef
4 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
error-404.hbs
View File

@@ -5,7 +5,7 @@
<h2 class="text-4xl md:text-6xl font-bold mb-12">Page Not Found</h2> <h2 class="text-4xl md:text-6xl font-bold mb-12">Page Not Found</h2>
<a href="{{@site.url}}" class="btn-primary"> <a href="{{@site.url}}" class="btn-primary">
&larr; Back to Home <span class="mr-2">{{> "icons/arrow-left"}}</span> Back to Home
</a> </a>
{{#get "posts" limit="3" include="tags,authors"}} {{#get "posts" limit="3" include="tags,authors"}}

3
partials/icons/arrow-left.hbs Normal file
View File

@@ -0,0 +1,3 @@
<svg class="w-4 h-4 inline-block" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 245 B

3
partials/icons/arrow-right.hbs Normal file
View File

@@ -0,0 +1,3 @@
<svg class="w-4 h-4 inline-block" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 242 B

10
partials/post-navigation.hbs
View File

@@ -2,7 +2,10 @@
{{#prev_post}} {{#prev_post}}
<div class="prev-post-nav"> <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"> <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 flex items-center">
<span class="mr-2">{{> "icons/arrow-left"}}</span>
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>
</div> </div>
@@ -11,7 +14,10 @@
{{#next_post}} {{#next_post}}
<div class="next-post-nav text-right md:col-start-2"> <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"> <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 flex items-center justify-end">
Next Post
<span class="ml-2">{{> "icons/arrow-right"}}</span>
</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>
</div> </div>