chore: updated blogroll and feeds pages
c7336141
2 file(s) · +42 −19
| 4 | 4 | import PageLayout from "@/layouts/Base.astro"; |
|
| 5 | 5 | ||
| 6 | 6 | const meta = { |
|
| 7 | - | title: "Blogroll", |
|
| 8 | - | description: "A collection of RSS feeds I'm subscribed to", |
|
| 7 | + | title: "Blogroll", |
|
| 8 | + | description: "A collection of RSS feeds I'm subscribed to", |
|
| 9 | 9 | }; |
|
| 10 | 10 | ||
| 11 | 11 | // Fetch the feeds data |
|
| 14 | 14 | ||
| 15 | 15 | // Sort subscriptions by title |
|
| 16 | 16 | const sortedFeeds = data.subscriptions.sort((a, b) => |
|
| 17 | - | a.title.localeCompare(b.title), |
|
| 17 | + | a.title.localeCompare(b.title), |
|
| 18 | 18 | ); |
|
| 19 | 19 | --- |
|
| 20 | + | ||
| 20 | 21 | <PageLayout meta={meta}> |
|
| 21 | 22 | <div class="space-y-6"> |
|
| 22 | 23 | <h1 class="title">Blogroll</h1> |
|
| 23 | - | <p>Help build a blog network with me! Check out some of the people I follow below, and if you end up following them too, create a `Blogroll` page of your own with your list of people!</p> |
|
| 24 | + | <p> |
|
| 25 | + | Help build a blog network with me! Check out some of the people I follow |
|
| 26 | + | below, and if you end up following them too, create a <a |
|
| 27 | + | href="https://indieweb.org/blogroll" |
|
| 28 | + | class="style-link" |
|
| 29 | + | target="_blank" |
|
| 30 | + | rel="noreferrer">/blogroll</a |
|
| 31 | + | > page of your own with your list of people! |
|
| 32 | + | </p> |
|
| 24 | 33 | <h2 class="text-xl font-semibold text-accent-2">Links</h2> |
|
| 25 | - | <ul class="list-disc pl-4 space-y-4 sm:grid sm:grid-cols-2 sm:gap-y-4 sm:space-y-0"> |
|
| 26 | - | {sortedFeeds.map((feed) => ( |
|
| 27 | - | <li> |
|
| 28 | - | <a |
|
| 29 | - | href={feed.htmlUrl} |
|
| 30 | - | target="_blank" |
|
| 31 | - | rel="noopener noreferrer" |
|
| 32 | - | class="style-link" |
|
| 33 | - | > |
|
| 34 | - | {feed.title} |
|
| 35 | - | </a> |
|
| 36 | - | </li> |
|
| 37 | - | ))} |
|
| 34 | + | <ul |
|
| 35 | + | class="list-disc pl-4 space-y-4 sm:grid sm:grid-cols-2 sm:gap-y-4 sm:space-y-0" |
|
| 36 | + | > |
|
| 37 | + | { |
|
| 38 | + | sortedFeeds.map((feed) => ( |
|
| 39 | + | <li> |
|
| 40 | + | <a |
|
| 41 | + | href={feed.htmlUrl} |
|
| 42 | + | target="_blank" |
|
| 43 | + | rel="noopener noreferrer" |
|
| 44 | + | class="style-link" |
|
| 45 | + | > |
|
| 46 | + | {feed.title} |
|
| 47 | + | </a> |
|
| 48 | + | </li> |
|
| 49 | + | )) |
|
| 50 | + | } |
|
| 38 | 51 | </ul> |
|
| 39 | 52 | <h2 class="text-xl font-semibold text-accent-2 pt-8">API</h2> |
|
| 40 | - | <p>I'm currently using my own RSS aggregator and reader called <a href="https://andromeda.build/apps/feeds/" target="_blank" rel="noopener noreferrer" class="style-link">Feeds</a> to manage my feeds, which inlcudes an API to programmatically share them as a list.</p> |
|
| 41 | - | <pre class="whitespace-pre-wrap break-all"><code># JSON |
|
| 53 | + | <p> |
|
| 54 | + | I'm currently using my own RSS aggregator and reader called <a |
|
| 55 | + | href="https://andromeda.build/apps/feeds/" |
|
| 56 | + | target="_blank" |
|
| 57 | + | rel="noopener noreferrer" |
|
| 58 | + | class="style-link">Feeds</a |
|
| 59 | + | > to manage my feeds, which inlcudes an API to programmatically share them as |
|
| 60 | + | a list. |
|
| 61 | + | </p> |
|
| 62 | + | <pre |
|
| 63 | + | class="whitespace-pre-wrap break-all"><code># JSON |
|
| 42 | 64 | curl https://feeds.stevedylan.dev/feeds?format=json |
|
| 43 | 65 | ||
| 44 | 66 | # OPML File |
|
| 21 | 21 | </li> |
|
| 22 | 22 | ))} |
|
| 23 | 23 | </ul> |
|
| 24 | + | <p>If you're looking for the list of blogs I follow, check out <a class="style-link" href="/blogroll">/blogroll</a></p> |
|
| 24 | 25 | </div> |
|
| 25 | 26 | </PageLayout> |