kemko/blogfeeds.net
1
0
Fork 0
mirror of https://github.com/kemko/blogfeeds.net.git synced 2026-01-01 16:05:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: added images

Browse Source
This commit is contained in:
Steve
2025-09-29 13:10:14 -04:00
parent 49db473a4f
commit a1e024cedf
7 changed files with 55 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
site/blog.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

4
site/feeds.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

4
site/frequentlyaskedquestions.svg Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 579 428.00000000000006" width="1158" height="856.0000000000001"><!-- svg-source:excalidraw --><metadata></metadata><defs><style class="style-fonts">
@font-face { font-family: Excalifont; src: url(data:font/woff2;base64,d09GMgABAAAAAAKwAA0AAAAABPgAAAJhAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cNAZgADQRCAqBaIFXCwYAATYCJAMIBCAFgxgHIBv+A8geg2176YmdN2/SVhO0J+iI6Pe6vZdW1JcpTUVmfKU0hfuDRiJ9hEVIjIsGJcjx+6tZ+oR31N+DESkmGEkJCk1ZQJDbHDVqkqorgqJkoVZ/f5OzSJ4HHKU6Fng0ufRfYgmmbRsbOBybYAF16Tanh09C0mMR0SEhfvUo6JuQgeuPnoFA1YTbP0DQt4MhBnfL7fyMJJA6GdGJIHXDs1JACvBe3ozAtAFJNxrwNfDmbrJgvhg1Uu+nizccgg2bnPPfgKQjJmcBcAHk4WtggYqCBioEQYVoATQ1BYf/j8T/YzhAbiOA+OYyvwM14C5QmkiIWM/4+ADucmLRKz6IvVfig5rr9P611NPTlfSUl/dqzATjymgM2tMvm4RFRORapqwfuqc8GtTQQysYEMMNHKgx1uYk+g4XrzMzGfKrzP7pgmL1abViNi/ELXdW1N+RydIeWuvk4nFkqrhrzZoiM2ukXuLs/JFIMr3YxslDHXfIny1FOeED+4qyXFnvWKJSjhuKyNaJiX03j04ACMKPeH9CKMfylcogPALwm6/pCMDf8Evhf9VfIfGZaAagq4DwZanyA/z3xwFweMqSIzilS2AIiiuQQUEERwDo+ECQQgO+XG6Iyj4UY9/QsFUDTRsR0LKnPHTbBniQJ1K4JPFipEqRRYe/aLGyJQmXIVi0DJnipUqBGNCl3/7Ygosk+dLEyYQI6cIg6oQwGBMa5SQILfPuKIALbxYpVOxD2sG/miZfhnix4mRB1EXSgGD0YQwhEfKh7JVRMoTLpQuxkyQJyrOZBx3tWPSrckSLoosA3P6QGA==); }</style></defs><g stroke-linecap="round" transform="translate(10 10) rotate(0 279.5 204.00000000000003)"><path d="M32 0 C192.89 0.87, 353.63 1.85, 527 0 M32 0 C167.56 0.46, 303.45 0.09, 527 0 M527 0 C549.91 -0.01, 560.63 9.02, 559 32 M527 0 C547.29 -0.29, 558.52 8.66, 559 32 M559 32 C558.97 136.11, 559.41 240.02, 559 376 M559 32 C559.76 116.35, 559.19 199.89, 559 376 M559 376 C560.98 398.17, 546.63 406.65, 527 408 M559 376 C560.24 398.93, 547.9 407.45, 527 408 M527 408 C379.91 406.2, 233.02 406.84, 32 408 M527 408 C371.89 408.57, 217.04 408.25, 32 408 M32 408 C10.18 408.36, 0.07 397.43, 0 376 M32 408 C9.64 407.66, -2.21 398.02, 0 376 M0 376 C0.64 298.76, 1.51 222.55, 0 32 M0 376 C0.62 285.45, 0.49 194.16, 0 32 M0 32 C-1.84 8.78, 12.49 0.69, 32 0 M0 32 C2.05 12.17, 8.46 1.03, 32 0" stroke="#1e1e1e" stroke-width="2" fill="none"></path></g><g transform="translate(252.02777360706477 95.61859252985431) rotate(0 46.63917541503906 125.10508187341924)"><text x="0" y="176.3481234087718" font-family="Excalifont, Xiaolai, sans-serif, Segoe UI Emoji" font-size="200.16813099747083px" fill="#1e1e1e" text-anchor="start" style="white-space: pre;" direction="ltr" dominant-baseline="alphabetic">?</text></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

4
site/idea.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

69
site/index.html
View File

