From 37a261c6bf76e70122bc653a1f4f292a56c74b9e Mon Sep 17 00:00:00 2001 From: Lewis Dale Date: Fri, 16 Feb 2024 08:35:06 +0000 Subject: [PATCH] Actually add the blogroll, finally --- src/_data/blogroll.json | 36 ++++++++++++++++++++++++++++++--- src/blogroll.html | 35 ++++++++++++++++++++++++-------- src/blogroll.njk | 28 +++++++++++++++++++++++++ src/css/compositions/grid.css | 9 +++++++++ src/css/exceptions/blogroll.css | 10 +++++++++ 5 files changed, 107 insertions(+), 11 deletions(-) create mode 100644 src/blogroll.njk create mode 100644 src/css/compositions/grid.css create mode 100644 src/css/exceptions/blogroll.css diff --git a/src/_data/blogroll.json b/src/_data/blogroll.json index 1aabef7..06cc5df 100644 --- a/src/_data/blogroll.json +++ b/src/_data/blogroll.json @@ -2,16 +2,46 @@ { "name": "Robb Knight", "website": "https://rknight.me", - "rss": "https://rknight.me/subscribe/posts/rss.xml" + "feed": "https://rknight.me/subscribe/posts/rss.xml" }, { "name": "Terence Eden", "website": "https://shkspr.mobi", - "rss": "https://shkspr.mobi/blog/feed/atom/" + "feed": "https://shkspr.mobi/blog/feed/atom/" }, { "name": "Sara Joy", "website": "https://sarajoy.dev", - "rss": "https://sarajoy.dev/rss.xml" + "feed": "https://sarajoy.dev/rss.xml" + }, + { + "name": "Localghost", + "website": "https://localghost.dev", + "feed": "https://localghost.dev/feed.xml" + }, + { + "name": "Thomas Rigby", + "website": "https://thomasrigby.com/", + "feed": "https://thomasrigby.com/feed.xml" + }, + { + "name": "Picalilli", + "website": "https://piccalil.li", + "feed": "https://piccalil.li/feed.xml" + }, + { + "name": "Adrian Roselli", + "website": "https://adrianroselli.com", + "feed": "https://adrianroselli.com/feed" + }, + { + "name": "Apple Annie's Weblog", + "website": "https://weblog.anniegreens.lol/", + "feed": "https://weblog.anniegreens.lol/rss.xml" + }, + { + "name": "Zoe Aubert", + "website": "https://zoeaubert.me", + "feed": "https://zoeaubert.me/rss.xml" } ] \ No newline at end of file diff --git a/src/blogroll.html b/src/blogroll.html index 6e4af14..32556fb 100644 --- a/src/blogroll.html +++ b/src/blogroll.html @@ -1,13 +1,32 @@ --- title: Blogroll -layout: page.njk +layout: base.njk --- +
+
+

{{ title }}

+
+

What's a blogroll?

+ +

It's just a bunch of links to other blogs! But these are blogs that I read on a regular basis, because they post interesting, well-written, or otherwise just good posts.

+ +

The blogroll

+ +

You can also download this as an OPML file to import into your RSS reader

+ +
    + {% for blog in blogroll %} +
  • +

    {{ blog.name }}

    + Website + Feed +
    • + {% endfor %} +
+
+
+ +
+ - diff --git a/src/blogroll.njk b/src/blogroll.njk new file mode 100644 index 0000000..9b9f58c --- /dev/null +++ b/src/blogroll.njk @@ -0,0 +1,28 @@ +--- +permalink: /blogroll/blogroll.opml +--- + + + + + Lewis Dale's Blogroll + Fri, 16 Feb 2024 08:30:00 GMT + {{ page.date }} + {{ metadata.author.name }} + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/css/compositions/grid.css b/src/css/compositions/grid.css new file mode 100644 index 0000000..2555f8f --- /dev/null +++ b/src/css/compositions/grid.css @@ -0,0 +1,9 @@ +.grid { + display: grid; + grid-gap: var(--grid-spacing, 1rem); + grid-template-columns: repeat(auto-fit, minmax(var(--grid-col-width, 250px), 1fr)); +} + +.grid[data-cols="3"] { + --grid-col-width: clamp(12rem, 30%, 15rem); +} \ No newline at end of file diff --git a/src/css/exceptions/blogroll.css b/src/css/exceptions/blogroll.css new file mode 100644 index 0000000..63d71f2 --- /dev/null +++ b/src/css/exceptions/blogroll.css @@ -0,0 +1,10 @@ +.blogroll { + .blogroll-item { + border: 1px solid var(--color-primary); + padding: var(--space-size-xs); + + a { + margin-right: 2ch; + } + } +} \ No newline at end of file