mirror of
https://github.com/kemko/blogfeeds.net.git
synced 2026-01-01 16:05:41 +03:00
132 lines
6.6 KiB
HTML
132 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Blog Feeds</title>
|
|
<link rel="stylesheet" href="tailwindcss" />
|
|
<meta name="description" content="">
|
|
|
|
<!-- Facebook Meta Tags -->
|
|
<meta property="og:url" content="">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Norns">
|
|
<meta property="og:description" content="">
|
|
<meta property="og:image" content="/og.png">
|
|
|
|
<!-- Twitter Meta Tags -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:domain" content="">
|
|
<meta property="twitter:url" content="">
|
|
<meta name="twitter:title" content="">
|
|
<meta name="twitter:description" content="">
|
|
<meta name="twitter:image" content="/og.png">
|
|
</head>
|
|
<body class="overflow-x-auto">
|
|
<div class="flex snap-x snap-mandatory overflow-x-scroll">
|
|
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col gap-12 justify-center items-center px-8 snap-center">
|
|
<div class="max-w-4xl space-y-4">
|
|
<p>Do you kinda hate social media?</p>
|
|
|
|
<p>Tired of doom scrolling through addicting feeds?</p>
|
|
|
|
<p>Miss the days when the web was just about connecting with people and their thoughts or ideas?</p>
|
|
|
|
<p>We believe there's an answer to that problem, and it's called</p>
|
|
<h1 class="text-7xl font-bold mt-24">Blog Feeds</h1>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center">
|
|
<div class="max-w-xl space-y-4">
|
|
<p>No this isn't another platform.</p>
|
|
<p>
|
|
You don't sign up here.
|
|
</p>
|
|
<p>You just write what's on your mind, respond to an idea, post a recipe, or share a photo. It's blogs, but perhaps not in the way you would think of blogs.</p>
|
|
|
|
<p>It just takes three things to participate:</p>
|
|
<ol class="list-disc pl-4 text-2xl font-bold">
|
|
<li>Blog</li>
|
|
<li>RSS</li>
|
|
<li>Feeds</li>
|
|
</ol>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center">
|
|
<div class="max-w-xl space-y-4">
|
|
<h2 class="text-4xl font-bold">Blog</h2>
|
|
|
|
<p>Let me reassure you, this is actually simpler than what you're probably thinking. This doesn't have to be some well polished highly viewed monetization machine. It's just a simple website where you can casually talk about whatever you want to talk about! It can be long, short, a list of small things, or just a quote. It should be how you talk with other people in your own life, or how you communicate with the outside world. It should be you on a page. Here's a few places you can make a blog that are RSS enabled:</p>
|
|
|
|
<p><strong>Hosted Services</strong></p>
|
|
|
|
<p>These are great if you are not quite a technical person and need everything to be simple and easy to use.</p>
|
|
<ul class="list-disc pl-4 text-md font-semibold">
|
|
<li>Bear Blog ⭐️</li>
|
|
<li>Substack</li>
|
|
<li>Ghost</li>
|
|
<li>Wordpress</li>
|
|
<li>Squarespace</li>
|
|
</ul>
|
|
|
|
<p><strong>Self Hosted Frameworks</strong></p>
|
|
|
|
<p>For the devs 🫡 Some of my favorite frameworks and tools for making a blog!</p>
|
|
<ul>
|
|
<li>Astro</li>
|
|
<li>Hugo</li>
|
|
<li>Zola</li>
|
|
<li>11ty</li>
|
|
<li>Jekyll</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center">
|
|
<div class="max-w-xl space-y-4">
|
|
<h2 class="text-4xl font-bold">RSS</h2>
|
|
|
|
<p>Also known as "really simple syndication", RSS has been around for decades. In short, it's simply a list of data that can be updated and notify people when something new has been posted. This is great for blogs since you don't have to always check all the people you want to follow. When you make your blog, you want to make sure it's RSS enabled (resources are further down). You also will want to get an RSS reader, as this will allow you to create a list of people to follow and let you read posts as they are published. These can vary from hosted web platforms where you might need to pay at some point to just free apps you can download. Would highly recommend trying a few and seeing which works best!</p>
|
|
<ul>
|
|
<li>Feedly</li>
|
|
<li>Inoreader</li>
|
|
<li>NetNewsWire</li>
|
|
<li>Feeeeed</li>
|
|
<li><a href="https://apps.apple.com/app/id6475002485">https://apps.apple.com/app/id6475002485</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center">
|
|
<div class="max-w-xl space-y-4">
|
|
<h2 class="text-4xl font-bold">Feeds</h2>
|
|
|
|
<p>This takes us to our final point: Feeds. You can probably get away with just the first two items and then sharing it with people you already know, but what about meeting or talking to people you don't know? That's where Feeds come in. The idea is to create another page on your blog that has all the RSS feeds you're subscribed to. By keeping this public and always up to date, someone can visit your page, find someone new and follow them. Perhaps that person also has a feeds page, and the cycle continues until there is a natural and organic network of people all sharing with each other. So if you have a blog, consider making a feeds page and sharing it! If your RSS reader supports OPML file exports and imports, perhaps you can share that file as well to make it easier to share your feeds.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center">
|
|
<div class="max-w-xl space-y-4">
|
|
<p>The best part about blog feeds? It's just an idea. There's no central authority. There's no platform. No massive tech giant trying to take your data. It's just you and the people you care about.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center">
|
|
<div class="max-w-xl space-y-4">
|
|
<h2 class="text-4xl font-bold">FAQ</h2>
|
|
|
|
<ul>
|
|
<li>Where do I sign up?</li>
|
|
<li>How much does Blog Feeds cost?</li>
|
|
<li>Does this replace social media?</li>
|
|
<li>What about monetization?</li>
|
|
<li>What about comments or dialogue?</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|