diff --git a/package.json b/package.json index a28f1896..946c7b1f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "coryd.dev", - "version": "12.7.4", + "version": "12.8.4", "description": "The source for my personal site. Built using 11ty.", "type": "module", "scripts": { diff --git a/src/_includes/partials/banners/rss.liquid b/src/_includes/partials/banners/rss.liquid new file mode 100644 index 00000000..5b219668 --- /dev/null +++ b/src/_includes/partials/banners/rss.liquid @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/src/assets/styles/components/banners.css b/src/assets/styles/components/banners.css index c8ec8732..7bc63e1e 100644 --- a/src/assets/styles/components/banners.css +++ b/src/assets/styles/components/banners.css @@ -9,6 +9,11 @@ line-height: var(--line-height-sm); margin: 0; + a { + color: var(--text-color); + text-decoration: underline; + } + & > svg { display: inline; vertical-align: middle; @@ -25,6 +30,12 @@ &.npm { border-color: var(--brand-npm); + & p a:hover, + & p a:active, + & p a:focus { + color: var(--brand-npm); + } + & svg { stroke: var(--brand-npm); } @@ -33,8 +44,28 @@ &.github { border-color: var(--brand-github); + & p a:hover, + & p a:active, + & p a:focus { + color: var(--brand-github); + } + & svg { stroke: var(--brand-github); } } + + &.rss { + border-color: var(--brand-rss); + + & p a:hover, + & p a:active, + & p a:focus { + color: var(--brand-rss); + } + + & svg { + stroke: var(--brand-rss); + } + } } \ No newline at end of file diff --git a/src/links.html b/src/links.html index 3c860b69..b2e33d78 100644 --- a/src/links.html +++ b/src/links.html @@ -5,6 +5,12 @@ pagination: data: collections.links size: 30 --- +{% if pagination.pageNumber == 0 %} + +{% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-links", text: "Subscribe to my links feed or follow along on this page" %} +

These are links I've liked or otherwise found interesting.

+
+{% endif %}