cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: update blogroll

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-08 12:20:57 -07:00
parent 65579d1f04
commit 9f892c5bd4
No known key found for this signature in database
5 changed files with 71 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "9.8.3", "version": "9.8.4",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

50
src/_data/json/blogroll.js
View file

@ -1,23 +1,31 @@
export default [ export default [
{ "name": "Adam Newbold", "url": "https://notes.neatnik.net", "feed": "https://notes.neatnik.net", "description": "Everything Adam makes is amazing (including omg.lol, of course)." }, { "name": "Adam Newbold", "url": "https://notes.neatnik.net", "feed": "https://notes.neatnik.net" },
{ "name": "Ashur Cabrera", "url": "https://multiline.co/mment", "feed": "https://multiline.co/mment/feed.xml", "description": "An excellent writer and a must follow for content both technical and otherwise." }, { "name": "Ashur Cabrera", "url": "https://multiline.co/mment", "feed": "https://multiline.co/mment/feed.xml" },
{ "name": "Chris Burnell", "url": "https://chrisburnell.com", "feed": "https://chrisburnell.com/feed.xml", "description": "A whole host of useful posts on CSS, JavaScript and other technical topics." }, { "name": "Chris Burnell", "url": "https://chrisburnell.com", "feed": "https://chrisburnell.com/feed.xml" },
{ "name": "Chris Coyier", "url": "https://chriscoyier.net", "feed": "https://chriscoyier.net/feed/", "description": "A prolific writer and posts about a wide range of topics, including web development, CSS and more." }, { "name": "Chris Coyier", "url": "https://chriscoyier.net", "feed": "https://chriscoyier.net/feed/" },
{ "name": "Chris McLeod", "url": "https://chrismcleod.dev", "feed": "https://chrismcleod.dev/feed.xml", "description": "A beautifully designed blog full of content covering everything from Warhammer to the indie web." }, { "name": "Chris Ferdinandi", "url": "https://gomakethings.com", "feed": "https://gomakethings.com/feed/index.xml", "newsletter": "https://gomakethings.com" },
{ "name": "fLaMEd", "url": "https://flamedfury.com", "feed": "https://flamedfury.com/feed.xml", "description": "Awesome retro and small web content — plus the design of the is awesome." }, { "name": "Chris McLeod", "url": "https://chrismcleod.dev", "feed": "https://chrismcleod.dev/feed.xml" },
{ "name": "Joe Steel", "url": "https://joe-steel.com", "feed": "https://joe-steel.com/feed.xml", "description": "Joe blogs about tech, the perpetually abysmal state of Apple's TV and movie products and numerous other things." }, { "name": "Dave Rupert", "url": "https://daverupert.com", "feed": "https://daverupert.com/atom.xml" },
{ "name": "Juha-Matti Santala", "url": "https://hamatti.org", "feed": "https://hamatti.org/feed/feed.xml", "description": "A community builder, speaker, writer, developer and extremely kind person." }, { "name": "Ethan Marcotte", "url": "https://ethanmarcotte.com/wrote/", "feed": "https://ethanmarcotte.com/wrote/feed.xml" },
{ "name": "Keenan", "url": "https://gkeenan.co/avgb", "feed": "https://gkeenan.co/avglb?format=rss", "description": "If you don't love them it's because you don't yet know them — a fantastic writer too." }, { "name": "fLaMEd", "url": "https://flamedfury.com", "feed": "https://flamedfury.com/feed.xml" },
{ "name": "Kev Quirk", "url": "https://kevq.uk", "feed": "https://kevq.uk/feed.xml", "description": "One of the admins of fosstodon.org and author of a really great blog." }, { "name": "Jim Nielsen", "url": "https://blog.jim-nielsen.com", "feed": "https://blog.jim-nielsen.com/feed.xml", "json": "https://blog.jim-nielsen.com/feed.json" },
{ "name": "Łukasz Wójcik", "url": "https://lukaszwojcik.net", "feed": "https://blog.lukaszwojcik.net/full.xml", "description": "Posts about tech, web development and Eleventy. Łukasz is a talented and kind engineer." }, { "name": "Joe Steel", "url": "https://joe-steel.com", "feed": "https://joe-steel.com/feed.xml" },
{ "name": "Matt Birchler", "url": "https://birchtree.me", "feed": "https://birchtree.me/rss/", "description": "Matt is exceedingly kind and also posts about Apple, tech and other topics." }, { "name": "Joan Westenberg", "url": "https://joanwestenberg.com", "feed": "https://joanwestenberg.com/blog?format=rss", "newsletter": "https://joanwestenberg.com/subscribe" },
{ "name": "Mike Haynes", "url": "https://crashthearcade.com", "feed": "https://crashthearcade.com/feed/rss", "description": "A beautifully-designed site and I enjoy Mike's commentary and writing." }, { "name": "Juha-Matti Santala", "url": "https://hamatti.org", "feed": "https://hamatti.org/feed/feed.xml", "newsletter":"https://www.syntaxerror.tech" },
{ "name": "Nick Heer", "url": "https://pxlnv.com", "feed": "https://feedpress.me/pxlnv", "description": "A must-follow for anyone interested in Apple and tech more broadly." }, { "name": "Keenan", "url": "https://gkeenan.co/avgb", "feed": "https://gkeenan.co/avglb?format=rss" },
{ "name": "Paul Anthony Webb", "url": "https://webb.page", "description": "One of the coolest, most unique personal sites around." }, { "name": "Kev Quirk", "url": "https://kevq.uk", "feed": "https://kevq.uk/feed.xml", "newsletter": "https://kevquirk.com/subscribe" },
{ "name": "Raymond Camden", "url": "https://raymondcamden.com", "feed": "https://www.raymondcamden.com/feed.xml", "description": "Raymond covers a wide, wide range of web development topics and never fails to provide both insight and clarity." }, { "name": "Łukasz Wójcik", "url": "https://lukaszwojcik.net", "feed": "https://blog.lukaszwojcik.net/full.xml" },
{ "name": "Robb Knight", "url": "https://rknight.me", "feed": "https://rknight.me/subscribe/posts/rss.xml", "description": "Robb has the coolest site on the web and is an all around awesome dude." }, { "name": "Matt Birchler", "url": "https://birchtree.me", "feed": "https://birchtree.me/rss/" },
{ "name": "Sia Karamalegos", "url": "https://sia.codes", "feed": "https://sia.codes/feed/feed.xml", "description": "An accomplished speaker and writer, Sia's blog is full of useful posts on a wide array of development topics." }, { "name": "Mike Haynes", "url": "https://crashthearcade.com", "feed": "https://crashthearcade.com/feed/rss" },
{ "name": "Sophie Koonin", "url": "https://localghost.dev", "feed": "https://localghost.dev/rss", "description": "Sophie's a talented developer, speaker and an excellent writer — I enjoy everything she writes, plus she has one of the best domain names and designs around." }, { "name": "Nick Heer", "url": "https://pxlnv.com", "feed": "https://feedpress.me/pxlnv", "json": "https://pxlnv.com/feed/json" },
{ "name": "Stephanie Eckles", "url": "https://thinkdobecreate.com", "feed": "https://thinkdobecreate.com/feed", "description": "Myriad helpful and easy to understand resources to learn CSS and numerous other web development topics." }, { "name": "Paris Marx", "url": "https://disconnect.blog", "feed": "https://disconnect.blog/rss/", "newsletter": "https://disconnect.blog/#/portal/signup" },
{ "name": "Zach Leatherman", "url": "https://www.zachleat.com", "feed": "https://www.zachleat.com/web/feed/", "description": "Eleventy's creator who posts handy content about the framework, web components and web development writ large." } { "name": "Paul Anthony Webb", "url": "https://webb.page" },
{ "name": "Raymond Camden", "url": "https://raymondcamden.com", "feed": "https://www.raymondcamden.com/feed.xml", "newsletter": "https://www.raymondcamden.com/subscribe/" },
{ "name": "Robb Knight", "url": "https://rknight.me", "feed": "https://rknight.me/subscribe/posts/rss.xml", "json": "https://rknight.me/subscribe/posts/feed.json" },
{ "name": "Robin Rendle", "url": "https://robinrendle.com", "feed": "https://robinrendle.com/feed.xml", "newsletter": "https://robinrendle.com/the-cascade" },
{ "name": "Ryan Broderick", "url": "https://www.garbageday.email", "feed": "https://rss.beehiiv.com/feeds/99VTTjt0N1.xml", "newsletter": "https://www.garbageday.email/subscribe" },
{ "name": "Sia Karamalegos", "url": "https://sia.codes", "feed": "https://sia.codes/feed/feed.xml", "newsletter": "https://sia.codes#inform" },
{ "name": "Sophie Koonin", "url": "https://localghost.dev", "feed": "https://localghost.dev/rss" },
{ "name": "Stephanie Eckles", "url": "https://thinkdobecreate.com", "feed": "https://thinkdobecreate.com/feed" },
{ "name": "Zach Leatherman", "url": "https://www.zachleat.com", "feed": "https://www.zachleat.com/web/feed/" }
] ]

