From 9b1c747187c5a03a23b8e09e4e95cbab73ed0e26 Mon Sep 17 00:00:00 2001
From: Hugo Thunnissen <hugo@hugot.nl>
Date: Mon, 17 Feb 2020 12:22:31 +0100
Subject: [PATCH] Make link styling slightly more appealing

---
 blog.html                                     | 27 ++++++++++++++-----
 feed.xml                                      |  4 +--
 generate-blog.bash                            | 22 ++++++++++++---
 index.html                                    |  8 ++++++
 posts/introduction/index.html                 |  8 ++++++
 posts/simple-static-blog/index.html           |  8 ++++++
 .../index.html                                |  8 ++++++
 7 files changed, 74 insertions(+), 11 deletions(-)

diff --git a/blog.html b/blog.html
index 490e518..3b3d783 100644
--- a/blog.html
+++ b/blog.html
@@ -5,6 +5,24 @@
     </head>
 
     <style type="text/css">
+     a:visited {
+         color: #c2e;
+     }
+
+     a {
+         color: #0095dd;
+     }
+
+     h2 a {
+         color: #5b4636;
+         text-decoration: none;
+     }
+
+     h2 a:visited {
+         color: #5b4636;
+         text-decoration: none;
+     }
+
      html {
          font-family: Helvetica, Arial, sans-serif;
          color: #5b4636;
@@ -39,22 +57,19 @@
         </div>
         <h1>Blog</h1>
 
-<div><a href="posts/use-your-mail-client-for-physical-mail/index.html"><h2 style="margin-bottom: 0.1em;"> How To Use Your Email Client For Physical Mail </h2></a>
-<i style="font-size: 0.8em;">Mon 17 Feb 2020 11:55:42 AM CET</i><p style="margin-top: 0.5em;">Whether it&#39;s to re-read a conversation, find a plane ticket I ordered or check
+<div><h2 style="margin-bottom: 0.1em;"><a href="posts/use-your-mail-client-for-physical-mail/index.html"> How To Use Your Email Client For Physical Mail </a></h2><i style="font-size: 0.8em;">Mon 17 Feb 2020 11:55:42 AM CET</i><p style="margin-top: 0.5em;">Whether it&#39;s to re-read a conversation, find a plane ticket I ordered or check
 when a meeting was planned, I often find myself looking up old emails. It&#39;s
 usually easy to do so because email clients are designed for the task: Many of
 them support full-text search and some even complement that with advanced
 tagging and categorization systems. To be honest I have become completely ... <a href="posts/use-your-mail-client-for-physical-mail/index.html">Continue reading</a></p>
 </div>
-<hr><div><a href="posts/simple-static-blog/index.html"><h2 style="margin-bottom: 0.1em;"> Creating a Simple Static Blog </h2></a>
-<i style="font-size: 0.8em;">Sat 08 Feb 2020 12:14:16 PM CET</i><p style="margin-top: 0.5em;">I love personal websites. It&#39;s amazing that people can share content with the
+<hr><div><h2 style="margin-bottom: 0.1em;"><a href="posts/simple-static-blog/index.html"> Creating a Simple Static Blog </a></h2><i style="font-size: 0.8em;">Sat 08 Feb 2020 12:14:16 PM CET</i><p style="margin-top: 0.5em;">I love personal websites. It&#39;s amazing that people can share content with the
 entire world just by writing some text and throwing it behind a web server. I
 wanted to know what that is like, so I set out to create a personal website of
 my own. As you can see I succeeded in doing so, but getting here wasn&#39;t as
 straight forward as I initially thought it would be. I thought that, being a ... <a href="posts/simple-static-blog/index.html">Continue reading</a></p>
 </div>
-<hr><div><a href="posts/introduction/index.html"><h2 style="margin-bottom: 0.1em;"> Introduction </h2></a>
-<i style="font-size: 0.8em;">Sat 08 Feb 2020 09:30:06 AM CET</i><p style="margin-top: 0.5em;">Hello, welcome to my blog! My name is Hugo. I am a 22 year old Software
+<hr><div><h2 style="margin-bottom: 0.1em;"><a href="posts/introduction/index.html"> Introduction </a></h2><i style="font-size: 0.8em;">Sat 08 Feb 2020 09:30:06 AM CET</i><p style="margin-top: 0.5em;">Hello, welcome to my blog! My name is Hugo. I am a 22 year old Software
 Engineering student from the Netherlands. Software development is a huge part
 of my life, I write a lot of (weird) programs to scratch my own itch and most
 software I create is open_source by default. I also run a one-man company that
diff --git a/feed.xml b/feed.xml
index 8f42f30..e3e6215 100644
--- a/feed.xml
+++ b/feed.xml
@@ -5,8 +5,8 @@
       <link>https://hugot.nl/blog.html</link>
       <description>Hugo's personal blog</description>
       <language>en-us</language>
-      <pubDate>Mon 17 Feb 2020 11:55:42 AM CET</pubDate>
-      <lastBuildDate>Mon 17 Feb 2020 11:55:42 AM CET</lastBuildDate>
+      <pubDate>Mon 17 Feb 2020 12:20:14 PM CET</pubDate>
+      <lastBuildDate>Mon 17 Feb 2020 12:20:14 PM CET</lastBuildDate>
       <docs>http://blogs.law.harvard.edu/tech/rss</docs>
       <generator>Hugo's Custom Bash Script</generator>
       <managingEditor>social@hugot.nl</managingEditor>
diff --git a/generate-blog.bash b/generate-blog.bash
index 3a999ad..b7462c4 100755
--- a/generate-blog.bash
+++ b/generate-blog.bash
@@ -39,6 +39,24 @@ print-blog-html-top() {
     </head>
 
     <style type="text/css">
+     a:visited {
+         color: #c2e;
+     }
+
+     a {
+         color: #0095dd;
+     }
+
+     h2 a {
+         color: #5b4636;
+         text-decoration: none;
+     }
+
+     h2 a:visited {
+         color: #5b4636;
+         text-decoration: none;
+     }
+
      html {
          font-family: Helvetica, Arial, sans-serif;
          color: #5b4636;
@@ -163,9 +181,7 @@ while read -r post_html; do
     {
         el div
 
-        el 'a href="%s"' "$href"
-        printf '<h2 style="margin-bottom: 0.1em;">%s</h2>' "$title"
-        el-close a
+        printf '<h2 style="margin-bottom: 0.1em;"><a href="%s">%s</a></h2>' "$href" "$title"
 
         printf '<i style="font-size: 0.8em;">%s</i>' "$pubdate"
 
diff --git a/index.html b/index.html
index 4ab7c6a..fc43542 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,14 @@
     </head>
 
     <style type="text/css">
+     a:visited {
+         color: #c2e;
+     }
+
+     a {
+         color: #0095dd;
+     }
+
      html {
          font-family: Helvetica, Arial, sans-serif;
          color: #5b4636;
diff --git a/posts/introduction/index.html b/posts/introduction/index.html
index 0740a33..67f286c 100644
--- a/posts/introduction/index.html
+++ b/posts/introduction/index.html
@@ -6,6 +6,14 @@
     </head>
 
     <style type="text/css">
+     a:visited {
+         color: #c2e;
+     }
+
+     a {
+         color: #0095dd;
+     }
+
      html {
          font-family: Helvetica, Arial, sans-serif;
          color: #5b4636;
diff --git a/posts/simple-static-blog/index.html b/posts/simple-static-blog/index.html
index 05719d8..23a9725 100644
--- a/posts/simple-static-blog/index.html
+++ b/posts/simple-static-blog/index.html
@@ -6,6 +6,14 @@
     </head>
 
     <style type="text/css">
+     a:visited {
+         color: #c2e;
+     }
+
+     a {
+         color: #0095dd;
+     }
+
      html {
          font-family: Helvetica, Arial, sans-serif;
          color: #5b4636;
diff --git a/posts/use-your-mail-client-for-physical-mail/index.html b/posts/use-your-mail-client-for-physical-mail/index.html
index 9f1e9a2..5f56f82 100644
--- a/posts/use-your-mail-client-for-physical-mail/index.html
+++ b/posts/use-your-mail-client-for-physical-mail/index.html
@@ -6,6 +6,14 @@
     </head>
 
     <style type="text/css">
+     a:visited {
+         color: #c2e;
+     }
+
+     a {
+         color: #0095dd;
+     }
+
      html {
          font-family: Helvetica, Arial, sans-serif;
          color: #5b4636;