Moved statis assets and converted all CSS to Tailwind

109 files changed, 187 insertions, 250 deletions

diff --git a/content/pages/curriculum-vitae.md b/content/pages/curriculum-vitae.md
index a4ba9e8..fe79fb3 100644
--- a/content/pages/curriculum-vitae.md
+++ b/content/pages/curriculum-vitae.md
@@ -16,7 +16,7 @@ draft: false
 
 <div class="cv-picture">
 
-![Picture](/cv/avatar.gif)
+![Picture](/assets/cv/avatar.gif)
 
 </div>
 
diff --git a/content/posts/2017-03-07-golang-profiling-simplified.md b/content/posts/2017-03-07-golang-profiling-simplified.md
index d784dcc..92ff881 100644
--- a/content/posts/2017-03-07-golang-profiling-simplified.md
+++ b/content/posts/2017-03-07-golang-profiling-simplified.md
@@ -107,5 +107,5 @@ go tool pprof -pdf ./cpu cpu.pprof > cpu.pdf
 
 This will generate PDF document with visualized profile.
 
-- [Memory PDF profile example](/go-profiling/golang-profiling-mem.pdf)
-- [CPU PDF profile example](/go-profiling/golang-profiling-cpu.pdf)
+- [Memory PDF profile example](/assets/go-profiling/golang-profiling-mem.pdf)
+- [CPU PDF profile example](/assets/go-profiling/golang-profiling-cpu.pdf)
diff --git a/content/posts/2017-04-21-profiling-python-web-applications-with-visual-tools.md b/content/posts/2017-04-21-profiling-python-web-applications-with-visual-tools.md
index 3fe8a9d..466d838 100644
--- a/content/posts/2017-04-21-profiling-python-web-applications-with-visual-tools.md
+++ b/content/posts/2017-04-21-profiling-python-web-applications-with-visual-tools.md
@@ -16,7 +16,7 @@ Before we begin there are some requirements. We will need to:
 
 If you are using MacOS you should check out [Profiling Viewer](http://www.profilingviewer.com/) or [MacCallGrind](http://www.maccallgrind.com/).
 
-![KCachegrind](/python-profiling/kcachegrind.png)
+![KCachegrind](/assets/python-profiling/kcachegrind.png)
 
 We will be dividing this post into two main categories:
 
@@ -135,7 +135,7 @@ $ pyprof2calltree -i awesome_random_number.prof
 
 This file can be opened with visualizing tools listed above. In this case we will be using Profilling Viewer under MacOS. You can open image in new tab. As you can see from this example there is hierarchy of execution order  of your code.
 
-![Profilling Viewer](/python-profiling/profiling-viewer.png)
+![Profilling Viewer](/assets/python-profiling/profiling-viewer.png)
 
 > Make sure you  convert output of the cProfile output every time you want to refresh and take a look at your possible optimizations because cProfile updates .prof  file every time browser hits the function.
 
@@ -158,7 +158,7 @@ $ snakeviz awesome_random_number.prof
 # shows visualized profile
 ```
 
-![SnakeViz](/python-profiling/snakeviz.png)
+![SnakeViz](/assets/python-profiling/snakeviz.png)
 
 Reddit user [ccharles](https://www.reddit.com/user/ccharles) suggested a better way for installing pip software by targeting user level instead of using sudo.
 
diff --git a/content/posts/2017-08-11-simple-iot-application.md b/content/posts/2017-08-11-simple-iot-application.md
index b48f2fb..b34fe6b 100644
--- a/content/posts/2017-08-11-simple-iot-application.md
+++ b/content/posts/2017-08-11-simple-iot-application.md
@@ -27,7 +27,7 @@ Step 1. and 3. will share the same web application. One route will be dedicated
 
 Schema below represents what we will try to achieve and how different parts correlates to each other.
 
-![Overview](/iot-application/simple-iot-application-overview.svg)
+![Overview](/assets/iot-application/simple-iot-application-overview.svg)
 
 ## Simple Python API
 
@@ -148,11 +148,11 @@ To run this simply go to folder containing python file and run ```python webapp.
 
 After testing the service with Restlet Client you should be able to view your data in a database file ```data.db```.
 
-![REST settings example](/iot-application/iot-rest-example.png)
+![REST settings example](/assets/iot-application/iot-rest-example.png)
 
 You can also check the contents of new database file by using desktop client for SQLite → [DB Browser for SQLite](http://sqlitebrowser.org/).
 
-![SQLite database example](/iot-application/iot-sqlite-db.png)
+![SQLite database example](/assets/iot-application/iot-sqlite-db.png)
 
 Table structure is as simple as it can be. We have ts (timestamp) and value (value from Arduino). As you can see timestamp is generated on API side. If you would happen to have atomic clock on Arduino it would be then better to generate and send timestamp with the value. This would be particularity useful if we would be collecting sensor data at a higher frequency and then sending this data in bulk to API.
 
@@ -469,9 +469,9 @@ If everything goes well you should be seeing new data-points rendered on chart e
 
 If you navigate to ```http://0.0.0.0:5000``` you should see rendered chart as shown on picture below.
 
-![Application output](/iot-application/iot-app-output.png)
+![Application output](/assets/iot-application/iot-app-output.png)
 
-Complete application with all the code is available for [download](/iot-application/simple-iot-application.zip).
+Complete application with all the code is available for [download](/assets/iot-application/simple-iot-application.zip).
 
 ## Conclusion
 
diff --git a/content/posts/2018-01-16-using-digitalocean-spaces-object-storage-with-fuse.md b/content/posts/2018-01-16-using-digitalocean-spaces-object-storage-with-fuse.md
index 65cc7b5..504e659 100644
--- a/content/posts/2018-01-16-using-digitalocean-spaces-object-storage-with-fuse.md
+++ b/content/posts/2018-01-16-using-digitalocean-spaces-object-storage-with-fuse.md
@@ -26,13 +26,13 @@ To make this work you will need DigitalOcean account. If you don't have one you
 
 Instuctions on how to use SSH keys and how to setup them are available in article [How To Use SSH Keys with DigitalOcean Droplets](https://www.digitalocean.com/community/tutorials/how-to-use-ssh-keys-with-digitalocean-droplets).
 
-![DigitalOcean Droplets](/do-fuse/fuse-droplets.png)
+![DigitalOcean Droplets](/assets/do-fuse/fuse-droplets.png)
 
 After we created Droplet it's time to create new Space. This is done by clicking on a button [Create](https://cloud.digitalocean.com/spaces/new) (right top corner) and selecting Spaces. Choose pronounceable ```Unique name``` because we will use it in examples below. You can either choose Private or Public, it doesn't matter in our case. And you can always change that in the future.
 
 When you have created new Space we should [generate Access key](https://cloud.digitalocean.com/settings/api/tokens). This link will guide to the page when you can generate this key. After you create new one, please save provided Key and Secret because Secret will not be shown again.
 
-![DigitalOcean Spaces](/do-fuse/fuse-spaces.png)
+![DigitalOcean Spaces](/assets/do-fuse/fuse-spaces.png)
 
 Now that we have new Space and Access key we should SSH into our machine.
 
@@ -102,14 +102,14 @@ As I suspected, object size is not really that important. Sadly I don't have the
 
 **Here are plotted results**
 
-You can download [raw result here](/do-fuse/copy-benchmarks.tsv). Measurements are in seconds.
+You can download [raw result here](/assets/do-fuse/copy-benchmarks.tsv). Measurements are in seconds.
 
 <script src="//cdn.plot.ly/plotly-latest.min.js"></script>
 <div id="copy-benchmarks"></div>
 <script>
 (function(){
         var request = new XMLHttpRequest();
-        request.open("GET", "/do-fuse/copy-benchmarks.tsv", true);
+        request.open("GET", "/assets/do-fuse/copy-benchmarks.tsv", true);
         request.onload = function() {
                 if (request.status >= 200 && request.status < 400) {
                         var payload = request.responseText.trim();
@@ -218,13 +218,13 @@ result_time = CLOSE = end_time - start_time
 print("CLOSE: %g seconds" % (result_time))
 ```
 
-You can download [raw result here](/do-fuse/sqlite-benchmarks.tsv). And again, these results are done on a local block storage and do not represent capabilities of object storage. With my current approach and state of the test code these can not be done. I would need to make Python code much more robust and check locking etc.
+You can download [raw result here](/assets/do-fuse/sqlite-benchmarks.tsv). And again, these results are done on a local block storage and do not represent capabilities of object storage. With my current approach and state of the test code these can not be done. I would need to make Python code much more robust and check locking etc.
 
 <div id="sqlite-benchmarks"></div>
 <script>
 (function(){
         var request = new XMLHttpRequest();
-        request.open("GET", "/do-fuse/sqlite-benchmarks.tsv", true);
+        request.open("GET", "/assets/do-fuse/sqlite-benchmarks.tsv", true);
         request.onload = function() {
                 if (request.status >= 200 && request.status < 400) {
                         var payload = request.responseText.trim();
diff --git a/content/posts/2019-01-03-encoding-binary-data-into-dna-sequence.md b/content/posts/2019-01-03-encoding-binary-data-into-dna-sequence.md
index ff346d4..a4fd1d7 100644
--- a/content/posts/2019-01-03-encoding-binary-data-into-dna-sequence.md
+++ b/content/posts/2019-01-03-encoding-binary-data-into-dna-sequence.md
@@ -81,7 +81,7 @@ Deoxyribonucleic acid, a self-replicating material which is **present in nearly
 
 The nucleotide in DNA consists of a sugar (deoxyribose), one of four bases (cytosine (C), thymine (T), adenine (A), guanine (G)), and a phosphate. Cytosine and thymine are pyrimidine bases, while adenine and guanine are purine bases. The sugar and the base together are called a nucleoside.
 
-![DNA](/dna-sequence/dna-basics.jpg)
+![DNA](/assets/dna-sequence/dna-basics.jpg)
 
 *DNA (a) forms a double stranded helix, and (b) adenine pairs with thymine and cytosine pairs with guanine. (credit a: modification of work by Jerome Walker, Dennis Myts)*
 
@@ -246,11 +246,11 @@ Then we encode FASTA file from previous operation to encode this data into PNG.
 
 After encoding into PNG format this file looks like this.
 
-![Encoded Quote in PNG format](/dna-sequence/quote.png)
+![Encoded Quote in PNG format](/assets/dna-sequence/quote.png)
 
 The larger the input stream is the larger the PNG file would be.
 
-Compiled basic Hello World C program with [GCC](https://www.gnu.org/software/gcc/) would [look like](/dna-sequence/sample.png).
+Compiled basic Hello World C program with [GCC](https://www.gnu.org/software/gcc/) would [look like](/assets/dna-sequence/sample.png).
 
 ```c
 // gcc -O3 -o sample sample.c
@@ -313,7 +313,7 @@ dd if=<(openssl enc -aes-256-ctr  -pass pass:"$(dd if=/dev/urandom bs=128 count=
 
 Our freshly generated 1KB file looks something like this (its full of garbage data as intended).
 
-![Sample binary file 1KB](/dna-sequence/sample-binary-file.png)
+![Sample binary file 1KB](/assets/dna-sequence/sample-binary-file.png)
 
 We create following binary files:
 - 1KB.bin
diff --git a/content/posts/2019-10-19-using-sentiment-analysis-for-clickbait-detection.md b/content/posts/2019-10-19-using-sentiment-analysis-for-clickbait-detection.md
index 0f5d994..30b0fd4 100644
--- a/content/posts/2019-10-19-using-sentiment-analysis-for-clickbait-detection.md
+++ b/content/posts/2019-10-19-using-sentiment-analysis-for-clickbait-detection.md
@@ -72,11 +72,11 @@ plt.show()
 2. Rule-based approach may not be the best way of doing this. By using deep learning we would be able to get better insights.
 3. **Next step would be to** periodically fetch RSS items and store them over a longer period of time and then perform analysis again and use either machine learning or deep learning on top of it.
 
-![Relationship between title and description](/sentiment-analysis/guardian-sa-title-desc-relationship.png)
+![Relationship between title and description](/assets/sentiment-analysis/guardian-sa-title-desc-relationship.png)
 
 Figure above displays difference between title and description sentiment for specific RSS feed item. 1 means positive and -1 means negative sentiment.
 
-[» Download Jupyter Notebook](/sentiment-analysis/sentiment-analysis.ipynb)
+[» Download Jupyter Notebook](/assets/sentiment-analysis/sentiment-analysis.ipynb)
 
 ## Going further
 
diff --git a/content/posts/2020-03-22-simple-sse-based-pubsub-server.md b/content/posts/2020-03-22-simple-sse-based-pubsub-server.md
index 0a039e6..939a62d 100644
--- a/content/posts/2020-03-22-simple-sse-based-pubsub-server.md
+++ b/content/posts/2020-03-22-simple-sse-based-pubsub-server.md
@@ -21,7 +21,7 @@ Publisher Subscriber model is nothing new and there are many amazing solutions o
 
 The easiest way to explain this is with diagram bellow. Basic function is simple. We have subscribers that receive messages, and we have publishers that create and post messages. Similar model is also well know pattern that works on a premise of consumers and producers, and they take similar roles.
 
-![How PubSub works](/simple-pubsub-server/pubsub-overview.png)
+![How PubSub works](/assets/simple-pubsub-server/pubsub-overview.png)
 
 **These are some naive characteristics we want to achieve:**
 
@@ -47,7 +47,7 @@ Read more about it on [official specification page](https://html.spec.whatwg.org
 
 ### Current browser support
 
-![Browser support](../simple-pubsub-server/caniuse.png)
+![Browser support](/assets/simple-pubsub-server/caniuse.png)
 
 Check [https://caniuse.com/#feat=eventsource](https://caniuse.com/#feat=eventsource) for latest information about browser support.
 
@@ -105,7 +105,7 @@ Google Chrome provides build-in debugging and exploration tool for [Server-Sent
 
 > You can debug only client side events that get received and not the server ones. For debugging server events add `console.log` to `server.js` code and print out events.
 
-![Google Chrome Developer Tools EventStream](../simple-pubsub-server/chrome-debugging.png)
+![Google Chrome Developer Tools EventStream](/assets/simple-pubsub-server/chrome-debugging.png)
 
 ## Server implementation
 
@@ -234,7 +234,7 @@ One example would be, that we have index page and we want to receive messages ab
 
 ### Publisher and subscriber in action
 
-<video src="/simple-pubsub-server/clients.m4v" controls></video>
+<video src="/assets/simple-pubsub-server/clients.m4v" controls></video>
 
 You can download [the code](../simple-pubsub-server/sse-pubsub-server.zip) and follow along.
 
diff --git a/content/posts/2020-09-06-esp-and-micropython.md b/content/posts/2020-09-06-esp-and-micropython.md
index 4b6e568..75e8295 100644
--- a/content/posts/2020-09-06-esp-and-micropython.md
+++ b/content/posts/2020-09-06-esp-and-micropython.md
@@ -23,7 +23,7 @@ A while ago I bought some [ESP8266](https://www.espressif.com/en/products/socs/e
 
 For my project, I used [ESP32](https://www.espressif.com/en/products/socs/esp32) but I could easily choose [ESP8266](https://www.espressif.com/en/products/socs/esp8266). This guide contains which tools I use and how I prepared my workspace to code for [ESP8266](https://www.espressif.com/en/products/socs/esp8266).
 
-![ESP8266 and ESP32 boards](/esp8366-micropython/boards.jpg)
+![ESP8266 and ESP32 boards](/assets/esp8366-micropython/boards.jpg)
 
 This guide covers:
 - flashing SOC
diff --git a/content/posts/2020-09-08-bind-warning-on-login.md b/content/posts/2020-09-08-bind-warning-on-login.md
index 3f276c6..62c421d 100644
--- a/content/posts/2020-09-08-bind-warning-on-login.md
+++ b/content/posts/2020-09-08-bind-warning-on-login.md
@@ -21,7 +21,7 @@ bind '"\e[Z":menu-complete-backward'
 
 I haven't noticed anything wrong with this and all was working fine until I restarted my machine and then I got this error.
 
-![Profile bind error](/profile-bind-error/error.jpg)
+![Profile bind error](/assets/profile-bind-error/error.jpg)
 
 When I pressed OK, I got into the [Gnome shell](https://wiki.gnome.org/Projects/GnomeShell) and all was working fine, but the error was still bugging me. I started looking for the reason why this is happening and found a solution to this error on [Remote SSH Commands - bash bind warning: line editing not enabled](https://superuser.com/a/892682).
 
diff --git a/content/posts/2021-01-24-replacing-dropbox-with-s3.md b/content/posts/2021-01-24-replacing-dropbox-with-s3.md
index 12fb8cf..f44aa63 100644
--- a/content/posts/2021-01-24-replacing-dropbox-with-s3.md
+++ b/content/posts/2021-01-24-replacing-dropbox-with-s3.md
@@ -78,7 +78,7 @@ You can use this script in a combination with [Cron](https://en.wikipedia.org/wi
 
 When you start syncing your local stuff with a remote server you can review your items on DigitalOcean.
 
-![Dropbox Spaces](/dropbox-sync/dropbox-spaces.png)
+![Dropbox Spaces](/assets/dropbox-sync/dropbox-spaces.png)
 
 I have been using this script now for quite some time, and it's working flawlessly. I also uninstalled Dropbox and stopped using it completely.
 
diff --git a/content/posts/2021-01-25-goaccess.md b/content/posts/2021-01-25-goaccess.md
index 2f3d56b..ba1e10c 100644
--- a/content/posts/2021-01-25-goaccess.md
+++ b/content/posts/2021-01-25-goaccess.md
@@ -31,10 +31,10 @@ I found this amazing software [GoAccess](https://goaccess.io/) which provides al
 
 GoAccess can be used in two different modes.
 
-![GoAccess Terminal](/goaccess/goaccess-dash-term.png)
+![GoAccess Terminal](/assets/goaccess/goaccess-dash-term.png)
 <center><i>Running in a terminal</i></center>
 
-![GoAccess HTML](/goaccess/goaccess-dash-html.png)
+![GoAccess HTML](/assets/goaccess/goaccess-dash-html.png)
 <center><i>Running in a browser</i></center>
 
 I, however, need this to run in a browser. So, the second option is the way to go. The Idea is to periodically run cronjob and export this report into a folder that gets then server by Nginx behind a Basic authentication.
diff --git a/content/posts/2021-06-26-simple-world-clock.md b/content/posts/2021-06-26-simple-world-clock.md
index e06d534..80d1e32 100644
--- a/content/posts/2021-06-26-simple-world-clock.md
+++ b/content/posts/2021-06-26-simple-world-clock.md
@@ -13,7 +13,7 @@ But I also have a bunch of electronics that I bought through the time, and I am
 
 A while ago I bought a small eInk display [Inky pHAT](https://shop.pimoroni.com/products/inky-phat?variant=12549254217811) and I have a bunch of [Raspberry Pi's Zero](https://www.raspberrypi.org/products/raspberry-pi-zero/) lying around that I really need to use.
 
-![Inky pHAT, Raspberry Pi Zero](/world-clock/hardware.jpg)
+![Inky pHAT, Raspberry Pi Zero](/assets/world-clock/hardware.jpg)
 
 Since the Inky [Inky pHAT](https://shop.pimoroni.com/products/inky-phat?variant=12549254217811) is essentially a HAT, it can easily be added on top of the [Raspberry Pi Zero](https://www.raspberrypi.org/products/raspberry-pi-zero/).
 
@@ -78,10 +78,10 @@ Then we add a cronjob with `crontab -e`.
 
 So, we end up with a result like this.
 
-![World Clock](/world-clock/world-clock.jpg)
+![World Clock](/assets/world-clock/world-clock.jpg)
 
 And for the enclosure that can be 3D printed, but I haven't yet something like this can be used.
 
 <iframe id="vs_iframe" src="https://www.viewstl.com/?embedded&url=https%3A%2F%2Fmitjafelicijan.com%2Fassets%2Fworld-clock%2Fenclosure.stl&color=gray&bgcolor=white&edges=no&orientation=front&noborder=no" style="border:0;margin:0;width:100%;height:400px;"></iframe>
 
-You can download my [STL file for the enclosure here](/world-clock/enclosure.stl), but make sure that dimensions make sense and also opening for USB port should be added or just use a drill and some hot glue to make it stick in the enclosure.
+You can download my [STL file for the enclosure here](/assets/world-clock/enclosure.stl), but make sure that dimensions make sense and also opening for USB port should be added or just use a drill and some hot glue to make it stick in the enclosure.
diff --git a/content/posts/2021-12-03-debian-based-riced-up-distribution-for-developers.md b/content/posts/2021-12-03-debian-based-riced-up-distribution-for-developers.md
index 1f5bd89..5981392 100644
--- a/content/posts/2021-12-03-debian-based-riced-up-distribution-for-developers.md
+++ b/content/posts/2021-12-03-debian-based-riced-up-distribution-for-developers.md
@@ -43,28 +43,28 @@ I didn't want this to just be a set of config files for theming purpose. I wante
 
 First, I choose terminal installer and left it to load additional components. Avoid using graphical installer in this case.
 
-![](/dfd-rice/install-00.png)
+![](/assets/dfd-rice/install-00.png)
 
 After that I selected hostname and created a normal user and set password for that user and root user and choose guided mode for disk partitioning.
 
-![](/dfd-rice/install-01.png)
+![](/assets/dfd-rice/install-01.png)
 
 I left it run to install all the things required for the base system and opted out of scanning additional media for use by the package manager. Those will be downloaded from the internet during installation.
 
-![](/dfd-rice/install-02.png)
+![](/assets/dfd-rice/install-02.png)
 
 
 I opted out of the popularity contest, and **now comes the important part**. Uncheck all the boxes in Software selection and only leave 'standard system utilities'. I also left an SSH server, so I was able to log in to the machine from my main PC.
 
-![](/dfd-rice/install-03.png)
+![](/assets/dfd-rice/install-03.png)
 
 At this point, I installed GRUB bootloader on the disk where I installed the system.
 
-![](/dfd-rice/install-04.png)
+![](/assets/dfd-rice/install-04.png)
 
 That concluded the installation of base Debian and after restarting the computer I was prompted with the login screen.
 
-![](/dfd-rice/install-05.png)
+![](/assets/dfd-rice/install-05.png)
 
 Now that I had the base installation, it was time to choose what software do I want to include in this so-called distribution. I wanted out of the box developer experience, so I had plenty to choose.
 
@@ -84,7 +84,7 @@ One of the requirements for me was easy custom layouts because I use a really st
 
 What I was doing in Gnome was having windows in a layout like the diagram below. This is my common practice. And if you look at it you can clearly see I was replicating tiling window manager setup in Gnome.
 
-![](/dfd-rice/layout.png)
+![](/assets/dfd-rice/layout.png)
 
 
 That made me look into a bunch of tiling window managers and then tested them out. Candidates I was looking at were:
@@ -144,7 +144,7 @@ Currently, most of these recipes use what Debian and this is totally fine with m
 
 This is some of the output from the installation script.
 
-![](/dfd-rice/script.png)
+![](/assets/dfd-rice/script.png)
 
 Let's take a look at some examples in the installation script.
 
@@ -191,4 +191,4 @@ The current version boots in 4s to the login prompt, and after you log in, the d
 
 And this is how it looks with two terminals side by side. I really like the simplicity and clean interface. I will polish the colors and stuff like that, but I really do like the results.
 
-![](/dfd-rice/desktop.png)
+![](/assets/dfd-rice/desktop.png)
diff --git a/content/posts/2021-12-25-running-golang-application-as-pid1.md b/content/posts/2021-12-25-running-golang-application-as-pid1.md
index 2f49466..7a62d1c 100644
--- a/content/posts/2021-12-25-running-golang-application-as-pid1.md
+++ b/content/posts/2021-12-25-running-golang-application-as-pid1.md
@@ -28,7 +28,7 @@ I really like the explanation from the article [Unikernels: Rise of the Virtual
 
 If we compare a normal operating system to a unikernel side by side, they would look something like this.
 
-![Virtual machines vs Containers vs Unikernels](/pid1/unikernels.png)
+![Virtual machines vs Containers vs Unikernels](/assets/pid1/unikernels.png)
 
 From this image, we can see how the complexity significantly decreases with the use of Unikernels. This comes with a price, of course. Unikernels are hard to get running and require a lot of work since you don't have an actual proper kernel running in the background providing network access and drivers etc.
 
@@ -221,7 +221,7 @@ Hello from Golang
 Hello from Golang
 ```
 
-The whole [log file here](/pid1/qemu.log).
+The whole [log file here](/assets/pid1/qemu.log).
 
 ## Size comparison
 
@@ -290,7 +290,7 @@ genisoimage -R                              \
 
 This will produce `GoAsPID1.iso` which you can use with [Virtualbox](https://www.virtualbox.org/) or [Gnome Boxes](https://apps.gnome.org/app/org.gnome.Boxes/).
 
-<video src="/pid1/boxes.mp4" controls></video>
+<video src="/assets/pid1/boxes.mp4" controls></video>
 
 ## Is running applications as PID 1 even worth it?
 
diff --git a/content/posts/2021-12-30-wap-mobile-web-before-the-web.md b/content/posts/2021-12-30-wap-mobile-web-before-the-web.md
index e5f6714..49a7116 100644
--- a/content/posts/2021-12-30-wap-mobile-web-before-the-web.md
+++ b/content/posts/2021-12-30-wap-mobile-web-before-the-web.md
@@ -29,7 +29,7 @@ These phones were rocking:
 
 Let's take a look at these beauties.
 
-![Old phones](/wap/phones.gif)
+![Old phones](/assets/wap/phones.gif)
 
 ## WAP - Wireless Application Protocol
 
@@ -146,7 +146,7 @@ If you look at the python file, I convert all the images into tiny B&W images. T
 
 Because I currently don't have a phone old enough to test it on, I used an emulator. And it was really hard to find one. I found [WAP Proof](http://wap-proof.sharewarejunction.com/) on shareware junction, and it did the job well enough. I will try to find and actual device to test it on.
 
-<video src="/wap/emulator.mp4" controls></video>
+<video src="/assets/wap/emulator.mp4" controls></video>
 
 If you are using Nginx to serve the contents, add a directive to the hosts file that will automatically server `index.wml` file.
 
diff --git a/content/posts/2022-06-30-trying-out-helix-editor.md b/content/posts/2022-06-30-trying-out-helix-editor.md
index 8286735..5e25980 100644
--- a/content/posts/2022-06-30-trying-out-helix-editor.md
+++ b/content/posts/2022-06-30-trying-out-helix-editor.md
@@ -25,7 +25,7 @@ I am still getting used to the keyboard shortcuts and getting better. What Helix
 
 And it comes us packed with many [really good themes](https://github.com/helix-editor/helix/wiki/Themes).
 
-![Editor](/helix-editor/editor.png)
+![Editor](/assets/helix-editor/editor.png)
 
 It's still young but has this mature feeling to it. It has sane defaults and mimics Vim (works a bit differently, but the overall idea is similar).
 
diff --git a/content/posts/2022-07-05-what-would-dna-sound-if-synthesized.md b/content/posts/2022-07-05-what-would-dna-sound-if-synthesized.md
index c028ec2..ba5cc4b 100644
--- a/content/posts/2022-07-05-what-would-dna-sound-if-synthesized.md
+++ b/content/posts/2022-07-05-what-would-dna-sound-if-synthesized.md
@@ -145,10 +145,10 @@ sox output.wav -n spectrogram -o spectrogram.png
 An example spectrogram of Ludwig van Beethoven Symphony No. 6 First movement.
 
 <audio controls>
-  <source src="/dna-synthesized/symphony-no6-1st-movement.mp3" type="audio/mpeg">
+  <source src="/assets/dna-synthesized/symphony-no6-1st-movement.mp3" type="audio/mpeg">
 </audio>
 
-![Ludwig van Beethoven Symphony No. 6 First movement](/dna-synthesized/symphony-no6-1st-movement.png)
+![Ludwig van Beethoven Symphony No. 6 First movement](/assets/dna-synthesized/symphony-no6-1st-movement.png)
 
 The other option could also be in combination with [gnuplot](http://www.gnuplot.info/). This would require an intermediary step, however.
 
@@ -194,40 +194,40 @@ What I did was take interesting parts from an animal's genome and feed it to a t
 ### Niels Bohr quote
 
 <audio controls>
-  <source src="/dna-synthesized/quote/out.mp3" type="audio/mpeg">
+  <source src="/assets/dna-synthesized/quote/out.mp3" type="audio/mpeg">
 </audio>
 
-![Spectogram](/dna-synthesized/quote/spectogram.png)
+![Spectogram](/assets/dna-synthesized/quote/spectogram.png)
 
 ### Mouse
 
 This is part of a mouse genome `Mus_musculus.GRCm39.dna.nonchromosomal`. You can get [genom data here](http://ftp.ensembl.org/pub/release-106/fasta/mus_musculus/dna/).
 
 <audio controls>
-  <source src="/dna-synthesized/mouse/out.mp3" type="audio/mpeg">
+  <source src="/assets/dna-synthesized/mouse/out.mp3" type="audio/mpeg">
 </audio>
 
-![Spectogram](/dna-synthesized/mouse/spectogram.png)
+![Spectogram](/assets/dna-synthesized/mouse/spectogram.png)
 
 ### Bison
 
 This is part of a bison genome `Bison_bison_bison.Bison_UMD1.0.cdna`. You can get [genom data here](http://ftp.ensembl.org/pub/release-106/fasta/bison_bison_bison/cdna/).
 
 <audio controls>
-  <source src="/dna-synthesized/bison/out.mp3" type="audio/mpeg">
+  <source src="/assets/dna-synthesized/bison/out.mp3" type="audio/mpeg">
 </audio>
 
-![Spectogram](/dna-synthesized/bison/spectogram.png)
+![Spectogram](/assets/dna-synthesized/bison/spectogram.png)
 
 ### Taurus
 
 This is part of a taurus genome `Bos_taurus.ARS-UCD1.2.cdna`. You can get [genom data here](http://ftp.ensembl.org/pub/release-106/fasta/bos_taurus/cdna/).
 
 <audio controls>
-  <source src="/dna-synthesized/taurus/out.mp3" type="audio/mpeg">
+  <source src="/assets/dna-synthesized/taurus/out.mp3" type="audio/mpeg">
 </audio>
 
-![Spectogram](/dna-synthesized/taurus/spectogram.png)
+![Spectogram](/assets/dna-synthesized/taurus/spectogram.png)
 
 ## Making a drummer out of a DNA sequence
 
@@ -235,17 +235,17 @@ To make things even more interesting, I decided to send this data via MIDI to my
 
 Elektron is connected to my MacBook via USB cable and audio out is patched to a Sony Bluetooth speaker I have that supports 3.5 mm audio in. Elektron doesn't have internal speakers.
 
-![](/dna-synthesized/elektron/IMG_0619.jpg)
+![](/assets/dna-synthesized/elektron/IMG_0619.jpg)
 
-![](/dna-synthesized/elektron/IMG_0620.jpg)
+![](/assets/dna-synthesized/elektron/IMG_0620.jpg)
 
-![](/dna-synthesized/elektron/IMG_0622.jpg)
+![](/assets/dna-synthesized/elektron/IMG_0622.jpg)
 
 For communicating with Elektron, I choose `pygame` Python module that has MIDI built in. With this, it was rather simple to send notes to the device. All I did was map MIDI notes to the actual Nucleotides.
 
 Before all of this I also checked Audio MIDI Setup app under MacOS and checked MIDI Studio by pressing ⌘-2.
 
-![](/dna-synthesized/elektron/midi-studio.jpg)
+![](/assets/dna-synthesized/elektron/midi-studio.jpg)
 
 The whole script that parses and send notes to the Elektron looks like this.
 
@@ -287,7 +287,7 @@ del player
 pygame.midi.quit()
 ```
 
-<video src="/dna-synthesized/elektron/elektron.mp4" controls></video>
+<video src="/assets/dna-synthesized/elektron/elektron.mp4" controls></video>
 
 All of this could be made much more interesting if I choose different instruments for different Nucleotides, or doing more funky stuff with Elektron. But for now, this should be enough. It is just a proof of concept. Something to play around with.
 
diff --git a/content/posts/2022-08-13-algae-spotted-on-river-sava.md b/content/posts/2022-08-13-algae-spotted-on-river-sava.md
index 2a7e6cd..40b960f 100644
--- a/content/posts/2022-08-13-algae-spotted-on-river-sava.md
+++ b/content/posts/2022-08-13-algae-spotted-on-river-sava.md
@@ -9,16 +9,16 @@ This is a bit of a different post than I usually write, but quite interesting on
 
 Below are some photographs taken from a DJI drone capturing the event.
 
-![Algae on Sava](/algae-sava/dji-algae-0.jpg)
+![Algae on Sava](/assets/algae-sava/dji-algae-0.jpg)
 
-![Algae on Sava](/algae-sava/dji-algae-1.jpg)
+![Algae on Sava](/assets/algae-sava/dji-algae-1.jpg)
 
-![Algae on Sava](/algae-sava/dji-algae-2.jpg)
+![Algae on Sava](/assets/algae-sava/dji-algae-2.jpg)
 
-![Algae on Sava](/algae-sava/dji-algae-3.jpg)
+![Algae on Sava](/assets/algae-sava/dji-algae-3.jpg)
 
-![Algae on Sava](/algae-sava/dji-algae-4.jpg)
+![Algae on Sava](/assets/algae-sava/dji-algae-4.jpg)
 
-![Algae on Sava](/algae-sava/dji-algae-5.jpg)
+![Algae on Sava](/assets/algae-sava/dji-algae-5.jpg)
 
 I will try to get more photos of this in the future days and if something intriguing shows up will post it again on the blog.
diff --git a/static/algae-sava/dji-algae-0.jpg b/static/assets/algae-sava/dji-algae-0.jpg
index d444c80..d444c80 100644
--- a/static/algae-sava/dji-algae-0.jpg
+++ b/static/assets/algae-sava/dji-algae-0.jpg
diff --git a/static/algae-sava/dji-algae-1.jpg b/static/assets/algae-sava/dji-algae-1.jpg
index 26ee43c..26ee43c 100644
--- a/static/algae-sava/dji-algae-1.jpg
+++ b/static/assets/algae-sava/dji-algae-1.jpg
diff --git a/static/algae-sava/dji-algae-2.jpg b/static/assets/algae-sava/dji-algae-2.jpg
index d38f8cd..d38f8cd 100644
--- a/static/algae-sava/dji-algae-2.jpg
+++ b/static/assets/algae-sava/dji-algae-2.jpg
diff --git a/static/algae-sava/dji-algae-3.jpg b/static/assets/algae-sava/dji-algae-3.jpg
index 9706fa0..9706fa0 100644
--- a/static/algae-sava/dji-algae-3.jpg
+++ b/static/assets/algae-sava/dji-algae-3.jpg
diff --git a/static/algae-sava/dji-algae-4.jpg b/static/assets/algae-sava/dji-algae-4.jpg
index b0db4a2..b0db4a2 100644
--- a/static/algae-sava/dji-algae-4.jpg
+++ b/static/assets/algae-sava/dji-algae-4.jpg
diff --git a/static/algae-sava/dji-algae-5.jpg b/static/assets/algae-sava/dji-algae-5.jpg
index f3c1b3b..f3c1b3b 100644
--- a/static/algae-sava/dji-algae-5.jpg
+++ b/static/assets/algae-sava/dji-algae-5.jpg
diff --git a/static/cv/avatar.gif b/static/assets/cv/avatar.gif
index 82e5f39..82e5f39 100644
--- a/static/cv/avatar.gif
+++ b/static/assets/cv/avatar.gif
diff --git a/static/dfd-rice/desktop.png b/static/assets/dfd-rice/desktop.png
index 8dcfd51..8dcfd51 100644
--- a/static/dfd-rice/desktop.png
+++ b/static/assets/dfd-rice/desktop.png
diff --git a/static/dfd-rice/install-00.png b/static/assets/dfd-rice/install-00.png
index 2660f90..2660f90 100644
--- a/static/dfd-rice/install-00.png
+++ b/static/assets/dfd-rice/install-00.png
diff --git a/static/dfd-rice/install-01.png b/static/assets/dfd-rice/install-01.png
index 1281be1..1281be1 100644
--- a/static/dfd-rice/install-01.png
+++ b/static/assets/dfd-rice/install-01.png
diff --git a/static/dfd-rice/install-02.png b/static/assets/dfd-rice/install-02.png
index 9cac5e3..9cac5e3 100644
--- a/static/dfd-rice/install-02.png
+++ b/static/assets/dfd-rice/install-02.png
diff --git a/static/dfd-rice/install-03.png b/static/assets/dfd-rice/install-03.png
index dc7cbd1..dc7cbd1 100644
--- a/static/dfd-rice/install-03.png
+++ b/static/assets/dfd-rice/install-03.png
diff --git a/static/dfd-rice/install-04.png b/static/assets/dfd-rice/install-04.png
index 675a78f..675a78f 100644
--- a/static/dfd-rice/install-04.png
+++ b/static/assets/dfd-rice/install-04.png
diff --git a/static/dfd-rice/install-05.png b/static/assets/dfd-rice/install-05.png
index 8b580b9..8b580b9 100644
--- a/static/dfd-rice/install-05.png
+++ b/static/assets/dfd-rice/install-05.png
diff --git a/static/dfd-rice/installation.svg b/static/assets/dfd-rice/installation.svg
index bb9560b..bb9560b 100644
--- a/static/dfd-rice/installation.svg
+++ b/static/assets/dfd-rice/installation.svg
diff --git a/static/dfd-rice/layout.png b/static/assets/dfd-rice/layout.png
index a44d2cd..a44d2cd 100644
--- a/static/dfd-rice/layout.png
+++ b/static/assets/dfd-rice/layout.png
diff --git a/static/dfd-rice/layout.svg b/static/assets/dfd-rice/layout.svg
index 5a9031c..5a9031c 100644
--- a/static/dfd-rice/layout.svg
+++ b/static/assets/dfd-rice/layout.svg
diff --git a/static/dfd-rice/script.png b/static/assets/dfd-rice/script.png
index 09be37a..09be37a 100644
--- a/static/dfd-rice/script.png
+++ b/static/assets/dfd-rice/script.png
diff --git a/static/dna-sequence/benchmarks.ods b/static/assets/dna-sequence/benchmarks.ods
index 62a8e30..62a8e30 100644
--- a/static/dna-sequence/benchmarks.ods
+++ b/static/assets/dna-sequence/benchmarks.ods
diff --git a/static/dna-sequence/chart-encoding-speed.png b/static/assets/dna-sequence/chart-encoding-speed.png
index 7fb106d..7fb106d 100644
--- a/static/dna-sequence/chart-encoding-speed.png
+++ b/static/assets/dna-sequence/chart-encoding-speed.png
diff --git a/static/dna-sequence/chart-file-sizes.png b/static/assets/dna-sequence/chart-file-sizes.png
index 31bfa66..31bfa66 100644
--- a/static/dna-sequence/chart-file-sizes.png
+++ b/static/assets/dna-sequence/chart-file-sizes.png
diff --git a/static/dna-sequence/dna-basics.jpg b/static/assets/dna-sequence/dna-basics.jpg
index c2e7f52..c2e7f52 100644
--- a/static/dna-sequence/dna-basics.jpg
+++ b/static/assets/dna-sequence/dna-basics.jpg
diff --git a/static/dna-sequence/quote.png b/static/assets/dna-sequence/quote.png
index 09fb01c..09fb01c 100644
--- a/static/dna-sequence/quote.png
+++ b/static/assets/dna-sequence/quote.png
diff --git a/static/dna-sequence/sample-binary-file.png b/static/assets/dna-sequence/sample-binary-file.png
index 1e4622a..1e4622a 100644
--- a/static/dna-sequence/sample-binary-file.png
+++ b/static/assets/dna-sequence/sample-binary-file.png
diff --git a/static/dna-sequence/sample.png b/static/assets/dna-sequence/sample.png
index 30f12da..30f12da 100644
--- a/static/dna-sequence/sample.png
+++ b/static/assets/dna-sequence/sample.png
diff --git a/static/dna-synthesized/bison/in.txt b/static/assets/dna-synthesized/bison/in.txt
index fd1eea6..fd1eea6 100644
--- a/static/dna-synthesized/bison/in.txt
+++ b/static/assets/dna-synthesized/bison/in.txt
diff --git a/static/dna-synthesized/bison/out.mp3 b/static/assets/dna-synthesized/bison/out.mp3
index d6408ca..d6408ca 100644
--- a/static/dna-synthesized/bison/out.mp3
+++ b/static/assets/dna-synthesized/bison/out.mp3
diff --git a/static/dna-synthesized/bison/spectogram.png b/static/assets/dna-synthesized/bison/spectogram.png
index 959902b..959902b 100644
--- a/static/dna-synthesized/bison/spectogram.png
+++ b/static/assets/dna-synthesized/bison/spectogram.png
diff --git a/static/dna-synthesized/elektron/IMG_0619.jpg b/static/assets/dna-synthesized/elektron/IMG_0619.jpg
index ebf60b0..ebf60b0 100755
--- a/static/dna-synthesized/elektron/IMG_0619.jpg
+++ b/static/assets/dna-synthesized/elektron/IMG_0619.jpg
diff --git a/static/dna-synthesized/elektron/IMG_0620.jpg b/static/assets/dna-synthesized/elektron/IMG_0620.jpg
index c9aa398..c9aa398 100755
--- a/static/dna-synthesized/elektron/IMG_0620.jpg
+++ b/static/assets/dna-synthesized/elektron/IMG_0620.jpg
diff --git a/static/dna-synthesized/elektron/IMG_0622.jpg b/static/assets/dna-synthesized/elektron/IMG_0622.jpg
index 98acee4..98acee4 100755
--- a/static/dna-synthesized/elektron/IMG_0622.jpg
+++ b/static/assets/dna-synthesized/elektron/IMG_0622.jpg
diff --git a/static/dna-synthesized/elektron/elektron.mp4 b/static/assets/dna-synthesized/elektron/elektron.mp4
index f8e39b9..f8e39b9 100755
--- a/static/dna-synthesized/elektron/elektron.mp4
+++ b/static/assets/dna-synthesized/elektron/elektron.mp4
diff --git a/static/dna-synthesized/elektron/midi-studio.jpg b/static/assets/dna-synthesized/elektron/midi-studio.jpg
index 59075cd..59075cd 100755
--- a/static/dna-synthesized/elektron/midi-studio.jpg
+++ b/static/assets/dna-synthesized/elektron/midi-studio.jpg
diff --git a/static/dna-synthesized/mouse/in.txt b/static/assets/dna-synthesized/mouse/in.txt
index abd34a2..abd34a2 100644
--- a/static/dna-synthesized/mouse/in.txt
+++ b/static/assets/dna-synthesized/mouse/in.txt
diff --git a/static/dna-synthesized/mouse/out.mp3 b/static/assets/dna-synthesized/mouse/out.mp3
index e66e87b..e66e87b 100644
--- a/static/dna-synthesized/mouse/out.mp3
+++ b/static/assets/dna-synthesized/mouse/out.mp3
diff --git a/static/dna-synthesized/mouse/spectogram.png b/static/assets/dna-synthesized/mouse/spectogram.png
index 8b7f63f..8b7f63f 100644
--- a/static/dna-synthesized/mouse/spectogram.png
+++ b/static/assets/dna-synthesized/mouse/spectogram.png
diff --git a/static/dna-synthesized/quote/in.txt b/static/assets/dna-synthesized/quote/in.txt
index 81e8eb9..81e8eb9 100644
--- a/static/dna-synthesized/quote/in.txt
+++ b/static/assets/dna-synthesized/quote/in.txt
diff --git a/static/dna-synthesized/quote/out.mp3 b/static/assets/dna-synthesized/quote/out.mp3
index 985871d..985871d 100644
--- a/static/dna-synthesized/quote/out.mp3
+++ b/static/assets/dna-synthesized/quote/out.mp3
diff --git a/static/dna-synthesized/quote/spectogram.png b/static/assets/dna-synthesized/quote/spectogram.png
index c460ffd..c460ffd 100644
--- a/static/dna-synthesized/quote/spectogram.png
+++ b/static/assets/dna-synthesized/quote/spectogram.png
diff --git a/static/dna-synthesized/symphony-no6-1st-movement.mp3 b/static/assets/dna-synthesized/symphony-no6-1st-movement.mp3
index 8c5a609..8c5a609 100644
--- a/static/dna-synthesized/symphony-no6-1st-movement.mp3
+++ b/static/assets/dna-synthesized/symphony-no6-1st-movement.mp3
diff --git a/static/dna-synthesized/symphony-no6-1st-movement.png b/static/assets/dna-synthesized/symphony-no6-1st-movement.png
index 8269f08..8269f08 100644
--- a/static/dna-synthesized/symphony-no6-1st-movement.png
+++ b/static/assets/dna-synthesized/symphony-no6-1st-movement.png
diff --git a/static/dna-synthesized/taurus/in.txt b/static/assets/dna-synthesized/taurus/in.txt
index 8c5bddb..8c5bddb 100644
--- a/static/dna-synthesized/taurus/in.txt
+++ b/static/assets/dna-synthesized/taurus/in.txt
diff --git a/static/dna-synthesized/taurus/out.mp3 b/static/assets/dna-synthesized/taurus/out.mp3
index ea7ae1a..ea7ae1a 100644
--- a/static/dna-synthesized/taurus/out.mp3
+++ b/static/assets/dna-synthesized/taurus/out.mp3
diff --git a/static/dna-synthesized/taurus/spectogram.png b/static/assets/dna-synthesized/taurus/spectogram.png
index 3be9b58..3be9b58 100644
--- a/static/dna-synthesized/taurus/spectogram.png
+++ b/static/assets/dna-synthesized/taurus/spectogram.png
diff --git a/static/do-fuse/copy-benchmarks.tsv b/static/assets/do-fuse/copy-benchmarks.tsv
index c7a7af4..c7a7af4 100644
--- a/static/do-fuse/copy-benchmarks.tsv
+++ b/static/assets/do-fuse/copy-benchmarks.tsv
diff --git a/static/do-fuse/fuse-droplets.png b/static/assets/do-fuse/fuse-droplets.png
index d7ce243..d7ce243 100644
--- a/static/do-fuse/fuse-droplets.png
+++ b/static/assets/do-fuse/fuse-droplets.png
diff --git a/static/do-fuse/fuse-spaces.png b/static/assets/do-fuse/fuse-spaces.png
index 4dcc1c5..4dcc1c5 100644
--- a/static/do-fuse/fuse-spaces.png
+++ b/static/assets/do-fuse/fuse-spaces.png
diff --git a/static/do-fuse/sqlite-benchmarks.tsv b/static/assets/do-fuse/sqlite-benchmarks.tsv
index daa2c21..daa2c21 100644
--- a/static/do-fuse/sqlite-benchmarks.tsv
+++ b/static/assets/do-fuse/sqlite-benchmarks.tsv
diff --git a/static/dropbox-sync/dropbox-spaces.png b/static/assets/dropbox-sync/dropbox-spaces.png
index c90f99f..c90f99f 100644
--- a/static/dropbox-sync/dropbox-spaces.png
+++ b/static/assets/dropbox-sync/dropbox-spaces.png
diff --git a/static/esp8366-micropython/boards.jpg b/static/assets/esp8366-micropython/boards.jpg
index 89e2b30..89e2b30 100644
--- a/static/esp8366-micropython/boards.jpg
+++ b/static/assets/esp8366-micropython/boards.jpg
diff --git a/static/go-profiling/golang-profiling-cpu.pdf b/static/assets/go-profiling/golang-profiling-cpu.pdf
index 15241cb..15241cb 100644
--- a/static/go-profiling/golang-profiling-cpu.pdf
+++ b/static/assets/go-profiling/golang-profiling-cpu.pdf
diff --git a/static/go-profiling/golang-profiling-mem.pdf b/static/assets/go-profiling/golang-profiling-mem.pdf
index 822e445..822e445 100644
--- a/static/go-profiling/golang-profiling-mem.pdf
+++ b/static/assets/go-profiling/golang-profiling-mem.pdf
diff --git a/static/goaccess/goaccess-dash-html.png b/static/assets/goaccess/goaccess-dash-html.png
index 917d959..917d959 100644
--- a/static/goaccess/goaccess-dash-html.png
+++ b/static/assets/goaccess/goaccess-dash-html.png
diff --git a/static/goaccess/goaccess-dash-term.png b/static/assets/goaccess/goaccess-dash-term.png
index e3f6357..e3f6357 100644
--- a/static/goaccess/goaccess-dash-term.png
+++ b/static/assets/goaccess/goaccess-dash-term.png
diff --git a/static/helix-editor/editor.png b/static/assets/helix-editor/editor.png
index 2648364..2648364 100644
--- a/static/helix-editor/editor.png
+++ b/static/assets/helix-editor/editor.png
diff --git a/static/iot-application/iot-app-output.png b/static/assets/iot-application/iot-app-output.png
index 1c80589..1c80589 100644
--- a/static/iot-application/iot-app-output.png
+++ b/static/assets/iot-application/iot-app-output.png
diff --git a/static/iot-application/iot-rest-example.png b/static/assets/iot-application/iot-rest-example.png
index 3ed86aa..3ed86aa 100644
--- a/static/iot-application/iot-rest-example.png
+++ b/static/assets/iot-application/iot-rest-example.png
diff --git a/static/iot-application/iot-sqlite-db.png b/static/assets/iot-application/iot-sqlite-db.png
index 82e1e29..82e1e29 100644
--- a/static/iot-application/iot-sqlite-db.png
+++ b/static/assets/iot-application/iot-sqlite-db.png
diff --git a/static/iot-application/kcachegrind.png b/static/assets/iot-application/kcachegrind.png
index 0dc48ab..0dc48ab 100644
--- a/static/iot-application/kcachegrind.png
+++ b/static/assets/iot-application/kcachegrind.png
diff --git a/static/iot-application/profiling-viewer.png b/static/assets/iot-application/profiling-viewer.png
index a450513..a450513 100644
--- a/static/iot-application/profiling-viewer.png
+++ b/static/assets/iot-application/profiling-viewer.png
diff --git a/static/iot-application/simple-iot-application-overview.svg b/static/assets/iot-application/simple-iot-application-overview.svg
index 817666d..817666d 100644
--- a/static/iot-application/simple-iot-application-overview.svg
+++ b/static/assets/iot-application/simple-iot-application-overview.svg
diff --git a/static/iot-application/simple-iot-application.zip b/static/assets/iot-application/simple-iot-application.zip
index 46d3205..46d3205 100644
--- a/static/iot-application/simple-iot-application.zip
+++ b/static/assets/iot-application/simple-iot-application.zip
diff --git a/static/iot-application/snakeviz.png b/static/assets/iot-application/snakeviz.png
index 5bab395..5bab395 100644
--- a/static/iot-application/snakeviz.png
+++ b/static/assets/iot-application/snakeviz.png
diff --git a/static/pid1/boxes.mp4 b/static/assets/pid1/boxes.mp4
index eb647ff..eb647ff 100644
--- a/static/pid1/boxes.mp4
+++ b/static/assets/pid1/boxes.mp4
diff --git a/static/pid1/qemu.log b/static/assets/pid1/qemu.log
index 11be312..11be312 100644
--- a/static/pid1/qemu.log
+++ b/static/assets/pid1/qemu.log
diff --git a/static/pid1/unikernels.png b/static/assets/pid1/unikernels.png
index 16026ed..16026ed 100644
--- a/static/pid1/unikernels.png
+++ b/static/assets/pid1/unikernels.png
diff --git a/static/pid1/unikernels.svg b/static/assets/pid1/unikernels.svg
index 460fb94..460fb94 100644
--- a/static/pid1/unikernels.svg
+++ b/static/assets/pid1/unikernels.svg
diff --git a/static/profile-bind-error/error.jpg b/static/assets/profile-bind-error/error.jpg
index c2e4e8f..c2e4e8f 100644
--- a/static/profile-bind-error/error.jpg
+++ b/static/assets/profile-bind-error/error.jpg
diff --git a/static/python-profiling/kcachegrind.png b/static/assets/python-profiling/kcachegrind.png
index 0dc48ab..0dc48ab 100644
--- a/static/python-profiling/kcachegrind.png
+++ b/static/assets/python-profiling/kcachegrind.png
diff --git a/static/python-profiling/profiling-viewer.png b/static/assets/python-profiling/profiling-viewer.png
index a450513..a450513 100644
--- a/static/python-profiling/profiling-viewer.png
+++ b/static/assets/python-profiling/profiling-viewer.png
diff --git a/static/python-profiling/snakeviz.png b/static/assets/python-profiling/snakeviz.png
index 5bab395..5bab395 100644
--- a/static/python-profiling/snakeviz.png
+++ b/static/assets/python-profiling/snakeviz.png
diff --git a/static/sentiment-analysis/.ipynb_checkpoints/TF Test-checkpoint.ipynb b/static/assets/sentiment-analysis/.ipynb_checkpoints/TF Test-checkpoint.ipynb
index e2a85c4..e2a85c4 100644
--- a/static/sentiment-analysis/.ipynb_checkpoints/TF Test-checkpoint.ipynb
+++ b/static/assets/sentiment-analysis/.ipynb_checkpoints/TF Test-checkpoint.ipynb
diff --git a/static/sentiment-analysis/.ipynb_checkpoints/sentiment-analysis-checkpoint.ipynb b/static/assets/sentiment-analysis/.ipynb_checkpoints/sentiment-analysis-checkpoint.ipynb
index 2c0934c..2c0934c 100644
--- a/static/sentiment-analysis/.ipynb_checkpoints/sentiment-analysis-checkpoint.ipynb
+++ b/static/assets/sentiment-analysis/.ipynb_checkpoints/sentiment-analysis-checkpoint.ipynb
diff --git a/static/sentiment-analysis/guardian-sa-title-desc-relationship.png b/static/assets/sentiment-analysis/guardian-sa-title-desc-relationship.png
index 7195bbf..7195bbf 100644
--- a/static/sentiment-analysis/guardian-sa-title-desc-relationship.png
+++ b/static/assets/sentiment-analysis/guardian-sa-title-desc-relationship.png
diff --git a/static/sentiment-analysis/sentiment-analysis.ipynb b/static/assets/sentiment-analysis/sentiment-analysis.ipynb
index 2c0934c..2c0934c 100644
--- a/static/sentiment-analysis/sentiment-analysis.ipynb
+++ b/static/assets/sentiment-analysis/sentiment-analysis.ipynb
diff --git a/static/simple-pubsub-server/caniuse.png b/static/assets/simple-pubsub-server/caniuse.png
index 90f7883..90f7883 100644
--- a/static/simple-pubsub-server/caniuse.png
+++ b/static/assets/simple-pubsub-server/caniuse.png
diff --git a/static/simple-pubsub-server/chrome-debugging.png b/static/assets/simple-pubsub-server/chrome-debugging.png
index 1bdc448..1bdc448 100644
--- a/static/simple-pubsub-server/chrome-debugging.png
+++ b/static/assets/simple-pubsub-server/chrome-debugging.png
diff --git a/static/simple-pubsub-server/clients.m4v b/static/assets/simple-pubsub-server/clients.m4v
index 1342bc6..1342bc6 100644
--- a/static/simple-pubsub-server/clients.m4v
+++ b/static/assets/simple-pubsub-server/clients.m4v
diff --git a/static/simple-pubsub-server/pubsub-overview.png b/static/assets/simple-pubsub-server/pubsub-overview.png
index 0279ec3..0279ec3 100644
--- a/static/simple-pubsub-server/pubsub-overview.png
+++ b/static/assets/simple-pubsub-server/pubsub-overview.png
diff --git a/static/simple-pubsub-server/sse-pubsub-server.zip b/static/assets/simple-pubsub-server/sse-pubsub-server.zip
index 898b290..898b290 100644
--- a/static/simple-pubsub-server/sse-pubsub-server.zip
+++ b/static/assets/simple-pubsub-server/sse-pubsub-server.zip
diff --git a/static/wap/emulator.mp4 b/static/assets/wap/emulator.mp4
index e4f59aa..e4f59aa 100644
--- a/static/wap/emulator.mp4
+++ b/static/assets/wap/emulator.mp4
diff --git a/static/wap/phones.gif b/static/assets/wap/phones.gif
index 15f99e2..15f99e2 100644
--- a/static/wap/phones.gif
+++ b/static/assets/wap/phones.gif
diff --git a/static/world-clock/enclosure.stl b/static/assets/world-clock/enclosure.stl
index 99f3d1a..99f3d1a 100644
--- a/static/world-clock/enclosure.stl
+++ b/static/assets/world-clock/enclosure.stl
diff --git a/static/world-clock/hardware.jpg b/static/assets/world-clock/hardware.jpg
index 315a04d..315a04d 100644
--- a/static/world-clock/hardware.jpg
+++ b/static/assets/world-clock/hardware.jpg
diff --git a/static/world-clock/world-clock.jpg b/static/assets/world-clock/world-clock.jpg
index afdb6e2..afdb6e2 100644
--- a/static/world-clock/world-clock.jpg
+++ b/static/assets/world-clock/world-clock.jpg
diff --git a/static/yapyap/hello.png b/static/assets/yapyap/hello.png
index d141cd3..d141cd3 100644
--- a/static/yapyap/hello.png
+++ b/static/assets/yapyap/hello.png
diff --git a/static/yapyap/pid1.jpg b/static/assets/yapyap/pid1.jpg
index 99bc1d8..99bc1d8 100644
--- a/static/yapyap/pid1.jpg
+++ b/static/assets/yapyap/pid1.jpg
diff --git a/themes/simple/layouts/partials/footer.html b/themes/simple/layouts/partials/footer.html
index 3d1e481..8881f46 100644
--- a/themes/simple/layouts/partials/footer.html
+++ b/themes/simple/layouts/partials/footer.html
@@ -1,7 +1,9 @@
-<footer class="container-blog px-6 md:p-0 text-gray-400 text-sm mb-12">
-  This website does not track you.
-  Content is made available under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer" class="underline hover:text-gray-800">CC BY 4.0 license</a> unless specified otherwise.
-  Blog feed is available as <a href="/index.xml" target="_blank" class="underline hover:text-gray-800">RSS</a> feed.
+<footer class="container-blog px-6 md:p-0 text-gray-400 text-sm">
+  <p class="pb-12">
+    This website does not track you.
+    Content is made available under the <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer" class="underline hover:text-gray-800">CC BY 4.0 license</a> unless specified otherwise.
+    Blog feed is available as <a href="/index.xml" target="_blank" class="underline hover:text-gray-800">RSS</a> feed.
+  </p>
 </footer>
 
 <!-- katex math library -->
diff --git a/themes/simple/layouts/partials/head.html b/themes/simple/layouts/partials/head.html
index fc79650..28e4466 100644
--- a/themes/simple/layouts/partials/head.html
+++ b/themes/simple/layouts/partials/head.html
@@ -2,187 +2,16 @@
 <meta name="theme-color" content="#ffffff">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-<script src="https://cdn.tailwindcss.com"></script>
 
 <link rel="alternate" type="application/rss+xml" href="/index.xml">
 
 <link
-  href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL69vf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv76+/8LBwQkAAAAAAAAAAAAAAAC+vb3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+9vf/Bv78JAAAAAAAAAAAAAAAAu7q6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7ubr/vr29CAAAAAAAAAAAy8nJAZ6foP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqGj/6GipAoAAAAAHLjU/xcXHf/BwsL/I8XY/yPK3v8XGiD/IbjL/yPF2f8XGiD/Fxkf/yLF2f8gnK3/Fxog/62ztv8fwNf/FRcd/x271v8mz93/GRsi/xkXHf8p097/GiIp/xobIv8p0t3/KdPe/xocIv8fYmr/KNPe/xoZH/8aHCL/J87c/xy81/8VFxz/IsPZ/8zS0/8XGiD/Ir/R/yPH2/8XGiD/Fxkf/yPH2/8dd4T/GBog/yPJ3f8jyNr/uru9/xcUGv8cudb/EhITDKi5vRKlvMP/RUpOERwcHRAdOj4QHTk8EBwdHRAdNTgQHTo/EBwcHRAcHB0QSGduEKW4vf+koqQfHzg+EBqz0ewSFRv7EyMr/xq51vsTERb7ExUb+xq41fsau9j7ExUb+xiPp/sZudb7ExUb+xMVG/sZuNX/GKvI/BIUGfMdvdn/IrfL/xcaIP8n1eb/J9Dh/xkcIf8ZGR7/J8/f/xxCSv8ZGyH/J9Dg/ybQ4P8ZHCL/FSQs/yPK3/8UExj/GE1b/ybS5P8ZGB7/Ghwj/ynW5P8p2Ob/Ghwi/yWrtv8p1eH/Ghwi/xocIv8p1uT/J8XT/xkcIv8m1un/Hb7d/xUYH/8hzOr/HtHu/xcaIf8XGB//I8vi/xgxOv8XGSD/I8rg/yPK4P8XGiD/GUFL/yPP6f8SERj/Fhkh/x3A4f8AAAAAJ2f9/ydr//8mZPH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlYu38J2v//ydo/f8AAAAAAAAAAAd8/fkFqf//Iob8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMY39awWr//8FfP3/AAAAAAAAAAAFm/7/SfD//wR+/f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB/f9B7v//BaX+/wAAAAAAAAAAQ878SAyZ/v9n1v4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu9v8DDJb+/z3N/XgAAAAA3/sAAN/7AADf+wAA3/sAAAAAAAAAAAAAAAAAAN/7AAAAAAAAAAAAAAAAAAAAAAAAj/EAAI/5AACP8QAA3/sAAA=="
-  rel="icon" type="image/x-icon" />
+href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL69vf8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv76+/8LBwQkAAAAAAAAAAAAAAAC+vb3/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+9vf/Bv78JAAAAAAAAAAAAAAAAu7q6/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7ubr/vr29CAAAAAAAAAAAy8nJAZ6foP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnqGj/6GipAoAAAAAHLjU/xcXHf/BwsL/I8XY/yPK3v8XGiD/IbjL/yPF2f8XGiD/Fxkf/yLF2f8gnK3/Fxog/62ztv8fwNf/FRcd/x271v8mz93/GRsi/xkXHf8p097/GiIp/xobIv8p0t3/KdPe/xocIv8fYmr/KNPe/xoZH/8aHCL/J87c/xy81/8VFxz/IsPZ/8zS0/8XGiD/Ir/R/yPH2/8XGiD/Fxkf/yPH2/8dd4T/GBog/yPJ3f8jyNr/uru9/xcUGv8cudb/EhITDKi5vRKlvMP/RUpOERwcHRAdOj4QHTk8EBwdHRAdNTgQHTo/EBwcHRAcHB0QSGduEKW4vf+koqQfHzg+EBqz0ewSFRv7EyMr/xq51vsTERb7ExUb+xq41fsau9j7ExUb+xiPp/sZudb7ExUb+xMVG/sZuNX/GKvI/BIUGfMdvdn/IrfL/xcaIP8n1eb/J9Dh/xkcIf8ZGR7/J8/f/xxCSv8ZGyH/J9Dg/ybQ4P8ZHCL/FSQs/yPK3/8UExj/GE1b/ybS5P8ZGB7/Ghwj/ynW5P8p2Ob/Ghwi/yWrtv8p1eH/Ghwi/xocIv8p1uT/J8XT/xkcIv8m1un/Hb7d/xUYH/8hzOr/HtHu/xcaIf8XGB//I8vi/xgxOv8XGSD/I8rg/yPK4P8XGiD/GUFL/yPP6f8SERj/Fhkh/x3A4f8AAAAAJ2f9/ydr//8mZPH/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlYu38J2v//ydo/f8AAAAAAAAAAAd8/fkFqf//Iob8sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMY39awWr//8FfP3/AAAAAAAAAAAFm/7/SfD//wR+/f8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOB/f9B7v//BaX+/wAAAAAAAAAAQ878SAyZ/v9n1v4KAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu9v8DDJb+/z3N/XgAAAAA3/sAAN/7AADf+wAA3/sAAAAAAAAAAAAAAAAAAN/7AAAAAAAAAAAAAAAAAAAAAAAAj/EAAI/5AACP8QAA3/sAAA=="
+rel="icon" type="image/x-icon" />
 
 <title>{{.Title}}</title>
 <meta name="description" content="{{ .Site.Params.description }}" />
 
+<script src="https://cdn.tailwindcss.com"></script>
 
-<style>
-  .container-blog {
-    max-width: 640px;
-    margin: 0 auto;
-  }
-
-  ::selection {
-    background: rgb(255, 241, 177);
-    color: #000;
-  }
-
-  ::-moz-selection {
-    background: rgb(255, 241, 177);
-    color: #000;
-  }
-
-  article.single img {
-    max-width: 110%;
-    width: 110%;
-    position: relative;
-    left: -5%;
-    margin: 40px auto;
-    display: block;
-    border-radius: 5px;
-  }
-
-  article.single p {
-    display: block;
-    margin-block-start: 1em;
-    margin-block-end: 1em;
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-  }
-
-  article.single ol {
-    display: block;
-    list-style-type: decimal;
-    margin-block-start: 1em;
-    margin-block-end: 1em;
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    padding-inline-start: 40px;
-  }
-
-  article.single ol>li>ol {
-    margin-block-start: 0 !important;
-    margin-block-end: 0 !important;
-    padding-inline-start: 20px;
-  }
-
-  article.single ul {
-    display: block;
-    list-style-type: disc;
-    margin-block-start: 1em;
-    margin-block-end: 1em;
-    margin-inline-start: 0px;
-    margin-inline-end: 0px;
-    padding-inline-start: 40px;
-  }
-
-  article.single code {
-    font-family: monospace;
-    background: rgb(255, 241, 177);
-    border-radius: 5px;
-    padding: 2px 8px;
-    font-weight: 500;
-  }
-
-  article.single pre {
-    background: unset;
-    padding: unset;
-
-    overflow-x: auto;
-    background: #f8f8f8 !important;
-    padding: 15px 20px;
-    border-radius: 5px;
-
-    margin-block-start: 40px;
-    margin-block-end: 40px;
-  }
-
-  article.single pre>code {
-    background: unset;
-    padding: unset;
-    font-weight: 400;
-  }
-
-  article.single h2 {
-    font-size: 180%;
-    line-height: 1.2em;
-    font-weight: 700;
-    margin-block-start: 40px;
-    margin-block-end: 20px;
-  }
-
-  article.single h3 {
-    margin-block-start: 30px;
-    margin-block-end: 20px;
-    font-size: 160%;
-    line-height: 1.2em;
-    font-weight: 700;
-  }
-
-  table {
-    width: 100%;
-  }
-
-  table,
-  th,
-  td {
-    border: 1px solid black;
-    text-align: left;
-  }
-
-  th,
-  td {
-    padding: 5px 10px;
-  }
-
-  article.single a {
-    text-decoration: underline;
-  }
-
-  article.single blockquote {
-    margin-left: 40px;
-    position: relative;
-    margin-block-start: 30px;
-    margin-block-end: 30px;
-    margin-right: 0;
-  }
-
-  article.single blockquote:before {
-    content: ' ';
-    background-image: url('/general/alert-light.svg');
-    background-size: 30px 30px;
-    height: 30px;
-    width: 30px;
-    position: absolute;
-    left: -40px;
-    top: 6px;
-  }
-
-  article.single blockquote p {
-    padding-left: 10px;
-  }
-
-  article.single video {
-    max-width: 100%;
-    margin: 30px auto;
-    display: block;
-    border-radius: 5px;
-    background: #f8f8f8 !important;
-  }
-
-  article.single audio {
-    width: 100%;
-    outline: none;
-  }
-
-  article.single .katex-display {
-    margin-block-start: 40px;
-    margin-block-end: 40px;
-  }
-
-  @media only screen and (max-width: 600px) {
-    article img {
-      max-width: 100%;
-      position: initial;
-      margin: 20px auto;
-    }
-  }
-</style>
+{{ partial "tailwind.html" . }}
diff --git a/themes/simple/layouts/partials/tailwind.html b/themes/simple/layouts/partials/tailwind.html
new file mode 100644
index 0000000..078882c
--- /dev/null
+++ b/themes/simple/layouts/partials/tailwind.html
@@ -0,0 +1,106 @@
+<style type="text/tailwindcss">
+  @layer utilities {
+
+    /* Container */
+    .container-blog {
+      max-width: 640px;
+      margin: 0 auto;
+    }
+
+    /* User text selection */
+    ::selection {
+      @apply bg-yellow-100 text-black;
+    }
+
+    ::-moz-selection {
+      @apply bg-yellow-100 text-black;
+    }
+
+    /* Headings */
+    article.single h2 {
+      @apply text-2xl font-bold mb-4 mt-8;
+    }
+
+    article.single h3 {
+      @apply text-xl font-bold mb-4 mt-8;
+    }
+
+    article.single h4 {
+      @apply text-lg font-bold mb-4 mt-8;
+    }
+
+    /* Paragraph */
+    article.single p {
+      @apply mb-5;
+    }
+
+    /* Links */
+    article.single a {
+      @apply underline hover:bg-yellow-200;
+    }
+
+    /* Blockquote */
+    article.single blockquote {
+      background-image: url('/general/alert-light.svg');
+      background-size: 30px 30px;
+      background-repeat: no-repeat;
+      background-position: 0 5px;
+      @apply pl-12 my-8;
+    }
+
+    /* Media: Images, audio, video */
+    article.single img {
+      @apply rounded w-full !bg-gray-50 my-8;
+    }
+
+    article.single video {
+      @apply rounded w-full !bg-gray-50;
+    }
+
+    article.single audio {
+      @apply w-full mb-6;
+    }
+
+    /* Code */
+    article.single code {
+      @apply bg-yellow-200 rounded px-2 py-1 text-xs font-medium;
+    }
+
+    article.single pre {
+      @apply !bg-gray-50 rounded text-xs p-4 mb-6 overflow-x-auto;
+    }
+
+    article.single pre code {
+      background: unset;
+      padding: unset;
+      @apply leading-relaxed;
+    }
+
+    /* Tables */
+    article.single table {
+      @apply w-full border border-black border-collapse mb-4;
+    }
+
+    article.single table tr,
+    article.single table td,
+    article.single table th {
+      @apply px-4 py-2 border text-left;
+    }
+
+    /* Unordered list */
+    article.single ul {
+      @apply list-disc pl-6 md:pl-10 mb-6;
+    }
+
+    /* Ordered list */
+    article.single ol {
+      @apply list-decimal pl-8 md:pl-10;
+    }
+
+    /* Katex */
+    article.single .katex-display {
+      @apply my-10;
+    }
+
+  }
+</style>