mostalive/firehose
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add RSS subscribe links with icon across blog pages, footer, and head

Browse Source 
- Add <.rss_icon> inline SVG component in core_components.ex
- Inject RSS <link> tags into <head> on blog pages for auto-discovery
- Show RSS icon next to blog title on index and tag pages
- Show RSS icon on post pages next to back-link
- Add Subscribe section in footer with links to both feeds
- Wire feed URL through blog controller (index, show, tag actions)

174 tests pass, credo clean.
This commit is contained in:
mostalive
2026-07-08 17:00:11 +01:00
parent 9238ecb7f3
commit 855b6cb590
7 changed files with 111 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/lib/firehose_web/controllers/blog_html/index.html.heex
+12 -1
View File
@@ -1,6 +1,17 @@
<div class="space-y-8">
<header>
<h1 class="text-3xl font-bold font-display">{@blog_title}</h1>
<div class="flex items-center gap-3">
<h1 class="text-3xl font-bold font-display">{@blog_title}</h1>
<a
href={@rss_feed_url}
class="link link-hover text-orange-500 hover:text-orange-600 transition-colors"
title="Subscribe to {@blog_title} RSS feed"
target="_blank"
rel="noopener noreferrer"
>
<.rss_icon class="size-5" />
</a>
</div>
<p :if={@blog_description} class="mt-2 text-base-content/70">{@blog_description}</p>
</header>
app/lib/firehose_web/controllers/blog_html/show.html.heex
+12 -1
View File
@@ -1,5 +1,16 @@
<div class="space-y-8">
<a href={@base_path} class="text-sm text-primary hover:underline">&larr; Back to posts</a>
<div class="flex items-center justify-between">
<a href={@base_path} class="text-sm text-primary hover:underline">&larr; Back to posts</a>
<a
href={@rss_feed_url}
class="link link-hover text-orange-500 hover:text-orange-600 transition-colors"
title="Subscribe to RSS feed"
target="_blank"
rel="noopener noreferrer"
>
<.rss_icon class="size-5" />
</a>
</div>
<%= if @authenticated and @visibility == :draft do %>
<div
app/lib/firehose_web/controllers/blog_html/tag.html.heex
+12 -1
View File
@@ -1,6 +1,17 @@
<div class="space-y-8">
<header>
<h1 class="text-3xl font-bold font-display">{@blog_title}</h1>
<div class="flex items-center gap-3">
<h1 class="text-3xl font-bold font-display">{@blog_title}</h1>
<a
href={@rss_feed_url}
class="link link-hover text-orange-500 hover:text-orange-600 transition-colors"
title="Subscribe to {@blog_title} RSS feed"
target="_blank"
rel="noopener noreferrer"
>
<.rss_icon class="size-5" />
</a>
</div>
<p class="mt-2 text-base-content/70">Posts tagged "{@tag}"</p>
</header>