styled feed; bug fixes
This commit is contained in:
parent
18927e73ea
commit
9b17dc6d18
9 changed files with 143 additions and 3 deletions
|
|
@ -37,4 +37,8 @@ module.exports = {
|
||||||
|
|
||||||
return [month, day, year].join('.')
|
return [month, day, year].join('.')
|
||||||
},
|
},
|
||||||
|
rssLastUpdatedDate: (collection) => {
|
||||||
|
if (!collection || !collection.length) return ''
|
||||||
|
return collection[0].publishedAt
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|
|
||||||
6
config/rssLastUpdated.js
Normal file
6
config/rssLastUpdated.js
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
const { DateTime } = require('luxon')
|
||||||
|
|
||||||
|
module.exports = (collection) => {
|
||||||
|
if (!collection || !collection.length) return ''
|
||||||
|
return collection[0].publishedAt
|
||||||
|
}
|
||||||
|
|
@ -21,6 +21,8 @@
|
||||||
<script src="https://breezy-restored.coryd.dev/script.js" data-site="RHNGSUXO" defer></script>
|
<script src="https://breezy-restored.coryd.dev/script.js" data-site="RHNGSUXO" defer></script>
|
||||||
<link rel="webmention" href="https://webmention.io/coryd.dev/webmention" />
|
<link rel="webmention" href="https://webmention.io/coryd.dev/webmention" />
|
||||||
<link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" />
|
<link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" />
|
||||||
|
<link type="application/atom+xml" rel="alternate" title="Cory Dransfeldt" href="/feed.xml">
|
||||||
|
<link rel="alternate" type="application/json" title="Cory Dransfeldt" href="/feed.json" />
|
||||||
<script>
|
<script>
|
||||||
const isDarkMode = () => localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches);
|
const isDarkMode = () => localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches);
|
||||||
if (isDarkMode()) {
|
if (isDarkMode()) {
|
||||||
|
|
|
||||||
16
src/_includes/feed.liquid
Normal file
16
src/_includes/feed.liquid
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<?xml-stylesheet href="/assets/atom-feed.xsl" type="text/xsl" media="screen"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||||
|
<title>{% block title %}All posts • Cory Dransfeldt{% endblock %}</title>
|
||||||
|
<link href="{{ pkg.homepage }}/feeds/{% block self %}articles.xml{% endblock %}" rel="self"/>
|
||||||
|
<link href="{{ pkg.homepage }}/{% block page %}articles/{% endblock %}"/>
|
||||||
|
<link rel="hub" href="http://pubsubhubbub.superfeedr.com/" />
|
||||||
|
<updated>{% block update %}{{ collections.entries | rssLastUpdatedDate }}{% endblock %}</updated>
|
||||||
|
<id>{{ site.url }}/{% block id %}posts/{% endblock %}</id>
|
||||||
|
<author>
|
||||||
|
<name>{{ site.author }}</name>
|
||||||
|
<email>{{ site.email }}</email>
|
||||||
|
</author>
|
||||||
|
<generator uri="https://11ty.dev" version="{{ eleventy.version }}">{{ eleventy.generator }}</generator>
|
||||||
|
{% block entries %}{% endblock %}
|
||||||
|
</feed>
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
{% if site.coffee != "" %}
|
{% if site.coffee != "" %}
|
||||||
<a href={{ site.coffee }} onclick="fathom.trackGoal('XAJG76MR', 0)" rel="me" title="Buy Me a Coffee">
|
<a href={{ site.coffee }} onclick="fathom.trackGoal('XAJG76MR', 0)" rel="me" title="Buy Me a Coffee">
|
||||||
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400 h-6 w-6" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Buy Me A Coffee</title><path d="M20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379-.197-.069-.42-.098-.57-.241-.152-.143-.196-.366-.231-.572-.065-.378-.125-.756-.192-1.133-.057-.325-.102-.69-.25-.987-.195-.4-.597-.634-.996-.788a5.723 5.723 0 00-.626-.194c-1-.263-2.05-.36-3.077-.416a25.834 25.834 0 00-3.7.062c-.915.083-1.88.184-2.75.5-.318.116-.646.256-.888.501-.297.302-.393.77-.177 1.146.154.267.415.456.692.58.36.162.737.284 1.123.366 1.075.238 2.189.331 3.287.37 1.218.05 2.437.01 3.65-.118.299-.033.598-.073.896-.119.352-.054.578-.513.474-.834-.124-.383-.457-.531-.834-.473-.466.074-.96.108-1.382.146-1.177.08-2.358.082-3.536.006a22.228 22.228 0 01-1.157-.107c-.086-.01-.18-.025-.258-.036-.243-.036-.484-.08-.724-.13-.111-.027-.111-.185 0-.212h.005c.277-.06.557-.108.838-.147h.002c.131-.009.263-.032.394-.048a25.076 25.076 0 013.426-.12c.674.019 1.347.067 2.017.144l.228.031c.267.04.533.088.798.145.392.085.895.113 1.07.542.055.137.08.288.111.431l.319 1.484a.237.237 0 01-.199.284h-.003c-.037.006-.075.01-.112.015a36.704 36.704 0 01-4.743.295 37.059 37.059 0 01-4.699-.304c-.14-.017-.293-.042-.417-.06-.326-.048-.649-.108-.973-.161-.393-.065-.768-.032-1.123.161-.29.16-.527.404-.675.701-.154.316-.199.66-.267 1-.069.34-.176.707-.135 1.056.087.753.613 1.365 1.37 1.502a39.69 39.69 0 0011.343.376.483.483 0 01.535.53l-.071.697-1.018 9.907c-.041.41-.047.832-.125 1.237-.122.637-.553 1.028-1.182 1.171-.577.131-1.165.2-1.756.205-.656.004-1.31-.025-1.966-.022-.699.004-1.556-.06-2.095-.58-.475-.458-.54-1.174-.605-1.793l-.731-7.013-.322-3.094c-.037-.351-.286-.695-.678-.678-.336.015-.718.3-.678.679l.228 2.185.949 9.112c.147 1.344 1.174 2.068 2.446 2.272.742.12 1.503.144 2.257.156.966.016 1.942.053 2.892-.122 1.408-.258 2.465-1.198 2.616-2.657.34-3.332.683-6.663 1.024-9.995l.215-2.087a.484.484 0 01.39-.426c.402-.078.787-.212 1.074-.518.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233-2.416.359-4.866.54-7.308.46-1.748-.06-3.477-.254-5.207-.498-.17-.024-.353-.055-.47-.18-.22-.236-.111-.71-.054-.995.052-.26.152-.609.463-.646.484-.057 1.046.148 1.526.22.577.088 1.156.159 1.737.212 2.48.226 5.002.19 7.472-.14.45-.06.899-.13 1.345-.21.399-.072.84-.206 1.08.206.166.281.188.657.162.974a.544.544 0 01-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a5.884 5.884 0 01-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38 0 0 1.243.065 1.658.065.447 0 1.786-.065 1.786-.065.783 0 1.434-.6 1.499-1.38l.94-9.95a3.996 3.996 0 00-1.322-.238c-.826 0-1.491.284-2.26.613z"/></svg>
|
<svg class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Buy Me A Coffee</title><path d="M20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379-.197-.069-.42-.098-.57-.241-.152-.143-.196-.366-.231-.572-.065-.378-.125-.756-.192-1.133-.057-.325-.102-.69-.25-.987-.195-.4-.597-.634-.996-.788a5.723 5.723 0 00-.626-.194c-1-.263-2.05-.36-3.077-.416a25.834 25.834 0 00-3.7.062c-.915.083-1.88.184-2.75.5-.318.116-.646.256-.888.501-.297.302-.393.77-.177 1.146.154.267.415.456.692.58.36.162.737.284 1.123.366 1.075.238 2.189.331 3.287.37 1.218.05 2.437.01 3.65-.118.299-.033.598-.073.896-.119.352-.054.578-.513.474-.834-.124-.383-.457-.531-.834-.473-.466.074-.96.108-1.382.146-1.177.08-2.358.082-3.536.006a22.228 22.228 0 01-1.157-.107c-.086-.01-.18-.025-.258-.036-.243-.036-.484-.08-.724-.13-.111-.027-.111-.185 0-.212h.005c.277-.06.557-.108.838-.147h.002c.131-.009.263-.032.394-.048a25.076 25.076 0 013.426-.12c.674.019 1.347.067 2.017.144l.228.031c.267.04.533.088.798.145.392.085.895.113 1.07.542.055.137.08.288.111.431l.319 1.484a.237.237 0 01-.199.284h-.003c-.037.006-.075.01-.112.015a36.704 36.704 0 01-4.743.295 37.059 37.059 0 01-4.699-.304c-.14-.017-.293-.042-.417-.06-.326-.048-.649-.108-.973-.161-.393-.065-.768-.032-1.123.161-.29.16-.527.404-.675.701-.154.316-.199.66-.267 1-.069.34-.176.707-.135 1.056.087.753.613 1.365 1.37 1.502a39.69 39.69 0 0011.343.376.483.483 0 01.535.53l-.071.697-1.018 9.907c-.041.41-.047.832-.125 1.237-.122.637-.553 1.028-1.182 1.171-.577.131-1.165.2-1.756.205-.656.004-1.31-.025-1.966-.022-.699.004-1.556-.06-2.095-.58-.475-.458-.54-1.174-.605-1.793l-.731-7.013-.322-3.094c-.037-.351-.286-.695-.678-.678-.336.015-.718.3-.678.679l.228 2.185.949 9.112c.147 1.344 1.174 2.068 2.446 2.272.742.12 1.503.144 2.257.156.966.016 1.942.053 2.892-.122 1.408-.258 2.465-1.198 2.616-2.657.34-3.332.683-6.663 1.024-9.995l.215-2.087a.484.484 0 01.39-.426c.402-.078.787-.212 1.074-.518.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233-2.416.359-4.866.54-7.308.46-1.748-.06-3.477-.254-5.207-.498-.17-.024-.353-.055-.47-.18-.22-.236-.111-.71-.054-.995.052-.26.152-.609.463-.646.484-.057 1.046.148 1.526.22.577.088 1.156.159 1.737.212 2.48.226 5.002.19 7.472-.14.45-.06.899-.13 1.345-.21.399-.072.84-.206 1.08.206.166.281.188.657.162.974a.544.544 0 01-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a5.884 5.884 0 01-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38 0 0 1.243.065 1.658.065.447 0 1.786-.065 1.786-.065.783 0 1.434-.6 1.499-1.38l.94-9.95a3.996 3.996 0 00-1.322-.238c-.826 0-1.491.284-2.26.613z"/></svg>
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
<li class="mr-6">
|
<li class="mr-6">
|
||||||
{% include "icons/rss.liquid" %}
|
{% include "icons/rss.liquid" %}
|
||||||
</li>
|
</li>
|
||||||
<li class="mr-6">
|
<li>
|
||||||
{% include "icons/toggle-theme.liquid" %}
|
{% include "icons/toggle-theme.liquid" %}
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
89
src/assets/atom-feed.xsl
Normal file
89
src/assets/atom-feed.xsl
Normal file
|
|
@ -0,0 +1,89 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!--
|
||||||
|
# Pretty Atom Feed
|
||||||
|
Based on "Pretty RSS Feed": https://github.com/genmon/aboutfeeds/issues/26
|
||||||
|
Styles an Atom feed, making it friendly for humans viewers, and adds a link
|
||||||
|
to aboutfeeds.com for new user onboarding. See it in action:
|
||||||
|
https://nicolas-hoizey.com/feeds/all.xml
|
||||||
|
-->
|
||||||
|
<xsl:stylesheet
|
||||||
|
version="3.0"
|
||||||
|
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
|
||||||
|
xmlns:atom="http://www.w3.org/2005/Atom">
|
||||||
|
<xsl:output method="html" version="4.0" encoding="UTF-8" indent="yes"/>
|
||||||
|
<xsl:template match="/">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||||
|
<title><xsl:value-of select="atom:feed/atom:title"/></title>
|
||||||
|
<link href="/assets/styles/tailwind.css" rel="stylesheet" />
|
||||||
|
<link href="/assets/styles/index.css" rel="stylesheet" />
|
||||||
|
<link href="/assets/img/favicon/favicon-16x16.png" rel="icon" type="image/x-icon" />
|
||||||
|
<link href="/assets/img/favicon/favicon-32x32.png" rel="icon" type="image/png" sizes="32x32" />
|
||||||
|
<link href="/assets/img/favicon/apple-touch-icon.png" rel="apple-touch-icon" />
|
||||||
|
</head>
|
||||||
|
<body class="dark:text-white dark:bg-gray-900 font-sans text-gray-800">
|
||||||
|
<div class="min-h-screen flex flex-col">
|
||||||
|
<main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
|
||||||
|
<div class="flex flex-col md:flex-row md:items-center md:justify-between md:pt-10 pt-5">
|
||||||
|
<h1 class="dark:text-gray-200 font-black leading-tight dark:hover:text-purple-400 hover:text-purple-500 md:pb-0 md:text-3xl pb-5 text-2xl">
|
||||||
|
<a href="/">Cory Dransfeldt</a>
|
||||||
|
</h1>
|
||||||
|
<a href="/">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="inline w-6 h-6 fill-current text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400">
|
||||||
|
<path d="M11.47 3.84a.75.75 0 011.06 0l8.69 8.69a.75.75 0 101.06-1.06l-8.689-8.69a2.25 2.25 0 00-3.182 0l-8.69 8.69a.75.75 0 001.061 1.06l8.69-8.69z" />
|
||||||
|
<path d="M12 5.432l8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 01-.75-.75v-4.5a.75.75 0 00-.75-.75h-3a.75.75 0 00-.75.75V21a.75.75 0 01-.75.75H5.625a1.875 1.875 0 01-1.875-1.875v-6.198a2.29 2.29 0 00.091-.086L12 5.43z" />
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="pt-12 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
|
||||||
|
<div class="dark:text-white text-gray-800 border-b border-gray-200 dark:border-gray-700 pb-4">
|
||||||
|
<h2 class="font-black leading-tight m-0 md:text-2xl text-xl tracking-normal mb-4 flex flex-row items-center">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-10 h-10 mr-1">
|
||||||
|
<path fill-rule="evenodd" d="M3.75 4.5a.75.75 0 01.75-.75h.75c8.284 0 15 6.716 15 15v.75a.75.75 0 01-.75.75h-.75a.75.75 0 01-.75-.75v-.75C18 11.708 12.292 6 5.25 6H4.5a.75.75 0 01-.75-.75V4.5zm0 6.75a.75.75 0 01.75-.75h.75a8.25 8.25 0 018.25 8.25v.75a.75.75 0 01-.75.75H12a.75.75 0 01-.75-.75v-.75a6 6 0 00-6-6H4.5a.75.75 0 01-.75-.75v-.75zm0 7.5a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z" clip-rule="evenodd" />
|
||||||
|
</svg>
|
||||||
|
Feed preview • all posts
|
||||||
|
</h2>
|
||||||
|
<p>I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.</p>
|
||||||
|
<p><em>This feed preview only shows titles, but the actual feed contains the full content.</em></p>
|
||||||
|
<p><a href="/feed.json">I also have a JSON feed available.</a></p>
|
||||||
|
<a href="/">
|
||||||
|
Visit site →
|
||||||
|
</a>
|
||||||
|
<p><xsl:value-of select="atom:feed/atom:description"/></p>
|
||||||
|
</div>
|
||||||
|
<xsl:apply-templates select="atom:feed/atom:entry" />
|
||||||
|
</div>
|
||||||
|
<footer class="prose pb-8 mt-4">
|
||||||
|
<div>
|
||||||
|
<p class="mb-0"><strong>This is a web feed,</strong> also known as an RSS or Atom feed.</p>
|
||||||
|
<p class="mt-0"><strong>Subscribe</strong> by copying the URL from the address bar into your newsreader.</p>
|
||||||
|
</div>
|
||||||
|
<small>
|
||||||
|
Visit <a href="https://aboutfeeds.com">About Feeds</a> to get started with newsreaders and subscribing. It’s free.
|
||||||
|
</small>
|
||||||
|
</footer>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
</xsl:template>
|
||||||
|
<xsl:template match="atom:feed/atom:entry">
|
||||||
|
<div class="pb-4 border-b border-gray-200 dark:border-gray-700 mb-8">
|
||||||
|
<h3 class="mb-0">
|
||||||
|
<a class="no-underline font-black dark:text-gray-200 leading-tight m-0 md:text-2xl text-xl tracking-normal dark:text-white text-gray-800">
|
||||||
|
<xsl:attribute name="href">
|
||||||
|
<xsl:value-of select="atom:link/@href"/>
|
||||||
|
</xsl:attribute>
|
||||||
|
<xsl:value-of select="atom:title"/>
|
||||||
|
</a>
|
||||||
|
</h3>
|
||||||
|
<div class="h-14 flex items-center text-sm">
|
||||||
|
<span><xsl:value-of select="atom:updated" /></span>
|
||||||
|
<span class="mx-1">•</span>
|
||||||
|
<a><xsl:attribute name="href"><xsl:value-of select="atom:link/@href"/></xsl:attribute>Read more →</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</xsl:template>
|
||||||
|
</xsl:stylesheet>
|
||||||
|
|
@ -1,9 +1,10 @@
|
||||||
---
|
---
|
||||||
permalink: '/feed.json'
|
permalink: '/feed.json'
|
||||||
---
|
---
|
||||||
|
{% assign posts = collections.posts | reverse %}
|
||||||
{
|
{
|
||||||
"posts": [
|
"posts": [
|
||||||
{% for item in collections.posts %}
|
{% for item in posts %}
|
||||||
{
|
{
|
||||||
"title": "{{ item.data.title }}",
|
"title": "{{ item.data.title }}",
|
||||||
"url": "{{ item.url }}"
|
"url": "{{ item.url }}"
|
||||||
|
|
|
||||||
22
src/feeds/all.liquid
Normal file
22
src/feeds/all.liquid
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
---
|
||||||
|
layout: null
|
||||||
|
permalink: /feeds/all.xml
|
||||||
|
---
|
||||||
|
{% layout "./_includes/feed.liquid" %}
|
||||||
|
{% block title %}All posts • Cory Dransfeldt{% endblock %}
|
||||||
|
{% block self %}all.xml{% endblock %}
|
||||||
|
{% block update %}{{ collections.posts | rssLastUpdatedDate }}{% endblock %}
|
||||||
|
{% block entries %}
|
||||||
|
{% assign posts = collections.posts | reverse %}
|
||||||
|
{% for post in posts %}
|
||||||
|
<entry>
|
||||||
|
<title>{{ post.data.title }}</title>
|
||||||
|
<link href="{{ site.url }}{{ post.url }}" />
|
||||||
|
<updated>{{ post.date | date: "%m.%d.%Y" }}</updated>
|
||||||
|
<id>{{ site.url }}{{ post.url }}</id>
|
||||||
|
<content type="html">
|
||||||
|
{{ post.data.post_excerpt | markdown }}
|
||||||
|
</content>
|
||||||
|
</entry>
|
||||||
|
{% endfor %}
|
||||||
|
{% endblock %}
|
||||||
Reference in a new issue