svemagie/blog-eleventy-indiekit
1
0
Fork 0
mirror of https://github.com/svemagie/blog-eleventy-indiekit.git synced 2026-04-02 16:44:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: multiple frontend issues

Browse Source 
- Add Alpine.js Collapse plugin for x-collapse directive
- Create favicon.svg and favicon.ico with proper linking
- Fix default-avatar references (use existing .svg instead of .png)
- Add favicon.ico to passthrough copy

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Ricardo
2026-01-28 15:08:01 +01:00
parent 637b0d41d3
commit 1f3fe00ce8
7 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
_includes/components/webmentions.njk
View File

@@ -35,7 +35,7 @@
target="_blank"
rel="noopener">
<img
src="{{ like.author.photo or '/images/default-avatar.png' }}"
src="{{ like.author.photo or '/images/default-avatar.svg' }}"
alt="{{ like.author.name }}"
class="w-8 h-8 rounded-full"
loading="lazy"
@@ -61,7 +61,7 @@
target="_blank"
rel="noopener">
<img
src="{{ repost.author.photo or '/images/default-avatar.png' }}"
src="{{ repost.author.photo or '/images/default-avatar.svg' }}"
alt="{{ repost.author.name }}"
class="w-8 h-8 rounded-full"
loading="lazy"
@@ -85,7 +85,7 @@
<div class="flex gap-3">
<a href="{{ reply.author.url }}" target="_blank" rel="noopener">
<img
src="{{ reply.author.photo or '/images/default-avatar.png' }}"
src="{{ reply.author.photo or '/images/default-avatar.svg' }}"
alt="{{ reply.author.name }}"
class="w-10 h-10 rounded-full"
loading="lazy"

5
_includes/layouts/base.njk
View File

@@ -41,9 +41,14 @@
<meta name="twitter:image" content="{% if contentImage.startsWith('http') %}{{ contentImage }}{% else %}{{ site.url }}/{{ contentImage }}{% endif %}">
{% endif %}
{# Favicon #}
<link rel="icon" type="image/svg+xml" href="/images/favicon.svg">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="stylesheet" href="/css/style.css?v={{ '/css/style.css' | hash }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lite-youtube-embed@0.3.2/src/lite-yt-embed.min.css">
<script src="https://cdn.jsdelivr.net/npm/lite-youtube-embed@0.3.2/src/lite-yt-embed.min.js" defer></script>
<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.x.x/dist/cdn.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<style>[x-cloak] { display: none !important; }</style>
<link rel="canonical" href="{{ site.url }}{{ page.url }}">