4 files changed, 50 insertions(+), 43 deletions(-)

M content/posts/2019-10-27_hello-blog.md
M sass/style.scss
M templates/index.html
M templates/page.html

@@ 6,14 6,20 @@ This is my blog's first post. I'd like to describe a little of how this site is
 set up and how I got everything online. Much of this is very standard, but as
 they often say, "there are many sites, but this one is _mine_".
 
+## Goals
+
+I bought this domain to mostly have an address for my new email, but I've also
+wanted to start writing about techical subjects I find interesting, the social
+and political aspects of technology in modern society, and to learn more about
+the pile of twigs that is the web. It's been a pretty alright experience so far.
+
 ## Hosting
 
-My requirements for a host are simple.
+My requirements for a host are simple:
 
-1. I need to be able to understand and change it to suit me.
-2. It needs to be transferable. That is, I have to be able to stand up the
-   sites in minutes should I decide that my sites need to move.
-3. I'm in control of the software I run.
+1. It needs to be transferable. That is, I have to be able to stand up my sites
+   in minutes should I decide that my sites need to move hosts.
+1. I need to be able to understand and change the environment to suit me.
 
 For now, my sites are hosted on one tiny DigitalOcean droplet. It's currently
 the right line between cost and usability. I'm open to alternative


@@ 21,29 27,32 @@ infrastructure, but am unsure what the options are or where to start.
 
 ## Setting Up
 
-### Domain Registration
+### Domain Registration and DNS
 
 As far as I know, there's not really much to say about this. I'm using Hover for
 my domains right now, which is almost certainly more expensive than other
-options. However, hey are currently the most important thing which is, _paid up
-and working_.
+options. However, my Hover domains are _paid up and working_, which is the most
+important thing for them to be. I can save money when they get renewed.
 
 I admit that I didn't remember the fact that google owns the registry for the
-`.dev` TLD, and so if de-googling was a goal of this whole exercise{{fn(id=1)}},
-it can't be now, *shrug*. I chose `vittal.dev` because I liked how it sounded,
-and the only other domain I cared for, `vittal.net`, is my uncle's, and I'm not
-going to try to steal his domain, that's rude.
+`.dev` TLD, so if de-googling was a goal of this whole exercise{{fn(id=1)}}, it
+can't be entirely, *shrug*. I chose `vittal.dev` because I liked how it sounded,
+and the only other availible domain I cared for, `vittal.net`, is my uncle's,
+and I'm not going to try to steal his domain, that's rude.
+
+DigitalOceans DNS has been pretty painless so far. My changes take effect and
+propagate out to the wider world. Still feels like magic to me.
 
 ### Host Configuration
 
 This will probably always be a spare time project, so I wanted to keep system
