Actually add the blogroll, finally

This commit is contained in:
Lewis Dale 2024-02-16 08:35:06 +00:00
parent 800b37edca
commit 37a261c6bf
5 changed files with 107 additions and 11 deletions

View File

@ -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"
}
]

View File

@ -1,13 +1,32 @@
---
title: Blogroll
layout: page.njk
layout: base.njk
---
<main class="wrapper-lg stack-lg">
<article>
<h1 class="text-center">{{ title }}</h1>
<div class="stack-lg">
<h2>What's a blogroll?</h2>
<p>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.</p>
<h2>The blogroll</h2>
<p>You can also download this as an <a href="/blogroll/blogroll.opml">OPML file</a> to import into your RSS reader</p>
<ul class="grid blogroll" role="list" data-cols="3">
{% for blog in blogroll %}
<li class="blogroll-item h-card">
<h3>{{ blog.name }}</h3>
<a href="{{ blog.website }}">Website</a>
<a href="{{ blog.feed }}">Feed</a>
</li>
{% endfor %}
</ul>
</div>
</article>
</main>
<ul>
{% for blog in blogroll %}
<li>
{{ blog.name }}
</li>
{% endfor %}
</ul>

28
src/blogroll.njk Normal file
View File

@ -0,0 +1,28 @@
---
permalink: /blogroll/blogroll.opml
---
<?xml version="1.0" encoding="ISO-8859-1"?>
<opml version="2.0">
<head>
<title>Lewis Dale's Blogroll</title>
<dateCreated>Fri, 16 Feb 2024 08:30:00 GMT</dateCreated>
<dateModified>{{ page.date }}</dateModified>
<ownerName>{{ metadata.author.name }}</ownerName>
</head>
<body>
<outline text="CNET News.com" description="Tech news and business reports by CNET News.com. Focused on information technology, core topics include computers, hardware, software, networking, and Internet media." htmlUrl="http://news.com.com/" language="unknown" title="CNET News.com" type="rss" version="RSS2" xmlUrl="http://news.com.com/2547-1_3-0-5.xml"/>
<outline text="washingtonpost.com - Politics" description="Politics" htmlUrl="http://www.washingtonpost.com/wp-dyn/politics?nav=rss_politics" language="unknown" title="washingtonpost.com - Politics" type="rss" version="RSS2" xmlUrl="http://www.washingtonpost.com/wp-srv/politics/rssheadlines.xml"/>
<outline text="Scobleizer: Microsoft Geek Blogger" description="Robert Scoble's look at geek and Microsoft life." htmlUrl="http://radio.weblogs.com/0001011/" language="unknown" title="Scobleizer: Microsoft Geek Blogger" type="rss" version="RSS2" xmlUrl="http://radio.weblogs.com/0001011/rss.xml"/>
<outline text="Yahoo! News: Technology" description="Technology" htmlUrl="http://news.yahoo.com/news?tmpl=index&amp;cid=738" language="unknown" title="Yahoo! News: Technology" type="rss" version="RSS2" xmlUrl="http://rss.news.yahoo.com/rss/tech"/>
<outline text="Workbench" description="Programming and publishing news and comment" htmlUrl="http://www.cadenhead.org/workbench/" language="unknown" title="Workbench" type="rss" version="RSS2" xmlUrl="http://www.cadenhead.org/workbench/rss.xml"/>
<outline text="Christian Science Monitor | Top Stories" description="Read the front page stories of csmonitor.com." htmlUrl="http://csmonitor.com" language="unknown" title="Christian Science Monitor | Top Stories" type="rss" version="RSS" xmlUrl="http://www.csmonitor.com/rss/top.rss"/>
<outline text="Dictionary.com Word of the Day" description="A new word is presented every day with its definition and example sentences from actual published works." htmlUrl="http://dictionary.reference.com/wordoftheday/" language="unknown" title="Dictionary.com Word of the Day" type="rss" version="RSS" xmlUrl="http://www.dictionary.com/wordoftheday/wotd.rss"/>
<outline text="The Motley Fool" description="To Educate, Amuse, and Enrich" htmlUrl="http://www.fool.com" language="unknown" title="The Motley Fool" type="rss" version="RSS" xmlUrl="http://www.fool.com/xml/foolnews_rss091.xml"/>
<outline text="InfoWorld: Top News" description="The latest on Top News from InfoWorld" htmlUrl="http://www.infoworld.com/news/index.html" language="unknown" title="InfoWorld: Top News" type="rss" version="RSS2" xmlUrl="http://www.infoworld.com/rss/news.xml"/>
<outline text="NYT &gt; Business" description="Find breaking news &amp; business news on Wall Street, media &amp; advertising, international business, banking, interest rates, the stock market, currencies &amp; funds." htmlUrl="http://www.nytimes.com/pages/business/index.html?partner=rssnyt" language="unknown" title="NYT &gt; Business" type="rss" version="RSS2" xmlUrl="http://www.nytimes.com/services/xml/rss/nyt/Business.xml"/>
<outline text="NYT &gt; Technology" description="" htmlUrl="http://www.nytimes.com/pages/technology/index.html?partner=rssnyt" language="unknown" title="NYT &gt; Technology" type="rss" version="RSS2" xmlUrl="http://www.nytimes.com/services/xml/rss/nyt/Technology.xml"/>
<outline text="Scripting News" description="It's even worse than it appears." htmlUrl="http://www.scripting.com/" language="unknown" title="Scripting News" type="rss" version="RSS2" xmlUrl="http://www.scripting.com/rss.xml"/>
<outline text="Wired News" description="Technology, and the way we do business, is changing the world we know. Wired News is a technology - and business-oriented news service feeding an intelligent, discerning audience. What role does technology play in the day-to-day living of your life? Wired News tells you. How has evolving technology changed the face of the international business world? Wired News puts you in the picture." htmlUrl="http://www.wired.com/" language="unknown" title="Wired News" type="rss" version="RSS" xmlUrl="http://www.wired.com/news_drop/netcenter/netcenter.rdf"/>
</body>
</opml>

View File

@ -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);
}

View File

@ -0,0 +1,10 @@
.blogroll {
.blogroll-item {
border: 1px solid var(--color-primary);
padding: var(--space-size-xs);
a {
margin-right: 2ch;
}
}
}