summaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
Diffstat (limited to 'www')
-rw-r--r--www/blog/2019-01-21/index.html13
-rw-r--r--www/blog/2019-02-17/index.html13
-rw-r--r--www/blog/2019-12-09/index.html103
-rw-r--r--www/blog/2020-01-13/index.html13
-rw-r--r--www/blog/2020-12-17/index.html13
-rw-r--r--www/blog/2021-01-05/index.html13
-rw-r--r--www/blog/2022-11-06/index.html237
-rw-r--r--www/blog/bread/index.html30
-rw-r--r--www/blog/index.html17
-rw-r--r--www/blog/movies/index.html13
-rw-r--r--www/dice/index.html28
-rw-r--r--www/error.html13
-rw-r--r--www/index.css20
-rw-r--r--www/index.html56
-rw-r--r--www/resume/index.html13
-rw-r--r--www/wc3.html58
16 files changed, 514 insertions, 139 deletions
diff --git a/www/blog/2019-01-21/index.html b/www/blog/2019-01-21/index.html
index cc3d835..628ac41 100644
--- a/www/blog/2019-01-21/index.html
+++ b/www/blog/2019-01-21/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Homepage</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body id='blog'>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
diff --git a/www/blog/2019-02-17/index.html b/www/blog/2019-02-17/index.html
index bda3073..834fa51 100644
--- a/www/blog/2019-02-17/index.html
+++ b/www/blog/2019-02-17/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Blog</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
diff --git a/www/blog/2019-12-09/index.html b/www/blog/2019-12-09/index.html
index 66de652..639ac30 100644
--- a/www/blog/2019-12-09/index.html
+++ b/www/blog/2019-12-09/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Blog</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
@@ -26,17 +31,18 @@
share some unfiltered, semi-structured thoughts on.</p>
<h3>Racket, 80x86, and even more C</h3>
<h4>Racket</h4>
- <p><a target="_blank" href="https://racket-lang.org">Racket</a> is a
- general-purpose lisp-like language. I had began messing around in it with
- the intention of creating a similar language to <a target="_blank" href=
- "https://docs.racket-lang.org/scribble/">Scribble</a> a document
- authoring language written in Racket. I made <a target="_blank" href=
- "https://xkcd.com/1205/">the classic mistake</a> of trying to create a
- productivity tool rather than just do the task I had originally intended
- to do. It was interesting messing around in a lisp/functional language
- which I haven&#39;t really used in a long time. I wish I had more
- insightful things to say about it or project to share. Either way its
- very worth the look.</p>
+ <p><a target="_blank"
+ href="https://racket-lang.org">Racket</a> is a general-purpose
+ lisp-like language. I had began messing around in it with the
+ intention of creating a similar language to <a target="_blank"
+ href="https://docs.racket-lang.org/scribble/">Scribble</a> a document
+ authoring language written in Racket. I made <a target="_blank"
+ href="https://xkcd.com/1205/">the classic mistake</a> of trying to
+ create a productivity tool rather than just do the task I had
+ originally intended to do. It was interesting messing around in a
+ lisp/functional language which I haven&#39;t really used in a long
+ time. I wish I had more insightful things to say about it or project
+ to share. Either way its very worth the look.</p>
<h4>6502 -&gt; 80x86 -&gt; Commander X16</h4>
<p>I wanted to play around with writing some assembly language programs.
I looked back at the NES tutorials and tried writing some basic
@@ -47,18 +53,22 @@
dug into. I made some decent progress in, relative to my 6502 learning.
But this was in the summer, and I was preparing for what would turn into
a pretty time consuming move. After my move, my puppy, and some youtube,
- <a target="_blank" href="http://www.the8bitguy.com">The 8-Bit Guy</a>
- made a video about his 8 Bit computer project <a target="_blank" href=
- "http://www.commanderx16.com/X16/Ready.html">Commander X16</a> which I
- started looking into. Like all the other assembly language projects they
- never amounted to more than a few print statements or colors on the
- screen. But X16 is something I am going to keep an eye on in 2020.<br>
- <a target="_blank" href="https://eater.net/">Ben Eater</a> also started a
- <a target="_blank" href="https://eater.net/6502">6502 video series</a>
- which was amazing, and thankfully my learnings from earlier in the year
- made the content very understandable. In summary, I spent a lot of 2019
- reading and watching a lot of content about assembly language
- programming, but never really did anything with it.</p>
+ <a target="_blank"
+ href="http://www.the8bitguy.com">The 8-Bit Guy</a> made a video about
+ his 8 Bit computer project <a target="_blank"
+ href="http://www.commanderx16.com/X16/Ready.html">Commander X16</a>
+ which I started looking into. Like all the other assembly language
+ projects they never amounted to more than a few print statements or
+ colors on the screen. But X16 is something I am going to keep an eye
+ on in 2020.<br>
+ <a target="_blank"
+ href="https://eater.net/">Ben Eater</a> also started a <a target=
+ "_blank"
+ href="https://eater.net/6502">6502 video series</a> which was amazing,
+ and thankfully my learnings from earlier in the year made the content
+ very understandable. In summary, I spent a lot of 2019 reading and
+ watching a lot of content about assembly language programming, but
+ never really did anything with it.</p>
<h4>Never ending C</h4>
<p>Without much to really say on the topic, I kept writing small programs
in C throughout the year. I spent a lot of time debugging and
@@ -81,27 +91,30 @@
project &quot;Tyur&quot;. This project spawned out of sci-fi story ideas
that, of course, never went anywhere (due to my poor dialog writing, and
writing in general) and my interest in language history. I have been
- reading <a target="_blank" href=
- "https://www.goodreads.com/book/show/1831667.The_Horse_the_Wheel_and_Language">
+ reading <a target="_blank"
+ href=
+ "https://www.goodreads.com/book/show/1831667.The_Horse_the_Wheel_and_Language">
The Horse the Wheel and Language</a> by David W. Anthony, which goes into
the history around Proto-Indo-European. It can be a bit dense so I had
been reading it on and off, and during the off times also started
- <a target="_blank" href=
- "https://www.goodreads.com/book/show/18635317-the-origins-of-language">The
- Origins of Language: A Slim Guide</a> by James R. Hurford, which tries to
- provide insights on the evolutionary concept of language. Both of these
- provided some fodder for the idea of creating my own <a target="_blank"
- href="https://en.wikipedia.org/wiki/Constructed_language">conlang</a>. My
- conlang is &quot;Tyur&quot; the language spoken by the Tyur people. This
- process has really been a mix of world-building around the Tyur and some
- fun fantasy mini story ideas similar to The Lord of the Rings and old
- Warhammer Fantasy worlds. This however began my adventure down the rabbit
- hole of trying to figure out how to create a font so I can write more
- here about it. The documentation on this conlang is a mix of loose-leaf
- folded in my bag that I scribble on when I get an idea. So figuring out a
- proper way of building the alphabet and some root words to start a
- dictionary are my current goals for the remainder of the year/ start of
- 2020.</p>
+ <a target="_blank"
+ href=
+ "https://www.goodreads.com/book/show/18635317-the-origins-of-language">The
+ Origins of Language: A Slim Guide</a> by James R. Hurford, which tries
+ to provide insights on the evolutionary concept of language. Both of
+ these provided some fodder for the idea of creating my own <a target=
+ "_blank"
+ href="https://en.wikipedia.org/wiki/Constructed_language">conlang</a>.
+ My conlang is &quot;Tyur&quot; the language spoken by the Tyur people.
+ This process has really been a mix of world-building around the Tyur
+ and some fun fantasy mini story ideas similar to The Lord of the Rings
+ and old Warhammer Fantasy worlds. This however began my adventure down
+ the rabbit hole of trying to figure out how to create a font so I can
+ write more here about it. The documentation on this conlang is a mix
+ of loose-leaf folded in my bag that I scribble on when I get an idea.
+ So figuring out a proper way of building the alphabet and some root
+ words to start a dictionary are my current goals for the remainder of
+ the year/ start of 2020.</p>
<h3>Closing</h3>
<p>In closing, I think despite not writing much here, I messed around
with some interesting languages this year, and hope I can hobby more in
diff --git a/www/blog/2020-01-13/index.html b/www/blog/2020-01-13/index.html
index 603f7ec..f0c2ce8 100644
--- a/www/blog/2020-01-13/index.html
+++ b/www/blog/2020-01-13/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Blog</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
diff --git a/www/blog/2020-12-17/index.html b/www/blog/2020-12-17/index.html
index da48b5c..2bf9d1b 100644
--- a/www/blog/2020-12-17/index.html
+++ b/www/blog/2020-12-17/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Blog</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
diff --git a/www/blog/2021-01-05/index.html b/www/blog/2021-01-05/index.html
index 50199c3..97b0261 100644
--- a/www/blog/2021-01-05/index.html
+++ b/www/blog/2021-01-05/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Blog</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
diff --git a/www/blog/2022-11-06/index.html b/www/blog/2022-11-06/index.html
new file mode 100644
index 0000000..4a1983b
--- /dev/null
+++ b/www/blog/2022-11-06/index.html
@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <title>senders.io - My Markdown -&gt; HTML Setup</title>
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
+</head>
+<body>
+ <div id='header'>
+ <a class='title'
+ href='/'>senders.io</a>
+ <nav>
+ <a href="/resume">Resume</a> <a href="/blog">Blog</a> <a rel=
+ "noopener noreferrer external"
+ target="_blank"
+ href="https://github.com/s3nd3r5">Github</a>
+ </nav>
+ </div>
+ <div id="body">
+ <article>
+ <h2>My Markdown -&gt; HTML Setup</h2>
+ <p>A common way I see a lot of people blog, especially micro-blog, is in
+ <a rel="external noopener noreferrer"
+ target="_blank"
+ href="https://daringfireball.net/projects/markdown/">markdown</a>.</p>
+ <figure>
+ <blockquote>
+ <p>Markdown is a lightweight markup language for creating formatted
+ text using a plain-text editor.</p>
+ </blockquote>
+ <figcaption>
+ <cite>— <a rel="external noopener noreferrer"
+ target="_blank"
+ href="https://en.wikipedia.org/wiki/Markdown">Wikipedia |
+ Markdown</a></cite>
+ </figcaption>
+ </figure>
+ <p>It built itself on-top of common syntax prevalent on the web and was
+ designed to be converted into simple HTML output. Since it leveraged
+ preexisting syntax it was easy for new users to pick up, and is now found
+ all over the web and applications.</p>
+ <p>Since I started this website, I had been writing each page by hand
+ using a few tools to facilitate that - and for a while I had been looking
+ for a good way to try out using markdown to generate some lighter pages
+ and these blogposts.</p>
+ <h3>Writing HTML by hand</h3>
+ <p>When it comes to blogging a lot of platforms offer WYSIWYG editor –
+ allowing users to write in rich-text that then gets converted into HTML
+ in the style of the platform. But for my case, since I self host this
+ website, I decided to stick to my roots and write PURE HTML instead.</p>
+ <p>HTML is fairly simple and easy once you get use to the basic structure
+ of the system. And since I’ve been working in HTML almost two decades
+ now, at the time it felt like the best solution to make a clean
+ website.</p>
+ <p>I briefly touched on my design process in <a href=
+ "/blog/2019-01-21/">2019-01-21 - First! A New Years Resolution</a>
+ outlining that I wanted to make a very lightweight and simple website.
+ And at the time I believed the best way to achieve this goal was to
+ carefully structure and craft my website’s HTML by hand.</p>
+ <p>This article is making the process sound far more difficult than it is
+ – it’s mostly just tedious.</p>
+ <pre><code>&lt;article&gt;
+&lt;h2&gt; Title &lt;/h2&gt;
+&lt;p&gt;
+ Some paragraph....
+&lt;/p&gt;
+&lt;h3&gt;
+&lt;p&gt; some subsection &lt;/p&gt;
+&lt;/h3&gt;
+&lt;p&gt; more text &lt;/p&gt;
+... etc
+</code></pre>
+ <p>Is essentially what the website looks like - you can view the source
+ of this page to see – it’s very simple HTML.</p>
+ <p>The benefit I found doing this, mostly leveraging <a href=
+ "www.html-tidy.org/">tidy</a>, allowed a very easy to edit codebase. And
+ by leveraging the existing tags and their properties I also attempted to
+ keep the styling to an absolute minimum. Using existing tags to enforce
+ the styling I desired.</p>
+ <p>Only for certain areas (tables, code, quotes) where readability is an
+ issue do I setup custom CSS.</p>
+ <p>Most of this process is actually what will continue to happen but the
+ actual writing process will be unobstructed by the tedium of writing
+ HTML.</p>
+ <h3>Micro-blogging in general</h3>
+ <p>At the time of writing this, I have no ported over any of my <a rel=
+ "external noopener noreferrer"
+ target="_blank"
+ href="https://gemini.circumlunar.space/">Gemini</a> micro-blogs. This
+ warrants a longer post, since I wrote consistently in gemini from
+ March 2021 through May 2021 – having only stopped due to a long move
+ leading to a lot of server downtime breaking the habit. My gemini
+ updated multiple days a week - mostly due to the extremely lightweight
+ and limited nature of the platform.</p>
+ <h4>Gemtext</h4>
+ <p><a rel="external noopener noreferrer"
+ target="_blank"
+ href="https://gemini.circumlunar.space/docs/gemtext.gmi">Gemtext</a>
+ was the gemini protocol’s standard MIME type. It was a basic markup
+ language that relied on line based syntax. It was purposefully as lean
+ as necessary because this was what was ACTUALLY being served to
+ clients – unlike Markdown which first needed to be converted to HTML,
+ gemtext was the actual text served and rendered on the viewers client.
+ You could customize the style of your client - but you could not, as
+ an author, dictate how your content would be viewed. This meant the
+ only aspects of your blog you had control over was the actual content
+ and it’s structure – which for a blog is really all you should care
+ about.</p>
+ <p>It’s syntax contained most of what I was actually using here already
+ from HTML:</p>
+ <ol>
+ <li>headings</li>
+ <li>paragraphs that were wrapped based on page-width</li>
+ <li>links</li>
+ <li>lists</li>
+ <li>quotes</li>
+ <li>preformatted-text / codeblocks</li>
+ </ol>
+ <p>Besides links - it also leveraged the same common syntaxes that
+ markdown did.</p>
+ <h4>Gemtext links</h4>
+ <p>From my brief time in the IRC and in geminispace in general - a lot of
+ the “recommendations” came from new users about providing in-line links.
+ The philosophy was that by forcing links to exist on their own line -
+ clients could configure how they wanted these to be seen and not have to
+ worry about links interfering with the text.</p>
+ <figure>
+ <blockquote>
+ <p>Like Gopher (and unlike Markdown or HTML), Gemtext only lets you
+ put links to other documents on a line of their own. You can’t make a
+ single word in the middle of a sentence into a link. This takes a
+ little getting used to, but it means that links are extremely easy to
+ find, and clients can style them differently (e.g. to make it clear
+ which protocol they use, or to display the domain name to help users
+ decide whether they want to follow them or not) without interfering
+ with the readability of your actual textual content.</p>
+ </blockquote>
+ <figcaption>
+ — <cite><a rel="external noopener noreferrer"
+ target="_blank"
+ href=
+ "https://gemini.circumlunar.space/docs/gemtext.gmi">gemini.circumlunar.space
+ – A quite introduction to “gemtext” markup | Links</a></cite>
+ </figcaption>
+ </figure>
+ <p>I felt that this provided a lot of useful limitations that removed a
+ huge barrier for me to actually write down ideas without feeling over
+ burdened. I also lurked in the IRC - as well as <a rel=
+ "external noopener noreferrer"
+ target="_blank"
+ href="https://github.com/s3nd3r5/java-gemini-server">implemented my
+ own gemini server</a>.</p>
+ <p>As a quick aside – the java server was a lot of fun! The protocol was
+ very simple to work with for basic gemtext. I felt the ultimate downside
+ was trying to build something for basic gemini capsule hosting (like I
+ was using for a decent chunk of my time with gemini) - and something for
+ developers to use as a base application server. At the time in 2021 a lot
+ of talk was happening on IRC of users starting to look to provide more
+ complex experiences via the protocol and I wanted a way for those
+ interactions to be built out in Java - since most were in Go or Python at
+ the time. This decision lead to me burning out due to difficulties
+ splitting those responsiblities easily - where you could host along side
+ your application - since I lacked the experience with more complex Gemini
+ capsule applications.</p>
+ <p>But it was a good experience and I got hands on experience with Certs,
+ Netty, and SNI - which actually came in handy at my job!</p>
+ <h3>Wasn’t this about Markdown?</h3>
+ <p>A lot of what I liked about Gemini I found missing when I returned to
+ the World Wide Web. Writing a new post was tedious and I actually had a
+ few drafts sitting unposted. They’re probably checked into my git at this
+ moment! So I thought - why not just use markdown and convert to HTML?
+ That’s what it’s built for - and I already designed my site to work with
+ minimal customization of raw HTML tags!</p>
+ <h3>How I use Markdown</h3>
+ <p>Firstly, this blogpost was written in Markdown (with minimal HTML
+ sprinkled in). Then I render the markdown into HTML using <a rel=
+ "external noopener noreferrer"
+ target="_blank"
+ href=
+ "https://www.pell.portland.or.us/~orc/Code/discount/">Discount</a>.
+ Frankly, I don’t know how I stumbled across this markdown parser - I
+ think it came pre-installed on my KDE Arch system because another KDE
+ program used it. But I liked it, and it seemed extensible enough for
+ my needs.</p>
+ <p>This would produce the “body” of my articles - and I could then
+ prepend and append the template-head and foot to my html output to form a
+ blog post/web page.</p>
+ <h4>Customizations</h4>
+ <p>After I generated the output file, I replaced some placeholders in the
+ templates via <code>sed</code> and then <code>tidy</code>’d the HTML. The
+ only other major issue was Discount had no way of appending any link
+ attributes – so for external links I had <code>sed</code> append the
+ <code>rel</code> and <code>target</code> attributes - which work off the
+ assumption they’re not there. A lot of my home-server scripts rely on
+ assumptions…</p>
+ <p>This is all bundled up in a simple script file so I can just supply a
+ few arguments and the full page is re-rendered on command.</p>
+ <h3>Two Sources of Truth</h3>
+ <p>In the sytem I devised the markdown files are really the “source of
+ truth” but you could argue that the HTML files hold equal weigh - as
+ they’re what you’re reading right now. The markdown is only useful if I
+ render it as HTML. There exist nginx extensions to serve markdown as HTML
+ so I store everything as markdown. I could also provide some heading
+ information to the markdowns to remove the command arguments and have on
+ boot it generate the .html files in place before launching the site… But
+ these are all nice ideas for a later date.</p>
+ <p>Ultimately, this is something I contribute to ocassionally - I don’t
+ need something too complicated. I just need to output some HTML a few
+ times a year. So if I manually publish the HTML each time - that’s likely
+ far more efficent then re-rendering.</p>
+ <h3>Learnings</h3>
+ <p>This is the first post that uses this - though I’ve converted a page
+ over to this already. But once I worked out the kinks and built a flow
+ that works for me - this made the writing process a LOT easier. Another
+ issue was that once I <code>tidy</code>’d the HTML file - it became
+ frustrating to edit, and I didn’t always re-tidy it. Because the output
+ is always <code>tidy</code>’d by the script - I can edit the raw markdown
+ as needed. And the script generally will always output the same file
+ (with whatever changes I made of course). This makes the editing and git
+ history a lot clearer.</p>
+ <p>I would recommend writing in markdown - or even trying out gemini -
+ you can host your gemini capsule on the web even! (Most gemini webpages
+ are gemini capsules converted). I am sure other “blog focused markups”
+ also exist too.</p>
+ </article>
+ <div id="footer">
+ <i>November 06, 2022</i>
+ </div>
+ </div>
+</body>
+</html>
diff --git a/www/blog/bread/index.html b/www/blog/bread/index.html
index c2afcf7..f1ae9ac 100644
--- a/www/blog/bread/index.html
+++ b/www/blog/bread/index.html
@@ -2,15 +2,22 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Bread Blog</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <link rel='stylesheet' type='text/css' href='/blog/bread/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <link rel='stylesheet'
+ type='text/css'
+ href='/blog/bread/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
@@ -125,12 +132,13 @@
done it for one boule loaf. And I want to try making two loafs from
it.</p>
<h2>Resources</h2>
- <p><a target="_blank" href="https://bakewithjack.co.uk">Bake With
- Jack&#39;s Youtube Channel</a> really helped me shape up my shaping up.
- And the core of the pate+french bread recipe is based on that from
- <a target="_blank" href=
- "https://www.goodreads.com/book/show/39910.The_Bread_Baker_s_Apprentice">The
- Bread Baker&#39;s Apprentice</a></p>
+ <p><a target="_blank"
+ href="https://bakewithjack.co.uk">Bake With Jack&#39;s Youtube
+ Channel</a> really helped me shape up my shaping up. And the core of
+ the pate+french bread recipe is based on that from <a target="_blank"
+ href=
+ "https://www.goodreads.com/book/show/39910.The_Bread_Baker_s_Apprentice">The
+ Bread Baker&#39;s Apprentice</a></p>
</article>
<div id='footer'>
<i>Updated February 17, 2020</i>
diff --git a/www/blog/index.html b/www/blog/index.html
index 6a6fee1..f1a98c2 100644
--- a/www/blog/index.html
+++ b/www/blog/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Homepage</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
@@ -21,6 +26,10 @@
<ol>
<!-- {{ NEW-POST }} -->
<li>
+ <a href='/blog/2022-11-06'>2022-11-06 - My Markdown -&gt; HTML
+ Setup</a>
+ </li>
+ <li>
<a href='/blog/2021-01-05'>2021-01-05 - Manjaro Followup - Breaking
things!</a>
</li>
diff --git a/www/blog/movies/index.html b/www/blog/movies/index.html
index 75dd290..be7251e 100644
--- a/www/blog/movies/index.html
+++ b/www/blog/movies/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Blog</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/blog">Blog</a> <a href="https://github.com/s3nd3r5">Github</a>
</nav>
diff --git a/www/dice/index.html b/www/dice/index.html
index 078e711..10dcd84 100644
--- a/www/dice/index.html
+++ b/www/dice/index.html
@@ -1,12 +1,18 @@
<!DOCTYPE html>
<html>
<head>
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<meta charset="utf-8">
<title>senders.io - Dice Roller</title>
- <link rel="stylesheet" type="text/css" href="/index.css">
- <link rel="stylesheet" type="text/css" href="./index.css">
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet"
+ type="text/css"
+ href="/index.css">
+ <link rel="stylesheet"
+ type="text/css"
+ href="./index.css">
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<article id="body">
@@ -14,11 +20,16 @@
<p>Set your number of dice and press roll. The output tables will display
the number of count of each result rolled.</p>
<div class='form'>
- <input type='number' min="1" max="999" id="numdice" value="4">
- <button id='rollbtn' onclick="roll()">Roll</button>
+ <input type='number'
+ min="1"
+ max="999"
+ id="numdice"
+ value="4"> <button id='rollbtn'
+ onclick="roll()">Roll</button>
</div>
<h2>Roll Results</h2>
- <table id='results' class='output'>
+ <table id='results'
+ class='output'>
<thead>
<tr>
<th>Dice Face</th>
@@ -28,7 +39,8 @@
<tbody id='resbody'></tbody>
</table>
<h2>Roll History</h2>
- <table id='history' class='output'>
+ <table id='history'
+ class='output'>
<thead>
<tr>
<th class='num'>#</th>
diff --git a/www/error.html b/www/error.html
index 1906ec6..4e3a784 100644
--- a/www/error.html
+++ b/www/error.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - 404</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
diff --git a/www/index.css b/www/index.css
index bf24d23..2fe966c 100644
--- a/www/index.css
+++ b/www/index.css
@@ -7,6 +7,20 @@ html,body { margin: 0; font-family: sans-serif; }
#body table tr:nth-child(even) { background-color: #eee; }
#body ul.compact { columns: 2; }
+#body blockquote {
+ background-color: #eee;
+ border-radius: 2px;
+ padding: 4px;
+}
+
+#body blockquote p {
+ font-style: italic;
+}
+
+#body figure blockquote {
+ margin: 0;
+}
+
#header {
background-color: #060606;
color: #67ff79;
@@ -36,6 +50,11 @@ article .footer {
font-size: 0.75em;
float:right;
}
+
+.footnote {
+ font-size: 0.75em;
+}
+
code {
font-family: monospace;
background-color: #eee;
@@ -60,4 +79,5 @@ code.inline {
height: auto;
}
+
#tutorial { margin: 2% }
diff --git a/www/index.html b/www/index.html
index 80740e8..c38ee67 100644
--- a/www/index.html
+++ b/www/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Homepage</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
@@ -19,17 +24,38 @@
<article>
<h1>Welcome to Senders&#39; homepage</h1>
<p>This is my personal site for my projects and other random stuff I feel
- like uploading.</p>
+ like uploading. A lot of it comes in the form of micro-blogs and stream
+ of consciousness ramblings.</p>
</article>
<article id='homepage-post'>
- <h2>Recent Post - 2021-01-05</h2>
- <h3>Manjaro Follow-up - Breaking things!</h3>
- <p>After years on Debian, running i3, I decided to try out a more
- traditional Linux setup, and take a stab at gaming on Linux. I chose
- Manjaro. And then I decided after some issues to remove my old Debian
- partition and broke everything!</p>
+ <h2>Recent Post - 2022-11-06</h2>
+ <h3>My Markdown -&gt; HTML Setup</h3>
+ <p>A common way I see a lot of people blog, especially micro-blog, is in
+ <a rel="external noopener noreferrer"
+ target="_blank"
+ href="https://daringfireball.net/projects/markdown/">markdown</a>.</p>
+ <figure>
+ <blockquote>
+ <p>Markdown is a lightweight markup language for creating formatted
+ text using a plain-text editor.</p>
+ </blockquote>
+ <figcaption>
+ <cite>— <a rel="external noopener noreferrer"
+ target="_blank"
+ href="https://en.wikipedia.org/wiki/Markdown">Wikipedia |
+ Markdown</a></cite>
+ </figcaption>
+ </figure>
+ <p>It built itself on-top of common syntax prevalent on the web and was
+ designed to be converted into simple HTML output. Since it leveraged
+ preexisting syntax it was easy for new users to pick up, and is now found
+ all over the web and applications.</p>
+ <p>Since I started this website, I had been writing each page by hand
+ using a few tools to facilitate that - and for a while I had been looking
+ for a good way to try out using markdown to generate some lighter pages
+ and these blogposts.</p>
<div class='footer'>
- <a href='/blog/2021-01-05'>Continue reading...</a>
+ <a href='/blog/2022-11-06'>Continue reading...</a>
</div>
</article>
<article>
@@ -42,6 +68,12 @@
<a href='/blog/bread/#2020-02-17'>Last updated - 2020-02-17</a>
</div>
</article>
+ <div class="footnote">
+ <p>The site source is available at <a rel="noopener noreferrer external"
+ target="_blank"
+ href=
+ "https://git.senders.io/senders/senders-io">git.senders.io/senders/senders-io</a>.</p>
+ </div>
</div>
</body>
</html>
diff --git a/www/resume/index.html b/www/resume/index.html
index 748f504..69b2452 100644
--- a/www/resume/index.html
+++ b/www/resume/index.html
@@ -2,14 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<title>senders.io - Resume</title>
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
</head>
<body>
<div id='header'>
- <a class='title' href='/'>senders.io</a>
+ <a class='title'
+ href='/'>senders.io</a>
<nav>
<a href="/">Home</a> <a href="/blog">Blog</a> <a href=
"https://github.com/s3nd3r5">Github</a>
diff --git a/www/wc3.html b/www/wc3.html
index 8525017..2e01c97 100644
--- a/www/wc3.html
+++ b/www/wc3.html
@@ -1,10 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
+ <meta name="generator"
+ content="HTML Tidy for HTML5 for Linux version 5.6.0">
<meta charset="utf-8">
- <link rel='stylesheet' type='text/css' href='/index.css'>
- <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel='stylesheet'
+ type='text/css'
+ href='/index.css'>
+ <meta name="viewport"
+ content="width=device-width, initial-scale=1">
<title>Senders&#39; Wishlist</title>
<style>
img { border: 2px solid #eee; }
@@ -19,27 +23,27 @@
<h2 id='gamesetup'>Game Setup</h2>
<h3 id='download'>Downloading the game</h3>Download the <code class=
'inline'>wc3.zip</code>. You can download it from <a href=
- 'https://cdn.senders.io/blobs/wc3.zip' target=
- '_blank'>https://cdn.senders.io/blobs/wc3.zip</a>
+ 'https://cdn.senders.io/blobs/wc3.zip'
+ target='_blank'>https://cdn.senders.io/blobs/wc3.zip</a>
<h3 id='unzip'>Extract the game contents</h3>Unzip the game contents. If you
can&#39;t unzip it you can download 7Zip from: <a href=
'https://www.7-zip.org/a/7z1900-x64.exe'>https://www.7-zip.org/</a>.
<div>
- <span class='scaled-half'><img src='/imgs/wc3/unzip.png' alt=
- '7Zip Context Menu'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/unzip.png'
+ alt='7Zip Context Menu'></span><br>
<i class='small'>Hover to Zoom</i>
</div>
<div>
- <span class='scaled-half'><img src='/imgs/wc3/unzipped.png' alt=
- 'Unzipped Folder Contents'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/unzipped.png'
+ alt='Unzipped Folder Contents'></span><br>
<i class='small'>Hover to Zoom</i>
</div>
<h3 id='launch'>Launch the game</h3>Open the folder you unzipped into and
open <code class='inline'>Warcarft III 1.31.1\x86_64\Warcraft III.exe</code>.
This will launch the game.
<div>
- <span class='scaled-half'><img src='/imgs/wc3/launch.png' alt=
- 'Game Launcher Exe'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/launch.png'
+ alt='Game Launcher Exe'></span><br>
<i class='small'>Hover to Zoom</i>
</div>
<h3 id='cdkey'>Active your CD Key</h3>The game will prompt with a launcher
@@ -47,8 +51,8 @@
CD Key can be found in <code class='inline'>CDKEYS.jpg</code> back in the
main folder.
<div>
- <span class='scaled-half'><img src='/imgs/wc3/cdkey.png' alt=
- 'CD Key file location'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/cdkey.png'
+ alt='CD Key file location'></span><br>
<i class='small'>Hover to Zoom</i>
</div>
<h4>Warning! Do Not Update</h4>Once you launch the game it will prompt you to
@@ -70,8 +74,8 @@
'https://zerotier.atlassian.net/wiki/spaces/SD/pages/8454145/Getting+Started+with+ZeroTier'>
Zero Tiers own setup guide</a>
<div>
- <span class='scaled-half'><img src='/imgs/wc3/create-network.png' alt=
- 'Create a Network'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/create-network.png'
+ alt='Create a Network'></span><br>
<i class='small'>Hover to Zoom</i>
</div>
<h4>Your Network ID</h4>Your network ID will be present on the network page.
@@ -82,8 +86,8 @@
either adding them directly, or checking the authorize box. You can add them
from the settings menu at the bottom:
<div>
- <span class='scaled-half'><img src='/imgs/wc3/add-remove.png' alt=
- 'Add remove users section'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/add-remove.png'
+ alt='Add remove users section'></span><br>
<i class='small'>Hover to Zoom</i>
</div>
<h3>Member | Download</h3><i>Note Admins must also join their own
@@ -93,28 +97,28 @@
right click to perfom any of the actions listed below. (It&#39;s the icon
that shares the icon from the website!)
<div>
- <span class='scaled-half'><img src='/imgs/wc3/tray.png' alt=
- 'ZeroTier Tray Icon'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/tray.png'
+ alt='ZeroTier Tray Icon'></span><br>
<i class='small'>Hover to Zoom</i>
</div>
<div>
- <span class='scaled-half'><img src='/imgs/wc3/menu.png' alt=
- 'ZeroTier Tray Menu'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/menu.png'
+ alt='ZeroTier Tray Menu'></span><br>
<i class='small'>Hover to Zoom</i>
</div>You can right click the tray-icon to open the menu. Here you will see
your Node Id. Example: <code class='inline'>Node ID: 2d213b67f2</code>
<h4>Member | Add network</h4>To join simply paste the network ID in the form.
You can get the ID from the Network Admin.
<div>
- <span class='scaled-half'><img src='/imgs/wc3/join.png' alt=
- 'Join prompt'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/join.png'
+ alt='Join prompt'></span><br>
<i class='small'>Hover to Zoom</i>
</div>
<h4>Admin | Authorize the Member</h4>The Admin will then need your
<strong>Node ID</strong> and will authorize you in their network settings.
<div>
- <span class='scaled-half'><img src='/imgs/wc3/members-view.png' alt=
- 'Members View'></span><br>
+ <span class='scaled-half'><img src='/imgs/wc3/members-view.png'
+ alt='Members View'></span><br>
<i class='small'>Hover to Zoom</i>
</div>
<h3>Member | Reboot</h3>Now that you&#39;ve connected and setup I recommend
@@ -125,8 +129,8 @@
checkbox here to connect/disconnect. Or click the network from the menu
directly.
<div>
- <span class='scaled-half'><img src='/imgs/wc3/connection.png' alt=
- 'Connection View'><br>
+ <span class='scaled-half'><img src='/imgs/wc3/connection.png'
+ alt='Connection View'><br>
<i class='small'>Hover to Zoom</i></span>
</div>
<h3><span class='scaled-half'>Admin | Verify everyone is