-administration to what I know. My daily driver is Arch Linux{{fn(id=2)}} so I got
-my droplet up and running, then promptly nuked it with
-[this](https://github.com/gh2o/digitalocean-debian-to-arch) handy script from
-gh2o. It worked like a charm and I had my system up and running.  After that,
-there was a little playing around with nginx configuration, setting up certbot
-for TLS{{fn(id=3)}} and we were online. Only took a few hours since I hadn't
-done that before.
+administration to what I know. My daily driver is Arch Linux{{fn(id=2)}} so
+I got my droplet up and running, then promptly paved it with
+[this](https://github.com/gh2o/digitalocean-debian-to-arch) handy script. It
+worked like a charm and I had my system up and running in a few minutes.  After
+that, there was a little playing around with nginx configuration, setting up
+certbot and certbot's nginx plugin for TLS{{fn(id=3)}} and we were online. Only
+took a few hours since I hadn't done that before.
 
 ## The Site
 


@@ 60,23 69,17 @@ language, and supporting its ecosystem means a lot to me.
 
 Before I sign off on this post, I'd like to thank a few people. First and
 foremost, my family, for always fostering curiosity. I would have never put this
-all together without them. It's also the 50<sup>th</sup> anniversary of the
-ARPANET, the predecessor to the internet this site is on today. There's also
-a personal connection there. My father is John Vittal{{fn(id=4)}}. He
-coauthored [RFC733](https://www.rfc-editor.org/rfc/rfc733.html){{fn(id=5)}}.
-There's a whole post on my feelings about this, and this isn't it.
+all together without them. Thank you for always being there and encouraging me.
 
 I'd also like to thank [Drew DeVault](https://drewdevault.com), who is the
 person most directly responsible for my writing this blog, and not just because
 of [#makeablog](https://drewdevault.com/make-a-blog), but because I believe in
-my understanding of what he's building. There's yet another post on my feelings
-and perspectives on sourcehut and why it's important and why you should pay for
-it if you're a hacker.
+what he's building. However, this isn't the post on my feelings and perspectives
+on sourcehut and why it's important and why you should pay for it if you're
+a hacker.
 
 {{renderfootnotes(items=[
   "It was.",
   "_btw, i use arch._",
   "`.dev` domains are part of the [HTTP Strict Transport Security (HSTS)](https://en.wikipedia.org/wiki/HTTP_Strict_Transport_Security) preload list. Compliant user agents will only connect via TLS, so having a correct TLS setup is required for this site to be online.",
-  "Hi dad.",
-  "Standard for the format of ARPA network text messages (AKA email).",
 ])}}

@@ 27,8 27,10 @@ footer#copyright {
 }
 
 footer#article-footer {
-  margin: 4rem 0;
+  margin: 4rem auto;
   color: #555;
+  font-size: 0.95rem;
+  max-width: 800px;
 
   a {
     color: inherit;


@@ 68,7 70,7 @@ ul.post-list {
   font-size: 0.75rem;
 
   p {
-    font-size: 1rem;
+    font-size: 0.95rem;
   }
 }
 


@@ 95,13 97,20 @@ code {
       grid-column: 1 / -1;
     }
 
-    nav {
+    nav#external-links {
       grid-column: 2;
       grid-row: 2;
+      justify-content: flex-end;
     }
   }
 }
 
+@media only screen and (max-width: 519px) {
+  header.top-level nav#external-links {
+    justify-content: flex-start;
+  }
+}
+
 header.top-level {
   h1 {
     margin-bottom: 0px;


@@ 110,10 119,9 @@ header.top-level {
     }
   }
 
-  nav {
+  nav#external-links {
     font-size: 90%;
     display: flex;
-    justify-content: flex-end;
 
     span.sep {
       padding: 0 0.5em;

@@ 14,16 14,12 @@
         <li>
           <h3>
             <time datetime="{{post.date}}">{{post.date}}</time>
-            <a href="{{post.permalink | safe}}">{{post.title}}</a>
+            <a href="{{post.permalink}}">{{post.title}}</a>
           </h3>
         </li>
         {% endfor -%}
       </ul>
     </main>
     {% include "footer.html" -%}
-
-    <pre>
-      {{__tera_context}}
-    </pre>
   </body>
 </html>

@@ 17,11 17,11 @@
     </main>
     <footer id=article-footer>
       <hr>
-      Thanks for reading! Should you have questions or comments, please leave them in
-      <a href="https://lists.sr.ht/~cdv/public-inbox">my public inbox</a> by sending a
+      Thanks for reading! Have questions or comments? Please leave them in
+      <a target="_blank" href="https://lists.sr.ht/~cdv/public-inbox">my public inbox</a> by sending a
       plain text email to
-        <a href="mailto:~cdv/public-inbox@lists.sr.ht?subject={{page.title | urlencode}}">
-          ~cdv/public-inbox@lists.sr.ht</a>.
+      <a target="_blank" href="mailto:~cdv/public-inbox@lists.sr.ht?subject={{page.title | urlencode}}">
+        ~cdv/public-inbox@lists.sr.ht</a>.
     </footer>
     {% include "footer.html" -%}
   </body>