add RSS to TPEN

_config.yml

@@ -6,6 +6,8 @@ show_downloads: false
 markdown: kramdown
 highlighter: rouge
 google_analytics: G-630J3K9FNK
+plugins:
+  - jekyll-feed
 defaults:
   -
     scope:

_includes/feed-xslt-inject.html

@@ -0,0 +1,4 @@
+{% capture xslt %}<?xml-stylesheet type="text/xsl" href="/assets/rss-feed.xsl"?>
+{% endcapture %}
+{{ xslt | strip_newlines }}
+{{ content }}

_includes/head-custom.html

@@ -1,21 +1,9 @@
 <!-- start custom head snippets, customize with your own _includes/head-custom.html file -->
-
-<!-- Setup Google Analytics -->
-<!-- Google tag (gtag.js) -->
-{% if site.google_analytics %}
-  <script>
-    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-    ga('create', '{{ site.google_analytics }}', 'auto');
-    ga('send', 'pageview');
-  </script>
-{% endif %}
-<!-- You can set your favicon here -->
+<link type="application/atom+xml" rel="alternate" href="{{ site.url }}{{ site.baseurl }}/feed.xml" title="{{ site.title }}" />
 <link rel="shortcut icon" type="image/x-icon" href="{{ '/assets/icons/favicon.ico' | relative_url }}">
 <link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16x16.png">
 <link rel="manifest" href="/site.webmanifest">
 <!-- end custom head snippets -->
+

_layouts/default.html

@@ -100,6 +100,10 @@ <h1 style="margin: 0;"><a href="{{ "/" | absolute_url }}" style="text-decoration
             <a href="{{ "/privacy" | absolute_url }}">Read our privacy statement.</a>
             &midcir; 
             <a href="https://github.com/CenterForDigitalHumanities/TPEN3">Read code on GitHub.com.</a>
+            &midcir;
+            <a href="{{ "/feed.xml" | absolute_url }}" title="RSS Feed" style="vertical-align: middle;">
+                <i class="bi bi-rss-fill" style="color: orange; font-size: 1.3em; vertical-align: middle;"></i> RSS
+            </a>
         </footer>
     </div>
     <script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>

assets/css/main.css

@@ -111,11 +111,15 @@ h3 {
 }
 .post-cover-image-banner {
     background-image: var(--bg-image);
-    background-size: cover;
-    background-position: top center;
+    background-size: contain;
+    background-position: center center;
     background-attachment: fixed;
-    height: 300px;
     width: 100%;
+    height: min(40vw, 350px);
+    margin: 0;
+    border-radius: 0;
+    box-shadow: none;
+    display: block;
     position: relative;
   }
 

feed.xml

@@ -0,0 +1,20 @@
+---
+layout: null
+---
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0">
+  <channel>
+    <title>{{ site.title | xml_escape }}</title>
+    <link>{{ site.url }}{{ site.baseurl }}</link>
+    <description>{{ site.description | xml_escape }}</description>
+    {% for post in site.posts %}
+    <item>
+      <title>{{ post.title | xml_escape }}</title>
+      <link>{{ site.url }}{{ post.url }}</link>
+      <description>{{ post.excerpt | xml_escape }}</description>
+      <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
+      <guid>{{ site.url }}{{ post.url }}</guid>
+    </item>
+    {% endfor %}
+  </channel>
+</rss>

pages/updates.md

@@ -0,0 +1,19 @@
+---
+layout: default
+title: Updates
+permalink: /updates/
+---
+<div class="rss-header" style="display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;">
+  <img src="/assets/img/logo.png" alt="TPEN Logo" class="rss-logo" style="height: 60px;"/>
+  <span class="rss-title" style="font-size: 2rem; color: var(--primary-color);">{{ site.title }} Updates</span>
+</div>
+<ul class="rss-list" style="list-style: none; padding: 0;">
+  {% for post in site.posts %}
+    <li style="margin-bottom: 2rem; border-bottom: 1px solid var(--gray); padding-bottom: 1rem;">
+      <a href="{{ post.url | relative_url }}" style="font-size:1.2rem; color: var(--link);"><strong>{{ post.title }}</strong></a>
+      <div class="rss-date" style="color: var(--gray); font-size: 0.9rem;">{{ post.date | date: "%B %d, %Y" }}</div>
+      <div class="rss-desc" style="margin-top: 0.5rem;">{{ post.excerpt }}</div>
+    </li>
+  {% endfor %}
+</ul>
+<p style="margin-top:2rem;"><a href="/feed.xml"><i class="bi bi-rss-fill" style="color: orange; font-size: 1.3em; vertical-align: middle;"></i> Subscribe via RSS</a></p>