@@ -27,15 +27,15 @@
} }
</style> </style>
</head> </head>
<body class="overflow-hidden p-0 m-0 h-screen"> <body class="overflow-hidden h-screen">
<!-- Navigation Buttons --> <!-- Navigation Buttons -->
<button id="prevBtn" class="fixed left-4 top-1/2 transform -translate-y-1/2 z-10 bg-black/20 hover:bg-black/40 text-white p-3 rounded-full transition-all duration-300 backdrop-blur-sm"> <button id="prevBtn" class="fixed sm:left-4 left-2 top-1/2 transform -translate-y-1/2 z-10 hover:text-black text-black/40 p-3 transition-all duration-300">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
</svg> </svg>
</button> </button>
<button id="nextBtn" class="fixed right-4 top-1/2 transform -translate-y-1/2 z-10 bg-black/20 hover:bg-black/40 text-white p-3 rounded-full transition-all duration-300 backdrop-blur-sm"> <button id="nextBtn" class="fixed sm:right-4 right-2 top-1/2 transform -translate-y-1/2 z-10 hover:text-black text-black/40 p-3 transition-all duration-300">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg> </svg>
@@ -55,7 +55,7 @@
</div> </div>
</section> </section>
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center"> <section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-12 sm:px-8 snap-center">
<div class="max-w-xl space-y-4"> <div class="max-w-xl space-y-4">
<p>No this isn't another platform.</p> <p>No this isn't another platform.</p>
<p> <p>
@@ -72,9 +72,9 @@
</div> </div>
</section> </section>
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center"> <section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center sm:px-8 px-12 snap-center">
<div class="max-w-xl space-y-4"> <div class="max-w-xl space-y-4">
<h2 class="text-4xl font-bold" id="blog">Blog</h2> <img src="blog.svg" alt="Blog" id="blog" class="w-full mx-auto" />
<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>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>
@@ -87,13 +87,13 @@
</summary> </summary>
<div class="mt-2 pl-7"> <div class="mt-2 pl-7">
<p class="text-gray-700 mb-3">These are great if you are not quite a technical person and need everything to be simple and easy to use.</p> <p class="text-gray-700 mb-3">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"> <div class="flex flex-wrap gap-2">
<li>Bear Blog ⭐️</li> <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Bear Blog ⭐️</a>
<li>Substack</li> <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Substack</a>
<li>Ghost</li> <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Ghost</a>
<li>Wordpress</li> <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Wordpress</a>
<li>Squarespace</li> <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Squarespace</a>
</ul> </div>
</div> </div>
</details> </details>
@@ -106,50 +106,51 @@
</summary> </summary>
<div class="mt-2 pl-7"> <div class="mt-2 pl-7">
<p class="text-gray-700 mb-3">For the devs 🫡 Some of my favorite frameworks and tools for making a blog!</p> <p class="text-gray-700 mb-3">For the devs 🫡 Some of my favorite frameworks and tools for making a blog!</p>
<ul class="list-disc pl-4 text-md font-semibold"> <div class="flex flex-wrap gap-2">
<li>Astro</li> <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Astro</a>
<li>Hugo</li> <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Hugo</a>
<li>Zola</li> <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Zola</a>
<li>11ty</li> <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">11ty</a>
<li>Jekyll</li> <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Jekyll</a>
</ul> </div>
</div> </div>
</details> </details>
</div> </div>
</section> </section>
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center"> <section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center sm:px-8 px-12 snap-center">
<div class="max-w-xl space-y-4"> <div class="max-w-xl space-y-4">
<h2 class="text-4xl font-bold">RSS</h2> <img src="rss.svg" alt="RSS" id="rss" class="w-full mx-auto" />
<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> <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 class="list-disc pl-4 text-md font-semibold"> <div class="flex flex-wrap gap-2">
<li>Feedly</li> <a href="#" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Feedly</a>
<li>Inoreader</li> <a href="#" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Inoreader</a>
<li>NetNewsWire</li> <a href="#" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">NetNewsWire</a>
<li>Feeeeed</li> <a href="#" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Feeeeed</a>
<li><a href="https://apps.apple.com/app/id6475002485">https://apps.apple.com/app/id6475002485</a></li> <a href="https://apps.apple.com/app/id6475002485" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">iOS RSS Reader</a>
</ul> </div>
</div> </div>
</section> </section>
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center"> <section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center sm:px-8 px-12 snap-center">
<div class="max-w-xl space-y-4"> <div class="max-w-xl space-y-4">
<h2 class="text-4xl font-bold" id="feeds">Feeds</h2> <img src="feeds.svg" alt="Feeds" id="feeds" class="w-full mx-auto" />
<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> <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> </div>
</section> </section>
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center px-8 snap-center"> <section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-center sm:px-8 px-12 snap-center">
<div class="max-w-xl space-y-4"> <div class="max-w-xl space-y-4">
<img src="idea.svg" class="w-full mx-auto" />
<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> <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> </div>
</section> </section>
<section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-start px-8 snap-center"> <section class="min-h-screen w-screen flex-shrink-0 flex flex-col justify-center items-start sm:px-8 px-12 snap-center">
<div class="max-w-xl space-y-4 w-full mx-auto"> <div class="max-w-xl space-y-4 w-full mx-auto">
<h2 class="text-4xl font-bold">FAQ</h2> <img src="frequentlyaskedquestions.svg" class="w-full mx-auto" />
<div class="space-y-6 w-full"> <div class="space-y-6 w-full">
<details class="w-full"> <details class="w-full">

BIN
site/netscape.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 301 KiB

4
site/rss.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB