55 files changed, 450 insertions, 829 deletions

diff --git a/.nojekyll b/.nojekyll
deleted file mode 100644
index e69de29..0000000
--- a/.nojekyll
+++ /dev/null
diff --git a/Makefile b/Makefile
index 7af4018..a4db862 100644
--- a/Makefile
+++ b/Makefile
@@ -1,13 +1,11 @@
-GS ?= gostatic
-
-compile: clean
-        $(GS) config
+dev:
+        browser-sync ./public/ -w --no-notify --no-open
 
 clean:
-        -rm public -rf
+        rm -rf public/*
 
-dev: clean
-        $(GS) -w config
+generate:
+        staticgen --generate
 
-deploy: clean compile
+deploy: clean generate
         firebase deploy
diff --git a/src/files/dna-sequence/benchmarks.ods b/assets/dna-sequence/benchmarks.ods
index 62a8e30..62a8e30 100644
--- a/src/files/dna-sequence/benchmarks.ods
+++ b/assets/dna-sequence/benchmarks.ods
diff --git a/src/files/dna-sequence/chart-encoding-speed.png b/assets/dna-sequence/chart-encoding-speed.png
index 7fb106d..7fb106d 100644
--- a/src/files/dna-sequence/chart-encoding-speed.png
+++ b/assets/dna-sequence/chart-encoding-speed.png
diff --git a/src/files/dna-sequence/chart-file-sizes.png b/assets/dna-sequence/chart-file-sizes.png
index 31bfa66..31bfa66 100644
--- a/src/files/dna-sequence/chart-file-sizes.png
+++ b/assets/dna-sequence/chart-file-sizes.png
diff --git a/src/files/dna-sequence/dna-basics.jpg b/assets/dna-sequence/dna-basics.jpg
index c2e7f52..c2e7f52 100644
--- a/src/files/dna-sequence/dna-basics.jpg
+++ b/assets/dna-sequence/dna-basics.jpg
diff --git a/src/files/dna-sequence/quote.png b/assets/dna-sequence/quote.png
index 09fb01c..09fb01c 100644
--- a/src/files/dna-sequence/quote.png
+++ b/assets/dna-sequence/quote.png
diff --git a/src/files/dna-sequence/sample-binary-file.png b/assets/dna-sequence/sample-binary-file.png
index 1e4622a..1e4622a 100644
--- a/src/files/dna-sequence/sample-binary-file.png
+++ b/assets/dna-sequence/sample-binary-file.png
diff --git a/src/files/dna-sequence/sample.png b/assets/dna-sequence/sample.png
index 30f12da..30f12da 100644
--- a/src/files/dna-sequence/sample.png
+++ b/assets/dna-sequence/sample.png
diff --git a/src/files/do-fuse/copy-benchmarks.tsv b/assets/do-fuse/copy-benchmarks.tsv
index c7a7af4..c7a7af4 100644
--- a/src/files/do-fuse/copy-benchmarks.tsv
+++ b/assets/do-fuse/copy-benchmarks.tsv
diff --git a/src/files/do-fuse/fuse-droplets.png b/assets/do-fuse/fuse-droplets.png
index d7ce243..d7ce243 100644
--- a/src/files/do-fuse/fuse-droplets.png
+++ b/assets/do-fuse/fuse-droplets.png
diff --git a/src/files/do-fuse/fuse-spaces.png b/assets/do-fuse/fuse-spaces.png
index 4dcc1c5..4dcc1c5 100644
--- a/src/files/do-fuse/fuse-spaces.png
+++ b/assets/do-fuse/fuse-spaces.png
diff --git a/src/files/do-fuse/sqlite-benchmarks.tsv b/assets/do-fuse/sqlite-benchmarks.tsv
index daa2c21..daa2c21 100644
--- a/src/files/do-fuse/sqlite-benchmarks.tsv
+++ b/assets/do-fuse/sqlite-benchmarks.tsv
diff --git a/src/files/go-profiling/golang-profiling-cpu.pdf b/assets/go-profiling/golang-profiling-cpu.pdf
index 15241cb..15241cb 100644
--- a/src/files/go-profiling/golang-profiling-cpu.pdf
+++ b/assets/go-profiling/golang-profiling-cpu.pdf
diff --git a/src/files/go-profiling/golang-profiling-mem.pdf b/assets/go-profiling/golang-profiling-mem.pdf
index 822e445..822e445 100644
--- a/src/files/go-profiling/golang-profiling-mem.pdf
+++ b/assets/go-profiling/golang-profiling-mem.pdf
diff --git a/src/files/iot-application/iot-app-output.png b/assets/iot-application/iot-app-output.png
index 1c80589..1c80589 100644
--- a/src/files/iot-application/iot-app-output.png
+++ b/assets/iot-application/iot-app-output.png
diff --git a/src/files/iot-application/iot-rest-example.png b/assets/iot-application/iot-rest-example.png
index 3ed86aa..3ed86aa 100644
--- a/src/files/iot-application/iot-rest-example.png
+++ b/assets/iot-application/iot-rest-example.png
diff --git a/src/files/iot-application/iot-sqlite-db.png b/assets/iot-application/iot-sqlite-db.png
index 82e1e29..82e1e29 100644
--- a/src/files/iot-application/iot-sqlite-db.png
+++ b/assets/iot-application/iot-sqlite-db.png
diff --git a/src/files/iot-application/kcachegrind.png b/assets/iot-application/kcachegrind.png
index 0dc48ab..0dc48ab 100644
--- a/src/files/iot-application/kcachegrind.png
+++ b/assets/iot-application/kcachegrind.png
diff --git a/src/files/iot-application/profiling-viewer.png b/assets/iot-application/profiling-viewer.png
index a450513..a450513 100644
--- a/src/files/iot-application/profiling-viewer.png
+++ b/assets/iot-application/profiling-viewer.png
diff --git a/src/files/iot-application/simple-iot-application-overview.svg b/assets/iot-application/simple-iot-application-overview.svg
index 817666d..817666d 100644
--- a/src/files/iot-application/simple-iot-application-overview.svg
+++ b/assets/iot-application/simple-iot-application-overview.svg
diff --git a/src/files/iot-application/simple-iot-application.zip b/assets/iot-application/simple-iot-application.zip
index 46d3205..46d3205 100644
--- a/src/files/iot-application/simple-iot-application.zip
+++ b/assets/iot-application/simple-iot-application.zip
diff --git a/src/files/iot-application/snakeviz.png b/assets/iot-application/snakeviz.png
index 5bab395..5bab395 100644
--- a/src/files/iot-application/snakeviz.png
+++ b/assets/iot-application/snakeviz.png
diff --git a/src/files/python-profiling/kcachegrind.png b/assets/python-profiling/kcachegrind.png
index 0dc48ab..0dc48ab 100644
--- a/src/files/python-profiling/kcachegrind.png
+++ b/assets/python-profiling/kcachegrind.png
diff --git a/src/files/python-profiling/profiling-viewer.png b/assets/python-profiling/profiling-viewer.png
index a450513..a450513 100644
--- a/src/files/python-profiling/profiling-viewer.png
+++ b/assets/python-profiling/profiling-viewer.png
diff --git a/src/files/python-profiling/snakeviz.png b/assets/python-profiling/snakeviz.png
index 5bab395..5bab395 100644
--- a/src/files/python-profiling/snakeviz.png
+++ b/assets/python-profiling/snakeviz.png
diff --git a/src/files/sentiment-analysis/.ipynb_checkpoints/TF Test-checkpoint.ipynb b/assets/sentiment-analysis/.ipynb_checkpoints/TF Test-checkpoint.ipynb
index e2a85c4..e2a85c4 100644
--- a/src/files/sentiment-analysis/.ipynb_checkpoints/TF Test-checkpoint.ipynb
+++ b/assets/sentiment-analysis/.ipynb_checkpoints/TF Test-checkpoint.ipynb
diff --git a/src/files/sentiment-analysis/.ipynb_checkpoints/sentiment-analysis-checkpoint.ipynb b/assets/sentiment-analysis/.ipynb_checkpoints/sentiment-analysis-checkpoint.ipynb
index 2c0934c..2c0934c 100644
--- a/src/files/sentiment-analysis/.ipynb_checkpoints/sentiment-analysis-checkpoint.ipynb
+++ b/assets/sentiment-analysis/.ipynb_checkpoints/sentiment-analysis-checkpoint.ipynb
diff --git a/src/files/sentiment-analysis/guardian-sa-title-desc-relationship.png b/assets/sentiment-analysis/guardian-sa-title-desc-relationship.png
index 7195bbf..7195bbf 100644
--- a/src/files/sentiment-analysis/guardian-sa-title-desc-relationship.png
+++ b/assets/sentiment-analysis/guardian-sa-title-desc-relationship.png
diff --git a/src/files/sentiment-analysis/sentiment-analysis.ipynb b/assets/sentiment-analysis/sentiment-analysis.ipynb
index 2c0934c..2c0934c 100644
--- a/src/files/sentiment-analysis/sentiment-analysis.ipynb
+++ b/assets/sentiment-analysis/sentiment-analysis.ipynb
diff --git a/config b/config
deleted file mode 100644
index 0861a1a..0000000
--- a/config
+++ /dev/null
@@ -1,40 +0,0 @@
-TEMPLATES = site.tmpl
-SOURCE = src
-OUTPUT = public
-TITLE = Mitja Felicijan
-DESCRIPTION = Fan of science fiction and dabbler in code
-GOOGLE_VERIFICATION = EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA
-TWITTER_HANDLE = @mitjafelicijan
-URL = https://mitjafelicijan.com
-AUTHOR = Mitja Felicijan
-
-notes/*.md:
-        config
-        ext .html
-        tags tags/*.tag
-        markdown
-        template post
-        template page
-
-experiments/*.md:
-        config
-        ext .html
-        tags tags/*.tag
-        markdown
-        template post
-        template page
-
-feed.atom: notes/*.md
-        inner-template
-
-*.md:
-        config
-        ext .html
-        markdown
-        template post
-        template page
-
-index.html: blog/*.md
-        config
-        inner-template
-        template page
diff --git a/src/curriculum-vitae.md b/content/curriculum-vitae.md
index acbd83e..b215b03 100644
--- a/src/curriculum-vitae.md
+++ b/content/curriculum-vitae.md
@@ -1,8 +1,8 @@
-title: Curriculum Vitae
-date: 2018-01-16
-type: page
-hide: false
-----
+~ title: Curriculum Vitae
+~ slug: /curriculum-vitae.html
+~ date: 2018-01-16
+~ template: page
+~ hide: true
 
 **Mitja Felicijan**
 
diff --git a/src/experiments/encoding-binary-data-into-dna-sequence.md b/content/encoding-binary-data-into-dna-sequence.md
index bfcf710..a4f8b86 100644
--- a/src/experiments/encoding-binary-data-into-dna-sequence.md
+++ b/content/encoding-binary-data-into-dna-sequence.md
@@ -1,9 +1,9 @@
-title: Encoding binary data into DNA sequence
-description: Imagine a world where you could go outside and take a leaf from a tree and put it through your personal DNA sequencer and get data like music, videos or computer programs from it
-date: 2019-01-03
-type: post
-hide: false
-----
+~ title: Encoding binary data into DNA sequence
+~ description: Imagine a world where you could go outside and take a leaf from a tree and put it through your ~ personal DNA sequencer and get data like music, videos or computer programs from it
+~ slug: /experiments/encoding-binary-data-into-dna-sequence.html
+~ date: 2019-01-03
+~ template: post
+~ hide: false
 
 ## Initial thoughts
 
@@ -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](/files/dna-sequence/dna-basics.jpg#center)
+![DNA](/assets/dna-sequence/dna-basics.jpg#center)
 
 *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) [^3]*
 
@@ -114,7 +114,7 @@ using a single nucleotide. In this way, we are able to use the 4 bases that comp
 
 With this in mind we can simply encode any data by using two-bit to Nucleotides conversion
 
-```pascal
+```python
 { Algorithm 1: Naive byte array to DNA encode }
 procedure EncodeToDNASequence(f) string
 begin
@@ -179,7 +179,7 @@ FASTA format was extended by [FASTQ](https://en.wikipedia.org/wiki/FASTQ_format)
 
 With this in mind we can create a simple algorithm to create PNG representation of a DNA sequence.
 
-```pascal
+```python
 { Algorithm 2: Naive DNA to PNG encode from FASTA file }
 procedure EncodeDNASequenceToPNG(f)
 begin
@@ -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](/files/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](/files/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](/files/dna-sequence/sample-binary-file.png)
+![Sample binary file 1KB](/assets/dna-sequence/sample-binary-file.png)
 
 We create following binary files:
 - 1KB.bin
@@ -335,7 +335,7 @@ Then we GZIP all the FASTA files to see how much the can be compressed.
 gzip -9 < 10MB.fa > 10MB.fa.gz
 ```
 
-[Download ODS file with benchmarks](/files/dna-sequence/benchmarks.ods).
+[Download ODS file with benchmarks](/assets/dna-sequence/benchmarks.ods).
 
 ## References
 
diff --git a/src/notes/golang-profiling-simplified.md b/content/golang-profiling-simplified.md
index 29e07d6..7b60580 100644
--- a/src/notes/golang-profiling-simplified.md
+++ b/content/golang-profiling-simplified.md
@@ -1,9 +1,9 @@
-title: Golang profiling simplified
-description: Golang profiling demystified
-date: 2017-03-07
-type: post
-hide: false
-----
+~ title: Golang profiling simplified
+~ description: Golang profiling demystified
+~ slug: /notes/golang-profiling-simplified.html
+~ date: 2017-03-07
+~ template: post
+~ hide: false
 
 Many posts have been written regarding profiling in Golang and I haven’t found proper tutorial regarding this. Almost all of them are missing some part of important information and it gets pretty frustrating when you have a deadline and are not finding simple distilled solution.
 
@@ -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](/files/go-profiling/golang-profiling-mem.pdf)
-- [CPU PDF profile example](/files/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/src/experiments/profiling-python-web-applications-with-visual-tools.md b/content/profiling-python-web-applications-with-visual-tools.md
index cf7164c..dd9a692 100644
--- a/src/experiments/profiling-python-web-applications-with-visual-tools.md
+++ b/content/profiling-python-web-applications-with-visual-tools.md
@@ -1,9 +1,9 @@
-title: Profiling Python web applications with visual tools
-description: Missing link when debugging and profiling python web application
-date: 2017-04-21
-type: post
-hide: false
-----
+~ title: Profiling Python web applications with visual tools
+~ description: Missing link when debugging and profiling python web application
+~ slug: /experiments/profiling-python-web-applications-with-visual-tools.html
+~ date: 2017-04-21
+~ template: post
+~ hide: false
 
 I have been profiling my software with KCachegrind for a long time now and I was missing this option when I am developing API's or other web services. I always knew that this is possible but never really took the time and dive into it.
 
@@ -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](/files/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](/files/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](/files/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/src/experiments/simple-iot-application.md b/content/simple-iot-application.md
index c7f59cf..6a8c733 100644
--- a/src/experiments/simple-iot-application.md
+++ b/content/simple-iot-application.md
@@ -1,9 +1,9 @@
-title: Simple IOT application supported by real-time monitoring and data history
-description: Develop simple IOT application with Arduino MKR1000 and Python
-date: 2017-08-11
-type: post
-hide: false
-----
+~ title: Simple IOT application supported by real-time monitoring and data history
+~ description: Develop simple IOT application with Arduino MKR1000 and Python
+~ slug: /experiments/simple-iot-application.html
+~ date: 2017-08-11
+~ template: post
+~ hide: false
 
 ## Initial thoughts
 
@@ -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](/files/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](/files/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](/files/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](/files/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](/files/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/src/notes/simplifying-and-reducing-clutter.md b/content/simplifying-and-reducing-clutter.md
index 483d0dc..7182a4e 100644
--- a/src/notes/simplifying-and-reducing-clutter.md
+++ b/content/simplifying-and-reducing-clutter.md
@@ -1,9 +1,9 @@
-title: Simplifying and reducing clutter in my life and work
-description: Simplifying and reducing clutter in my life and work
-date: 2019-10-14
-type: post
-hide: false
-----
+~ title: Simplifying and reducing clutter in my life and work
+~ description: Simplifying and reducing clutter in my life and work
+~ slug: /notes/simplifying-and-reducing-clutter.html
+~ date: 2019-10-14
+~ template: post
+~ hide: false
 
 I recently moved my main working machine back from Hachintosh to Linux. Well the experiment was interesting and I have done some great work on macOS but it was time to move back.
 
diff --git a/src/experiments/using-digitalocean-spaces-object-storage-with-fuse.md b/content/using-digitalocean-spaces-object-storage-with-fuse.md
index 1d3fe48..e2b3ad8 100644
--- a/src/experiments/using-digitalocean-spaces-object-storage-with-fuse.md
+++ b/content/using-digitalocean-spaces-object-storage-with-fuse.md
@@ -1,9 +1,9 @@
-title: Using DigitalOcean Spaces Object Storage with FUSE
-description: Using DigitalOcean Spaces Object Storage with FUSE
-date: 2018-01-16
-type: post
-hide: false
-----
+~ title: Using DigitalOcean Spaces Object Storage with FUSE
+~ description: Using DigitalOcean Spaces Object Storage with FUSE
+~ slug: /experiments/using-digitalocean-spaces-object-storage-with-fuse.html
+~ date: 2018-01-16
+~ template: post
+~ hide: false
 
 Couple of months ago [DigitalOcean](https://www.digitalocean.com) introduced new product called [Spaces](https://blog.digitalocean.com/introducing-spaces-object-storage/) which is Object Storage very similar to Amazon's S3. This really peaked my interest, because this was something I was missing and even the thought of going over the internet for such functionality was in no interest to me. Also in fashion with their previous pricing this also is very cheap and pricing page is a no-brainer compared to AWS or GCE. [Prices are clearly and precisely defined and outlined](https://www.digitalocean.com/pricing/). You must love them for that :)
 
@@ -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](/files/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](/files/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](/files/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", "/files/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](/files/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", "/files/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/src/experiments/using-sentiment-analysis-for-click-bait-detection-in-rss-feeds.md b/content/using-sentiment-analysis-for-click-bait-detection-in-rss-feeds.md
index ad0362b..d849763 100644
--- a/src/experiments/using-sentiment-analysis-for-click-bait-detection-in-rss-feeds.md
+++ b/content/using-sentiment-analysis-for-click-bait-detection-in-rss-feeds.md
@@ -1,9 +1,9 @@
-title: Using sentiment analysis for click&#8209;bait detection in RSS feeds
-description: Using Python with sentiment analysis to detect if titles in RSS feeds are click-bait
-date: 2019-10-19
-type: post
-hide: false
-----
+~ title: Using sentiment analysis for click&#8209;bait detection in RSS feeds
+~ description: Using Python with sentiment analysis to detect if titles in RSS feeds are click-bait
+~ slug: /experiments/using-sentiment-analysis-for-click-bait-detection-in-rss-feeds.html
+~ date: 2019-10-19
+~ template: post
+~ hide: false
 
 ## Initial thoughts
 
@@ -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](/files/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](/files/sentiment-analysis/sentiment-analysis.ipynb)
+[» Download Jupyter Notebook](/assets/sentiment-analysis/sentiment-analysis.ipynb)
 
 ## Going further
 
diff --git a/src/notes/what-i-ve-learned-developing-ad-server.md b/content/what-i-ve-learned-developing-ad-server.md
index 25f11a3..e546775 100644
--- a/src/notes/what-i-ve-learned-developing-ad-server.md
+++ b/content/what-i-ve-learned-developing-ad-server.md
@@ -1,9 +1,9 @@
-title: What I've learned developing ad server
-description: Lessons I learned developing contextual ad server
-date: 2017-04-17
-type: post
-hide: false
-----
+~ title: What I've learned developing ad server
+~ description: Lessons I learned developing contextual ad server
+~ slug: /notes/what-i-ve-learned-developing-ad-server.html
+~ date: 2017-04-17
+~ template: post
+~ hide: false
 
 For the past year and half I have been developing native advertising server that contextually matches ads and displays them in different template forms on variety of websites. This project grew from serving thousands of ads per day to millions.
 
diff --git a/site.tmpl b/site.tmpl
deleted file mode 100644
index c745997..0000000
--- a/site.tmpl
+++ /dev/null
@@ -1,140 +0,0 @@
-{{ define "header" }}
-<!doctype html>
-<html lang="en">
-
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="theme-color" content="#ffffff">
-    <meta name="google-site-verification" content="{{ html .Site.Other.Google_verification }}">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-
-    <link rel="preconnect" href="https://www.google-analytics.com">
-
-    <link rel="alternate" type="application/atom+xml" title="{{ html .Site.Other.Title }} feed" href="{{ .Rel "feed.atom" }}">
-    <link rel="stylesheet" type="text/css" href="{{ .Rel "static/style.css" }}?v={{ .ModTime.Format "20060102150405" }}">
-    <link rel="icon" type="image/png" href="{{ .Rel "static/avatar-64x64.png" }}?v={{ .ModTime.Format "20060102150405" }}">
-
-    <title>{{ if .Title }}{{ .Title }} - {{ end }}{{ .Site.Other.Title }}</title>
-    <meta name="author" content="{{ html .Site.Other.Author }}">
-    <meta name="description" content="{{ if .Other.Description  }}{{ .Other.Description }}{{ else }}{{ html .Site.Other.Description }}{{ end }}">
-
-    <meta property="og:title" content="{{ if .Title }}{{ .Title }} - {{ end }}{{ .Site.Other.Title }}">
-    <meta property="og:description" content="{{ if .Other.Description  }}{{ .Other.Description }}{{ else }}{{ html .Site.Other.Description }}{{ end }}">
-    <meta property="og:url" content="{{ .Site.Other.Url }}/{{ .Url }}">
-
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="{{ html .Site.Other.Twitter_handle }}">
-  </head>
-
-  <body>
-    <main>
-      {{ end }}
-      {{ define "footer" }}
-    </main>
-    {{ template "ga" . }}
-  </body>
-
-</html>
-{{ end }}
-
-{{ define "navigation" }}
-<nav>
-  <a href="/">{{ html .Site.Other.Author }}</a>
-  <a href="/curriculum-vitae.html">CV</a>
-  <a href="https://twitter.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Twitter</a>
-  <a href="https://github.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Github</a>
-</nav>
-{{ end }}
-
-{{ define "author" }}
-<span>by {{ html .Site.Other.Author }}</span>
-{{ end }}
-
-{{define "date"}}
-<time datetime="{{ .Format "2006-01-02T15:04:05Z07:00" }}">
-  {{ .Format "2006, January 02" }}
-</time>
-{{end}}
-
-{{define "modified"}}
-<p class="modified">Modified on {{ .ModTime.Format "2006-01-02T15:04:05" }}</p>
-{{end}}
-
-{{ define "page" }}
-{{ template "header" . }}
-{{ template "navigation" . }}
-{{ .Content }}
-{{ template "prism" . }}
-{{ template "mathjax" . }}
-{{ template "footer" . }}
-{{ end }}
-
-{{ define "post" }}
-<article>
-  <header>
-    <h1>{{ .Title }}</h1>
-    {{ if eq .Other.Type "post" }}
-    <div class="info">
-      {{ template "date" .Date }}
-      {{ template "author" . }}
-    </div>
-    {{ end }}
-  </header>
-  <section>
-    {{ .Content }}
-  </section>
-</article>
-
-{{ if eq .Other.Type "post" }}
-{{ template "comments" . }}
-{{ end }}
-
-{{ template "modified" . }}
-{{ end }}
-
-{{ define "mathjax" }}
-<script type="text/x-mathjax-config">
-    MathJax.Hub.Config({
-      TeX: { equationNumbers: { autoNumber: "AMS" } },
-      tex2jax: {
-        inlineMath: [ [ '$', '$' ], [ '\\(', '\\)' ] ],
-        displayMath: [ ['$$', '$$'] ],
-        processEscapes: true
-      }});
-  </script>
-<script src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML" async="async"></script>
-{{ end }}
-
-{{ define "ga" }}
-<script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-12769079-10"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag() {
-    dataLayer.push(arguments);
-  }
-  gtag('js', new Date());
-  gtag('config', 'UA-12769079-10');
-</script>
-{{ end }}
-
-{{ define "prism" }}
-<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-core.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/plugins/autoloader/prism-autoloader.min.js"></script>
-{{ end }}
-
-{{ define "comments" }}
-<div class="comments">
-  <h3>Comments</h3>
-  <div class="form">
-    <div><input id="name" placeholder="Your name" maxlength="20"></div>
-    <div><textarea id="comment" placeholder="Your comment" maxlength="500"></textarea></div>
-    <div><button id="submit">Post a comment</button></div>
-  </div>
-  <ul></ul>
-</div>
-
-<script src="https://www.gstatic.com/firebasejs/7.2.1/firebase-app.js"></script>
-<script src="https://www.gstatic.com/firebasejs/7.2.1/firebase-database.js"></script>
-<script src="{{ .Rel "static/comments.js" }}?v={{ .ModTime.Format "20060102150405" }}" async></script>
-{{ end }}
diff --git a/src/404.html b/src/404.html
deleted file mode 100644
index 0f0a0b9..0000000
--- a/src/404.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<h1>Content you are looking for is not here.</h1>
-
-<a href="/">« Return to main page</a>
diff --git a/src/comments.html b/src/comments.html
deleted file mode 100644
index 3d990da..0000000
--- a/src/comments.html
+++ /dev/null
@@ -1,100 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-  <head>
-    <meta charset="utf-8">
-    <meta name="theme-color" content="#ffffff">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Commenta dashboard</title>
-
-    <style>
-      th {
-        text-align: left;
-      }
-
-      .comment-item {
-        padding: 10px 0 30px 0;
-        border-bottom: 2px inset gray;
-      }
-    </style>
-
-  </head>
-
-  <body>
-
-    <h1>Comments</h1>
-    <div id="results"></div>
-
-    <script src="https://www.gstatic.com/firebasejs/7.2.1/firebase-app.js"></script>
-    <script src="https://www.gstatic.com/firebasejs/7.2.1/firebase-database.js"></script>
-    <script src="static/comments.js"></script>
-
-    <script>
-
-      // var tableResults = document.querySelector('#results tbody');
-      var resultsPlaceholder = document.querySelector('#results');
-
-      function snapshotToArray(snapshot) {
-        var returnArr = [];
-        snapshot.forEach(function (childSnapshot) {
-          var arrItem = childSnapshot.val();
-          arrItem.key = childSnapshot.key;
-          returnArr.push(arrItem);
-        });
-
-        var comments = [];
-        returnArr.forEach(function (item) {
-          var keys = Object.keys(item);
-          for (var key of keys) {
-            let group = item.key;
-            if (key !== 'key') {
-              for (var itemKey of Object.keys(item[key])) {
-                item[key][itemKey].slug = key;
-                item[key][itemKey].group = group;
-                item[key][itemKey].itemKey = itemKey
-                comments.push(item[key][itemKey]);
-              }
-            }
-          }
-        });
-
-        return comments;
-      };
-
-      var path = window.location.hostname.replace('.', '-') + '/comments';
-      var ref = firebase.database().ref(path);
-      ref.on("value", function (snap) {
-        resultsPlaceholder.innerHTML = '';
-        var comments = snapshotToArray(snap);
-        comments.forEach(function (item) {
-          var commentContent = document.createElement('div');
-
-          commentContent.classList.add('comment-item');
-          commentContent.innerHTML = `
-            <p><b>${item.name} (${item.published})</b><br>
-               <i>${item.group}/${item.slug}</i></p>
-            <p>${item.comment}</p>
-          `;
-
-          var buttonDelete = document.createElement('button');
-          buttonDelete.innerText = 'Delete comment';
-          buttonDelete.dataset.id = `${window.location.hostname.replace('.', '-')}/comments/${item.group}/${item.slug}/${item.itemKey}`;
-          buttonDelete.addEventListener('click', function (evt) {
-            if (confirm('Are you sure you want to delete this comment?')) {
-              firebase.database().ref(evt.target.dataset.id).remove();
-            }
-          });
-
-          commentContent.appendChild(buttonDelete);
-          resultsPlaceholder.appendChild(commentContent);
-        });
-      }, function (errorObject) {
-        console.log(`The read failed: ${errorObject.code}`);
-      });
-
-    </script>
-
-  </body>
-
-</html>
diff --git a/src/feed.atom b/src/feed.atom
deleted file mode 100644
index dda420c..0000000
--- a/src/feed.atom
+++ /dev/null
@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom" xmlns:thr="http://purl.org/syndication/thread/1.0">
-  <id>{{ .Site.Other.Url }}</id>
-  <title>{{ .Site.Other.Title }}</title>
-  {{ with .Site.Pages.Children "notes/" }}
-  <updated>{{ .First.Date.Format "2006-01-02T15:04:05Z07:00" }}</updated>
-  {{ end }}
-  <author><name>{{ .Site.Other.Author }}</name></author>
-  <link href="{{ .Site.Other.Url }}" rel="alternate"></link>
-  <generator uri="https://github.com/piranha/gostatic">gostatic</generator>
-
-{{ with .Site.Pages.Children "notes/" }}
-{{ range .Slice 0 5 }}
-<entry>
-  <id>{{ .Url }}</id>
-  <author><name>{{ or .Other.Author .Site.Other.Author }}</name></author>
-  <title type="html">{{ html .Title }}</title>
-  <published>{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}</published>
-  {{ range .Tags }}
-  <category term="{{ . }}"></category>
-  {{ end }}
-  <link href="{{ .Site.Other.Url }}/{{ .Url }}" rel="alternate"></link>
-  <content type="html">
-    {{/* .Process runs here in case only feed changed */}}
-    {{ with cut "<section>" "</section>" .Process.Content }}
-      {{ html . }}
-    {{ end }}
-  </content>
-</entry>
-{{ end }}
-{{ end }}
-
-{{ with .Site.Pages.Children "experiments/" }}
-{{ range .Slice 0 5 }}
-<entry>
-  <id>{{ .Url }}</id>
-  <author><name>{{ or .Other.Author .Site.Other.Author }}</name></author>
-  <title type="html">{{ html .Title }}</title>
-  <published>{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}</published>
-  {{ range .Tags }}
-  <category term="{{ . }}"></category>
-  {{ end }}
-  <link href="{{ .Site.Other.Url }}/{{ .Url }}" rel="alternate"></link>
-  <content type="html">
-    {{/* .Process runs here in case only feed changed */}}
-    {{ with cut "<section>" "</section>" .Process.Content }}
-      {{ html . }}
-    {{ end }}
-  </content>
-</entry>
-{{ end }}
-{{ end }}
-
-
-</feed>
diff --git a/src/index.html b/src/index.html
deleted file mode 100644
index 6b987f7..0000000
--- a/src/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<h2>Experiments</h2>
-<ul class="article-list">
-{{ range .Site.Pages.Children "experiments/" }}
-  <li>
-    <div>
-      <time>{{ template "date" .Date }}</time>
-      <a href="{{ $.Rel .Url }}" title="{{ .Title }}">{{ .Title }}</a>
-    </div>
-  </li>
-{{ end }}
-</ul>
-
-<h2>General notes</h2>
-<ul class="article-list">
-{{ range .Site.Pages.Children "notes/" }}
-  <li>
-    <time>{{ template "date" .Date }}</time>
-    <a href="{{ $.Rel .Url }}" title="{{ .Title }}">{{ .Title }}</a>
-  </li>
-{{ end }}
-</ul>
diff --git a/src/static/comments.js b/src/static/comments.js
deleted file mode 100644
index 3f373e5..0000000
--- a/src/static/comments.js
+++ /dev/null
@@ -1,65 +0,0 @@
-var firebaseConfig = {
-  apiKey: "AIzaSyD3E0XtiUJI4-JIxcIPZziNLGVaTdojz20",
-  authDomain: "mitja-felicijan-blog.firebaseapp.com",
-  databaseURL: "https://mitja-felicijan-blog.firebaseio.com",
-  projectId: "mitja-felicijan-blog",
-  storageBucket: "mitja-felicijan-blog.appspot.com",
-  messagingSenderId: "41650892882",
-  appId: "1:41650892882:web:b308f0a9c47198bdf7ef8b"
-};
-firebase.initializeApp(firebaseConfig);
-
-var database = firebase.database();
-var docPath = window.location.hostname.replace('.', '-') + '/comments' + window.location.pathname.replace('.html', '');
-var submit = document.querySelector('#submit');
-var comments = document.querySelector('.comments ul');
-var textName = document.querySelector('#name');
-var textComment = document.querySelector('#comment');
-var ref = firebase.database().ref(docPath);
-
-function encodeHTML(s) {
-  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/"/g, '&quot;');
-}
-
-if (submit) {
-  ref.on("value", function (snapshot) {
-    comments.innerHTML = '';
-    var commentList = Array();
-
-    // generating normal array
-    snapshot.forEach(function (item) {
-      commentList.push(item.val())
-    });
-
-    // rendering html
-    commentList.reverse().forEach(function (item) {
-      var liItem = `<li>
-          <div><b>${encodeHTML(item.name)}</b> - ${encodeHTML(item.published)}</div>
-          <div>${encodeHTML(item.comment)}</div>
-        </li>`;
-      comments.innerHTML += liItem;
-    });
-
-  }, function (errorObject) {
-    console.log("The read failed: " + errorObject.code);
-  });
-
-  submit.addEventListener('click', function (evt) {
-    if (textName.value && textComment.value) {
-      submit.disabled = true;
-      firebase.database().ref(docPath + '/' + Date.now()).set({
-        name: textName.value,
-        comment: textComment.value,
-        published: new Date().toISOString().slice(0, 16).replace('T', ' '),
-      }, function (error) {
-        if (error) {
-          alert('Data could not be saved.' + error);
-        } else {
-          textName.value = '';
-          textComment.value = '';
-          submit.disabled = false;
-        }
-      });
-    }
-  });
-}
diff --git a/src/static/style.css b/src/static/style.css
deleted file mode 100644
index d2b3203..0000000
--- a/src/static/style.css
+++ /dev/null
@@ -1,319 +0,0 @@
-* {
-  box-sizing: border-box;
-}
-
-body {
-    line-height: 150%;
-    margin-bottom: 100px;
-    font-family: serif;
-}
-
-main {
-    max-width: 760px;
-    padding: 20px 30px;
-}
-
-nav {
-    margin-bottom: 50px;
-}
-
-nav a {
-    display: inline-block;
-    margin-right: 20px;
-}
-
-h1 {
-    font-size: 280%;
-    line-height: initial;
-}
-
-h2 {
-    font-size: 200%;
-    line-height: initial;
-}
-
-h3 {
-    font-size: 160%;
-    line-height: initial;
-}
-
-img {
-    max-width: 100%;
-    margin: 30px auto;
-    display: block;
-}
-
-ul.article-list li {
-  margin-bottom: 10px;
-}
-
-ul.article-list li div {
-  display: flex;
-}
-
-ul.article-list time {
-  display: inline-block;
-  min-width: 160px;
-}
-
-
-article .info {
-    font-style: oblique;
-}
-
-pre {
-    overflow: auto;
-}
-
-table {
-    width: 100%;
-}
-
-table, th, td {
-    border: 1px solid black;
-    text-align: left;
-}
-
-th, td {
-    padding: 5px 10px;
-}
-
-code, pre {
-  font-size: 14px;
-}
-
-code {
-  background: rgb(255, 241, 177);
-  padding: 2px 5px;
-}
-
-pre > code {
-  background: unset;
-  padding: unset;
-}
-
-p.modified {
-    font-style: oblique;
-    font-size: 90%;
-    margin-top: 50px;
-}
-
-::selection {
-    background: #ff0;
-    color: #000;
-}
-
-::-moz-selection {
-    background: #ff0;
-    color: #000;
-}
-
-.comments {
-  margin-top: 50px;
-}
-.comments ul {
-  margin-top: 30px;
-  padding-left: 15px;
-}
-.comments ul li {
-  margin-bottom: 20px;
-}
-.comments input,
-.comments textarea {
-  width: 100%;
-  padding: 10px;
-  margin-bottom: 10px;
-  font-family: inherit;
-  font-size: inherit;
-  border: 1px solid lightgray;
-}
-.comments textarea {
-  resize: vertical;
-  height: 100px;
-}
-
-@media only screen and (max-width:480px) {
-    main {
-        padding: 20px;
-    }
-
-    nav {
-        text-align: center;
-        margin-bottom: initial;
-    }
-
-    nav a {
-        margin-bottom: 10px;
-    }
-
-    ul.article-list {
-        padding-left: 20px;
-
-    }
-
-    ul.article-list li {
-        margin-bottom: 20px;
-
-    }
-
-    ul.article-list li div {
-        display: block;
-        margin-top: 15px;
-      }
-
-    ul.article-list a {
-        display: block;
-        margin-top: 5px;
-    }
-
-    h1 {
-        font-size: 220%;
-    }
-
-    h2 {
-        font-size: 180%;
-    }
-
-    h3 {
-        font-size: 160%;
-    }
-}
-
-@media (prefers-color-scheme: light) {
-    body {
-        background-color: white;
-        color: black;
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-    body {
-        background-color: rgb(30, 30, 30);
-        color: white;
-    }
-
-    a {
-        color: white;
-    }
-}
-
-/* prism theme */
-
-/**
- * GHColors theme by Avi Aryan (http://aviaryan.in)
- * Inspired by Github syntax coloring
- */
-
-code[class*="language-"],
-pre[class*="language-"] {
-     color: #393A34;
-     font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
-     direction: ltr;
-     text-align: left;
-     white-space: pre;
-     word-spacing: normal;
-     word-break: normal;
-     line-height: 1.2em;
-
-     -moz-tab-size: 4;
-     -o-tab-size: 4;
-     tab-size: 4;
-
-     -webkit-hyphens: none;
-     -moz-hyphens: none;
-     -ms-hyphens: none;
-     hyphens: none;
- }
-
- pre > code[class*="language-"] {
-
- }
-
- pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
- code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-     background: #b3d4fc;
- }
-
- pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
- code[class*="language-"]::selection, code[class*="language-"] ::selection {
-     background: #b3d4fc;
- }
-
- /* Code blocks */
- pre[class*="language-"] {
-     padding: 1em;
-     margin: .5em 0;
-     overflow: auto;
-     border: 1px solid #dddddd;
-     background-color: white;
- }
-
- /* Inline code */
- :not(pre) > code[class*="language-"] {
-     padding: .2em;
-     padding-top: 1px; padding-bottom: 1px;
-     background: #f8f8f8;
-     border: 1px solid #dddddd;
- }
-
- .token.comment,
- .token.prolog,
- .token.doctype,
- .token.cdata {
-     color: #999988; font-style: italic;
- }
-
- .token.namespace {
-     opacity: .7;
- }
-
- .token.string,
- .token.attr-value {
-     color: #e3116c;
- }
- .token.punctuation,
- .token.operator {
-     color: #393A34; /* no highlight */
- }
-
- .token.entity,
- .token.url,
- .token.symbol,
- .token.number,
- .token.boolean,
- .token.variable,
- .token.constant,
- .token.property,
- .token.regex,
- .token.inserted {
-     color: #36acaa;
- }
-
- .token.atrule,
- .token.keyword,
- .token.attr-name,
- .language-autohotkey .token.selector {
-     color: #00a4db;
- }
-
- .token.function,
- .token.deleted,
- .language-autohotkey .token.tag {
-     color: #9a050f;
- }
-
- .token.tag,
- .token.selector,
- .language-autohotkey .token.keyword {
-     color: #00009f;
- }
-
- .token.important,
- .token.function,
- .token.bold {
-     font-weight: bold;
- }
-
- .token.italic {
-     font-style: italic;
-}
diff --git a/src/static/avatar-512x512.png b/static/avatar-512x512.png
index fc34eee..fc34eee 100644
--- a/src/static/avatar-512x512.png
+++ b/static/avatar-512x512.png
diff --git a/src/static/avatar-64x64.png b/static/avatar-64x64.png
index 1406f46..1406f46 100644
--- a/src/static/avatar-64x64.png
+++ b/static/avatar-64x64.png
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..1254dc9
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,172 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  line-height: 150%;
+  margin-bottom: 100px;
+  font-family: serif;
+}
+
+main {
+  max-width: 760px;
+  padding: 20px 30px;
+}
+
+nav {
+  margin-bottom: 50px;
+}
+
+nav a {
+  display: inline-block;
+  margin-right: 20px;
+}
+
+h1 {
+  font-size: 280%;
+  line-height: initial;
+}
+
+h2 {
+  font-size: 200%;
+  line-height: initial;
+}
+
+h3 {
+  font-size: 160%;
+  line-height: initial;
+}
+
+img {
+  max-width: 100%;
+  margin: 30px auto;
+  display: block;
+}
+
+ul.article-list li {
+  margin-bottom: 10px;
+}
+
+ul.article-list li div {
+  display: flex;
+}
+
+ul.article-list time {
+  display: inline-block;
+  min-width: 160px;
+}
+
+article .info {
+  font-style: oblique;
+}
+
+pre {
+  overflow: auto;
+}
+
+table {
+  width: 100%;
+}
+
+table, th, td {
+  border: 1px solid black;
+  text-align: left;
+}
+
+th, td {
+  padding: 5px 10px;
+}
+
+code, pre {
+  font-size: 13px;
+}
+
+code {
+  background: rgb(255, 241, 177);
+  padding: 2px 5px;
+}
+
+pre > code {
+  background: unset;
+  padding: unset;
+}
+
+p.modified {
+  font-style: oblique;
+  font-size: 90%;
+  margin-top: 50px;
+}
+
+::selection {
+  background: #ff0;
+  color: #000;
+}
+
+::-moz-selection {
+  background: #ff0;
+  color: #000;
+}
+
+@media only screen and (max-width:480px) {
+  main {
+    padding: 20px;
+  }
+
+  nav {
+    text-align: center;
+    margin-bottom: initial;
+  }
+
+  nav a {
+    margin-bottom: 10px;
+  }
+
+  ul {
+    padding-left: 20px;
+  }
+
+  ul.article-list li {
+    margin-bottom: 20px;
+
+  }
+
+  ul.article-list li div {
+    display: block;
+    margin-top: 15px;
+    }
+
+  ul.article-list a {
+    display: block;
+    margin-top: 5px;
+  }
+
+  h1 {
+    font-size: 220%;
+  }
+
+  h2 {
+    font-size: 180%;
+  }
+
+  h3 {
+    font-size: 160%;
+  }
+}
+
+@media (prefers-color-scheme: light) {
+  body {
+    background-color: white;
+    color: black;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: rgb(30, 30, 30);
+    color: white;
+  }
+
+  a {
+    color: white;
+  }
+}
diff --git a/staticgen.yml b/staticgen.yml
new file mode 100644
index 0000000..447daa2
--- /dev/null
+++ b/staticgen.yml
@@ -0,0 +1,21 @@
+# folders
+content: content/
+public: public/
+templates: templates/
+static: static/
+assets: assets/
+
+# global settings
+title: Mitja Felicijan
+description: Fan of science fiction and dabbler in code
+author: Mitja Felicijan
+email: mitja.felicijan@gmail.com
+domain: https://mitjafelicijan.com
+twitter: @mitjafelicijan
+
+# use name of css file without .css extension
+# https://github.com/highlightjs/highlight.js/tree/master/src/styles
+highlightStye: github
+
+# google analytics
+ga: UA-12769079-10
diff --git a/templates/index.twig b/templates/index.twig
new file mode 100644
index 0000000..4a0eb00
--- /dev/null
+++ b/templates/index.twig
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <meta name="theme-color" content="#ffffff">
+    <meta name="generator" content="https://github.com/mitjafelicijan/staticgen">
+
+    <link rel="preconnect" href="https://www.google-analytics.com">
+
+    <title>{{ global.title }}</title>
+    <meta name="author" content="{{ global.author }}">
+    <meta name="description" content="{{ global.description }}">
+
+    <meta property="og:title" content="{{ global.title }}">
+    <meta property="og:description" content="{{ global.description }}">
+    <meta property="og:url" content="{{ global.domain }}">
+
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="{{ global.twitter }}">
+
+    <link rel="alternate" type="application/atom+xml" title="{{ global.author }}'s feed" href="/feed.atom">
+    <link rel="stylesheet" href="/static/style.css?v={{ "now"|date("YmdHi") }}">
+    <link rel="icon" type="image/png" href="/static/avatar-64x64.png?v={{ "now"|date("YmdHi") }}">
+
+  </head>
+
+  <body>
+
+    <main>
+
+      {% include "partials/navigation.twig" %}
+
+      <h2>Notes</h2>
+
+      <ul class="article-list">
+        {% for item in list %}
+        <li>
+          <time datetime="{{ item.date|date("Y, F j") }}">{{ item.date|date("Y, F j") }}</time>
+          <a href="{{ item.slug }}">{{ item.title }}</a>
+        </li>
+        {% endfor %}
+      </ul>
+
+    </main>
+
+    <!-- google analytics -->
+    {{ global.ga }}
+
+  </body>
+
+</html>
diff --git a/templates/page.twig b/templates/page.twig
new file mode 100644
index 0000000..128e321
--- /dev/null
+++ b/templates/page.twig
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <meta name="theme-color" content="#ffffff">
+    <meta name="generator" content="https://github.com/mitjafelicijan/staticgen">
+
+    <link rel="preconnect" href="https://www.google-analytics.com">
+
+    <title>{{ options.title }}</title>
+    <meta name="author" content="{{ global.author }}">
+    <meta name="description" content="{{ options.description }}">
+
+    <meta property="og:title" content="{{ options.title }}">
+    <meta property="og:description" content="{{ options.description }}">
+    <meta property="og:url" content="{{ global.domain }}{{ options.slug }}">
+
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="{{ global.twitter }}">
+
+    <link rel="alternate" type="application/atom+xml" title="{{ global.author }}'s feed" href="/feed.atom">
+    <link rel="stylesheet" href="/static/style.css?v={{ "now"|date("YmdHi") }}">
+    <link rel="icon" type="image/png" href="/static/avatar-64x64.png?v={{ "now"|date("YmdHi") }}">
+
+  </head>
+
+  <body>
+
+    <main>
+
+      {% include "partials/navigation.twig" %}
+
+      <article>
+        <header>
+          <h1>{{ options.title }}</h1>
+        </header>
+        {{ content }}
+      </article>
+
+    </main>
+
+    <!-- google analytics -->
+    {{ global.ga }}
+
+  </body>
+
+</html>
diff --git a/templates/partials/navigation.twig b/templates/partials/navigation.twig
new file mode 100644
index 0000000..cff6152
--- /dev/null
+++ b/templates/partials/navigation.twig
@@ -0,0 +1,6 @@
+<nav>
+  <a href="/">Mitja Felicijan</a>
+  <a href="/curriculum-vitae.html">CV</a>
+  <a href="https://twitter.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Twitter</a>
+  <a href="https://github.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Github</a>
+</nav>
diff --git a/templates/post.twig b/templates/post.twig
new file mode 100644
index 0000000..bd9fdaa
--- /dev/null
+++ b/templates/post.twig
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <meta name="theme-color" content="#ffffff">
+    <meta name="generator" content="https://github.com/mitjafelicijan/staticgen">
+
+    <link rel="preconnect" href="https://www.google-analytics.com">
+
+    <title>{{ options.title }}</title>
+    <meta name="author" content="{{ global.author }}">
+    <meta name="description" content="{{ options.description }}">
+
+    <meta property="og:title" content="{{ options.title }}">
+    <meta property="og:description" content="{{ options.description }}">
+    <meta property="og:url" content="{{ global.domain }}{{ options.slug }}">
+
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="{{ global.twitter }}">
+
+    <link rel="alternate" type="application/atom+xml" title="{{ global.author }}'s feed" href="/feed.atom">
+    <link rel="stylesheet" href="/static/style.css?v={{ "now"|date("YmdHi") }}">
+    <link rel="icon" type="image/png" href="/static/avatar-64x64.png?v={{ "now"|date("YmdHi") }}">
+
+  </head>
+
+  <body>
+
+    <main>
+
+      {% include "partials/navigation.twig" %}
+
+      <article>
+        <header>
+          <h1>{{ options.title }}</h1>
+          <div class="info">
+            <time datetime="{{ item.date|date("Y, F j") }}">{{ item.date|date("Y, F j") }}</time>
+            <span>by {{ global.author }}</span>
+          </div>
+        </header>
+        {{ content }}
+      </article>
+
+    </main>
+
+    <!-- code highlighting -->
+    {{ global.highlight }}
+
+    <!-- google analytics -->
+    {{ global.ga }}
+
+  </body>
+
+</html>