RSS Feed

.github/workflows/test.yaml

@@ -0,0 +1,28 @@
+name: Test
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Hugo
+        uses: peaceiris/actions-hugo@v3
+        with:
+          # same as netlify.toml
+          hugo-version: '0.148.2'
+          extended: true
+      - name: Build
+        run: hugo --gc --minify --buildFuture
+      - name: Install xmllint
+        run: sudo apt-get install -y libxml2-utils
+      - name: Validate RSS feed
+        run: xmllint --noout public/index.xml

assets/sass/main.scss

@@ -441,4 +441,35 @@ div[data-netlify-site-id] {
   /* Netlify Collaborate Drawer */
   display: none;
   pointer-events: none;
+}
+
+/* RSS Feed Link */
+.rss-feed-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 14px;
+  font-weight: 600;
+  color: $brand_mint;
+  text-decoration: none;
+  transition: color 150ms;
+
+  &:hover {
+    color: lighten($brand_mint, 10%);
+    text-decoration: none;
+  }
+
+  .rss-icon {
+    display: inline-block;
+    flex-shrink: 0;
+    width: 14px;
+    height: 14px;
+    background-color: currentColor;
+    -webkit-mask-image: url('/images/rss-icon.svg');
+    mask-image: url('/images/rss-icon.svg');
+    -webkit-mask-size: contain;
+    mask-size: contain;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
 }

layouts/_default/rss.xml

@@ -0,0 +1,18 @@
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ .Site.Title | htmlUnescape }}</title>
+    <link>{{ .Permalink }}</link>
+    <description>{{ .Site.Params.description | htmlUnescape }}</description>
+    {{ with .Site.LanguageCode }}<language>{{.}}</language>{{ end }}
+    {{ if not .Date.IsZero }}<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
+    <generator>Hugo v{{ hugo.Version }}</generator>
+    {{ with .OutputFormats.Get "RSS" }}<atom:link href="{{ .Permalink }}" rel="self" type="application/rss+xml" />{{ end }}
+      {{ $posts := where .Site.RegularPages "Type" "in" (slice "blog") }}{{ range $posts }}<item>
+        <title>{{ .Title }}</title>
+        <link>{{ .Permalink }}</link>
+        <pubDate>{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
+        <description>{{ safeHTML "<![CDATA["}}{{ chomp .Content }}{{ safeHTML "]]>"}}</description>
+        <guid isPermaLink="true">{{ .Permalink }}</guid>
+      </item>{{ end }}
+  </channel>
+</rss>

layouts/blog/list.html

@@ -1,5 +1,8 @@
 {{ define "main" }}
 <div>
+  <div class="text-end mb-3">
+    {{ partial "rss-feed-link.html" . }}
+  </div>
   {{ $posts := where .Site.RegularPages "Type" "in" (slice "blog") }} {{ range $posts }}
   <div class="initiative_list_item__blogLanding">
     {{ .Date.Format $.Site.Params.time_format_default }}
@@ -9,8 +12,6 @@ <h2 class="no-autoanchor">{{ .Title }}</h2>
     <a href="{{ .Permalink }}">{{ i18n "read_more" }}</a><br />
     <br />
   </div>
-  {{ end }} {{ with .Site.Home.OutputFormats.Get "RSS" -}}
-  <p>{{ i18n "subscribe_rss" . | safeHTML }}</p>
   {{ end }}
 </div>
 {{ end }}

layouts/partials/head.html

@@ -25,4 +25,7 @@
   <link rel="stylesheet" media="screen" href="/createx-theme/css/theme.min.css" />
   {{ $style := resources.Get "/sass/main.scss" | css.Sass | resources.Minify | resources.Fingerprint }}
   <link rel="stylesheet" href="{{ $style.RelPermalink }}?v={{ now}}" />
+  {{ with site.Home.OutputFormats.Get "RSS" -}}
+  <link rel="alternate" type="application/rss+xml" title="{{ site.Title }}" href="{{ .RelPermalink }}">
+  {{- end }}
 </head>

layouts/partials/rss-feed-link.html

@@ -0,0 +1,6 @@
+{{- with site.Home.OutputFormats.Get "RSS" -}}
+<a href="{{ .RelPermalink }}" class="rss-feed-link" title="Subscribe via RSS">
+  <span class="rss-icon" aria-hidden="true"></span>
+  RSS Feed
+</a>
+{{- end -}}

resources/_gen/assets/sass/main.scss_77b10c8e87ff110a62c52933fe3f7f11.json

@@ -1 +1 @@
-{"Target":"/sass/main.min.dbc02a67be4848c5a28788dc616e55ab359fdc5b400346d882ed1193a94dea6e.css","MediaType":"text/css","Data":{"Integrity":"sha256-28AqZ75ISMWih4jcYW5VqzWf3FtAA0bYgu0Rk6lN6m4="}}
+{"Target":"/sass/main.min.cd024e9c80ac2ff06994073b8c9aa9cf389ce7af713eca7f49c41aac00015c46.css","MediaType":"text/css","Data":{"Integrity":"sha256-zQJOnICsL/BplAc7jJqpzzic569xPsp/ScQarAABXEY="}}