Moved statis assets and converted all CSS to Tailwind

18 files changed, 70 insertions, 70 deletions

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.