diff options
Diffstat (limited to 'build/shinobi-website/index.html')
| -rw-r--r-- | build/shinobi-website/index.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/build/shinobi-website/index.html b/build/shinobi-website/index.html new file mode 100644 index 0000000..d9aa7ce --- /dev/null +++ b/build/shinobi-website/index.html @@ -0,0 +1,74 @@ +<!doctype html> +<html lang="en" id="top"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="icon" href="data:,"> + <title>This Site is Now a Shinobi Website</title> + <link href="https://bt.ht/atom.xml" type="application/atom+xml" rel="alternate" title="Atom feed for blog posts" /> + <style>*{box-sizing:border-box;}body{font-family:sans-serif;margin:0 auto;max-width:650px;padding:1rem;}img{max-width:100%;}pre{overflow:auto;}table{text-align:left;width:100%;}</style> +</head> + +<nav> + <a href="#menu">Menu ↓</a> +</nav> + +<main> +<h1>This Site is Now a Shinobi Website</h1> +<p>2022-05-13</p> +<p><strong>Update 2023</strong>: this website is now built with <a href="https://barf.bt.ht">barf</a></p> +<hr /> +<p>My personal website is now an RSS-focused blog, generated from a collection of plain text files.</p> +<p>But before we get into greater details about the switch, let me first introduce the concept of a "shinobi website".</p> +<h2>The Shinobi Website Project</h2> +<p>Instead of repeating myself in this post, feel free to read up about the project at the official site:</p> +<p><a href="https://shinobi.bt.ht">https://shinobi.bt.ht</a></p> +<p>To summarize: by using a simple <code>shell</code> script I'm able to render all my plain text files (which is now how I solely write my articles) into a structured RSS 2.0 <code>xml</code> file. Subscribers can now consume my posts directly in their RSS reader of choice without the need to directly visit the article's URL.[^0]</p> +<h2>Why the Change?</h2> +<p>I'm a hardcore minimalist at heart and have a tendency to make my own personal projects <em>leaner</em> all the time. I also have been trying my best to find the most refined writing workflow to keep myself posting consistently (and hopefully keeping the quality high). My first iteration towards this step was switching over to hand-coding everything via HTML & CSS[^1]. That worked well - for a very brief time.</p> +<p>After recently launching the Shinobi project, I kept toying with the idea of switching my personal website over to use the same format. There was a heavy internal debate about ditching HTML in favour of plain text. What kind of impact would this have on both my site and audience? Would people be pissed about yet <em>another</em> radical change?</p> +<p>After sleeping on it for a couple nights, I decide to say screw it. This is my personal website and it should ultimately reflect who I am and what I prefer. Dwelling too long on the opinion of others (as much as I respect any of you kind enough to follow along) can lead to decisions that negatively impact ones own well being.</p> +<p>So here we are. Blogging in plain text.</p> +<h2>Avoiding Link-Rot</h2> +<p>I've manually added this blog post to my original <code>feed.xml</code>, in order to help inform those of you following that feed of this change. But this will be the last entry of that feed.</p> +<p>If you decide not to re-sub, I completely understand and thank you for your time! Those of you choosing to still follow along: welcome aboard a new adventure!</p> +<p>As for the older HTML-based articles, no worries. They will remain on this site under the standard <code>blog</code> directory so that old links don't break or cause conflicts. You can find that directory here:</p> +<p><a href="https://tdarb.org/feeds/posts.xml">https://tdarb.org/feeds/posts.xml</a></p> +<h2>Tutorials and Demos</h2> +<p>I will still be writing up detailed tutorials and interactive demos going forward - no need to worry. My plan is to link directly to a collaborative coding site like CodePen, etc. I haven't decided on the best option yet (want to keep things as easy for my readers as possible) so only time will tell what my decision will be.</p> +<p>Feel free to comment below if you have any suggestions! Preferably one that respects user privacy and advocates for a more open web.</p> +<h2>Speaking of Comments...</h2> +<p>Since the old commenting system[^2] required me to manually add each comment individually, I assumed I would just do the same here. Then I got a hack-y idea. What if I used a mailing list linked through this website's sourcehut project?</p> +<p>It might not be the most user friendly or sustainable but I think it could be an interesting experiment at the very least!</p> +<p>Now each new article will have a link (which I will generate manually) that users can email directly to in order to share their comments. I have no idea how spam will work with this concept. This whole idea could blow up in my face. Only time will tell.</p> +<h2>Closing Thoughts</h2> +<p>This workflow is clean and simple. It allows me to open a blank text file and instantly start writing. Once I'm happy with it, I run a simple shell command to update the RSS feed and sync it with my web server. Local testing is dead simple too since everything is set as <code>.txt</code>.</p> +<p>Some may like the concept of reading my new articles in their RSS reader, others might hate it. I've learned over the years that you can't please everyone.</p> +<p>Thanks for taking the time to read my jumbled thoughts.</p> +<h2>Refs</h2> +<ol> +<li>Users can <em>of course</em> still visit the individual article <code>.txt</code> files in their browser, if they so wish.</li> +<li>https://tdarb.org/blog/my-static-blog-publishing-setup.html</li> +<li>https://tdarb.org/blog/poormans-comment-system.html</li> +</ol> +<footer role="contentinfo"> + <h2>Menu Navigation</h2> + <ul id="menu"> + <li><a href="/">Home</a></li> + <li><a href="/projects">Projects</a></li> + <li><a href="/uses">Uses</a></li> + <li><a href="/wiki">Wiki</a></li> + <li><a href="/resume">Resume</a></li> + <li><a href="/colophon">Colophon</a></li> + <li><a href="/now">Now</a></li> + <li><a href="/donate">Donate</a></li> + <li><a href="/atom.xml">RSS</a></li> + <li><a href="#top">↑ Top of the page</a></li> + </ul> + <small> + Built with <a href="https://git.sr.ht/~bt/barf">barf</a>. <br> + Maintained with ♥ for the web. <br> + Proud supporter of <a href="https://usefathom.com/ref/DKHJVX">Fathom</a> & <a href="https://nextdns.io/?from=74d3p3h8">NextDNS</a>. <br> + The content for this site is <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.<br> The <a href="https://git.sr.ht/~bt/bt.ht">code for this site</a> is <a href="https://git.sr.ht/~bt/bt.ht/tree/master/item/LICENSE">MIT</a>. + </small> +</footer>
\ No newline at end of file |