2
src/assets/styles/index.css
View file

@ -147,7 +147,7 @@ td {
th { th {
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
background-color: var(--gray-lighter); background-color: var(--gray-lighter);
text-align: center; text-align: left;
} }
/* header */ /* header */

43
src/assets/styles/pages/blogroll.css
View file

@ -1,34 +1,23 @@
:root { table {
--grid: repeat(1,minmax(0,1fr)); max-width: unset;
margin: unset;
overflow-x: unset;
} }
.blog__banner--grid { table > tbody,
display: grid; table > tbody th,
gap: var(--sizing-sm); table > tbody td {
grid-template-columns: var(--grid); width: 100%;
} }
.blog__banner { .blog--roll__icons {
padding: var(--sizing-md); display: flex;
border: 1px solid var(--gray-light); flex-direction: row;
border-radius: var(--rounded-lg); gap: var(--sizing-xs);
}
.blog--roll__icons a {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} align-items: center;
.blog__banner > strong,
.blog__banner > p,
.blog__banner .meta {
margin-top: 0;
margin-bottom: var(--sizing-md);
}
.blog__banner > strong {
font-size: var(--font-size-lg);
}
@media screen and (min-width: 768px) {
:root {
--grid: repeat(3,minmax(0,1fr));
}
} }

36
src/pages/blogroll.html
View file

@ -10,18 +10,30 @@ description: 'These are awesome blogs that I enjoy and you may enjoy too.'
<style>{{ css }}</style> <style>{{ css }}</style>
<h2 class="page__header">{{ title }}</h2> <h2 class="page__header">{{ title }}</h2>
<p>You can <a onclick="clicky?.log('/blogroll','OPML download', 'download');" href="/blogroll.opml">download an OPML file</a> containing all of these feeds and import them into your RSS reader.</p> <p>You can <a onclick="clicky?.log('/blogroll','OPML download', 'download');" href="/blogroll.opml">download an OPML file</a> containing all of these feeds and import them into your RSS reader.</p>
<div class="blog__banner--grid"> <table>
<tr>
<th>Name</th>
<th>Link</th>
<th>Subscribe</th>
</tr>
{% for blog in blogroll %} {% for blog in blogroll %}
<div class="blog__banner"> <tr>
<strong>{{ blog.name }}</strong> <td>{{ blog.name }}</td>
<div class="meta"> <td><a href="{{ blog.url }}">{{ blog.url | replace: "https://", "" }}</a></td>
<a href="{{blog.url}}">Website</a> <td class="blog--roll__icons">
{% if blog.feed %} • <a href="{{ blog.feed }}">Feed</a>{% endif %} {%- if blog.feed -%}
</div> <a href="{{ blog.feed }}">{% tablericon "rss" "Subscribe via RSS" %}</a>
{%- if blog.description %} {%- else -%}
<p>{{ blog.description }}</p> —
{% endif -%} {%- endif -%}
</div> {%- if blog.newsletter -%}
• <a href="{{ blog.newsletter }}">{% tablericon "mail-plus" "Newsletter subscription" %}</a>
{%- endif -%}
{%- if blog.json -%}
• <a href="{{ blog.json }}">{% tablericon "json" "Subscribe via JSON" %}</a>
{%- endif -%}
</td>
</tr>
{% endfor %} {% endfor %}
</div> </table>
<p>Head on over to <a href="https://blogroll.org">blogroll.org</a> to find more blogs to follow or search for feeds using <a href="https://feedle.world">feedle</a>.</p> <p>Head on over to <a href="https://blogroll.org">blogroll.org</a> to find more blogs to follow or search for feeds using <a href="https://feedle.world">feedle</a>.</p>