From abfea72d1f41d8cef9fc8c1b3b3e53b8ba3a035c Mon Sep 17 00:00:00 2001 From: Hugo Thunnissen Date: Wed, 15 Apr 2020 15:35:17 +0200 Subject: [PATCH] Migrate styling to central stylesheet. --- blog.html | 38 +-------- feed.xml | 12 +-- generate-blog.bash | 38 +-------- index.html | 36 +-------- posts/introduction/index.html | 36 +-------- posts/simple-static-blog/index.html | 49 ++---------- .../index.html | 79 ++++--------------- style.css | 49 ++++++++++++ 8 files changed, 84 insertions(+), 253 deletions(-) create mode 100644 style.css diff --git a/blog.html b/blog.html index 3b3d783..0e40ce3 100644 --- a/blog.html +++ b/blog.html @@ -1,18 +1,11 @@ Blog + @@ -60,8 +28,8 @@

How To Use Your Email Client For Physical Mail

Mon 17 Feb 2020 11:55:42 AM CET

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

Creating a Simple Static Blog

Sat 08 Feb 2020 12:14:16 PM CET

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 blog en-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 CEST http://blogs.law.harvard.edu/tech/rss Hugo's Custom Bash Script social@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.

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 66a30f7..b6bffea 100644 --- a/posts/use-your-mail-client-for-physical-mail/index.html +++ b/posts/use-your-mail-client-for-physical-mail/index.html @@ -2,59 +2,10 @@ 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; + } +}