feat: added now and feeds pages
9fb36853
4 file(s) · +76 −16
| 16 | 16 | path: "/projects", |
|
| 17 | 17 | }, |
|
| 18 | 18 | { |
|
| 19 | + | title: "Now", |
|
| 20 | + | path: "/now", |
|
| 21 | + | }, |
|
| 22 | + | { |
|
| 23 | + | title: "Feeds", |
|
| 24 | + | path: "/feeds", |
|
| 25 | + | }, |
|
| 26 | + | { |
|
| 19 | 27 | title: "Videos", |
|
| 20 | 28 | path: "/videos", |
|
| 21 | 29 | }, |
| 1 | + | --- |
|
| 2 | + | import PageLayout from "@/layouts/Base"; |
|
| 3 | + | import { projects } from "../data/projects"; |
|
| 4 | + | ||
| 5 | + | const meta = { |
|
| 6 | + | title: "Feeds", |
|
| 7 | + | description: "A collection of RSS feeds I'm subscribed to", |
|
| 8 | + | }; |
|
| 9 | + | ||
| 10 | + | // Fetch the feeds data |
|
| 11 | + | const response = await fetch("https://feeds.stevedylan.dev/feeds?format=json"); |
|
| 12 | + | const data = await response.json(); |
|
| 13 | + | ||
| 14 | + | // Sort subscriptions by title |
|
| 15 | + | const sortedFeeds = data.subscriptions.sort((a, b) => |
|
| 16 | + | a.title.localeCompare(b.title), |
|
| 17 | + | ); |
|
| 18 | + | --- |
|
| 19 | + | <PageLayout meta={meta}> |
|
| 20 | + | <div class="space-y-6"> |
|
| 21 | + | <h1 class="title">Feeds</h1> |
|
| 22 | + | <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 `Feeds` page of your own with your list of people!</p> |
|
| 23 | + | <h2 class="text-xl font-semibold text-accent-2">Links</h2> |
|
| 24 | + | <ul class="list-disc pl-4 space-y-4"> |
|
| 25 | + | {sortedFeeds.map((feed) => ( |
|
| 26 | + | <li> |
|
| 27 | + | <a |
|
| 28 | + | href={feed.htmlUrl} |
|
| 29 | + | target="_blank" |
|
| 30 | + | rel="noopener noreferrer" |
|
| 31 | + | class="style-link inline-block" |
|
| 32 | + | > |
|
| 33 | + | {feed.title} |
|
| 34 | + | </a> |
|
| 35 | + | </li> |
|
| 36 | + | ))} |
|
| 37 | + | </ul> |
|
| 38 | + | <h2 class="text-xl font-semibold text-accent-2 pt-8">API</h2> |
|
| 39 | + | <p>I'm currently using <a href="https://github.com/FreshRSS/FreshRSS" target="_blank" rel="noopener noreferrer" class="style-link">FreshRSS</a> to manage my feeds, and I've built a <a href="https://github.com/stevedylandev/freshrss-api-proxy" target="_blank" rel="noopener noreferrer" class="style-link">proxy</a> you can use to programatically fetch my subscriptions.</p> |
|
| 40 | + | <pre><code># JSON |
|
| 41 | + | curl https://feeds.stevedylan.dev/feeds?format=json |
|
| 42 | + | ||
| 43 | + | # OPML File |
|
| 44 | + | curl https://feeds.stevedylan.dev/feeds?format=opml -o feed.opml</code></pre> |
|
| 45 | + | </div> |
|
| 46 | + | </PageLayout> |
| 78 | 78 | </li> |
|
| 79 | 79 | <li> |
|
| 80 | 80 | <a |
|
| 81 | - | href="https://bearblog.stevedylan.dev" |
|
| 82 | - | target="_blank" |
|
| 83 | - | rel="noopener noreferrer" |
|
| 84 | - | class="style-link inline-block" |
|
| 85 | - | ><Image |
|
| 86 | - | src="https://api.iconify.design/mingcute:bear-fill.svg?color=%23888888" |
|
| 87 | - | class="inline-block h-4 w-4" |
|
| 88 | - | height="100" |
|
| 89 | - | width="100" |
|
| 90 | - | alt="Bear Logo" |
|
| 91 | - | /> Bear Blog |
|
| 92 | - | </a>: |
|
| 93 | - | <p class="inline-block sm:mt-2">A casual blog for building an open social web</p> |
|
| 94 | - | </li> |
|
| 95 | - | <li> |
|
| 96 | - | <a |
|
| 97 | 81 | href="https://ethglobal.com/showcase/cosmic-cowboys-3q0co" |
|
| 98 | 82 | target="_blank" |
|
| 99 | 83 | rel="noopener noreferrer" |
| 1 | + | --- |
|
| 2 | + | import PageLayout from "@/layouts/Base"; |
|
| 3 | + | const meta = { |
|
| 4 | + | title: "Now", |
|
| 5 | + | description: "What I'm up to recently", |
|
| 6 | + | }; |
|
| 7 | + | --- |
|
| 8 | + | ||
| 9 | + | <PageLayout meta={meta}> |
|
| 10 | + | <div class="space-y-6"> |
|
| 11 | + | <h1 class="title">Now</h1> |
|
| 12 | + | <p>What I'm up to recently</p> |
|
| 13 | + | <ul class="list-disc pl-4 space-y-4"> |
|
| 14 | + | <li>Working as Senior Solutions Engineer at Stablecore</li> |
|
| 15 | + | <li>Focusing on building out my personal site</li> |
|
| 16 | + | <li>Amateur astronomy when the sky is clear</li> |
|
| 17 | + | <li>Collecting and listening to cassette tapes</li> |
|
| 18 | + | <li>Testing out different fountain pen inks</li> |
|
| 19 | + | <li>Reading The Dispossessed</li> |
|
| 20 | + | </ul> |
|
| 21 | + | </div> |
|
| 22 | + | </PageLayout> |