Whether it'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'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 ... Continue reading
+them support full-text search and some even complement that with neat tagging
+and categorization systems. To be honest I have become completely dependent on ... Continue reading
I love personal websites. It's amazing that people can share content with the
entire world just by writing some text and throwing it behind a web server. I
diff --git a/feed.xml b/feed.xml
index e3e6215..8c09096 100644
--- a/feed.xml
+++ b/feed.xml
@@ -5,8 +5,8 @@
https://hugot.nl/blog.html
Hugo's personal blogen-us
- Mon 17 Feb 2020 12:20:14 PM CET
- Mon 17 Feb 2020 12:20:14 PM CET
+ wo 15 apr 2020 15:32:13 CEST
+ wo 15 apr 2020 15:32:13 CESThttp://blogs.law.harvard.edu/tech/rssHugo's Custom Bash Scriptsocial@hugot.nl
@@ -14,20 +14,20 @@
How To Use Your Email Client For Physical Mail https://hugot.nl/posts/use-your-mail-client-for-physical-mail/index.htmlWhether it'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'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 completelyMon 17 Feb 2020 11:55:42 AM CET How To Use Your Email Client For Physical Mail MjYyNjk3NDk5NCA0MDkzCg==
+them support full-text search and some even complement that with neat tagging
+and categorization systems. To be honest I have become completely dependent onMon 17 Feb 2020 11:55:42 AM CET How To Use Your Email Client For Physical Mail NDc2MDg1MjYxIDQxODUK Creating a Simple Static Blog https://hugot.nl/posts/simple-static-blog/index.htmlI love personal websites. It'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't as
-straight forward as I initially thought it would be. I thought that, being aSat 08 Feb 2020 12:14:16 PM CET Creating a Simple Static Blog Mzg5NDU4OTEwNiA2MTI4Cg==
+straight forward as I initially thought it would be. I thought that, being aSat 08 Feb 2020 12:14:16 PM CET Creating a Simple Static Blog MjU5OTIyNDIwMyA2MTI5Cg== Introduction https://hugot.nl/posts/introduction/index.htmlHello, 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
-provides some IT services on the side.Sat 08 Feb 2020 09:30:06 AM CET Introduction MjM3MzUyOTAwNSA5MDYK
+provides some IT services on the side.Sat 08 Feb 2020 09:30:06 AM CET Introduction MzYzMzkyNDgwOCA5MDcK
diff --git a/generate-blog.bash b/generate-blog.bash
index b7462c4..a7520c0 100755
--- a/generate-blog.bash
+++ b/generate-blog.bash
@@ -35,18 +35,11 @@ print-blog-html-top() {
echo '
Blog
+
@@ -159,10 +127,10 @@ while read -r post_html; do
# The title should be on the 2nd line of text, right after the link to the
# homepage. This is a bit inflexible but it will do for now.
- title="$(tail -n +2 <<<"$text" | head -n 1 | tr -d '*')" || exit $?
+ title="$(tail -n +3 <<<"$text" | head -n 1 | tr -d '*')" || exit $?
# Use the first 5 lines after the title as post excerpt.
- excerpt="$(tail -n +3 <<<"$text" | head -n 5)" || exit $?
+ excerpt="$(tail -n +4 <<<"$text" | head -n 5)" || exit $?
# Escape the post html file name to safely use it in the generated html.
href="$(escape-html <<<"$post_html")" || exit $?
diff --git a/index.html b/index.html
index fc43542..b9fedac 100644
--- a/index.html
+++ b/index.html
@@ -2,44 +2,10 @@
Hugot
+
-
-
Blog
Hugo's homepage
diff --git a/posts/introduction/index.html b/posts/introduction/index.html
index 67f286c..745264b 100644
--- a/posts/introduction/index.html
+++ b/posts/introduction/index.html
@@ -2,44 +2,10 @@
Introduction
+
-
-
Home
Introduction
diff --git a/posts/simple-static-blog/index.html b/posts/simple-static-blog/index.html
index cd18435..6370333 100644
--- a/posts/simple-static-blog/index.html
+++ b/posts/simple-static-blog/index.html
@@ -1,49 +1,11 @@
-
+
Creating a Simple Static Blog
+
-
-
Home
Creating a Simple Static Blog
@@ -181,9 +143,10 @@
stole the colors from firefox's reader mode btw). It's such a small amount
that I don't mind copy-pasting it at the top of all new HTML pages that I add
to my website. This might make it harder to change the styling later, but it
- has the added benefit that each page is a standalone document. So for example wget PAGE_URL
- will download a HTML page that looks exactly the same locally as it does on
- the web without having to download any extra assets.
+ has the added benefit that each page is a standalone document. So for
+ example wget PAGE_URL will download a HTML page that looks
+ exactly the same locally as it does on the web without having to download any
+ extra assets.
Use Your Email Client For Physical Mail
+
-
-
Home
@@ -124,20 +75,20 @@
This is all easy enough, but I'm lazy. I didn't feel like opening up my
email client and doing manual copy-pasting, so I decided to automate the
process a little further. I have postfix setup on my system to relay to my
- mail server, so I can simply use the mail command to send emails without a
- GUI mail client. I combined that with tesseract in a little bash
- script. The script iterates through all of its arguments and interprets
- them as filenames of scanned documents. It calls tesseract to extract text
- from them, concatenates the results, attaches the files to an email and
- sends it to my personal email address. Now all I have to do is run the
- script with filenames of some documents and my job is done. If anyone is
- interested in an actual program that does the same thing and doesn't
- require you to setup postfix, let me know! I might consider authoring one
- if it's useful to more people than just myself. The script I'm currently
- using can be found here (pretty)
- and here (raw), but I don't recommend
- using it if you don't fully understand its contents, it's not a polished
- user experience 🤓.
+ mail server, so I can simply use the mail command to send
+ emails without a GUI mail client. I combined that with tesseract in a
+ little bash script. The script iterates through all of its arguments and
+ interprets them as filenames of scanned documents. It calls tesseract to
+ extract text from them, concatenates the results, attaches the files to an
+ email and sends it to my personal email address. Now all I have to do is
+ run the script with filenames of some documents and my job is done. If
+ anyone is interested in an actual program that does the same thing and
+ doesn't require you to setup postfix, let me know! I might consider
+ authoring one if it's useful to more people than just myself. The script
+ I'm currently using can be found here
+ (pretty) and here (raw), but I
+ don't recommend using it if you don't fully understand its contents, it's
+ not a polished user experience 🤓.
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..751afde
--- /dev/null
+++ b/style.css
@@ -0,0 +1,49 @@
+a:visited {
+ color: #c2e;
+}
+
+a {
+ color: #0095dd;
+}
+
+html {
+ font-family: Helvetica, Arial, sans-serif;
+ color: #5b4636;
+ background-color: #f4ecd8;
+}
+
+body {
+ padding: 1em;
+ margin: auto;
+}
+
+aside {
+ width: 30%;
+ min-width: 10em;
+ background-color: rgba(0,0,0, 0.1);
+ float: right;
+ padding: 1em;
+ margin: 1em;
+}
+
+pre {
+ white-space: pre-wrap;
+}
+
+@media only all and (pointer: coarse), (pointer: none) {
+ body {
+ font-size: 5.5vmin;
+ }
+
+ aside {
+ width: inherit;
+ }
+}
+
+@media only all and (pointer: fine) {
+ body {
+ font-size: calc(16px + 0.6vmin);
+ min-width: 500px;
+ max-width: 50em;
+ }
+}