commit 1c9c873a6b0f60fd6a06b77b7f487e03555237c3 (patch)
parent 165935f6c7f317a1d3b5217038e4b1bc30716b05
Author: Alex Karle <alex@alexkarle.com>
Date: Sun, 19 Jul 2020 14:36:15 -0400
content: Migrate to Markdown posts on top of templating script
Previously, I had whipped up a small templating script, tm.pl, which
would look for <!-- {% include=foo %} --> comments and expand them. This
allowed me to make edits to the general style of the site without
changing all the content.
However, I begrudgingly accepted that I needed a faster way to write
posts. Hand writing HTML is quite a pain... so I gave up some of my
stylistic freedoms that come with writing HTML and added the original
Markdown.pl script to the build pipeline (p5-Text-Markdown package on
OpenBSD).
Now, the markdown is translated to HTML before the tm.pl step, giving me
the best of both worlds. The only minor sacrifice was the "on hover"
underlines in the Thoughts page. Maybe I'll add them back, but it
doesn't look awful as is.
Diffstat:
12 files changed, 88 insertions(+), 124 deletions(-)
diff --git a/bin/build.sh b/bin/build.sh
@@ -1,6 +1,6 @@
#!/bin/sh
mkdir -p build
cp content/*.css build
-for f in content/*.html; do
- ./bin/tm.pl $f > build/`basename $f`
+for f in content/*.md; do
+ Markdown.pl $f | ./bin/tm.pl > build/`basename $f md`html
done
diff --git a/content/03-24-20-domain-name.html b/content/03-24-20-domain-name.html
@@ -1,32 +0,0 @@
-<!-- {% include=head %} -->
-
-<h3>Mar. 24, 2020: What's in a (domain) name?</h3>
-<p>
-I went through a phase this week of really wanting `karle.[original-tld]`.
-Not for a business. Not for boosting my own webpage (it doesn't really
-have much). Just for me.
-</p>
-
-<p>The results were... disheartening.</p>
-
-<ul>
- <li>
- <b>karle.org:</b><br> Registered since 2004, no website, just an email
- DNS record. WHOIS guard ensures I can't even reach out to who owns it.
- </li>
- <li>
- <b>karle.com:</b><br> For sale by owner on Uniregistry. Ok. Inquired.
- Owner wants a "serious 5 figure offer". Next!
- </li>
- <li>
- <b>karle.net:</b><br> Owned by <a href="https://realnames.com">RealNames</a>,
- a business seemingly centered around buying lastname.net domains and
- charging people like me to set up an email. Almost brilliant enough of a
- business to make me forgive their scumminess. <i>Almost</i>. Nary an
- option to buy it.
- </li>
-</ul>
-
-<p>So here we are. Looks like karle.co for at least a little longer.</p>
-
-<!-- {% include=post-tail %} -->
diff --git a/content/03-24-20-domain-name.md b/content/03-24-20-domain-name.md
@@ -0,0 +1,25 @@
+<!-- {% include=head %} -->
+
+### Mar. 24, 2020: What's in a (domain) name?
+
+I went through a phase this week of really wanting `karle.[original-tld]`.
+Not for a business. Not for boosting my own webpage (it doesn't really
+have much). Just for me.
+
+The results were... disheartening.
+
+* **karle.org:**<br> Registered since 2004, no website, just an email
+DNS record. WHOIS guard ensures I can't even reach out to who owns it.
+
+* **karle.com:**<br> For sale by owner on Uniregistry. Ok. Inquired.
+Owner wants a "serious 5 figure offer". Next!
+
+* **karle.net:**<br> Owned by [RealNames](https://realnames.com),
+a business seemingly centered around buying lastname.net domains and
+charging people like me to set up an email. Almost brilliant enough of a
+business to make me forgive their scumminess. _Almost_. Nary an
+option to buy it.
+
+So here we are. Looks like karle.co for at least a little longer.
+
+<!-- {% include=post-tail %} -->
diff --git a/content/07-13-20-blm.html b/content/07-13-20-blm.html
@@ -1,14 +0,0 @@
-<!-- {% include=head %} -->
-
-<h3>July 13, 2020: Black Lives Matter</h3>
-<p>
-I meant to post about this earlier, but it's better late than never.
-</p>
-
-<p>
-It's become abundantly clear to me that we need serious structural changes in
-our country. I want to raise my voice in solidarity to say that
-<a href="https://blacklivesmatter.com">Black Lives Matter</a>.
-</p>
-
-<!-- {% include=post-tail %} -->
diff --git a/content/07-13-20-blm.md b/content/07-13-20-blm.md
@@ -0,0 +1,11 @@
+<!-- {% include=head %} -->
+
+### July 13, 2020: Black Lives Matter
+
+I meant to post about this earlier, but it's better late than never.
+
+It's become abundantly clear to me that we need serious structural changes in
+our country. I want to raise my voice in solidarity to say that
+[Black Lives Matter](https://blacklivesmatter.com).
+
+<!-- {% include=post-tail %} -->
diff --git a/content/12-19-19-a-new-hope.html b/content/12-19-19-a-new-hope.html
@@ -1,17 +0,0 @@
-<!-- {% include=head %} -->
-
-<h3>Dec. 19, 2019: A New Hope</h3>
-<p>
-Toying with the thought of starting a website/blog.
-</p>
-<p>
-Exploring my hosting options and pleasantly surprised that
-<a href="https://fastmail.com">Fastmail</a> has free static site hosting!
-</p>
-<p>
-Inspired by Jeff Huang's article on websites
-<a href="https://jeffhuang.com/designed_to_last">Designed to Last</a> and
-a general desire for a simpler web.
-</p>
-
-<!-- {% include=post-tail %} -->
diff --git a/content/12-19-19-a-new-hope.md b/content/12-19-19-a-new-hope.md
@@ -0,0 +1,14 @@
+<!-- {% include=head %} -->
+
+### Dec. 19, 2019: A New Hope
+
+Toying with the thought of starting a website/blog.
+
+Exploring my hosting options and pleasantly surprised that
+[Fastmail](https://fastmail.com) has free static site hosting!
+
+Inspired by Jeff Huang's article on websites
+[Designed to Last](https://jeffhuang.com/designed_to_last) and
+a general desire for a simpler web.
+
+<!-- {% include=post-tail %} -->
diff --git a/content/index.html b/content/index.html
@@ -1,21 +0,0 @@
-<!-- {% include=head %} -->
-
-<h3>About me:</h3>
-<p>
-Hi, I'm Alex! I'm a software engineer living in the Boston area.
-</p>
-
-<p>
-I'm currently interested in free Operating Systems (particularly Linux
-and OpenBSD), SCM systems (mostly git), and developer tooling.
-</p>
-
-<br>
-<h3>Find me online:</h3>
-
-<ul class="find-me">
- <li>GitHub: <a href="https://github.com/akarle">@akarle</a></li>
- <li>Email: alex AT this-domain
-</ul>
-
-<!-- {% include=tail %} -->
diff --git a/content/index.md b/content/index.md
@@ -0,0 +1,17 @@
+<!-- {% include=head %} -->
+
+### About me:
+
+Hi, I'm Alex! I'm a software engineer living in the Boston area.
+
+I'm currently interested in free Operating Systems (particularly Linux
+and OpenBSD), SCM systems (mostly git), and developer tooling.
+
+<br>
+
+### Find me online:
+
+* GitHub: [@akarle](https://github.com/akarle)
+* Email: alex AT this-domain
+
+<!-- {% include=tail %} -->
diff --git a/content/style.css b/content/style.css
@@ -6,6 +6,14 @@ body {
font-size: 1em;
}
+ul {
+ padding-left: 30px;
+}
+
+code {
+ font-size: 1.3em;
+}
+
@media only screen and (min-width: 992px) {
#content {
width: 60%;
@@ -37,15 +45,6 @@ a:visited {
color: #033a4a;
}
-.new-post:link {
- text-decoration: none;
-}
-
-.new-post:hover {
- text-decoration: underline;
-}
-
-
header {
text-align: center;
margin-bottom: 3em;
@@ -60,12 +59,3 @@ header {
color: #3f3f3f;
text-decoration: underline;
}
-
-h1.path {
- margin-top: 0px;
- margin-bottom: 0px;
-}
-
-ul.find-me {
- padding-left: 1.5em;
-}
diff --git a/content/thoughts.html b/content/thoughts.html
@@ -1,20 +0,0 @@
-<!-- {% include=head %} -->
-
-<h3>A collection of thoughts.</h3>
-<p style="color:grey">(Because I couldn't commit to calling it a blog)</p>
-
-<ul>
- <li>
- <a class="new-post" href="07-13-20-blm.html">Jul. 13, 2020: Black Lives Matter</a>
- </li>
-
- <li>
- <a class="new-post" href="03-24-20-domain-name.html">Mar. 24, 2020: What's in a (domain) name?</a>
- </li>
-
- <li>
-<a class="new-post" href="12-19-19-a-new-hope.html">Dec. 19, 2019: A New Hope</a>
- </li>
-</ul>
-
-<!-- {% include=tail %} -->
diff --git a/content/thoughts.md b/content/thoughts.md
@@ -0,0 +1,11 @@
+<!-- {% include=head %} -->
+
+### A collection of thoughts.
+
+<p style="color:grey">(Because I couldn't commit to calling it a blog)</p>
+
+* [Jul. 13, 2020: Black Lives Matter](07-13-20-blm.html)
+* [Mar. 24, 2020: What's in a (domain) name?](03-24-20-domain-name.html)
+* [Dec. 19, 2019: A New Hope](12-19-19-a-new-hope.html)
+
+<!-- {% include=tail %} -->
