Cleanup of repo and move to gostatic

74 files changed, 398 insertions, 3088 deletions

diff --git a/.editorconfig b/.editorconfig
index 1923d41..9f48fab 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -1,8 +1,6 @@
 root = true
 
 [*]
-indent_style = space
-indent_size = 2
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..2411164
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,11 @@
+GS ?= gostatic
+
+compile:
+        $(GS) config
+
+w:
+        -rm public -rf
+        $(GS) -w config
+
+deploy: compile
+        firebase deploy
diff --git a/config b/config
new file mode 100644
index 0000000..fa65564
--- /dev/null
+++ b/config
@@ -0,0 +1,39 @@
+TEMPLATES = site.tmpl
+SOURCE = src
+OUTPUT = public
+TITLE = Mitja Felicijan - Embedded systems developer
+DESCRIPTION = Embedded systems developer and fanatical fan of science fiction
+GOOGLE_VERIFICATION = EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA
+URL = https://mitjafelicijan.com
+AUTHOR = Mitja Felicijan
+
+blog/*.md:
+        config
+        ext .html
+        tags tags/*.tag
+        markdown
+        template post
+        template page
+
+research/*.md:
+        config
+        ext .html
+        tags tags/*.tag
+        markdown
+        template post
+        template page
+
+feed.atom: blog/*.md
+        inner-template
+
+*.md:
+        config
+        ext .html
+        markdown
+        template post
+        template page
+
+index.html: blog/*.md
+        config
+        inner-template
+        template page
diff --git a/content/2015-11-10-software-development-pitfalls.md b/content/2015-11-10-software-development-pitfalls.md
deleted file mode 100644
index 76924fe..0000000
--- a/content/2015-11-10-software-development-pitfalls.md
+++ /dev/null
@@ -1,86 +0,0 @@
----
-
-layout: post
-title: Software development and my favorite pitfalls
-description: Couple of observations regarding project management.
-slug: software-development-pitfalls
-date: 2015-11-10
----
-
-**Table of contents**
-
-1. [Initial thoughts](#initial-thoughts)
-2. [Ping emails](#ping-emails)
-3. [Everybody is a project manager](#everybody-is-a-project-manager)
-4. [We are never wrong](#we-are-never-wrong)
-5. [Micromanaging](#micromanaging)
-6. [Human contact, no need for it!](#human-contact-no-need-for-it)
-7. [MVP is killing innovation](#mvp-is-killing-innovation)
-8. [Pressure wasteland](#pressure-wasteland)
-9. [Conclusion](#conclusion)
-
-## Initial thoughts
-
-Over the years I had privilege to work on some very excited projects both in software development field and also in electronics field and every experience taught me some invaluable lessons about how NOT TO approach development. And through this post I will try to point out some of the absurd outdated techniques I find the most annoying and damaging during a development cycle. There will be swearing because this topic really gets on my nerves and I never coherently tried to explain them in writing. So if I get heated up please bare with me :)
-
-As new methods of project management are emerging, underlaying processes still stay old and outdated. This is mainly because we as people are unable to completely shift away from this approaches.
-
-I was always struggling with communication, and many times that cost me a relationship or two because I was not on the ball all the time. Through every experience I became more convinced that I am the problem and never ever doubted that the problem may be that communication never evolved a single step from emails. And if you think for a second, not many thing have changed around this topic. We just have different representations of email (message boards, chats, project management tools). And I believe this is the real problem we are facing now.
-
-There are many articles written about hyper connectivity and the effects that are a direct result of it. But mainstream does nothing towards it. We are just putting out fires and we do nothing to prevent it. I am certain this will be a major source of grief in coming years. And what we all can do to avoid this is to change our mindset and experiment on our communication skills, development approaches. We need to maximize possible output that a person can give. And to achieve this we need to listen to them, encourage them. I know that not everybody is a naturally born leader, but everybody has an opinion.
-
-There are many talks right now about methodologies such as Scrum, Kanban, Cleanroom and they all fucking piss me of :). These are all boxes that imprison people and take away their freedom of thought. This is a straight forward mindfuck / amputation of creativity.
-
-Let me list a couple of things that I find really destructive and bad for a project and in a long run company.
-
-## Ping emails
-
-Ping emails are emails you have to write as soon as you receive an email. It’s sole purpose is to inform sender that you received their email and you are working on it. It’s result is only to calm down the sender that their task is being dealt with. It’s intent basically is, I did my job by sending you this email so I am on clear ground. I categorize this email as fuck you email. This is one of the most irritating types of emails I need to write. This is the ultimate control freak show you can experience and it gives sender false feeling of control. Newsflash: We do not live in 1982 where there was a possibility that email never reached destination. I really fucking hate this from the bottom of my heart :)
-
-They should be like: “Yes, I am fucking alive and I am at your service my leash!”. I guess if I would reply like this, I wouldn’t have to write any more of this kind of messages :)
-
-## Everybody is a project manager
-
-Well, this is a tough one. I noticed that as soon as you let people to give their suggestions you are basically fucked. There is a truth in saying: “Give low expectations and deliver little bit more you promised.”.
-
-People tend to take a role of a manager as soon as they are presented with an opportunity. And by getting angry at them you only provoke yourself. They are not at fault. You just need to tell them they are only giving suggestions and not tasks at the beginning and everything will be alright. But if you give them a feeling that they are in control you will have immense problems explaining why their features are not in current release.
-
-Project mission must be always on the top of project requirements and any deviation from it will result in major project butchering. And by this I mean that project will get it’s own path and you will be left with half done software that helps nobody. Clear mission goal and clean execution will allow you to develop software will clear intent.
-
-## We are never wrong
-
-I find this type of arrogance the worst. We must always conduct ourselves that we are infallible and cannot make mistakes. As soon as procedure or process is established there is no room for changes or improvements. This is the most idiotic thing someone can say of think. If think that processes need to involve and change over time. This is imperative and need to have in your organization if you want to improve and develop company. We all need to grow balls and change everything in order to adapt to current situations. Being a prisoner of predefined processes kills creativity.
-
-I am constantly trying new software for project managing and communication. I believe every team has it’s own dynamic and it needs to be discovered organically and naturally through many experiments. By putting team in a box you are amputating their creativity and therefore minimizing their potential. But if you talk to an executive you will mainly find archetypical thinking and a strong need to compartmentalize everything from business processes to resource management. And this type of management that often displays micro management technique only works on short periods (couple of years) and then employees either leave company or become basically retarded drones on auto pilot.
-
-## Micromanaging
-
-This basically implies that everybody on the team is a fucking idiot that needs to have a todo list that they can not write themselves. How about spoon feeding the team at launch because besides the team leader everybody must be a retarded idiot at best.
-
-I prefer milestones as they give developers much more freedom and creativity developing and not waste their time checking some bizarre todo list that was not even thought through. Project always changes through development cycle and all you are left at the end is a list of unchecked tasks and the wrath of management why they are not completed. Best WTF moment!
-
-## Human contact, no need for it!
-
-We are vigorously trying to eliminate physical contact by replacing short meetings with software with no regards that we are not machines. Many times a simple 5min meeting at morning can solve most of the problems. In rapid development short bursts of man to man communication is possibly the best way to go.
-
-We now have all this software available and all what we get out of it is a huge clusterfuck. An obstacle and not a solution. So why we still use them? Because we strive to better ourselves.
-
-## MVP is killing innovation
-
-Many will disagree with me on this one but I stand strong by this statement. What I noticed in my experience that all this buzz words surrounding us only mislead and capture you in a circle of solving a problem that already has a solution but we are unable to see it without using some fancy word for it. The toughest this to do for a developer is to minimize requirements. Well this is though only for bad developers. Yes, I said is. There are many types of developers out there. And those unable to minimize feature scope are the ones you don’t need on your team. Their only goal is to solve problems that exist only in their fucking heads. And than you have to argue with them and waste energy on them instead of developing your awesome product. They are a cancer and I suggest you cut them off.
-
-MVP as an idea is great but sadly people don’t understand underlaying philosophy and they spent too much time focusing and fixating on something that every sane person with normal IQ will understand without some made up acronym. And the result is a lot of talking and barely no execution.
-
-Well MVP is not directly killing innovation but stupid people do when they try to understand it.
-
-## Pressure wasteland
-
-You must never allow to be pressured into confirming a deadline if you are not sure. We often feel a need that we are in service of others which is true to some extent. But it is also true that others are in service to us to some extent. And we forget this. We are all pressured all the time to make decisions just to calm other people down. And when they leave your office you experience WTF moment :) How the hell did they manage to fuck me up again :)
-
-People need to realize that more pressure you put on somebody less they will be able todo. So 5 min update email requests will only resolve in mental breakdown and inability to work that day. Constant poking is probably the only thing I loose my mind instantly. For all you that are doing this: “We are not fucking idiots and stop bothering us with your own insecurities and let us do our job. We will do it quicker and better without you moron breathing on our necks.”
-
-If this happens to me I end up with no energy at the end. Don’t you get it? You will get much more from and out of me if you ask me like a human person and not your personal butler. On a long run you are destroying your relationships and nobody would want to work with you. Your schizophrenic approach will damage only you in a long run. Nobody is anybody’s property.
-
-## Conclusion
-
-I am guilty of many things described in this post. And I find it hard sometimes to acknowledge this. And I lie to myself and try vigorously to find some explanation why I do this things. There is always space for growth. And maybe you will also find some of yourself in this post and realize what needs to change in order to evolve.
diff --git a/content/2016-10-14-how-we-destroyed-development.md b/content/2016-10-14-how-we-destroyed-development.md
deleted file mode 100644
index 25ad46f..0000000
--- a/content/2016-10-14-how-we-destroyed-development.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-layout: post
-title: How we successfully destroyed the joy of product development
-description: My take on project development.
-slug: how-we-successfully-destroyed-the-joy-of-product-development
-type: note
-date: 2016-10-14
----
-
-No matter how hard we try to reinvent processes in software development we still haven’t found perfect solution for this. And to dismiss SDLC just because it’s something old is as ridiculous as the concept of designers being user experience gurus. As I have written couple of times before designers have their place and is not in the UX community. Most of them probably never heard of Jakob Nielsen and this proves a lot. Don’t get me wrong. There are designers out there that are absolutely amazing in what they do, but most of them are not. Good design has little to do with how things look in my opinion. But it has very much to do with how product behaves. And to take a chance on design look only is scary to me.
-
-I have this huge beef with so called UX “experts”. I really do. From the bottom of my heart. I almost hate them. Well, not the pure ghetto ones. There are many of them out there I am sure of. But I have not had the pleasure to work with such person.
-
-Good UX expert should have programming background and an eye for design. Being UX expert requires you to be analytical and precise. Not really qualities of designers. Design is much more about the feeling and emotional perception. And this two don’t dance well together.
-
-Natural progression of project focused on user should be:
-
-- detailed requirements and fantastic prototypes/wireframes with detailed user journey diagrams,
-- design focused and restricted to serve requirements,
-- code written just to fulfill design and requirements → nothing more and nothing less → no additional dead code should be allowed,
-- testing should be done on all targeted devices → avoid bugs and you will avoid brand failure.
-
-Designer should never be allowed to have blank canvas. Good software is written because there are many restrictions either in requirements or real world. And most importantly → good software is solving only one problem at the time. I don’t see why this shouldn’t apply to design as well.
-
-Yes yes we get it, but we don’t have the time or the money to do project development like that. Well, you better find it or you will slowly decline into abyss of mediocre companies that have nothing to show for. Clients are not dumb and are in need of quality products and services. It is not enough anymore for a product that just works. It has to be technically precise and functionally on the spot.
-
-When developers and designers are forced to think and work from the scratch many new doors open. New ideas are born how to solve problems that were previously not possible because they were living in a box of limited thought and patterns. If you solve problems always only with your knowledge nothing new can be invented. When there is no room for experimentation there is no room for improvement. You want your developers and designers to be this fountain of innovation and you don’t really let them innovate, you are just slowly closing front doors of your company. Good developers and designers are hard to find and even easier to loose.
-
-Being agile does not mean to be a slave of constant changes. It does not mean that project managers can constantly change requirements at their will. And it sure does not mean that clear vision on product direction should be something we said goodby to. We have perverted initial intention of Manifesto for Agile Software Development as we always do. We have taken it so far and we have all become slaves of advertisement by consulting companies trying to cash in on this “new - but old” concept.
-
-Manifesto for Agile Software Development states:
-
-- individuals and interactions over processes and tools,
-- working software over comprehensive documentation,
-- customer collaboration over contract negotiation,
-- responding to change over following a plan.
-
-This was written in times when software was developed very differently than how we do it now. We have eliminated many of the problems from old age just by listening to reason and not trendy hyped words that are just tools of marketing strategist to avoid the real issues. Being flat, being agile, being stupid is what I say.
-
-Development and design should be about improving yourself and consequently product you are working on. When this becomes a chore you should probably start thinking about changing companies. People make products not management.
diff --git a/content/2017-01-12-gce-aws-docker-digitalocean.md b/content/2017-01-12-gce-aws-docker-digitalocean.md
deleted file mode 100644
index cd6811c..0000000
--- a/content/2017-01-12-gce-aws-docker-digitalocean.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-layout: post
-title: GCE, AWS, Docker and why I choose classic VM’s and DigitalOcean for my current project
-description: Reasons why I choose DigitalOcean for my project
-slug: gce-aws-docker-and-why-i-choose-classic-vms-and-digitalocean
-type: note
-date: 2017-01-12
----
-
-**Table of contents**
-
-1. [Docker tools and complexity that comes with it](#docker-tools-and-complexity-that-comes-with-it)
-2. [Lack of real life examples of Docker in action](#lack-of-real-life-examples-of-docker-in-action)
-3. [Ease of deployment](#ease-of-deployment)
-4. [Where to go from here](#where-to-go-from-here)
-
-I have been developing a product for the past few months and one of product’s requirement is the ability to automatically scale quickly on system’s demand.
-
-As most of you probably know system design is much more important then actual code that will drive the product. And this was my main concern when developing this product. I have read anything I could get my hands on about Docker as it was hyped so much in media for the past two years. At a first glance Docker was ideal fit for this platform. But then as I started to seriously experiment with it and developing around it several problems occurred. Well, it would be unfair to call them problems but lets say drawbacks when developing rapidly.
-
-To put it in perspective: this project is basically MVP that needs to automatically scale when new customers signs up. These customers are sending metrics to my system that is later visualized and analyzed. There were some basic requirements that I needed the answer before I choose technology.
-
-- Pricing involving hardware and infrastructure.
-- Ease of implementation/deployment and scaling.
-- How much will this cost me per customer?
-
-The way I envisioned the architecture was straight forward → simple nodes in cluster that take care of x number of customers (1 node ~ 10 customers). I found that pricing in GCE and AWS is very hard to predict → what the cost will be when system would scale. And this was necessary for me to know in order to make financial projection of costs. This is the most important thing for me at this time as I am deciding on prices we should charge future customers and establish healthy revenue model and subsequently business model. I want this product to organically scale and fuel its future development with money made by product itself → very little startup capital (10 nodes for six months & capital for company expanses). I have made many simulations but could not figure out with at least some certainty what will that cost be. Based on this both of the providers are currently not suited for me. So I choose DigitalOcean. They have really straight forward pricing model and this allowed me to make pretty accurate cost matrix for my infrastructure.
-
-I love hard metrics. By this I mean metrics I can test now and have trust they will hold in the future. This was the reason I found Docker too volatile as containers are spawned and halted and there is really no way in predicting this numbers. I have no problem with spawning multiple VMs and not using them but having basically limited control over that is at this time unacceptable for me.
-
-## Docker tools and complexity that comes with it
-
-Probably some of you will correct me on this one, but I find all this management tools like Kubernetes, Swarm etc a bit overkill for a startup project. All this tools are able to scale really massively but they all require extensive knowledge of DevOps. When you are a one man band trying to push a product out, there just is no time to learn these tools and concepts in depth in order to really take advantage of their features. It is much easier to use internal metrics of your app (uwsgi stats server, golang middleware stats) and simply fetch them to one server and visualize them. That task alone took me couple of hours and I had simple metrics system in place that with collaboration of DigitalOcean API enabled me to auto spawn new VMs on demand when users reached max number of users supported by current number of nodes. There is something to say about simplicity of this solution. And I love simple solutions.
-
-## Lack of real life examples of Docker in action
-
-I found many HelloWorld examples and tutorials showing how to spawn containers and deploying simple python apps but I haven’t found really clear example of showing how to battle permanent storage with containers, load balancing, disk management, ip & port management.
-
-This is not Docker’s nor community’s fault to be absolutely clear. It just shows that it is not that simple to deploy real-world application with Docker. Maybe my software architecture is not designed with Docker in mind.
-
-## Ease of deployment
-
-What I really love about Docker is ease of deployment of your application code via container. Multilayered architecture of Docker images also adds to pros list. And the fact that containers sit on top of host OS makes it very intriguing. But if you use container engine from Google you basically spawn VM’s and run containers in this machines and this takes bare-metal approach out of the equation. So at the end you still use hypervisior. I guess if I had my own hardware servers I would be able to fully take advantage of containers.
-
-Because most of my code in nodes is written in Golang and C++ deployment becomes pretty easy. All I have to do is replace binaries on node and that’s that. To avoid downtime I have two instances of one node and I load balance between them. So when I am updating software I first update on node1.A and then node1.B if first one is successful.
-
-## Where to go from here
-
-Docker is amazing technology. But the weird pricing model and steep learning curve for deployment of real live application at this time is too much of a hassle for me. I am sure I could lower costs with Docker approach but it would just took too much time at this stage to implement it properly.
-
-I am currently trying to adapt my project to fit Docker and I believe this would be an interesting solution. Idea is to use one container for one customer. I would just need to find the solution for auto-spawning containers on demand for a specific customer. I would then need a flexible load balancer to correctly forward traffic to container designated for this customer. The problem I have is that I need very flexible storage solution because the amount of data that will be aggregated will scale exponentially and I need to permanently store this on disk. And VM approach is allowing me to precisely calculate per customer per VM how much disk I need. Maybe one of you may have a better solution.
diff --git a/content/2017-04-10-what-its-like-to-be-a-software-developer.md b/content/2017-04-10-what-its-like-to-be-a-software-developer.md
deleted file mode 100644
index c6b6010..0000000
--- a/content/2017-04-10-what-its-like-to-be-a-software-developer.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-layout: post
-title: What it's like to be a software developer
-description: Couple of observations regarding project management
-slug: what-its-like-to-be-a-software-developer
-type: note
-date: 2017-04-10
----
-
-I get asked a lot what the hell I actually do. I find it funny but I guess it is my fault in most cases. I try not to be the kind of a man that is always talking about his work. I live in a small village and most of my neighbours probably have no idea what I actually do. And I am ok with that.  I prefer this. But on some occasions I find it disturbing how people judge other people just because they don't understand what they are all about. Many of them probably think I am some strange kind of a looser that is awake all the time and works from home. He probably plays games and type on a computer :) What kind of a job is that? That is no job at all! :) You work for eight hours, then you go home and drink a beer and go work in your workshop. This is what real men do!
-
-Well, you know. It's just the way it is. And it takes time for people to understand. Being home after many years in living elsewhere really grounded me in some cases. Coming back to the place where you grew up brings some sort of a humility back in your life. And this is ok. Nobody want's to be Icarus anyways.
-
-What I am meaning to say is if you are in a similar situation as me it will take time for people to start understanding you. Don't get discouraged by this. Take it as it is. People judge what they don't understand.
-
-I have this saying that sleeping is for pussies and we will sleep when we die. I am 32 years old now and I haven't slowed down regarding my work hours. I have steped up the pace. I usually work for about 16-18 hours a day every day. It doesn't matter if it's Monday or Saturday. Work needs to be done.
-
-I know that there are other ways. But if you want to be good there really is no other way. There are no shortcuts. There is no easier way to get to the point where you really know what the hell you are doing. Myth about this genius programmer truly is one huge bullshit. Without putting in the hours nothing can be achieved. There is no success without dedication.
-
-My friends and coworkers often ask me how the hell did I learn so much stuff. Where do I find the time to go through all this material. And I have a simple response for them: "When you go to sleep I begin reading and prototyping. When you go on a trip I make prototype projects just for the sake of learning. When you take your time for fucking around I read articles and books hunting that single small piece of information that will help me one day." And often they don't believe me. They think I am just that smart and everything is easy for me. They have this misguided belief that I just had all this knowledge implanted in me at birth. And this is not the case. I have read so much in my lifetime and most of this information was useful to me later in my life. But that didn't stop me even though I had no immediate use of it. This probably is the main difference between me and my friends. I don't learn because I need to but because I am piecing together this huge puzzle and I threat is like a game. This amazing game of enlightenment.
-
-I had many burn-downs in my career. Most of them come around new years. I guess around this time things slow down a bit and right then when you relax for a minute or two things get real :). They say when you enter your retirment you should never ever park your ass on a couch. You will die there :) When my burndown happens I fall into this huge depression and I start questioning my sanity. I question my decisions. I question my progress in life. I question everything. I try to understand if all this is worth it?! And every time this happens I struggle with this kind of questions. And by the time all this is over I come to the same conclusion every single time. Yes it fucking is worth it. And through the years I have noticed that this is some sort of a reset for me. This helps me maintain my sanity in the long run :) I love it when things get tough. It gets me to the next level. This teaches me progress is life.
-
-I don't even count anymore how many programming languages I have learned. I even stop noticing projects. They just fly by. It's like I am hunting this revelation that is set for me. And this drives me. This helps me every day to step up my game. Every single problem I solve I come little closer to my goal. My never reaching goal. And it's ok with me if I never reach this goal.
-
-The only problem I have now is time. There just ain't enough time to learn everything day has to offer. It's like I am on a quest to become this mini search machine :).
-
-This obsession with learning has come to the point where I stopped watching TV and news all together. I find this as noise that clutters your mind. The whole point about news is to frighten you and put your mind into a dangerous loop where you thinks that nothing matters anyways → world is going to shit. And the truth is so far away from this. We are living in this times where all this amazing possibilities are at hand. We just need to take control of our mindset and everything starts to look possible again.
-
-What else can say after more than 10 years in this space? What else can be said anyways? I still love what I do as much as I did 10 years ago. I love it even more. And if I would have a single suggestion for all of you is to stop worrying about immediate benefits and focus on the long run. Learn, prototype, experiment and have fun. We all get frustrated at times but that doesn't mean we should stop. Doing this kind of work is a privilege. We are making and creating. In the most pure sense we are creators. And there really is no better way to live your life.
-
-> A life without challenge, a life without hardship, a life without purpose, seems pale and pointless. With challenge come perseverance and gumption. With hardship come resilience and resolve. With purpose come strength and understanding.
->
-> — Terry Fallis, The High Road
diff --git a/content/2018-08-05-the-bullshit-web-developments-pov.md b/content/2018-08-05-the-bullshit-web-developments-pov.md
deleted file mode 100644
index 04094c2..0000000
--- a/content/2018-08-05-the-bullshit-web-developments-pov.md
+++ /dev/null
@@ -1,94 +0,0 @@
----
-layout: post
-title: The Bullshit Web - Development's Point of View
-description: State of front-end development and what this does to the future of web
-slug: the-bullshit-web-developments-pov
-type: note
-date: 2018-08-05
----
-
-**Table of contents**
-
-1. [Initial thoughts](#initial-thoughts)
-2. [Front-end frameworks](#front-end-frameworks)
-3. [Obsolescence to the rescue](#obsolescence-to-the-rescue)
-4. [Unnecessary complexity](#unnecessary-complexity)
-5. [Speed of development trumps code quality](#speed-of-development-trumps-code-quality)
-6. [Load times of most popular websites](#load-times-of-most-popular-websites)
-
-## Initial thoughts
-
-I have recently read an amazing essay by Nick Heer on the web called [The Bullshit Web](https://pxlnv.com/blog/bullshit-web/) and it got me thinking about the future of the web as it is today.
-
-> The average internet connection in the United States is about six times as fast as it was just ten years ago, but instead of making it faster to browse the same types of websites, we’re simply occupying that extra bandwidth with more stuff.
->
-> **-- Nick Heer**
-
-I really try to stray away from frond-end development as much as possible. The reason is nowhere close to me having any bad opinions but having to work with clients on visual stuff drains me to the point of sheer horror.
-
-I have observed silently the progress that was made in this field because I thought things will get better with time. I was so wrong. So wrong. Not only that things got extremely complicated to work with, the whole stack became so massive even simple pages have insanely large footprint.
-
-The Bullshit Web essay concentrates mostly on page sizes and AMP but I would like to address tooling and technologies for development in this post.
-
-Currently we have two types of websites:
-
-- informational websites,
-- web applications.
-
-The problem that occurs is that more and more websites are treathed as web application where simple web page would suffice. And this in my opinion adds insult to the injury.
-
-We talk about progressive web applications, AMP, and other technologies that are solving the problems of bandwidth, usability and in general making web faster but in reality this rarely gets applied in real life scenarios. Most of the time this are just demos on conferences.
-
-## Front-end frameworks
-
-I am not of those purists that denies usage of JavaScript frameworks or SASS but there are limits to where this obsession should go. In order to use these technologies properly one should ask himself where exactly they are needed and not use them like hammer for nails.
-
-Whenever I need to do front-end UI I usually check specification before embarking on journey of coding. And most of the times I really don't need frameworks. Most of the code I need to write in JavaScript is done in couple of hundred lines of code and does exactly what specification requires. And developer that will be working on this code after me doesn't need to learn new framework, tooling, etc. Just pure vanilla JavaScript. In all of my years as a developer I can count on fingers on my one hand when I used some sort of a framework. And even in this exceptions we later rewrote code to vanilla JavaScript because maintaining complex code was just to time consuming.
-
-There is an argument to be made for using frameworks in cases where multiple people are working a project and code must be easily transferable and on-boarding process must be swift. But in reality this is just another bullshit excuse to stick with what is "cool". I stand by Function over Form. And this also conflicts with the notion that frameworks never change. Frameworks evolve and adapt to market needs and most of the times get massive and hard to maintain. And we get stuck with massive codebase that is developed with many hacks and workarounds, because framework didn't support some feature at the time of development. I personally hate workarounds and being a smart-ass that intentionally makes code harder to read. I find frameworks similar to the story about Cain and Abel. Either you get murdered or framework gets. Most of the times framework dies and leaves legacy nobody would want.
-
-Huge strives have been made to address this problem and many fantastic frameworks emerged and some of theme are absolutely amazing. But there needs to be a strong case for using them in a project. We should never blindly use them regardless of the problem we are trying to solve.
-
-I must admit that tooling around front-end is getting better and better and we are slowly getting there but there still is a long road ahead.
-
-## Obsolescence to the rescue
-
-We can all agree that frameworks or libraries usually are there to fill the gap what currently is widely supported by the standard. Most of this so called frameworks are just libraries that unifies browser compatibility. The prime example of this is jQuery. There was a time almost everybody was using jQuery. But through time HTML5 specs were updated to include ideas from jQuery and this filled the browser compatibility gap. There is this awesome article [The Rise and Fall of jQuery](https://www.evolutionjobs.com/uk/media/the-rise-and-fall-of-jquery-117981/).
-
-Don't get me wrong. Yes, I dislike jQuery but I find it indispensable and without it our web would be very different. For the worst in my opinion. It was a huge stepping stone for front-end development. But there comes a time where technologies get obsolete and standards catch up with the requirements of the field.
-
-And because libraries and frameworks have short lifespan I try to stay away from them and if possible use vanilla code. There is a wonderfull article about [The Brutal Lifecycle of JavaScript Frameworks](https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/) that explains how quick they popup and become obsolete.
-
-> JavaScript UI frameworks and libraries work in cycles. Every six months or so, a new one pops up, claiming that it has revolutionized UI development. Thousands of developers adopt it into their new projects, blog posts are written, Stack Overflow questions are asked and answered, and then a newer (and even more revolutionary) framework pops up to usurp the throne.
->
-> **-- Ian Allen**
-
-## Unnecessary complexity
-
-Libraries have a tendency to speed up development which is ok but there are a huge drawbacks in the future. Most of the times we work on simple projects. Not everybody is working on Facebook, Google or that kind of mamuth apps and by using libraries provided to us by these companies we introduce complexity these companies need in order to make their apps. And usually these libraries include edge case functionalities that only apply to them and by providing simpler way to use libraries very complex approaches get implemented.
-
-Another reason for me to not use frameworks and libraries is that there usually is a team behind a project and by working on a feature by your own it takes too much time to read through the documentation and properly understand what the reasoning was behind a feature in a library. Most of the stuff (dashboarding, tables, widgets) that I work on are done much faster by pure using JS. Codebase footprint is smaller and doesn't require other developers to learn a completly new framework.
-
-This freameworks are heavily opinionated. No question about it. And by using them you accept their dogma. And by doing so you put yourself in a wierd position when new "disruptive" framework comes to life. If we think about it these frameworks should rather be called "approaches".
-
-> *Just to be completely honest*
->
-> There are use-cases for such frameworks. And there are situations where they are indispensable. I am not saying that they don't make sense. All I am saying that in my line of work I noticed that not every project is fit for a framework and it's better to not use them in such cases.
-
-An awesome talk about [Learning from JavaScript Libraries by Trevor Landau](https://www.youtube.com/watch?v=u2PgPWj8KrM).
-
-## Speed of development trumps code quality
-
-I have found out that most of these frameworks or libraries have become very difficult to undestand in a matter of hours. In the past this was diifferent somehow. You could learn jQuery in a matter of hours and use it the next day like you were a pro. I know that it's not fair to compare framework and library but for our case this is acceptable.
-
-Every developer should have the knowledge and experience when selecting or not selection framework. I always stay true to [Occam's razor](https://en.wikipedia.org/wiki/Occam%27s_razor). And when prototyping I always use as barebone setup as I can. I see no problem with completly dumping a block of code and replacing it with something more complex if this makes sense. But there needs to be a huge reason behind this decision.
-
-Workarounds are one of the nessesary evils perticulary when dealing with frameworks. Either because the lack of time of just plain reason that framework doesn't support something. And this is the my main problem with them. In real life we don't have the time to properly implement ideas behind a framework. And when shit hits the fan we butcher up the code and mix different ideas just to catch a deadline. And this is in contadiction with the whole idea of using a framework.
-
-The impact that this has on quality and readability of code is massive. And threating this just as a symptom is probably the worst thing you can do. Through time these hacked-up code becomes legacy and additional code is molded to the code that already is in the codebase. And by doing this our code becomes more and more foregin of the initial concept.
-
-Code quality and readability should come first regardless of frameworks and libraries. Code should be as close to bare-metal as possible so when frameworks change our code is still usable and can be refreshed by any developer with the basic knowledge of desired programming language.
-
-## Load times of most popular websites
-
-All this directly impacts performanse. Terabytes of bandwidth wasted because there was a decision made early in the development cycle. Laggy performance, slow loading, bad experience just because development team was not cautious enough.
diff --git a/content/2019-05-11-bci.md b/content/2019-05-11-bci.md
deleted file mode 100644
index c055b65..0000000
--- a/content/2019-05-11-bci.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-layout: draft
-title: BCI
-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: bci
-type: research
-date: 2019-05-11
----
-
-**Table of contents**
-
-1. [Intefacing with Bluetooth device](#intefacing-with-bluetooth-device)
-   1. [Basic Concepts](#basic-concepts)
-      1. [Attributes](#attributes)
-      2. [Structure](#structure)
-      3. [Services](#services)
-      4. [Characteristics](#characteristics)
-2. [Generic text for testing CSS styles](#generic-text-for-testing-css-styles)
-3. [Resources](#resources)
-
-
-## Intefacing with Bluetooth device
-
-A Bluetooth device contains a table of data called an Attribute Table which can be accessed by other connected devices in various possible ways. That table of data and the ways in which it can be exploited falls into a technical area of Bluetooth called the Generic Attribute profile or GATT for short and you may see the term GATT in some of the documentation for APIs such as those provided by the Android platform.
-
-The Attribute Table contains something like a series of records of various types. The main types are called Services, Characteristics, and Descriptors. Let’s look at each of these terms in turn.
-
-### Basic Concepts
-
-#### Attributes
-
-Services, Characteristics and Descriptors are all types of Attribute. Hence Generic Attribute Profile, Attribute Table and something called the Attribute Protocol. All attributes have a type which is identified by a UUID (Universally Unique Identifer). Some Attributes are defined by the Bluetooth SIG, the technical standards body for Bluetooth and these have UUIDs which are 16 bits in length. Some Attributes are custom designed for a particular device by the product team and these have 128 bit UUIDs.
-
-#### Structure
-
-Services, Characteristics and Descriptors are organised in a hierarchy with Services at the top and Descriptors at the bottom. Services contain one or more Characteristics. A Characteristic owns zero or more Descriptors because Descriptors are completely optional whereas a Service must contain at least one Characteristic.
-
-#### Services
-
-A Service is a container for logically related Bluetooth data items. Those data items are in fact called Characteristics. A Service can be thought of as the owner of the Characteristics inside it. Often a Service represents a particular feature (e.g. a hardware feature) of a device like the buttons or a particular sensor. An example of a Bluetooth SIG defined Service is the Device Information Service which, as the name suggests, is a container for various items of information about the device such as its manufacturer and serial number.
-
-#### Characteristics
-
-Characteristics are items of data which relate to a particular internal state of the device or perhaps some state of the environment which the device can measure using a sensor. The current battery level is an example of internal state data whereas the ambient temperature could perhaps be measured by a sensor. Sometimes Characteristics represent configuration data such as the frequency at which you want something to be measured. In any of these cases, the way a device can expose such data to other devices to use via Bluetooth is by making them available as a Characteristic. An example of a Bluetooth SIG defined Characteristic is the Serial Number String which you’ll find inside the Device Information service.
-
-Characteristics contain various parts. They have a type, a value, some properties and some permissions.
-
-Type is something already explained above, a UUID value which indicates which particular type of Characteristic an Attribute is. Value is the value of the associated state data item.
-
-Properties define what another device can do with the characteristic over Bluetooth in terms of various defined operations such as READ, WRITE or NOTIFY. Reading a characteristic means transferring its current value from the attribute table to the connected device over Bluetooth. Writing allows the connected device to change that value in the state table. Notifications are a special message type which a device can send to a connected device whenever the value of the associated characteristic changes or perhaps periodically, controlled by a timer. Not all Characteristics support all operations. The Characteristic’s properties tell you which operations are supported.
-
-Sometimes the device will have been programmed to respond in a special way when it processes an operation like reading or writing a value from the attribute table so operations can result in more happening than simply transferring data across the connection. Perhaps changing the value of a Characteristic will result in the device changing the frequency with which it samples readings from the device accelerometer for example.
-
-Permissions are to do with security and further describe the security conditions that must be met before read or write access to the characteristic is to be granted.
-
-## Generic text for testing CSS styles
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pulvinar finibus ipsum, vitae mattis neque elementum nec. Cras vel lacinia diam, a porttitor nisl. Sed ullamcorper convallis bibendum. Ut id lectus risus. Morbi aliquam eros condimentum volutpat pretium. Praesent malesuada congue eros, vitae mollis erat laoreet nec. Quisque porta tempus turpis a mollis. Nulla at mollis sem, at scelerisque velit. Mauris non ex lectus. Morbi eget erat interdum lacus pretium vehicula vitae ac justo. Quisque vulputate interdum semper. Duis dignissim porta magna, vel faucibus leo pulvinar at. Donec nibh purus, vestibulum vel velit a, ultricies volutpat ipsum.
-
-![spikes](/files/bci/spike-waves.png)
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pulvinar finibus ipsum, vitae mattis neque elementum nec. Cras vel lacinia diam, a porttitor nisl. Sed ullamcorper convallis bibendum. Ut id lectus risus. Morbi aliquam eros condimentum volutpat pretium. Praesent malesuada congue eros, vitae mollis erat laoreet nec. Quisque porta tempus turpis a mollis. Nulla at mollis sem, at scelerisque velit. Mauris non ex lectus. Morbi eget erat interdum lacus pretium vehicula vitae ac justo. Quisque vulputate interdum semper. Duis dignissim porta magna, vel faucibus leo pulvinar at. Donec nibh purus, vestibulum vel velit a, ultricies volutpat ipsum.
-
-![banner](http://satyr.io/1100x300/eee#large)
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pulvinar finibus ipsum, vitae mattis neque elementum nec. Cras vel lacinia diam, a porttitor nisl. Sed ullamcorper convallis bibendum. Ut id lectus risus. Morbi aliquam eros condimentum volutpat pretium. Praesent malesuada congue eros, vitae mollis erat laoreet nec. Quisque porta tempus turpis a mollis. Nulla at mollis sem, at scelerisque velit. Mauris non ex lectus. Morbi eget erat interdum lacus pretium vehicula vitae ac justo. Quisque vulputate interdum semper. Duis dignissim porta magna, vel faucibus leo pulvinar at. Donec nibh purus, vestibulum vel velit a, ultricies volutpat ipsum.
-
-
-## Resources
-
-- https://www.bluetooth.com/blog/a-developers-guide-to-bluetooth/
diff --git a/content/files/avatar-512x512.png b/content/files/avatar-512x512.png
deleted file mode 100644
index 1ebe6f2..0000000
--- a/content/files/avatar-512x512.png
+++ /dev/null
diff --git a/content/files/avatar-64x64.png b/content/files/avatar-64x64.png
deleted file mode 100644
index 86e840e..0000000
--- a/content/files/avatar-64x64.png
+++ /dev/null
diff --git a/content/files/bci/spike-waves.png b/content/files/bci/spike-waves.png
deleted file mode 100644
index b0fc0b3..0000000
--- a/content/files/bci/spike-waves.png
+++ /dev/null
diff --git a/content/files/dev101-git-topics-1.png b/content/files/dev101-git-topics-1.png
deleted file mode 100644
index bb09380..0000000
--- a/content/files/dev101-git-topics-1.png
+++ /dev/null
diff --git a/content/files/dev101-git-topics-2.png b/content/files/dev101-git-topics-2.png
deleted file mode 100644
index 39a370a..0000000
--- a/content/files/dev101-git-topics-2.png
+++ /dev/null
diff --git a/content/files/style.css b/content/files/style.css
deleted file mode 100644
index df892e5..0000000
--- a/content/files/style.css
+++ /dev/null
@@ -1,6 +0,0 @@
-
-@media print {
-  nav, footer {
-      display: none;
-  }
-}
diff --git a/gulpfile.js b/gulpfile.js
deleted file mode 100644
index cf0ce50..0000000
--- a/gulpfile.js
+++ /dev/null
@@ -1,181 +0,0 @@
-'use strict';
-
-const util = require('util');
-const gulp = require('gulp');
-const concat = require('gulp-concat');
-const terser = require('gulp-terser');
-const clean = require('gulp-clean-css');
-const settings = require('./settings.js');
-const minify = require('html-minifier').minify;
-var browserSync = require('browser-sync').create();
-
-const fs = require('fs');
-const markdown = require('markdown-it');
-const prism = require('markdown-it-prism');
-const nunjucks = require('nunjucks');
-const yaml = require('yaml');
-const dayjs = require('dayjs');
-
-const md = new markdown({
-  html: true,
-  linkify: false,
-  typographer: true,
-  breaks: true,
-})
-  .use(prism)
-  .use(require('markdown-it-deflist'))
-  .use(require('markdown-it-footnote'))
-  .use(require('markdown-it-anchor'))
-  .use(require('markdown-it-checkbox'))
-
-nunjucks.configure('source/layouts', {
-  autoescape: false,
-  noCache: true,
-});
-
-gulp.task('js', () => gulp.src(settings.assets.javascript)
-  .pipe(concat('bundle.js'))
-  .pipe(terser())
-  .pipe(gulp.dest('tmp'))
-);
-
-gulp.task('css', () => gulp.src(settings.assets.css)
-  .pipe(concat('bundle.css'))
-  .pipe(clean({}))
-  .pipe(gulp.dest('tmp'))
-);
-
-gulp.task('copy-robots', () => gulp.src('robots.txt')
-  .pipe(gulp.dest('public'))
-);
-
-gulp.task('copy-files', () => gulp.src('content/files/**/*')
-  .pipe(gulp.dest('public/files'))
-);
-
-gulp.task('generate-static', function (done) {
-  fs.readdir('content', function (err, items) {
-
-    let posts = [];
-    items.forEach(item => {
-      if (item.endsWith('.md')) {
-
-        processMarkdown(`content/${item}`);
-
-        let contents = fs.readFileSync(`content/${item}`, 'utf8');
-        let raw = contents.split('---');
-        let meta = null;
-
-        try {
-          meta = yaml.parse(raw[1])
-        } catch (error) { }
-
-        if (meta.layout == 'post') {
-          meta.dateFormatted = dayjs(meta.date).format('MMMM D, YYYY');
-          meta.dateOriginal = meta.date;
-          meta.date = new Date(meta.date);
-          posts.push(meta)
-        }
-      }
-    });
-
-    const css = fs.readFileSync('tmp/bundle.css', 'utf8');
-    const javascript = fs.readFileSync('tmp/bundle.js', 'utf8');
-
-    let page = nunjucks.render(`index.njk`, {
-      css: `<style>${css}</style>`,
-      javascript: `<script>${javascript}</script>`,
-      currentYear: new Date().getFullYear(),
-      timestamp: Math.floor(Date.now() / 1000),
-      vars: settings.vars,
-      posts: posts.reverse(),
-    });
-
-    util.log(`Processing: Index`);
-
-    fs.writeFileSync(`public/index.html`, minify(page, {
-      removeAttributeQuotes: true,
-      collapseWhitespace: true,
-      removeComments: true,
-      removeTagWhitespace: true,
-    }));
-
-  });
-
-  done();
-});
-
-const processMarkdown = (file) => {
-  const contents = fs.readFileSync(file, 'utf8');
-  let raw = contents.split('---');
-  let meta = null;
-
-  try {
-    meta = yaml.parse(raw[1])
-  } catch (error) { }
-
-  //const slug = slugify(meta.title, { lower: true });
-  const slug = meta.slug;
-  const css = fs.readFileSync('tmp/bundle.css', 'utf8');
-  const javascript = fs.readFileSync('tmp/bundle.js', 'utf8');
-
-  raw.shift();
-  raw.shift();
-
-  let post = nunjucks.render(`${meta.layout}.njk`, {
-    content: md.render(raw.join('')),
-    title: meta.title, //.substring(0, 65)
-    description: meta.description,
-    css: `<style>${css}</style>`,
-    javascript: `<script>${javascript}</script>`,
-    slug: slug,
-    currentYear: new Date().getFullYear(),
-    timestamp: Math.floor(Date.now() / 1000),
-    vars: settings.vars,
-    writtenDate: {
-      formatted: dayjs(meta.date).format('MMMM D, YYYY'),
-      original: meta.date,
-    },
-  });
-
-  util.log(`Processing: ${meta.title}`);
-
-  fs.writeFileSync(`public/${slug}.html`, minify(post, {
-    removeAttributeQuotes: true,
-    collapseWhitespace: true,
-    removeComments: true,
-    removeTagWhitespace: true,
-  }));
-};
-
-const watchers = (done) => {
-  gulp.watch('source/assets/*.css', {
-    awaitWriteFinish: true,
-  }).on('change', gulp.series('css'));
-
-  gulp.watch('source/assets/*.js', {
-    awaitWriteFinish: true,
-  }).on('change', gulp.series('js'));
-
-  gulp.watch('content/*.md', {
-    awaitWriteFinish: true,
-  }).on('change', processMarkdown);
-
-  done();
-}
-
-gulp.task('browser-sync', () => {
-  browserSync.init({
-    watch: true,
-    open: false,
-    server: {
-      baseDir: './public',
-      serveStaticOptions: {
-        extensions: ["html"]
-      }
-    }
-  });
-});
-
-gulp.task('dev', gulp.series('css', 'js', 'copy-robots', 'copy-files', 'generate-static', gulp.parallel(watchers, 'browser-sync')));
-gulp.task('build', gulp.series('css', 'js', 'copy-robots', 'copy-files', 'generate-static'));
diff --git a/package.json b/package.json
deleted file mode 100644
index 0cae7e9..0000000
--- a/package.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "name": "blog",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "dev": "gulp dev",
-    "build": "gulp build",
-    "deploy": "firebase deploy"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "devDependencies": {
-    "browser-sync": "^2.26.7",
-    "dayjs": "^1.8.16",
-    "gulp": "^4.0.2",
-    "gulp-clean-css": "^4.2.0",
-    "gulp-concat": "^2.6.1",
-    "gulp-terser": "^1.2.0",
-    "html-minifier": "^4.0.0",
-    "http-server": "^0.11.1",
-    "markdown-it": "^10.0.0",
-    "markdown-it-anchor": "^5.2.5",
-    "markdown-it-checkbox": "^1.1.0",
-    "markdown-it-deflist": "^2.0.3",
-    "markdown-it-footnote": "^3.0.2",
-    "markdown-it-prism": "^2.0.3",
-    "nunjucks": "^3.2.0",
-    "yaml": "^1.7.2"
-  }
-}
diff --git a/robots.txt b/robots.txt
deleted file mode 100644
index eb05362..0000000
--- a/robots.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-User-agent: *
-Disallow:
diff --git a/settings.js b/settings.js
deleted file mode 100644
index 3d41fcf..0000000
--- a/settings.js
+++ /dev/null
@@ -1,19 +0,0 @@
-exports.assets = {
-  css: [
-    'source/assets/default.css',
-    'source/assets/prism.css',
-  ],
-  javascript: [
-    'source/assets/prism.js',
-    'source/assets/languages/*.js',
-    'source/assets/default.js',
-  ],
-}
-
-exports.vars = {
-  domain: 'https://mitjafelicijan.com',
-  handle: '@mitjafelicijan',
-  author: 'Mitja Felicijan',
-  title: 'Mitja Felicijan - Embedded systems developer',
-  description: 'Embedded systems developer and fanatical fan of science fiction',
-}
diff --git a/site.tmpl b/site.tmpl
new file mode 100644
index 0000000..dc7bb97
--- /dev/null
+++ b/site.tmpl
@@ -0,0 +1,95 @@
+{{ 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">
+    <meta name=description content="{{ html .Site.Other.Description }}">
+    
+    <meta name="author" content="{{ html .Site.Other.Author }}">
+    <link rel="alternate" type="application/atom+xml" title="{{ html .Site.Other.Title }} feed" href="{{ .Rel "feed.atom" }}">
+    <title>{{ .Site.Other.Title }}{{ if .Title }}: {{ .Title }}{{ end }}</title>
+    <link rel="stylesheet" type="text/css" href="{{ .Rel "static/style.css" }}">
+
+    <link rel="icon" type="image/png" href="{{ .Rel "static/avatar-64x64.png" }}">
+  </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">Curriculum Vitae</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 "page" }}
+  {{ template "header" . }}
+  {{ template "navigation" . }}
+  {{ .Content }}
+  {{ template "mathjax" . }}
+  {{ template "footer" . }}
+{{ end }}
+
+{{ define "post" }}
+  <article>
+    <header>
+      <h1>{{ .Title }}</h1>
+      <div class="info">
+        {{ template "date" .Date }}
+        {{ template "author" . }}
+      </div>
+    </header>
+    <section>
+    {{ .Content }}
+    </section>
+  </article>
+{{ 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 }}
\ No newline at end of file
diff --git a/source/assets/default.css b/source/assets/default.css
deleted file mode 100644
index ee88a25..0000000
--- a/source/assets/default.css
+++ /dev/null
@@ -1,330 +0,0 @@
-@charset "utf-8";
-
-@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700,900');
-
-* {
-  box-sizing: border-box;
-  -moz-osx-font-smoothing: grayscale !important;
-  text-rendering: optimizeLegibility !important;
-  -webkit-font-smoothing: antialiased !important;
-}
-
-body {
-  /*font-family: 'Heebo', sans-serif;*/
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-size: 17px;
-  line-height: 170%;
-}
-
-a {
-  color: inherit;
-  text-decoration: underline;
-  text-decoration-color: fuchsia;
-  text-decoration-style: wavy;
-  border: 2px dotted transparent;
-  display: inline-block;
-}
-
-a:active {
-  border-color: black;
-}
-
-ol a {
-  text-decoration: none;
-}
-
-ol a:hover {
-  text-decoration: underline;
-}
-
-h1 {
-  line-height: 140%;
-  font-weight: 600;
-  font-size: 210%;
-}
-
-h2,h3,h4,h5 {
-  /*margin-top: 50px;*/
-  font-weight: 500;
-}
-
-img {
-  max-width: 100%;
-  margin: 30px auto;
-  display: block;
-}
-
-.wrapper {
-  max-width: 720px;
-  margin: 0 auto;
-}
-
-blockquote {
-  margin: 50px 0 50px 50px;
-}
-
-.pubdate {
-  font-size: 80%;
-  color: #666;
-}
-
-/********************************************************** CODE HIGHLIGHTING */
-
-pre, code {
-  font-family: 'Source Code Pro', monospace !important;
-  font-weight: 500;
-}
-
-pre {
-  font-size: 85%;
-  margin: 20px;
-  background: #eee;
-}
-
-p > code {
-  background: rgb(48, 46, 46);
-  padding: 1px 0.95rem 2px;
-  border-radius: 1em;
-  font-size: 70%;
-  font-weight: 600;
-  color: #fff;
-  display: inline;
-  -webkit-box-decoration-break: clone;
-  cursor:crosshair;
-}
-
-p > code:hover {
-  background: fuchsia;
-}
-
-/***************************************************************** OL COUNTER */
-
-ol {
-  list-style: none;
-  counter-reset: li;
-}
-
-ol li {
-  counter-increment: li;
-}
-
-ol li::before {
-  content: counter(li) ".";
-  color: #ccc;
-  font-weight: 500;
-  display: inline-block;
-  width: 1em;
-  margin-left: -1.5em;
-  margin-right: 0.9em;
-  text-align: right;
-}
-
-ol li a {
-  text-decoration: none;
-}
-
-/********************************************************************* TABLES */
-
-table {
-  width: 100%;
-  border-collapse: collapse;
-  border-spacing: 0;
-  font-size: 90%;
-  text-align: left;
-  margin-top: 50px;
-  margin-bottom: 50px;
-}
-
-th,td {
-  border-bottom: 2px solid #888;
-  padding: 10px;
-}
-
-th {
-  font-size: 130%;
-}
-
-tr:last-child td {
-  border-width: 0;
-}
-
-/****************************************************************** FOOTNOTES */
-
-.footnotes p {
-  padding: 0;
-  display: inline-block;
-  margin: 0;
-}
-
-.footnotes-sep {
-  border: 0;
-}
-
-/************************************************* BGCOLOR WHEN TEXT SELECTED */
-
-::selection {
-  background: #ff0;
-  color: #000;
-}
-
-::-moz-selection {
-  background: #ff0;
-  color: #000;
-}
-
-/********************************************************** CUSTOM SCROLLBARS */
-
-pre::-webkit-scrollbar {
-  width: 5px;
-  height: 8px;
-  background-color: transparent;
-}
-
-pre::-webkit-scrollbar-thumb {
-  background: #ddd;
-}
-
-/*************************************************************** HEADER + NAV */
-
-menu {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  font-size: 80%;
-  padding: 0;
-  padding-top: 10px;
-  margin-bottom: 40px;
-}
-
-menu a.logo {
-  font-weight: 600;
-  text-decoration: none;
-  font-size: 130%;
-  padding: 5px 0px ;
-}
-
-menu a.logo:hover {
-  /*background: fuchsia;
-  color: white;*/
-}
-
-menu nav {
-  text-align: right;
-  margin-top: 3px;
-}
-
-menu nav a {
-  padding-top: 8px;
-  margin-left: 25px;
-}
-
-menu nav a svg {
-  width: 20px;
-  height: 20px;
-}
-
-/********************************************************************* FOOTER */
-
-footer {
-  padding-top: 50px;
-  padding-bottom: 50px;
-  font-weight: 500;
-  font-size: 80%;
-}
-
-footer > * {
-  text-decoration: none;
-  margin-right: 20px;
-  color: #333;
-}
-
-/*************************************************************** ARTICLE LIST */
-
-.list .article-list {
-  margin-bottom: 60px;
-}
-
-.list .article-list:last-child {
-  margin-bottom: 10px;
-}
-
-.list h3 {
-  font-weight: 700;
-  font-size: 140%;
-}
-
-.article-list article {
-  margin-bottom: 20px;
-}
-
-.article-list article h2 {
-  margin: 0;
-  line-height: 150%;
-  font-size: 120%;
-}
-
-.article-list a {
-  text-decoration: none;
-}
-
-article img[src*="#large"],
-article img.large {
-    max-width: 1100px;
-    width: 1100px;
-    position: relative;
-    left: -150px;
-    margin: 50px 0;
-}
-
-/***************************************************************** RESPONSIVE */
-
-@media only screen and (max-width:800px) {
-  body {
-    font-size: 16px;
-  }
-
-  .wrapper {
-    padding: 10px 20px !important;
-  }
-
-  h1 {
-    font-size: 200%;
-  }
-
-  footer {
-    text-align: center;
-  }
-
-  article img.large {
-    position: initial;
-    width: 100%;
-    margin: 20px 0;
-  }
-}
-
-/******************************************************************* COMMENTS */
-
-#commento {
-  margin-top: 75px;
-}
-
-#commento-footer {
-  display: none !important;
-}
-
-#commento-submit-button-root {
-  background: #fff !important;
-  color: #495057 !important;
-  box-shadow: none !important;
-}
-
-.commento-avatar-img {
-  margin-top: 0 !important;
-}
-
-/********************************************************************** PRINT */
-
-@media print {
-  nav, footer {
-      display: none;
-  }
-}
diff --git a/source/assets/default.js b/source/assets/default.js
deleted file mode 100644
index 2df34f0..0000000
--- a/source/assets/default.js
+++ /dev/null
@@ -1,21 +0,0 @@
-//Responsive tables
-document.querySelectorAll('table').forEach(function (element) {
-  if (!element.classList.contains('rouge-table')) {
-    let parent = element.parentNode;
-    let wrapper = document.createElement('div');
-    wrapper.classList.add('responsive-table');
-    parent.replaceChild(wrapper, element);
-    wrapper.appendChild(element);
-  }
-});
-
-
-// Open external links in new tab
-let links = document.links;
-for (let i = 0, linksLength = links.length; i < linksLength; i++) {
-  if (links[i].hostname != window.location.hostname) {
-    links[i].target = '_blank';
-    links[i].setAttribute('rel', 'noopener nofollow');
-  }
-}
-
diff --git a/source/assets/languages/prism-bash.js b/source/assets/languages/prism-bash.js
deleted file mode 100644
index 5093ffd..0000000
--- a/source/assets/languages/prism-bash.js
+++ /dev/null
@@ -1,84 +0,0 @@
-(function(Prism) {
-        var insideString = {
-                variable: [
-                        // Arithmetic Environment
-                        {
-                                pattern: /\$?\(\([\s\S]+?\)\)/,
-                                inside: {
-                                        // If there is a $ sign at the beginning highlight $(( and )) as variable
-                                        variable: [{
-                                                        pattern: /(^\$\(\([\s\S]+)\)\)/,
-                                                        lookbehind: true
-                                                },
-                                                /^\$\(\(/
-                                        ],
-                                        number: /\b0x[\dA-Fa-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:[Ee]-?\d+)?/,
-                                        // Operators according to https://www.gnu.org/software/bash/manual/bashref.html#Shell-Arithmetic
-                                        operator: /--?|-=|\+\+?|\+=|!=?|~|\*\*?|\*=|\/=?|%=?|<<=?|>>=?|<=?|>=?|==?|&&?|&=|\^=?|\|\|?|\|=|\?|:/,
-                                        // If there is no $ sign at the beginning highlight (( and )) as punctuation
-                                        punctuation: /\(\(?|\)\)?|,|;/
-                                }
-                        },
-                        // Command Substitution
-                        {
-                                pattern: /\$\([^)]+\)|`[^`]+`/,
-                                greedy: true,
-                                inside: {
-                                        variable: /^\$\(|^`|\)$|`$/
-                                }
-                        },
-                        /\$(?:[\w#?*!@]+|\{[^}]+\})/i
-                ]
-        };
-
-        Prism.languages.bash = {
-                'shebang': {
-                        pattern: /^#!\s*\/bin\/bash|^#!\s*\/bin\/sh/,
-                        alias: 'important'
-                },
-                'comment': {
-                        pattern: /(^|[^"{\\])#.*/,
-                        lookbehind: true
-                },
-                'string': [
-                        //Support for Here-Documents https://en.wikipedia.org/wiki/Here_document
-                        {
-                                pattern: /((?:^|[^<])<<\s*)["']?(\w+?)["']?\s*\r?\n(?:[\s\S])*?\r?\n\2/,
-                                lookbehind: true,
-                                greedy: true,
-                                inside: insideString
-                        },
-                        {
-                                pattern: /(["'])(?:\\[\s\S]|\$\([^)]+\)|`[^`]+`|(?!\1)[^\\])*\1/,
-                                greedy: true,
-                                inside: insideString
-                        }
-                ],
-                'variable': insideString.variable,
-                // Originally based on http://ss64.com/bash/
-                'function': {
-                        pattern: /(^|[\s;|&])(?:alias|apropos|apt-get|aptitude|aspell|awk|basename|bash|bc|bg|builtin|bzip2|cal|cat|cd|cfdisk|chgrp|chmod|chown|chroot|chkconfig|cksum|clear|cmp|comm|command|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|enable|env|ethtool|eval|exec|expand|expect|export|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|getopts|git|grep|groupadd|groupdel|groupmod|groups|gzip|hash|head|help|hg|history|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|jobs|join|kill|killall|less|link|ln|locate|logname|logout|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|make|man|mkdir|mkfifo|mkisofs|mknod|more|most|mount|mtools|mtr|mv|mmv|nano|netstat|nice|nl|nohup|notify-send|npm|nslookup|open|op|passwd|paste|pathchk|ping|pkill|popd|pr|printcap|printenv|printf|ps|pushd|pv|pwd|quota|quotacheck|quotactl|ram|rar|rcp|read|readarray|readonly|reboot|rename|renice|remsync|rev|rm|rmdir|rsync|screen|scp|sdiff|sed|seq|service|sftp|shift|shopt|shutdown|sleep|slocate|sort|source|split|ssh|stat|strace|su|sudo|sum|suspend|sync|tail|tar|tee|test|time|timeout|times|touch|top|traceroute|trap|tr|tsort|tty|type|ulimit|umask|umount|unalias|uname|unexpand|uniq|units|unrar|unshar|uptime|useradd|userdel|usermod|users|uuencode|uudecode|v|vdir|vi|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yes|zip)(?=$|[\s;|&])/,
-                        lookbehind: true
-                },
-                'keyword': {
-                        pattern: /(^|[\s;|&])(?:let|:|\.|if|then|else|elif|fi|for|break|continue|while|in|case|function|select|do|done|until|echo|exit|return|set|declare)(?=$|[\s;|&])/,
-                        lookbehind: true
-                },
-                'boolean': {
-                        pattern: /(^|[\s;|&])(?:true|false)(?=$|[\s;|&])/,
-                        lookbehind: true
-                },
-                'operator': /&&?|\|\|?|==?|!=?|<<<?|>>|<=?|>=?|=~/,
-                'punctuation': /\$?\(\(?|\)\)?|\.\.|[{}[\];]/
-        };
-
-        var inside = insideString.variable[1].inside;
-        inside.string = Prism.languages.bash.string;
-        inside['function'] = Prism.languages.bash['function'];
-        inside.keyword = Prism.languages.bash.keyword;
-        inside['boolean'] = Prism.languages.bash['boolean'];
-        inside.operator = Prism.languages.bash.operator;
-        inside.punctuation = Prism.languages.bash.punctuation;
-        
-        Prism.languages.shell = Prism.languages.bash;
-})(Prism);
diff --git a/source/assets/languages/prism-c.js b/source/assets/languages/prism-c.js
deleted file mode 100644
index 86ffac0..0000000
--- a/source/assets/languages/prism-c.js
+++ /dev/null
@@ -1,33 +0,0 @@
-Prism.languages.c = Prism.languages.extend('clike', {
-        'keyword': /\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|asm|typeof|inline|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|union|unsigned|void|volatile|while)\b/,
-        'operator': /-[>-]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/]/,
-        'number': /(?:\b0x[\da-f]+|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?)[ful]*/i
-});
-
-Prism.languages.insertBefore('c', 'string', {
-        'macro': {
-                // allow for multiline macro definitions
-                // spaces after the # character compile fine with gcc
-                pattern: /(^\s*)#\s*[a-z]+(?:[^\r\n\\]|\\(?:\r\n|[\s\S]))*/im,
-                lookbehind: true,
-                alias: 'property',
-                inside: {
-                        // highlight the path of the include statement as a string
-                        'string': {
-                                pattern: /(#\s*include\s*)(?:<.+?>|("|')(?:\\?.)+?\2)/,
-                                lookbehind: true
-                        },
-                        // highlight macro directives as keywords
-                        'directive': {
-                                pattern: /(#\s*)\b(?:define|defined|elif|else|endif|error|ifdef|ifndef|if|import|include|line|pragma|undef|using)\b/,
-                                lookbehind: true,
-                                alias: 'keyword'
-                        }
-                }
-        },
-        // highlight predefined macros as constants
-        'constant': /\b(?:__FILE__|__LINE__|__DATE__|__TIME__|__TIMESTAMP__|__func__|EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|stdin|stdout|stderr)\b/
-});
-
-delete Prism.languages.c['class-name'];
-delete Prism.languages.c['boolean'];
diff --git a/source/assets/languages/prism-css.js b/source/assets/languages/prism-css.js
deleted file mode 100644
index e6fdf6f..0000000
--- a/source/assets/languages/prism-css.js
+++ /dev/null
@@ -1,52 +0,0 @@
-Prism.languages.css = {
-        'comment': /\/\*[\s\S]*?\*\//,
-        'atrule': {
-                pattern: /@[\w-]+?.*?(?:;|(?=\s*\{))/i,
-                inside: {
-                        'rule': /@[\w-]+/
-                        // See rest below
-                }
-        },
-        'url': /url\((?:(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,
-        'selector': /[^{}\s][^{};]*?(?=\s*\{)/,
-        'string': {
-                pattern: /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
-                greedy: true
-        },
-        'property': /[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,
-        'important': /\B!important\b/i,
-        'function': /[-a-z0-9]+(?=\()/i,
-        'punctuation': /[(){};:]/
-};
-
-Prism.languages.css['atrule'].inside.rest = Prism.languages.css;
-
-if (Prism.languages.markup) {
-        Prism.languages.insertBefore('markup', 'tag', {
-                'style': {
-                        pattern: /(<style[\s\S]*?>)[\s\S]*?(?=<\/style>)/i,
-                        lookbehind: true,
-                        inside: Prism.languages.css,
-                        alias: 'language-css',
-                        greedy: true
-                }
-        });
-
-        Prism.languages.insertBefore('inside', 'attr-value', {
-                'style-attr': {
-                        pattern: /\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,
-                        inside: {
-                                'attr-name': {
-                                        pattern: /^\s*style/i,
-                                        inside: Prism.languages.markup.tag.inside
-                                },
-                                'punctuation': /^\s*=\s*['"]|['"]\s*$/,
-                                'attr-value': {
-                                        pattern: /.+/i,
-                                        inside: Prism.languages.css
-                                }
-                        },
-                        alias: 'language-css'
-                }
-        }, Prism.languages.markup.tag);
-}
\ No newline at end of file
diff --git a/source/assets/languages/prism-go.js b/source/assets/languages/prism-go.js
deleted file mode 100644
index cc792a0..0000000
--- a/source/assets/languages/prism-go.js
+++ /dev/null
@@ -1,12 +0,0 @@
-Prism.languages.go = Prism.languages.extend('clike', {
-        'keyword': /\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,
-        'builtin': /\b(?:bool|byte|complex(?:64|128)|error|float(?:32|64)|rune|string|u?int(?:8|16|32|64)?|uintptr|append|cap|close|complex|copy|delete|imag|len|make|new|panic|print(?:ln)?|real|recover)\b/,
-        'boolean': /\b(?:_|iota|nil|true|false)\b/,
-        'operator': /[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,
-        'number': /(?:\b0x[a-f\d]+|(?:\b\d+\.?\d*|\B\.\d+)(?:e[-+]?\d+)?)i?/i,
-        'string': {
-                pattern: /(["'`])(\\[\s\S]|(?!\1)[^\\])*\1/,
-                greedy: true
-        }
-});
-delete Prism.languages.go['class-name'];
diff --git a/source/assets/languages/prism-javascript.js b/source/assets/languages/prism-javascript.js
deleted file mode 100644
index 7800a7d..0000000
--- a/source/assets/languages/prism-javascript.js
+++ /dev/null
@@ -1,56 +0,0 @@
-Prism.languages.javascript = Prism.languages.extend('clike', {
-        'keyword': /\b(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,
-        'number': /\b(?:0[xX][\dA-Fa-f]+|0[bB][01]+|0[oO][0-7]+|NaN|Infinity)\b|(?:\b\d+\.?\d*|\B\.\d+)(?:[Ee][+-]?\d+)?/,
-        // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
-        'function': /[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*\()/i,
-        'operator': /-[-=]?|\+[+=]?|!=?=?|<<?=?|>>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/
-});
-
-Prism.languages.insertBefore('javascript', 'keyword', {
-        'regex': {
-                pattern: /((?:^|[^$\w\xA0-\uFFFF."'\])\s])\s*)\/(\[[^\]\r\n]+]|\\.|[^/\\\[\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})\]]))/,
-                lookbehind: true,
-                greedy: true
-        },
-        // This must be declared before keyword because we use "function" inside the look-forward
-        'function-variable': {
-                pattern: /[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=\s*(?:function\b|(?:\([^()]*\)|[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/i,
-                alias: 'function'
-        },
-        'constant': /\b[A-Z][A-Z\d_]*\b/
-});
-
-Prism.languages.insertBefore('javascript', 'string', {
-        'template-string': {
-                pattern: /`(?:\\[\s\S]|\${[^}]+}|[^\\`])*`/,
-                greedy: true,
-                inside: {
-                        'interpolation': {
-                                pattern: /\${[^}]+}/,
-                                inside: {
-                                        'interpolation-punctuation': {
-                                                pattern: /^\${|}$/,
-                                                alias: 'punctuation'
-                                        },
-                                        rest: null // See below
-                                }
-                        },
-                        'string': /[\s\S]+/
-                }
-        }
-});
-Prism.languages.javascript['template-string'].inside['interpolation'].inside.rest = Prism.languages.javascript;
-
-if (Prism.languages.markup) {
-        Prism.languages.insertBefore('markup', 'tag', {
-                'script': {
-                        pattern: /(<script[\s\S]*?>)[\s\S]*?(?=<\/script>)/i,
-                        lookbehind: true,
-                        inside: Prism.languages.javascript,
-                        alias: 'language-javascript',
-                        greedy: true
-                }
-        });
-}
-
-Prism.languages.js = Prism.languages.javascript;
diff --git a/source/assets/languages/prism-json.js b/source/assets/languages/prism-json.js
deleted file mode 100644
index 06e847e..0000000
--- a/source/assets/languages/prism-json.js
+++ /dev/null
@@ -1,14 +0,0 @@
-Prism.languages.json = {
-        'property': /"(?:\\.|[^\\"\r\n])*"(?=\s*:)/i,
-        'string': {
-                pattern: /"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,
-                greedy: true
-        },
-        'number': /\b0x[\dA-Fa-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:[Ee][+-]?\d+)?/,
-        'punctuation': /[{}[\]);,]/,
-        'operator': /:/g,
-        'boolean': /\b(?:true|false)\b/i,
-        'null': /\bnull\b/i
-};
-
-Prism.languages.jsonp = Prism.languages.json;
diff --git a/source/assets/languages/prism-nginx.js b/source/assets/languages/prism-nginx.js
deleted file mode 100644
index c3fea0c..0000000
--- a/source/assets/languages/prism-nginx.js
+++ /dev/null
@@ -1,11 +0,0 @@
-Prism.languages.nginx = Prism.languages.extend('clike', {
-        'comment': {
-                pattern: /(^|[^"{\\])#.*/,
-                lookbehind: true
-        },
-        'keyword': /\b(?:CONTENT_|DOCUMENT_|GATEWAY_|HTTP_|HTTPS|if_not_empty|PATH_|QUERY_|REDIRECT_|REMOTE_|REQUEST_|SCGI|SCRIPT_|SERVER_|http|events|accept_mutex|accept_mutex_delay|access_log|add_after_body|add_before_body|add_header|addition_types|aio|alias|allow|ancient_browser|ancient_browser_value|auth|auth_basic|auth_basic_user_file|auth_http|auth_http_header|auth_http_timeout|autoindex|autoindex_exact_size|autoindex_localtime|break|charset|charset_map|charset_types|chunked_transfer_encoding|client_body_buffer_size|client_body_in_file_only|client_body_in_single_buffer|client_body_temp_path|client_body_timeout|client_header_buffer_size|client_header_timeout|client_max_body_size|connection_pool_size|create_full_put_path|daemon|dav_access|dav_methods|debug_connection|debug_points|default_type|deny|devpoll_changes|devpoll_events|directio|directio_alignment|disable_symlinks|empty_gif|env|epoll_events|error_log|error_page|expires|fastcgi_buffer_size|fastcgi_buffers|fastcgi_busy_buffers_size|fastcgi_cache|fastcgi_cache_bypass|fastcgi_cache_key|fastcgi_cache_lock|fastcgi_cache_lock_timeout|fastcgi_cache_methods|fastcgi_cache_min_uses|fastcgi_cache_path|fastcgi_cache_purge|fastcgi_cache_use_stale|fastcgi_cache_valid|fastcgi_connect_timeout|fastcgi_hide_header|fastcgi_ignore_client_abort|fastcgi_ignore_headers|fastcgi_index|fastcgi_intercept_errors|fastcgi_keep_conn|fastcgi_max_temp_file_size|fastcgi_next_upstream|fastcgi_no_cache|fastcgi_param|fastcgi_pass|fastcgi_pass_header|fastcgi_read_timeout|fastcgi_redirect_errors|fastcgi_send_timeout|fastcgi_split_path_info|fastcgi_store|fastcgi_store_access|fastcgi_temp_file_write_size|fastcgi_temp_path|flv|geo|geoip_city|geoip_country|google_perftools_profiles|gzip|gzip_buffers|gzip_comp_level|gzip_disable|gzip_http_version|gzip_min_length|gzip_proxied|gzip_static|gzip_types|gzip_vary|if|if_modified_since|ignore_invalid_headers|image_filter|image_filter_buffer|image_filter_jpeg_quality|image_filter_sharpen|image_filter_transparency|imap_capabilities|imap_client_buffer|include|index|internal|ip_hash|keepalive|keepalive_disable|keepalive_requests|keepalive_timeout|kqueue_changes|kqueue_events|large_client_header_buffers|limit_conn|limit_conn_log_level|limit_conn_zone|limit_except|limit_rate|limit_rate_after|limit_req|limit_req_log_level|limit_req_zone|limit_zone|lingering_close|lingering_time|lingering_timeout|listen|location|lock_file|log_format|log_format_combined|log_not_found|log_subrequest|map|map_hash_bucket_size|map_hash_max_size|master_process|max_ranges|memcached_buffer_size|memcached_connect_timeout|memcached_next_upstream|memcached_pass|memcached_read_timeout|memcached_send_timeout|merge_slashes|min_delete_depth|modern_browser|modern_browser_value|mp4|mp4_buffer_size|mp4_max_buffer_size|msie_padding|msie_refresh|multi_accept|open_file_cache|open_file_cache_errors|open_file_cache_min_uses|open_file_cache_valid|open_log_file_cache|optimize_server_names|override_charset|pcre_jit|perl|perl_modules|perl_require|perl_set|pid|pop3_auth|pop3_capabilities|port_in_redirect|post_action|postpone_output|protocol|proxy|proxy_buffer|proxy_buffer_size|proxy_buffering|proxy_buffers|proxy_busy_buffers_size|proxy_cache|proxy_cache_bypass|proxy_cache_key|proxy_cache_lock|proxy_cache_lock_timeout|proxy_cache_methods|proxy_cache_min_uses|proxy_cache_path|proxy_cache_use_stale|proxy_cache_valid|proxy_connect_timeout|proxy_cookie_domain|proxy_cookie_path|proxy_headers_hash_bucket_size|proxy_headers_hash_max_size|proxy_hide_header|proxy_http_version|proxy_ignore_client_abort|proxy_ignore_headers|proxy_intercept_errors|proxy_max_temp_file_size|proxy_method|proxy_next_upstream|proxy_no_cache|proxy_pass|proxy_pass_error_message|proxy_pass_header|proxy_pass_request_body|proxy_pass_request_headers|proxy_read_timeout|proxy_redirect|proxy_redirect_errors|proxy_send_lowat|proxy_send_timeout|proxy_set_body|proxy_set_header|proxy_ssl_session_reuse|proxy_store|proxy_store_access|proxy_temp_file_write_size|proxy_temp_path|proxy_timeout|proxy_upstream_fail_timeout|proxy_upstream_max_fails|random_index|read_ahead|real_ip_header|recursive_error_pages|request_pool_size|reset_timedout_connection|resolver|resolver_timeout|return|rewrite|root|rtsig_overflow_events|rtsig_overflow_test|rtsig_overflow_threshold|rtsig_signo|satisfy|satisfy_any|secure_link_secret|send_lowat|send_timeout|sendfile|sendfile_max_chunk|server|server_name|server_name_in_redirect|server_names_hash_bucket_size|server_names_hash_max_size|server_tokens|set|set_real_ip_from|smtp_auth|smtp_capabilities|so_keepalive|source_charset|split_clients|ssi|ssi_silent_errors|ssi_types|ssi_value_length|ssl|ssl_certificate|ssl_certificate_key|ssl_ciphers|ssl_client_certificate|ssl_crl|ssl_dhparam|ssl_engine|ssl_prefer_server_ciphers|ssl_protocols|ssl_session_cache|ssl_session_timeout|ssl_verify_client|ssl_verify_depth|starttls|stub_status|sub_filter|sub_filter_once|sub_filter_types|tcp_nodelay|tcp_nopush|timeout|timer_resolution|try_files|types|types_hash_bucket_size|types_hash_max_size|underscores_in_headers|uninitialized_variable_warn|upstream|use|user|userid|userid_domain|userid_expires|userid_name|userid_p3p|userid_path|userid_service|valid_referers|variables_hash_bucket_size|variables_hash_max_size|worker_connections|worker_cpu_affinity|worker_priority|worker_processes|worker_rlimit_core|worker_rlimit_nofile|worker_rlimit_sigpending|working_directory|xclient|xml_entities|xslt_entities|xslt_stylesheet|xslt_types)\b/i
-});
-
-Prism.languages.insertBefore('nginx', 'keyword', {
-        'variable': /\$[a-z_]+/i
-});
\ No newline at end of file
diff --git a/source/assets/languages/prism-pascal.js b/source/assets/languages/prism-pascal.js
deleted file mode 100644
index bc7a283..0000000
--- a/source/assets/languages/prism-pascal.js
+++ /dev/null
@@ -1,55 +0,0 @@
-// Based on Free Pascal
-
-/* TODO
-        Support inline asm ?
-*/
-
-Prism.languages.pascal = {
-        'comment': [
-                /\(\*[\s\S]+?\*\)/,
-                /\{[\s\S]+?\}/,
-                /\/\/.*/
-        ],
-        'string': {
-                pattern: /(?:'(?:''|[^'\r\n])*'|#[&$%]?[a-f\d]+)+|\^[a-z]/i,
-                greedy: true
-        },
-        'keyword': [
-                {
-                        // Turbo Pascal
-                        pattern: /(^|[^&])\b(?:absolute|array|asm|begin|case|const|constructor|destructor|do|downto|else|end|file|for|function|goto|if|implementation|inherited|inline|interface|label|nil|object|of|operator|packed|procedure|program|record|reintroduce|repeat|self|set|string|then|to|type|unit|until|uses|var|while|with)\b/i,
-                        lookbehind: true
-                },
-                {
-                        // Free Pascal
-                        pattern: /(^|[^&])\b(?:dispose|exit|false|new|true)\b/i,
-                        lookbehind: true
-                },
-                {
-                        // Object Pascal
-                        pattern: /(^|[^&])\b(?:class|dispinterface|except|exports|finalization|finally|initialization|inline|library|on|out|packed|property|raise|resourcestring|threadvar|try)\b/i,
-                        lookbehind: true
-                },
-                {
-                        // Modifiers
-                        pattern: /(^|[^&])\b(?:absolute|abstract|alias|assembler|bitpacked|break|cdecl|continue|cppdecl|cvar|default|deprecated|dynamic|enumerator|experimental|export|external|far|far16|forward|generic|helper|implements|index|interrupt|iochecks|local|message|name|near|nodefault|noreturn|nostackframe|oldfpccall|otherwise|overload|override|pascal|platform|private|protected|public|published|read|register|reintroduce|result|safecall|saveregisters|softfloat|specialize|static|stdcall|stored|strict|unaligned|unimplemented|varargs|virtual|write)\b/i,
-                        lookbehind: true
-                }
-        ],
-        'number': [
-                // Hexadecimal, octal and binary
-                /(?:[&%]\d+|\$[a-f\d]+)/i,
-                // Decimal
-                /\b\d+(?:\.\d+)?(?:e[+-]?\d+)?/i
-        ],
-        'operator': [
-                /\.\.|\*\*|:=|<[<=>]?|>[>=]?|[+\-*\/]=?|[@^=]/i,
-                {
-                        pattern: /(^|[^&])\b(?:and|as|div|exclude|in|include|is|mod|not|or|shl|shr|xor)\b/,
-                        lookbehind: true
-                }
-        ],
-        'punctuation': /\(\.|\.\)|[()\[\]:;,.]/
-};
-
-Prism.languages.objectpascal = Prism.languages.pascal;
\ No newline at end of file
diff --git a/source/assets/languages/prism-python.js b/source/assets/languages/prism-python.js
deleted file mode 100644
index ecad408..0000000
--- a/source/assets/languages/prism-python.js
+++ /dev/null
@@ -1,29 +0,0 @@
-Prism.languages.python = {
-        'comment': {
-                pattern: /(^|[^\\])#.*/,
-                lookbehind: true
-        },
-        'triple-quoted-string': {
-                pattern: /("""|''')[\s\S]+?\1/,
-                greedy: true,
-                alias: 'string'
-        },
-        'string': {
-                pattern: /("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,
-                greedy: true
-        },
-        'function': {
-                pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
-                lookbehind: true
-        },
-        'class-name': {
-                pattern: /(\bclass\s+)\w+/i,
-                lookbehind: true
-        },
-        'keyword': /\b(?:as|assert|async|await|break|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|nonlocal|pass|print|raise|return|try|while|with|yield)\b/,
-        'builtin':/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
-        'boolean': /\b(?:True|False|None)\b/,
-        'number': /(?:\b(?=\d)|\B(?=\.))(?:0[bo])?(?:(?:\d|0x[\da-f])[\da-f]*\.?\d*|\.\d+)(?:e[+-]?\d+)?j?\b/i,
-        'operator': /[-+%=]=?|!=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]|\b(?:or|and|not)\b/,
-        'punctuation': /[{}[\];(),.:]/
-};
diff --git a/source/assets/prism.css b/source/assets/prism.css
deleted file mode 100644
index 21c8aa8..0000000
--- a/source/assets/prism.css
+++ /dev/null
@@ -1,167 +0,0 @@
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-
- code[class*="language-"],
- pre[class*="language-"] {
-   color: black;
-   font-family: monospace;
-   text-align: left;
-   white-space: pre;
-   word-spacing: normal;
-   word-break: normal;
-   word-wrap: normal;
-   line-height: 1.5;
-
-   -moz-tab-size: 4;
-   -o-tab-size: 4;
-   tab-size: 4;
-
-   -webkit-hyphens: none;
-   -moz-hyphens: none;
-   -ms-hyphens: none;
-   hyphens: none;
- }
-
- pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
- code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-   text-shadow: none;
- }
-
- pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
- code[class*="language-"]::selection, code[class*="language-"] ::selection {
-   text-shadow: none;
- }
-
- @media print {
-   code[class*="language-"],
-   pre[class*="language-"] {
-     text-shadow: none;
-   }
- }
-
- /* Code blocks */
- pre[class*="language-"] {
-   padding: 1em;
-   margin: .5em 0;
-   overflow: auto;
- }
-
- :not(pre) > code[class*="language-"],
- pre[class*="language-"] {
- }
-
- /* Inline code */
- :not(pre) > code[class*="language-"] {
-   padding: .1em;
-   border-radius: .3em;
-   white-space: normal;
- }
-
- .token.comment,
- .token.prolog,
- .token.doctype,
- .token.cdata {
-   color: slategray;
- }
-
- .token.punctuation {
-   color: #999;
- }
-
- .namespace {
-   opacity: .7;
- }
-
- .token.property,
- .token.tag,
- .token.boolean,
- .token.number,
- .token.constant,
- .token.symbol,
- .token.deleted {
-   color: #905;
- }
-
- .token.selector,
- .token.attr-name,
- .token.string,
- .token.char,
- .token.builtin,
- .token.inserted {
-   color: #690;
- }
-
- .token.operator,
- .token.entity,
- .token.url,
- .language-css .token.string,
- .style .token.string {
-   color: #9a6e3a;
-   /*background: hsla(0, 0%, 100%, .5);*/
- }
-
- .token.atrule,
- .token.attr-value,
- .token.keyword {
-   color: #07a;
- }
-
- .token.function,
- .token.class-name {
-   color: #DD4A68;
- }
-
- .token.regex,
- .token.important,
- .token.variable {
-   color: #e90;
- }
-
- .token.important,
- .token.bold {
-   font-weight: bold;
- }
- .token.italic {
-   font-style: italic;
- }
-
- .token.entity {
-   cursor: help;
- }
-
- pre[class*="language-"].line-numbers {
-        position: relative;
-        padding-left: 3.8em;
-        counter-reset: linenumber;
-}
-
-pre[class*="language-"].line-numbers > code {
-        position: relative;
-        white-space: inherit;
-}
-
-.line-numbers .line-numbers-rows {
-        position: absolute;
-        pointer-events: none;
-        top: 0;
-        font-size: 100%;
-        left: -3.8em;
-        width: 3em; /* works for line-numbers below 1000 lines */
-        letter-spacing: -1px;
-        border-right: 1px solid #999;
-
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none;
-
-}
-
-        .line-numbers-rows > span {
-                pointer-events: none;
-                display: block;
-                counter-increment: linenumber;
-        }
diff --git a/source/assets/prism.js b/source/assets/prism.js
deleted file mode 100644
index 304be1e..0000000
--- a/source/assets/prism.js
+++ /dev/null
@@ -1,1071 +0,0 @@
-
-/* **********************************************
-     Begin prism-core.js
-********************************************** */
-
-var _self = (typeof window !== 'undefined')
-  ? window   // if in browser
-  : (
-    (typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
-      ? self // if in worker
-      : {}   // if in node js
-  );
-
-/**
- * Prism: Lightweight, robust, elegant syntax highlighting
- * MIT license http://www.opensource.org/licenses/mit-license.php/
- * @author Lea Verou http://lea.verou.me
- */
-
-var Prism = (function () {
-
-  // Private helper vars
-  var lang = /\blang(?:uage)?-([\w-]+)\b/i;
-  var uniqueId = 0;
-
-  var _ = _self.Prism = {
-    manual: _self.Prism && _self.Prism.manual,
-    disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
-    util: {
-      encode: function (tokens) {
-        if (tokens instanceof Token) {
-          return new Token(tokens.type, _.util.encode(tokens.content), tokens.alias);
-        } else if (_.util.type(tokens) === 'Array') {
-          return tokens.map(_.util.encode);
-        } else {
-          return tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
-        }
-      },
-
-      type: function (o) {
-        return Object.prototype.toString.call(o).slice(8, -1);
-      },
-
-      objId: function (obj) {
-        if (!obj['__id']) {
-          Object.defineProperty(obj, '__id', { value: ++uniqueId });
-        }
-        return obj['__id'];
-      },
-
-      // Deep clone a language definition (e.g. to extend it)
-      clone: function (o, visited) {
-        var type = _.util.type(o);
-        visited = visited || {};
-
-        switch (type) {
-          case 'Object':
-            if (visited[_.util.objId(o)]) {
-              return visited[_.util.objId(o)];
-            }
-            var clone = {};
-            visited[_.util.objId(o)] = clone;
-
-            for (var key in o) {
-              if (o.hasOwnProperty(key)) {
-                clone[key] = _.util.clone(o[key], visited);
-              }
-            }
-
-            return clone;
-
-          case 'Array':
-            if (visited[_.util.objId(o)]) {
-              return visited[_.util.objId(o)];
-            }
-            var clone = [];
-            visited[_.util.objId(o)] = clone;
-
-            o.forEach(function (v, i) {
-              clone[i] = _.util.clone(v, visited);
-            });
-
-            return clone;
-        }
-
-        return o;
-      }
-    },
-
-    languages: {
-      extend: function (id, redef) {
-        var lang = _.util.clone(_.languages[id]);
-
-        for (var key in redef) {
-          lang[key] = redef[key];
-        }
-
-        return lang;
-      },
-
-      /**
-       * Insert a token before another token in a language literal
-       * As this needs to recreate the object (we cannot actually insert before keys in object literals),
-       * we cannot just provide an object, we need an object and a key.
-       * @param inside The key (or language id) of the parent
-       * @param before The key to insert before.
-       * @param insert Object with the key/value pairs to insert
-       * @param root The object that contains `inside`. If equal to Prism.languages, it can be omitted.
-       */
-      insertBefore: function (inside, before, insert, root) {
-        root = root || _.languages;
-        var grammar = root[inside];
-        var ret = {};
-
-        for (var token in grammar) {
-          if (grammar.hasOwnProperty(token)) {
-
-            if (token == before) {
-              for (var newToken in insert) {
-                if (insert.hasOwnProperty(newToken)) {
-                  ret[newToken] = insert[newToken];
-                }
-              }
-            }
-
-            // Do not insert token which also occur in insert. See #1525
-            if (!insert.hasOwnProperty(token)) {
-              ret[token] = grammar[token];
-            }
-          }
-        }
-
-        var old = root[inside];
-        root[inside] = ret;
-
-        // Update references in other language definitions
-        _.languages.DFS(_.languages, function (key, value) {
-          if (value === old && key != inside) {
-            this[key] = ret;
-          }
-        });
-
-        return ret;
-      },
-
-      // Traverse a language definition with Depth First Search
-      DFS: function (o, callback, type, visited) {
-        visited = visited || {};
-        for (var i in o) {
-          if (o.hasOwnProperty(i)) {
-            callback.call(o, i, o[i], type || i);
-
-            if (_.util.type(o[i]) === 'Object' && !visited[_.util.objId(o[i])]) {
-              visited[_.util.objId(o[i])] = true;
-              _.languages.DFS(o[i], callback, null, visited);
-            }
-            else if (_.util.type(o[i]) === 'Array' && !visited[_.util.objId(o[i])]) {
-              visited[_.util.objId(o[i])] = true;
-              _.languages.DFS(o[i], callback, i, visited);
-            }
-          }
-        }
-      }
-    },
-    plugins: {},
-
-    highlightAll: function (async, callback) {
-      _.highlightAllUnder(document, async, callback);
-    },
-
-    highlightAllUnder: function (container, async, callback) {
-      var env = {
-        callback: callback,
-        selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
-      };
-
-      _.hooks.run("before-highlightall", env);
-
-      var elements = env.elements || container.querySelectorAll(env.selector);
-
-      for (var i = 0, element; element = elements[i++];) {
-        _.highlightElement(element, async === true, env.callback);
-      }
-    },
-
-    highlightElement: function (element, async, callback) {
-      // Find language
-      var language, grammar, parent = element;
-
-      while (parent && !lang.test(parent.className)) {
-        parent = parent.parentNode;
-      }
-
-      if (parent) {
-        language = (parent.className.match(lang) || [, ''])[1].toLowerCase();
-        grammar = _.languages[language];
-      }
-
-      // Set language on the element, if not present
-      element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
-
-      if (element.parentNode) {
-        // Set language on the parent, for styling
-        parent = element.parentNode;
-
-        if (/pre/i.test(parent.nodeName)) {
-          parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
-        }
-      }
-
-      var code = element.textContent;
-
-      var env = {
-        element: element,
-        language: language,
-        grammar: grammar,
-        code: code
-      };
-
-      var insertHighlightedCode = function (highlightedCode) {
-        env.highlightedCode = highlightedCode;
-
-        _.hooks.run('before-insert', env);
-
-        env.element.innerHTML = env.highlightedCode;
-
-        _.hooks.run('after-highlight', env);
-        _.hooks.run('complete', env);
-        callback && callback.call(env.element);
-      }
-
-      _.hooks.run('before-sanity-check', env);
-
-      if (!env.code) {
-        _.hooks.run('complete', env);
-        return;
-      }
-
-      _.hooks.run('before-highlight', env);
-
-      if (!env.grammar) {
-        insertHighlightedCode(_.util.encode(env.code));
-        return;
-      }
-
-      if (async && _self.Worker) {
-        var worker = new Worker(_.filename);
-
-        worker.onmessage = function (evt) {
-          insertHighlightedCode(evt.data);
-        };
-
-        worker.postMessage(JSON.stringify({
-          language: env.language,
-          code: env.code,
-          immediateClose: true
-        }));
-      }
-      else {
-        insertHighlightedCode(_.highlight(env.code, env.grammar, env.language));
-      }
-    },
-
-    highlight: function (text, grammar, language) {
-      var env = {
-        code: text,
-        grammar: grammar,
-        language: language
-      };
-      _.hooks.run('before-tokenize', env);
-      env.tokens = _.tokenize(env.code, env.grammar);
-      _.hooks.run('after-tokenize', env);
-      return Token.stringify(_.util.encode(env.tokens), env.language);
-    },
-
-    matchGrammar: function (text, strarr, grammar, index, startPos, oneshot, target) {
-      var Token = _.Token;
-
-      for (var token in grammar) {
-        if (!grammar.hasOwnProperty(token) || !grammar[token]) {
-          continue;
-        }
-
-        if (token == target) {
-          return;
-        }
-
-        var patterns = grammar[token];
-        patterns = (_.util.type(patterns) === "Array") ? patterns : [patterns];
-
-        for (var j = 0; j < patterns.length; ++j) {
-          var pattern = patterns[j],
-            inside = pattern.inside,
-            lookbehind = !!pattern.lookbehind,
-            greedy = !!pattern.greedy,
-            lookbehindLength = 0,
-            alias = pattern.alias;
-
-          if (greedy && !pattern.pattern.global) {
-            // Without the global flag, lastIndex won't work
-            var flags = pattern.pattern.toString().match(/[imuy]*$/)[0];
-            pattern.pattern = RegExp(pattern.pattern.source, flags + "g");
-          }
-
-          pattern = pattern.pattern || pattern;
-
-          // Don’t cache length as it changes during the loop
-          for (var i = index, pos = startPos; i < strarr.length; pos += strarr[i].length, ++i) {
-
-            var str = strarr[i];
-
-            if (strarr.length > text.length) {
-              // Something went terribly wrong, ABORT, ABORT!
-              return;
-            }
-
-            if (str instanceof Token) {
-              continue;
-            }
-
-            if (greedy && i != strarr.length - 1) {
-              pattern.lastIndex = pos;
-              var match = pattern.exec(text);
-              if (!match) {
-                break;
-              }
-
-              var from = match.index + (lookbehind ? match[1].length : 0),
-                to = match.index + match[0].length,
-                k = i,
-                p = pos;
-
-              for (var len = strarr.length; k < len && (p < to || (!strarr[k].type && !strarr[k - 1].greedy)); ++k) {
-                p += strarr[k].length;
-                // Move the index i to the element in strarr that is closest to from
-                if (from >= p) {
-                  ++i;
-                  pos = p;
-                }
-              }
-
-              // If strarr[i] is a Token, then the match starts inside another Token, which is invalid
-              if (strarr[i] instanceof Token) {
-                continue;
-              }
-
-              // Number of tokens to delete and replace with the new match
-              delNum = k - i;
-              str = text.slice(pos, p);
-              match.index -= pos;
-            } else {
-              pattern.lastIndex = 0;
-
-              var match = pattern.exec(str),
-                delNum = 1;
-            }
-
-            if (!match) {
-              if (oneshot) {
-                break;
-              }
-
-              continue;
-            }
-
-            if (lookbehind) {
-              lookbehindLength = match[1] ? match[1].length : 0;
-            }
-
-            var from = match.index + lookbehindLength,
-              match = match[0].slice(lookbehindLength),
-              to = from + match.length,
-              before = str.slice(0, from),
-              after = str.slice(to);
-
-            var args = [i, delNum];
-
-            if (before) {
-              ++i;
-              pos += before.length;
-              args.push(before);
-            }
-
-            var wrapped = new Token(token, inside ? _.tokenize(match, inside) : match, alias, match, greedy);
-
-            args.push(wrapped);
-
-            if (after) {
-              args.push(after);
-            }
-
-            Array.prototype.splice.apply(strarr, args);
-
-            if (delNum != 1)
-              _.matchGrammar(text, strarr, grammar, i, pos, true, token);
-
-            if (oneshot)
-              break;
-          }
-        }
-      }
-    },
-
-    tokenize: function (text, grammar) {
-      var strarr = [text];
-
-      var rest = grammar.rest;
-
-      if (rest) {
-        for (var token in rest) {
-          grammar[token] = rest[token];
-        }
-
-        delete grammar.rest;
-      }
-
-      _.matchGrammar(text, strarr, grammar, 0, 0, false);
-
-      return strarr;
-    },
-
-    hooks: {
-      all: {},
-
-      add: function (name, callback) {
-        var hooks = _.hooks.all;
-
-        hooks[name] = hooks[name] || [];
-
-        hooks[name].push(callback);
-      },
-
-      run: function (name, env) {
-        var callbacks = _.hooks.all[name];
-
-        if (!callbacks || !callbacks.length) {
-          return;
-        }
-
-        for (var i = 0, callback; callback = callbacks[i++];) {
-          callback(env);
-        }
-      }
-    }
-  };
-
-  var Token = _.Token = function (type, content, alias, matchedStr, greedy) {
-    this.type = type;
-    this.content = content;
-    this.alias = alias;
-    // Copy of the full string this token was created from
-    this.length = (matchedStr || "").length | 0;
-    this.greedy = !!greedy;
-  };
-
-  Token.stringify = function (o, language, parent) {
-    if (typeof o == 'string') {
-      return o;
-    }
-
-    if (_.util.type(o) === 'Array') {
-      return o.map(function (element) {
-        return Token.stringify(element, language, o);
-      }).join('');
-    }
-
-    var env = {
-      type: o.type,
-      content: Token.stringify(o.content, language, parent),
-      tag: 'span',
-      classes: ['token', o.type],
-      attributes: {},
-      language: language,
-      parent: parent
-    };
-
-    if (o.alias) {
-      var aliases = _.util.type(o.alias) === 'Array' ? o.alias : [o.alias];
-      Array.prototype.push.apply(env.classes, aliases);
-    }
-
-    _.hooks.run('wrap', env);
-
-    var attributes = Object.keys(env.attributes).map(function (name) {
-      return name + '="' + (env.attributes[name] || '').replace(/"/g, '&quot;') + '"';
-    }).join(' ');
-
-    return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + (attributes ? ' ' + attributes : '') + '>' + env.content + '</' + env.tag + '>';
-
-  };
-
-  if (!_self.document) {
-    if (!_self.addEventListener) {
-      // in Node.js
-      return _self.Prism;
-    }
-
-    if (!_.disableWorkerMessageHandler) {
-      // In worker
-      _self.addEventListener('message', function (evt) {
-        var message = JSON.parse(evt.data),
-          lang = message.language,
-          code = message.code,
-          immediateClose = message.immediateClose;
-
-        _self.postMessage(_.highlight(code, _.languages[lang], lang));
-        if (immediateClose) {
-          _self.close();
-        }
-      }, false);
-    }
-
-    return _self.Prism;
-  }
-
-  //Get current script and highlight
-  var script = document.currentScript || [].slice.call(document.getElementsByTagName("script")).pop();
-
-  if (script) {
-    _.filename = script.src;
-
-    if (!_.manual && !script.hasAttribute('data-manual')) {
-      if (document.readyState !== "loading") {
-        if (window.requestAnimationFrame) {
-          window.requestAnimationFrame(_.highlightAll);
-        } else {
-          window.setTimeout(_.highlightAll, 16);
-        }
-      }
-      else {
-        document.addEventListener('DOMContentLoaded', _.highlightAll);
-      }
-    }
-  }
-
-  return _self.Prism;
-
-})();
-
-if (typeof module !== 'undefined' && module.exports) {
-  module.exports = Prism;
-}
-
-// hack for components to work correctly in node.js
-if (typeof global !== 'undefined') {
-  global.Prism = Prism;
-}
-
-
-/* **********************************************
-     Begin prism-markup.js
-********************************************** */
-
-Prism.languages.markup = {
-  'comment': /<!--[\s\S]*?-->/,
-  'prolog': /<\?[\s\S]+?\?>/,
-  'doctype': /<!DOCTYPE[\s\S]+?>/i,
-  'cdata': /<!\[CDATA\[[\s\S]*?]]>/i,
-  'tag': {
-    pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+))?)*\s*\/?>/i,
-    greedy: true,
-    inside: {
-      'tag': {
-        pattern: /^<\/?[^\s>\/]+/i,
-        inside: {
-          'punctuation': /^<\/?/,
-          'namespace': /^[^\s>\/:]+:/
-        }
-      },
-      'attr-value': {
-        pattern: /=(?:("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|[^\s'">=]+)/i,
-        inside: {
-          'punctuation': [
-            /^=/,
-            {
-              pattern: /(^|[^\\])["']/,
-              lookbehind: true
-            }
-          ]
-        }
-      },
-      'punctuation': /\/?>/,
-      'attr-name': {
-        pattern: /[^\s>\/]+/,
-        inside: {
-          'namespace': /^[^\s>\/:]+:/
-        }
-      }
-
-    }
-  },
-  'entity': /&#?[\da-z]{1,8};/i
-};
-
-Prism.languages.markup['tag'].inside['attr-value'].inside['entity'] =
-  Prism.languages.markup['entity'];
-
-// Plugin to make entity title show the real entity, idea by Roman Komarov
-Prism.hooks.add('wrap', function (env) {
-
-  if (env.type === 'entity') {
-    env.attributes['title'] = env.content.replace(/&amp;/, '&');
-  }
-});
-
-Prism.languages.xml = Prism.languages.extend('markup', {});
-Prism.languages.html = Prism.languages.markup;
-Prism.languages.mathml = Prism.languages.markup;
-Prism.languages.svg = Prism.languages.markup;
-
-
-/* **********************************************
-     Begin prism-css.js
-********************************************** */
-
-Prism.languages.css = {
-  'comment': /\/\*[\s\S]*?\*\//,
-  'atrule': {
-    pattern: /@[\w-]+?[\s\S]*?(?:;|(?=\s*\{))/i,
-    inside: {
-      'rule': /@[\w-]+/
-      // See rest below
-    }
-  },
-  'url': /url\((?:(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,
-  'selector': /[^{}\s][^{};]*?(?=\s*\{)/,
-  'string': {
-    pattern: /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
-    greedy: true
-  },
-  'property': /[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,
-  'important': /!important\b/i,
-  'function': /[-a-z0-9]+(?=\()/i,
-  'punctuation': /[(){};:,]/
-};
-
-Prism.languages.css['atrule'].inside.rest = Prism.languages.css;
-
-if (Prism.languages.markup) {
-  Prism.languages.insertBefore('markup', 'tag', {
-    'style': {
-      pattern: /(<style[\s\S]*?>)[\s\S]*?(?=<\/style>)/i,
-      lookbehind: true,
-      inside: Prism.languages.css,
-      alias: 'language-css',
-      greedy: true
-    }
-  });
-
-  Prism.languages.insertBefore('inside', 'attr-value', {
-    'style-attr': {
-      pattern: /\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,
-      inside: {
-        'attr-name': {
-          pattern: /^\s*style/i,
-          inside: Prism.languages.markup.tag.inside
-        },
-        'punctuation': /^\s*=\s*['"]|['"]\s*$/,
-        'attr-value': {
-          pattern: /.+/i,
-          inside: Prism.languages.css
-        }
-      },
-      alias: 'language-css'
-    }
-  }, Prism.languages.markup.tag);
-}
-
-
-/* **********************************************
-     Begin prism-clike.js
-********************************************** */
-
-Prism.languages.clike = {
-  'comment': [
-    {
-      pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
-      lookbehind: true
-    },
-    {
-      pattern: /(^|[^\\:])\/\/.*/,
-      lookbehind: true,
-      greedy: true
-    }
-  ],
-  'string': {
-    pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
-    greedy: true
-  },
-  'class-name': {
-    pattern: /((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[\w.\\]+/i,
-    lookbehind: true,
-    inside: {
-      punctuation: /[.\\]/
-    }
-  },
-  'keyword': /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
-  'boolean': /\b(?:true|false)\b/,
-  'function': /\w+(?=\()/,
-  'number': /\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,
-  'operator': /--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,
-  'punctuation': /[{}[\];(),.:]/
-};
-
-
-/* **********************************************
-     Begin prism-javascript.js
-********************************************** */
-
-Prism.languages.javascript = Prism.languages.extend('clike', {
-  'class-name': [
-    Prism.languages.clike['class-name'],
-    {
-      pattern: /(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,
-      lookbehind: true
-    }
-  ],
-  'keyword': [
-    {
-      pattern: /((?:^|})\s*)(?:catch|finally)\b/,
-      lookbehind: true
-    },
-    /\b(?:as|async|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/
-  ],
-  'number': /\b(?:(?:0[xX][\dA-Fa-f]+|0[bB][01]+|0[oO][0-7]+)n?|\d+n|NaN|Infinity)\b|(?:\b\d+\.?\d*|\B\.\d+)(?:[Ee][+-]?\d+)?/,
-  // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
-  'function': /[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*\(|\.(?:apply|bind|call)\()/,
-  'operator': /-[-=]?|\+[+=]?|!=?=?|<<?=?|>>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/
-});
-
-Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/
-
-Prism.languages.insertBefore('javascript', 'keyword', {
-  'regex': {
-    pattern: /((?:^|[^$\w\xA0-\uFFFF."'\])\s])\s*)\/(\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})\]]))/,
-    lookbehind: true,
-    greedy: true
-  },
-  // This must be declared before keyword because we use "function" inside the look-forward
-  'function-variable': {
-    pattern: /[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,
-    alias: 'function'
-  },
-  'parameter': [
-    {
-      pattern: /(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,
-      lookbehind: true,
-      inside: Prism.languages.javascript
-    },
-    {
-      pattern: /[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,
-      inside: Prism.languages.javascript
-    },
-    {
-      pattern: /(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,
-      lookbehind: true,
-      inside: Prism.languages.javascript
-    },
-    {
-      pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,
-      lookbehind: true,
-      inside: Prism.languages.javascript
-    }
-  ],
-  'constant': /\b[A-Z][A-Z\d_]*\b/
-});
-
-Prism.languages.insertBefore('javascript', 'string', {
-  'template-string': {
-    pattern: /`(?:\\[\s\S]|\${[^}]+}|[^\\`])*`/,
-    greedy: true,
-    inside: {
-      'interpolation': {
-        pattern: /\${[^}]+}/,
-        inside: {
-          'interpolation-punctuation': {
-            pattern: /^\${|}$/,
-            alias: 'punctuation'
-          },
-          rest: Prism.languages.javascript
-        }
-      },
-      'string': /[\s\S]+/
-    }
-  }
-});
-
-if (Prism.languages.markup) {
-  Prism.languages.insertBefore('markup', 'tag', {
-    'script': {
-      pattern: /(<script[\s\S]*?>)[\s\S]*?(?=<\/script>)/i,
-      lookbehind: true,
-      inside: Prism.languages.javascript,
-      alias: 'language-javascript',
-      greedy: true
-    }
-  });
-}
-
-Prism.languages.js = Prism.languages.javascript;
-
-
-/* **********************************************
-     Begin prism-file-highlight.js
-********************************************** */
-
-(function () {
-  if (typeof self === 'undefined' || !self.Prism || !self.document || !document.querySelector) {
-    return;
-  }
-
-        /**
-         * @param {Element} [container=document]
-         */
-  self.Prism.fileHighlight = function (container) {
-    container = container || document;
-
-    var Extensions = {
-      'js': 'javascript',
-      'py': 'python',
-      'rb': 'ruby',
-      'ps1': 'powershell',
-      'psm1': 'powershell',
-      'sh': 'bash',
-      'bat': 'batch',
-      'h': 'c',
-      'tex': 'latex'
-    };
-
-    Array.prototype.slice.call(container.querySelectorAll('pre[data-src]')).forEach(function (pre) {
-      // ignore if already loaded
-      if (pre.hasAttribute('data-src-loaded')) {
-        return;
-      }
-
-      // load current
-      var src = pre.getAttribute('data-src');
-
-      var language, parent = pre;
-      var lang = /\blang(?:uage)?-([\w-]+)\b/i;
-      while (parent && !lang.test(parent.className)) {
-        parent = parent.parentNode;
-      }
-
-      if (parent) {
-        language = (pre.className.match(lang) || [, ''])[1];
-      }
-
-      if (!language) {
-        var extension = (src.match(/\.(\w+)$/) || [, ''])[1];
-        language = Extensions[extension] || extension;
-      }
-
-      var code = document.createElement('code');
-      code.className = 'language-' + language;
-
-      pre.textContent = '';
-
-      code.textContent = 'Loading…';
-
-      pre.appendChild(code);
-
-      var xhr = new XMLHttpRequest();
-
-      xhr.open('GET', src, true);
-
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState == 4) {
-
-          if (xhr.status < 400 && xhr.responseText) {
-            code.textContent = xhr.responseText;
-
-            Prism.highlightElement(code);
-            // mark as loaded
-            pre.setAttribute('data-src-loaded', '');
-          }
-          else if (xhr.status >= 400) {
-            code.textContent = '✖ Error ' + xhr.status + ' while fetching file: ' + xhr.statusText;
-          }
-          else {
-            code.textContent = '✖ Error: File does not exist or is empty';
-          }
-        }
-      };
-
-      xhr.send(null);
-    });
-
-    if (Prism.plugins.toolbar) {
-      Prism.plugins.toolbar.registerButton('download-file', function (env) {
-        var pre = env.element.parentNode;
-        if (!pre || !/pre/i.test(pre.nodeName) || !pre.hasAttribute('data-src') || !pre.hasAttribute('data-download-link')) {
-          return;
-        }
-        var src = pre.getAttribute('data-src');
-        var a = document.createElement('a');
-        a.textContent = pre.getAttribute('data-download-link-label') || 'Download';
-        a.setAttribute('download', '');
-        a.href = src;
-        return a;
-      });
-    }
-
-  };
-
-  document.addEventListener('DOMContentLoaded', function () {
-    // execute inside handler, for dropping Event as argumnet
-    self.Prism.fileHighlight();
-  });
-
-})();
-
-(function () {
-
-  if (typeof self === 'undefined' || !self.Prism || !self.document) {
-    return;
-  }
-
-        /**
-         * Plugin name which is used as a class name for <pre> which is activating the plugin
-         * @type {String}
-         */
-  var PLUGIN_NAME = 'line-numbers';
-
-        /**
-         * Regular expression used for determining line breaks
-         * @type {RegExp}
-         */
-  var NEW_LINE_EXP = /\n(?!$)/g;
-
-        /**
-         * Resizes line numbers spans according to height of line of code
-         * @param {Element} element <pre> element
-         */
-  var _resizeElement = function (element) {
-    var codeStyles = getStyles(element);
-    var whiteSpace = codeStyles['white-space'];
-
-    if (whiteSpace === 'pre-wrap' || whiteSpace === 'pre-line') {
-      var codeElement = element.querySelector('code');
-      var lineNumbersWrapper = element.querySelector('.line-numbers-rows');
-      var lineNumberSizer = element.querySelector('.line-numbers-sizer');
-      var codeLines = codeElement.textContent.split(NEW_LINE_EXP);
-
-      if (!lineNumberSizer) {
-        lineNumberSizer = document.createElement('span');
-        lineNumberSizer.className = 'line-numbers-sizer';
-
-        codeElement.appendChild(lineNumberSizer);
-      }
-
-      lineNumberSizer.style.display = 'block';
-
-      codeLines.forEach(function (line, lineNumber) {
-        lineNumberSizer.textContent = line || '\n';
-        var lineSize = lineNumberSizer.getBoundingClientRect().height;
-        lineNumbersWrapper.children[lineNumber].style.height = lineSize + 'px';
-      });
-
-      lineNumberSizer.textContent = '';
-      lineNumberSizer.style.display = 'none';
-    }
-  };
-
-        /**
-         * Returns style declarations for the element
-         * @param {Element} element
-         */
-  var getStyles = function (element) {
-    if (!element) {
-      return null;
-    }
-
-    return window.getComputedStyle ? getComputedStyle(element) : (element.currentStyle || null);
-  };
-
-  window.addEventListener('resize', function () {
-    Array.prototype.forEach.call(document.querySelectorAll('pre.' + PLUGIN_NAME), _resizeElement);
-  });
-
-  Prism.hooks.add('complete', function (env) {
-    if (!env.code) {
-      return;
-    }
-
-    // works only for <code> wrapped inside <pre> (not inline)
-    var pre = env.element.parentNode;
-    var clsReg = /\s*\bline-numbers\b\s*/;
-    if (
-      !pre || !/pre/i.test(pre.nodeName) ||
-      // Abort only if nor the <pre> nor the <code> have the class
-      (!clsReg.test(pre.className) && !clsReg.test(env.element.className))
-    ) {
-      return;
-    }
-
-    if (env.element.querySelector('.line-numbers-rows')) {
-      // Abort if line numbers already exists
-      return;
-    }
-
-    if (clsReg.test(env.element.className)) {
-      // Remove the class 'line-numbers' from the <code>
-      env.element.className = env.element.className.replace(clsReg, ' ');
-    }
-    if (!clsReg.test(pre.className)) {
-      // Add the class 'line-numbers' to the <pre>
-      pre.className += ' line-numbers';
-    }
-
-    var match = env.code.match(NEW_LINE_EXP);
-    var linesNum = match ? match.length + 1 : 1;
-    var lineNumbersWrapper;
-
-    var lines = new Array(linesNum + 1);
-    lines = lines.join('<span></span>');
-
-    lineNumbersWrapper = document.createElement('span');
-    lineNumbersWrapper.setAttribute('aria-hidden', 'true');
-    lineNumbersWrapper.className = 'line-numbers-rows';
-    lineNumbersWrapper.innerHTML = lines;
-
-    if (pre.hasAttribute('data-start')) {
-      pre.style.counterReset = 'linenumber ' + (parseInt(pre.getAttribute('data-start'), 10) - 1);
-    }
-
-    env.element.appendChild(lineNumbersWrapper);
-
-    _resizeElement(pre);
-
-    Prism.hooks.run('line-numbers', env);
-  });
-
-  Prism.hooks.add('line-numbers', function (env) {
-    env.plugins = env.plugins || {};
-    env.plugins.lineNumbers = true;
-  });
-
-        /**
-         * Global exports
-         */
-  Prism.plugins.lineNumbers = {
-                /**
-                 * Get node for provided line number
-                 * @param {Element} element pre element
-                 * @param {Number} number line number
-                 * @return {Element|undefined}
-                 */
-    getLine: function (element, number) {
-      if (element.tagName !== 'PRE' || !element.classList.contains(PLUGIN_NAME)) {
-        return;
-      }
-
-      var lineNumberRows = element.querySelector('.line-numbers-rows');
-      var lineNumberStart = parseInt(element.getAttribute('data-start'), 10) || 1;
-      var lineNumberEnd = lineNumberStart + (lineNumberRows.children.length - 1);
-
-      if (number < lineNumberStart) {
-        number = lineNumberStart;
-      }
-      if (number > lineNumberEnd) {
-        number = lineNumberEnd;
-      }
-
-      var lineIndex = number - lineNumberStart;
-
-      return lineNumberRows.children[lineIndex];
-    }
-  };
-
-}());
diff --git a/source/layouts/comments.njk b/source/layouts/comments.njk
deleted file mode 100644
index 7ee4af8..0000000
--- a/source/layouts/comments.njk
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="commento"></div>
-<script src="https://cdn.commento.io/js/commento.js"></script>
diff --git a/source/layouts/draft.njk b/source/layouts/draft.njk
deleted file mode 100644
index 0f2091c..0000000
--- a/source/layouts/draft.njk
+++ /dev/null
@@ -1,62 +0,0 @@
-<!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="google-site-verification" content="EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA">
-
-    <link rel="icon" type="image/png" href="{{ vars.domain }}/files/avatar-64x64.png?ver={{ timestamp }}">
-
-    <title>{{ title }}</title>
-    <meta name="author" content="{{ vars.author }}">
-    <meta name="description" content="{{ description }}">
-
-    <meta name="og:url" content="{{ vars.domain }}/{{ slug }}">
-    <meta name="og:type" content="website">
-    <meta name="og:title" content="{{ title }}">
-    <meta name="og:description" content="{{ description }}">
-    <meta name="og:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
-
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@mitjafelicijan">
-    <meta name="twitter:title" content="{{ title }}">
-    <meta name="twitter:description" content="{{ description }}">
-    <meta name="twitter:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
-
-    {{ css }}
-
-  </head>
-
-  <body>
-
-    <main class="wrapper">
-
-      {% include "navigation.njk" %}
-
-      <article>
-
-        <header>
-          <h1>{{ title }}</h1>
-          <p class="pubdate">Published on
-            <time pubdate="{{ writtenDate.original }}">{{ writtenDate.formatted }}</time>
-            by
-            {{ vars.author }}</p>
-        </header>
-
-        {{ content|safe }}
-
-      </article>
-
-      {{ javascript }}
-
-      {% include "footer.njk" %}
-
-    </main>
-
-  </body>
-
-</html>
diff --git a/source/layouts/footer.njk b/source/layouts/footer.njk
deleted file mode 100644
index c4cf79e..0000000
--- a/source/layouts/footer.njk
+++ /dev/null
@@ -1,47 +0,0 @@
-<footer>
-  <span>© 2010-{{ currentYear }}</span>
-  <a href="/curriculum-vitae">Curriculum Vitae</a>
-  <a href="//github.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Github</a>
-  <a href="//twitter.com/mitjafelicijan" target="_blank" rel="noopener nofollow">Twitter</a>
-</footer>
-
-<!-- MathJax -->
-<script type="text/x-mathjax-config">
-  MathJax
-    .Hub
-    .Config({
-      TeX: {
-        equationNumbers: {
-          autoNumber: "AMS"
-        }
-      },
-      tex2jax: {
-        inlineMath: [
-          [
-            '$', '$'
-          ],
-          [
-            '\\(', '\\)'
-          ]
-        ],
-        displayMath: [
-          ['$$', '$$']
-        ],
-        processEscapes: true
-      }
-    });
-</script>
-
-<!-- Global site tag (gtag.js) - Google Analytics -->
-<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>
-
-<script src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML" async="async"></script>
diff --git a/source/layouts/index.njk b/source/layouts/index.njk
deleted file mode 100644
index 9e2fde8..0000000
--- a/source/layouts/index.njk
+++ /dev/null
@@ -1,80 +0,0 @@
-<!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="google-site-verification" content="EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA">
-
-    <link rel="icon" type="image/png" href="{{ vars.domain }}/files/avatar-64x64.png?ver={{ timestamp }}">
-
-    <title>{{ vars.title }}</title>
-    <meta name="author" content="{{ vars.author }}">
-    <meta name="description" content="{{ vars.description }}">
-
-    <meta name="og:url" content="{{ vars.domain }}">
-    <meta name="og:type" content="website">
-    <meta name="og:title" content="{{ vars.title }}">
-    <meta name="og:description" content="{{ vars.description }}">
-    <meta name="og:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
-
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@mitjafelicijan">
-    <meta name="twitter:title" content="{{ vars.title }}">
-    <meta name="twitter:description" content="{{ vars.description }}">
-    <meta name="twitter:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
-
-    {{ css }}
-
-  </head>
-
-  <body>
-
-    <main class="wrapper">
-
-      {% include "navigation.njk" %}
-
-      <div class="list">
-
-        <h3>Research</h3>
-        <nav class="article-list">
-          {% for post in posts %}
-            {% if post.type == "research" %}
-              <article>
-                <a href="/{{ post.slug }}" aria-label="Read more about {{ post.title }}">
-                  <time pubdate="{{ post.dateOriginal }}" class="pubdate">{{ post.dateFormatted }}</time>
-                  <h2>{{ post.title }}</h2>
-                </a>
-              </article>
-            {% endif %}
-          {% endfor %}
-        </nav>
-
-        <h3>General</h3>
-        <nav class="article-list">
-          {% for post in posts %}
-            {% if post.type != "research" %}
-              <article itemtype="http://schema.org/Article">
-                <a href="/{{ post.slug }}" aria-label="Read more about {{ post.title }}" itemprop="url" rel="bookmark">
-                  <time pubdate="{{ post.dateOriginal }}" class="pubdate">{{ post.dateFormatted }}</time>
-                  <h2>{{ post.title }}</h2>
-                </a>
-              </article>
-            {% endif %}
-          {% endfor %}
-        </nav>
-
-      </div>
-
-      {{ javascript }}
-
-      {% include "footer.njk" %}
-
-    </main>
-
-  </body>
-
-</html>
diff --git a/source/layouts/navigation.njk b/source/layouts/navigation.njk
deleted file mode 100644
index c5c6c80..0000000
--- a/source/layouts/navigation.njk
+++ /dev/null
@@ -1,47 +0,0 @@
-<menu>
-  <div>
-    <a href="/" class="logo">Mitja Felicijan</a>
-  </div>
-  <nav>
-
-    <a href="/curriculum-vitae" title="Curriculum Vitae" aria-label="Curriculum Vitae">
-      <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
-        <g>
-          <path fill="none" d="M0 0h24v24H0z"/>
-          <path d="M7 5V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4zM4 15v4h16v-4H4zm7-4v2h2v-2h-2zM9 3v2h6V3H9z"/>
-        </g>
-      </svg>
-    </a>
-
-    <a href="//github.com/mitjafelicijan" title="Github" aria-label="Github">
-      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 92 92" style="enable-background:new 0 0 92 92;" xml:space="preserve">
-        <g>
-          <path style="fill:#030104;" d="M61.896,52.548c-3.59,0-6.502,4.026-6.502,8.996c0,4.971,2.912,8.999,6.502,8.999
-            c3.588,0,6.498-4.028,6.498-8.999C68.395,56.574,65.484,52.548,61.896,52.548z M84.527,29.132c0.74-1.826,0.777-12.201-3.17-22.132
-            c0,0-9.057,0.993-22.76,10.396c-2.872-0.793-7.736-1.19-12.597-1.19s-9.723,0.396-12.598,1.189C19.699,7.993,10.645,7,10.645,7
-            c-3.948,9.931-3.913,20.306-3.172,22.132C2.834,34.169,0,40.218,0,48.483c0,35.932,29.809,36.508,37.334,36.508
-            c1.703,0,5.088,0.004,8.666,0.009c3.578-0.005,6.965-0.009,8.666-0.009C62.191,84.991,92,84.415,92,48.483
-            C92,40.218,89.166,34.169,84.527,29.132z M46.141,80.574H45.86c-18.859,0-33.545-2.252-33.545-20.58
-            c0-4.389,1.549-8.465,5.229-11.847c6.141-5.636,16.527-2.651,28.316-2.651c0.045,0,0.093-0.001,0.141-0.003
-            c0.049,0.002,0.096,0.003,0.141,0.003c11.789,0,22.178-2.984,28.316,2.651c3.68,3.382,5.229,7.458,5.229,11.847
-            C79.686,78.322,65,80.574,46.141,80.574z M30.104,52.548c-3.588,0-6.498,4.026-6.498,8.996c0,4.971,2.91,8.999,6.498,8.999
-            c3.592,0,6.502-4.028,6.502-8.999C36.605,56.574,33.695,52.548,30.104,52.548z"/>
-        </g>
-      </svg>
-    </a>
-
-    <a href="//twitter.com/mitjafelicijan" title="Twitter" aria-label="Twitter">
-      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">
-        <g>
-          <path style="fill:#010002;" d="M612,116.258c-22.525,9.981-46.694,16.75-72.088,19.772c25.929-15.527,45.777-40.155,55.184-69.411
-            c-24.322,14.379-51.169,24.82-79.775,30.48c-22.907-24.437-55.49-39.658-91.63-39.658c-69.334,0-125.551,56.217-125.551,125.513
-            c0,9.828,1.109,19.427,3.251,28.606C197.065,206.32,104.556,156.337,42.641,80.386c-10.823,18.51-16.98,40.078-16.98,63.101
-            c0,43.559,22.181,81.993,55.835,104.479c-20.575-0.688-39.926-6.348-56.867-15.756v1.568c0,60.806,43.291,111.554,100.693,123.104
-            c-10.517,2.83-21.607,4.398-33.08,4.398c-8.107,0-15.947-0.803-23.634-2.333c15.985,49.907,62.336,86.199,117.253,87.194
-            c-42.947,33.654-97.099,53.655-155.916,53.655c-10.134,0-20.116-0.612-29.944-1.721c55.567,35.681,121.536,56.485,192.438,56.485
-            c230.948,0,357.188-191.291,357.188-357.188l-0.421-16.253C573.872,163.526,595.211,141.422,612,116.258z"/>
-        </g>
-      </svg>
-    </a>
-  </nav>
-</menu>
diff --git a/source/layouts/page.njk b/source/layouts/page.njk
deleted file mode 100644
index 89aea8b..0000000
--- a/source/layouts/page.njk
+++ /dev/null
@@ -1,60 +0,0 @@
-<!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="google-site-verification" content="EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA">
-
-    <link rel="icon" type="image/png" href="{{ vars.domain }}/files/avatar-64x64.png?ver={{ timestamp }}">
-
-    <title>{{ title }}</title>
-    <meta name="author" content="{{ vars.author }}">
-    <meta name="description" content="{{ description }}">
-
-    <meta name="og:url" content="{{ vars.domain }}/{{ slug }}">
-    <meta name="og:type" content="website">
-    <meta name="og:title" content="{{ title }}">
-    <meta name="og:description" content="{{ description }}">
-    <meta name="og:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
-
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@mitjafelicijan">
-    <meta name="twitter:title" content="{{ title }}">
-    <meta name="twitter:description" content="{{ description }}">
-    <meta name="twitter:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
-
-    {{ css }}
-
-  </head>
-
-  <body>
-
-    <main class="wrapper">
-
-      {% include "navigation.njk" %}
-
-      <article itemtype="http://schema.org/Article">
-
-        <header>
-          <h1>{{ title }}</h1>
-        </header>
-
-        <div>
-          {{ content|safe }}
-        </div>
-
-      </article>
-
-      {{ javascript }}
-
-      {% include "footer.njk" %}
-
-    </main>
-
-  </body>
-
-</html>
diff --git a/source/layouts/post.njk b/source/layouts/post.njk
deleted file mode 100644
index 9851c13..0000000
--- a/source/layouts/post.njk
+++ /dev/null
@@ -1,66 +0,0 @@
-<!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="google-site-verification" content="EwUGW1WlCkRIQuyQ9AE1-bLitWthw-eVMZFTAMZVZaA">
-
-    <link rel="icon" type="image/png" href="{{ vars.domain }}/files/avatar-64x64.png?ver={{ timestamp }}">
-
-    <title>{{ title }}</title>
-    <meta name="author" content="{{ vars.author }}">
-    <meta name="description" content="{{ description }}">
-
-    <meta name="og:url" content="{{ vars.domain }}/{{ slug }}">
-    <meta name="og:type" content="article">
-    <meta name="og:title" content="{{ title }}">
-    <meta name="og:description" content="{{ description }}">
-    <meta name="og:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
-
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:site" content="@mitjafelicijan">
-    <meta name="twitter:title" content="{{ title }}">
-    <meta name="twitter:description" content="{{ description }}">
-    <meta name="twitter:image" content="{{ vars.domain }}/files/avatar-512x512.png?ver={{ timestamp }}">
-
-    {{ css }}
-
-  </head>
-
-  <body>
-
-    <main class="wrapper">
-
-      {% include "navigation.njk" %}
-
-      <article itemtype="http://schema.org/Article">
-
-        <header>
-          <h1>{{ title }}</h1>
-          <p class="pubdate">Published on
-            <time pubdate="{{ writtenDate.original }}">{{ writtenDate.formatted }}</time>
-            by
-            {{ vars.author }}</p>
-        </header>
-
-        <div>
-          {{ content|safe }}
-        </div>
-
-      </article>
-
-      {{ javascript }}
-
-      {% include "comments.njk" %}
-
-      {% include "footer.njk" %}
-
-    </main>
-
-  </body>
-
-</html>
diff --git a/content/2017-03-07-golang-profiling-simplified.md b/src/blog/golang-profiling-simplified.md
index fc79020..a49de67 100644
--- a/content/2017-03-07-golang-profiling-simplified.md
+++ b/src/blog/golang-profiling-simplified.md
@@ -1,20 +1,8 @@
----
-layout: post
 title: Golang profiling simplified
-description: Golang profiling made easy
-slug: golang-profiling-simplified
-type: note
 date: 2017-03-07
----
-
-**Table of contents**
-
-1. [Where are my pprof files?](#where-are-my-pprof-files)
-2. [Why is my cpu profile empty?](#why-is-my-cpu-profile-empty)
-3. [Profiling](#profiling)
-   1. [Memory profiling](#memory-profiling)
-   2. [CPU profiling](#cpu-profiling)
-   3. [Generating profiling reports](#generating-profiling-reports)
+tags: blog
+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.
 
@@ -24,7 +12,7 @@ Nevertheless, after searching and experimenting I have found a solution that wor
 
 By default pprof files are generated in /tmp/ folder. You can override folder where this files are generated programmatically in your golang code as we will see below in example.
 
-## Why is my cpu profile empty?
+## Why is my CPU profile empty?
 
 I have found out that sometimes CPU profile is empty because program was not executing long enough. Programs, that execute too quickly don’t produce pprof file in my cases. Well, file is generated but only contains 4KB of information.
 
@@ -118,5 +106,5 @@ go tool pprof -pdf ./cpu cpu.pprof > cpu.pdf
 
 This will generate PDF document with visualized profile.
 
-- [Memory PDF profile example](/files/golang-profiling-mem.pdf)
-- [CPU PDF profile example](/files/golang-profiling-cpu.pdf)
+- [Memory PDF profile example](/files/go-profiling/golang-profiling-mem.pdf)
+- [CPU PDF profile example](/files/go-profiling/golang-profiling-cpu.pdf)
diff --git a/content/2017-04-21-profiling-python-web-applications-with-visual-tools.md b/src/blog/profiling-python-web-applications-with-visual-tools.md
index 6e52ee0..e99b9ff 100644
--- a/content/2017-04-21-profiling-python-web-applications-with-visual-tools.md
+++ b/src/blog/profiling-python-web-applications-with-visual-tools.md
@@ -1,17 +1,8 @@
----
-layout: post
 title: Profiling Python web applications with visual tools
-description: Missing link when debugging and profiling python web applications
-slug: profiling-python-web-applications-with-visual-tools
-type: note
 date: 2017-04-21
----
-
-**Table of contents**
-
-1. [Simple web-service](#simple-web-service)
-2. [Visualize profile](#visualize-profile)
-3. [Update 2017-04-22](#update-2017-04-22)
+tags: blog
+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.
 
diff --git a/content/2017-08-11-simple-iot.md b/src/blog/simple-iot-application.md
index 2eac869..2b7d67f 100644
--- a/content/2017-08-11-simple-iot.md
+++ b/src/blog/simple-iot-application.md
@@ -1,22 +1,8 @@
----
-layout: post
 title: Simple IOT application supported by real-time monitoring and data history
-description: Develop simple IOT application with Arduino MKR1000 and Python
-slug: simple-iot-application
-type: note
 date: 2017-08-11
----
-
-**Table of contents**
-
-1. [Initial thoughts](#initial-thoughts)
-2. [Simple Python API](#simple-python-api)
-   1. [Basic web application](#basic-web-application)
-   2. [Web application security](#web-application-security)
-   3. [Simple API for writing data-points](#simple-api-for-writing-data-points)
-3. [Sending data to API with Arduino MKR1000](#sending-data-to-api-with-arduino-mkr1000)
-4. [Data visualization](#data-visualization)
-5. [Conclusion](#conclusion)
+tags: blog
+hide: false
+----
 
 ## Initial thoughts
 
@@ -40,7 +26,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/simple-iot-application-overview.svg)
+![Overview](/files/iot-application/simple-iot-application-overview.svg)
 
 ## Simple Python API
 
@@ -86,7 +72,7 @@ If you would like change the port of your application (like port 80) and not use
 
 If this fails at any time please fix it before you continue, because nothing below will work otherwise.
 
-> We use 0.0.0.0 as default host so that this app is available over your local network. If you find your local ip ```ifconfig``` and try accessing this site with your phone (if on same network/router as your machine) this should work as well (example of such ip ```http://192.168.1.15:5000```). This is a must have because Arduino will be accessing this application to send it's data.
+We use 0.0.0.0 as default host so that this app is available over your local network. If you find your local ip ```ifconfig``` and try accessing this site with your phone (if on same network/router as your machine) this should work as well (example of such ip ```http://192.168.1.15:5000```). This is a must have because Arduino will be accessing this application to send it's data.
 
 ### Web application security
 
@@ -161,15 +147,15 @@ 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-rest-example.png)
+![REST settings example](/files/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-sqlite-db.png)
+![SQLite database example](/files/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.
 
-> If you will deploy this app with uWSGI and multi-threaded, use DSN (Data Source Name) url with ```?check_same_thread=False```.
+If you will deploy this app with uWSGI and multi-threaded, use DSN (Data Source Name) url with ```?check_same_thread=False```.
 
 Ok, now that we have some sort of a working API with some basic security so unwanted people can not post data to your database can we proceed further and try to program Arduino to send data to API.
 
@@ -482,9 +468,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-app-output.png)
+![Application output](/files/iot-application/iot-app-output.png)
 
-Complete application with all the code is available for [download](/files/simple-iot-application.zip).
+Complete application with all the code is available for [download](/files/iot-application/simple-iot-application.zip).
 
 ## Conclusion
 
@@ -497,4 +483,4 @@ If you would like to continue exploring IOT world here are some interesting reso
 * [Stream Updates with Server-Sent Events](https://www.html5rocks.com/en/tutorials/eventsource/basics/)
 * [Internet of Things (IoT) Tutorials](http://www.tutorialspoint.com/internet_of_things/)
 
-Any comment or additional ideas are welcomed in comments below.)
+Any comment or additional ideas are welcomed in comments below.
diff --git a/src/blog/simplifying-and-reducing-clutter.md b/src/blog/simplifying-and-reducing-clutter.md
new file mode 100644
index 0000000..b435834
--- /dev/null
+++ b/src/blog/simplifying-and-reducing-clutter.md
@@ -0,0 +1,21 @@
+title: Simplifying and reducing clutter in my life and work
+date: 2019-10-14
+tags: blog
+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.
+
+I actually really missed Linux. The simplicity of `apt-get` or just the amount of software that exists for Linux should be a no-brainer. I spent most of my time on macOS finding solutions to make things work. Using [Brew](https://brew.sh/) was just a horrible experience and far from package managers of Linux. At least they managed to get that `sudo` debacle sorted.
+
+Not all was bad. macOS in general was a perfectly good environment. Things like Docker and tooling like this worked without any hiccups. My normal tools like coding IDE worked flawlessly and the whole look and feel is just superb. I have been using MacBook Air for couple of years so I was used to the system but never as a daily driver.
+
+One of the things I did after I installed Linux back on my machine was cleaning up my Dropbox folder. I have everything on Dropbox. Even projects folder. I write code for living so my whole life revolves around couple of megs of code (with assets). So it's not like I have huge files on my machine. I don't have movies or music or pictures on my PC. All of that stuff is in cloud. I use Google music and I have Netflix account which is more than enough for me.
+
+I also went and deleted some of the repositories on my Github account. I have deleted more code than deployed. People find this strange but for me deleting something feels so cathartic and also forces me to write better code next time around when I am faced with similar problem. That was a huge relief if I am being totally honest.
+
+Next step was to do something with my webpage. I have been using some scripts I wrote a while ago to generate static pages from markdown source posts. I kept on adding and adding stuff on top of it and it became a source of a frustration. And this is just a simple blog and I was using gulp and npm. Anyways after couple of hours of searching and testing static generators I found an interesting one [https://github.com/piranha/gostatic](https://github.com/piranha/gostatic) and I just decided to use this one. It was the only one that had a simple templating engine, not that I really need one. But others had this convoluted way of trying to solve everything and at the end just required quite bigger learning curve I was ready to go with. So I deleted couple of old posts, simplified HTML, trashed most of the CSS and went with [https://motherfuckingwebsite.com/](https://motherfuckingwebsite.com/) aesthetics. Yeah, the previous site was more visually stimulating but all I really care is the content at this point. And Times New Roman font is kind of awesome.
+
+I stopped working on most of the projects in the past couple of months because the overhead was just too insane. There comes a point when you stretch yourself too much and then you stop progressing and with that comes dissatisfaction.
+
+So that's about it. Moving forward minimal style.
diff --git a/content/2017-04-17-what-i-ve-learned-developing-ad-server.md b/src/blog/what-i-ve-learned-developing-ad-server.md
index c186484..527f9d0 100644
--- a/content/2017-04-17-what-i-ve-learned-developing-ad-server.md
+++ b/src/blog/what-i-ve-learned-developing-ad-server.md
@@ -1,20 +1,8 @@
----
-layout: post
 title: What I've learned developing ad server
-description: Lessons I learned developing contextual ad server
-slug: what-i-ve-learned-developing-ad-server
-type: note
 date: 2017-04-17
----
-
-**Table of contents**
-
-1. [Aggregate everything](#aggregate-everything)
-2. [Measure everything](#measure-everything)
-3. [Cache control is your friend](#cache-control-is-your-friend)
-4. [Learn NGINX](#learn-nginx)
-5. [Use Redis/Memcached](#use-redismemcached)
-6. [Conclusion](#conclusion)
+tags: blog
+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.
 
@@ -26,7 +14,7 @@ The system is made from couple of core components:
 
 Initial release was using [MongoDB](https://www.mongodb.com/) for full-text search but was later replaced by [Elasticsearch](https://www.elastic.co/) for better CPU utilization and better search performance. This provided us with many amazing functionalities of [Elasticsearch](https://www.elastic.co/). You should check it out if you do any search related operations.
 
-Because the premise of the server is to provide native ad experience, they are rendered on the client side via simple templating engine. This ensures that ads can be displayed number of different ways based on the visual style of the page. And this makes Javascript client library quite complex.
+Because the premise of the server is to provide native ad experience, they are rendered on the client side via simple templating engine. This ensures that ads can be displayed number of different ways based on the visual style of the page. And this makes JavaScript client library quite complex.
 
 So now that you know basic information about the product lets get into the lessons we learned.
 
diff --git a/content/cv.md b/src/curriculum-vitae.md
index ca02245..29c576d 100644
--- a/content/cv.md
+++ b/src/curriculum-vitae.md
@@ -1,12 +1,13 @@
----
-layout: page
 title: Curriculum Vitae
-description: Summary of my experiences, skills and major projects I have worked on through year
-slug: curriculum-vitae
----
+date: 2018-01-16
+tags: research
+hide: false
+----
 
 **Mitja Felicijan**
+
 *[mitja.felicijan@gmail.com](mailto:mitja.felicijan@gmail.com?subject=Website+CV+Contact)*
+
 *Slovenia, EU*
 
 ## Technical experience
diff --git a/src/feed.atom b/src/feed.atom
new file mode 100644
index 0000000..9dc15ae
--- /dev/null
+++ b/src/feed.atom
@@ -0,0 +1,55 @@
+<?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 "blog/" }}
+  <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 "blog/" }}
+{{ 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 "research/" }}
+{{ 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/content/files/dna-sequence/benchmarks.ods b/src/files/dna-sequence/benchmarks.ods
index 62a8e30..62a8e30 100644
--- a/content/files/dna-sequence/benchmarks.ods
+++ b/src/files/dna-sequence/benchmarks.ods
diff --git a/content/files/dna-sequence/chart-encoding-speed.png b/src/files/dna-sequence/chart-encoding-speed.png
index 7fb106d..7fb106d 100644
--- a/content/files/dna-sequence/chart-encoding-speed.png
+++ b/src/files/dna-sequence/chart-encoding-speed.png
diff --git a/content/files/dna-sequence/chart-file-sizes.png b/src/files/dna-sequence/chart-file-sizes.png
index 31bfa66..31bfa66 100644
--- a/content/files/dna-sequence/chart-file-sizes.png
+++ b/src/files/dna-sequence/chart-file-sizes.png
diff --git a/content/files/dna-sequence/dna-basics.jpg b/src/files/dna-sequence/dna-basics.jpg
index c2e7f52..c2e7f52 100644
--- a/content/files/dna-sequence/dna-basics.jpg
+++ b/src/files/dna-sequence/dna-basics.jpg
diff --git a/content/files/dna-sequence/quote.png b/src/files/dna-sequence/quote.png
index 09fb01c..09fb01c 100644
--- a/content/files/dna-sequence/quote.png
+++ b/src/files/dna-sequence/quote.png
diff --git a/content/files/dna-sequence/sample-binary-file.png b/src/files/dna-sequence/sample-binary-file.png
index 1e4622a..1e4622a 100644
--- a/content/files/dna-sequence/sample-binary-file.png
+++ b/src/files/dna-sequence/sample-binary-file.png
diff --git a/content/files/dna-sequence/sample.png b/src/files/dna-sequence/sample.png
index 30f12da..30f12da 100644
--- a/content/files/dna-sequence/sample.png
+++ b/src/files/dna-sequence/sample.png
diff --git a/content/files/copy-benchmarks.tsv b/src/files/do-fuse/copy-benchmarks.tsv
index c7a7af4..c7a7af4 100644
--- a/content/files/copy-benchmarks.tsv
+++ b/src/files/do-fuse/copy-benchmarks.tsv
diff --git a/content/files/fuse-droplets.png b/src/files/do-fuse/fuse-droplets.png
index d7ce243..d7ce243 100644
--- a/content/files/fuse-droplets.png
+++ b/src/files/do-fuse/fuse-droplets.png
diff --git a/content/files/fuse-spaces.png b/src/files/do-fuse/fuse-spaces.png
index 4dcc1c5..4dcc1c5 100644
--- a/content/files/fuse-spaces.png
+++ b/src/files/do-fuse/fuse-spaces.png
diff --git a/content/files/sqlite-benchmarks.tsv b/src/files/do-fuse/sqlite-benchmarks.tsv
index daa2c21..daa2c21 100644
--- a/content/files/sqlite-benchmarks.tsv
+++ b/src/files/do-fuse/sqlite-benchmarks.tsv
diff --git a/content/files/golang-profiling-cpu.pdf b/src/files/go-profiling/golang-profiling-cpu.pdf
index 15241cb..15241cb 100644
--- a/content/files/golang-profiling-cpu.pdf
+++ b/src/files/go-profiling/golang-profiling-cpu.pdf
diff --git a/content/files/golang-profiling-mem.pdf b/src/files/go-profiling/golang-profiling-mem.pdf
index 822e445..822e445 100644
--- a/content/files/golang-profiling-mem.pdf
+++ b/src/files/go-profiling/golang-profiling-mem.pdf
diff --git a/content/files/iot-app-output.png b/src/files/iot-application/iot-app-output.png
index 1c80589..1c80589 100644
--- a/content/files/iot-app-output.png
+++ b/src/files/iot-application/iot-app-output.png
diff --git a/content/files/iot-rest-example.png b/src/files/iot-application/iot-rest-example.png
index 3ed86aa..3ed86aa 100644
--- a/content/files/iot-rest-example.png
+++ b/src/files/iot-application/iot-rest-example.png
diff --git a/content/files/iot-sqlite-db.png b/src/files/iot-application/iot-sqlite-db.png
index 82e1e29..82e1e29 100644
--- a/content/files/iot-sqlite-db.png
+++ b/src/files/iot-application/iot-sqlite-db.png
diff --git a/content/files/kcachegrind.png b/src/files/iot-application/kcachegrind.png
index 0dc48ab..0dc48ab 100644
--- a/content/files/kcachegrind.png
+++ b/src/files/iot-application/kcachegrind.png
diff --git a/content/files/profiling-viewer.png b/src/files/iot-application/profiling-viewer.png
index a450513..a450513 100644
--- a/content/files/profiling-viewer.png
+++ b/src/files/iot-application/profiling-viewer.png
diff --git a/content/files/simple-iot-application-overview.svg b/src/files/iot-application/simple-iot-application-overview.svg
index 817666d..817666d 100644
--- a/content/files/simple-iot-application-overview.svg
+++ b/src/files/iot-application/simple-iot-application-overview.svg
diff --git a/content/files/simple-iot-application.zip b/src/files/iot-application/simple-iot-application.zip
index 46d3205..46d3205 100644
--- a/content/files/simple-iot-application.zip
+++ b/src/files/iot-application/simple-iot-application.zip
diff --git a/content/files/snakeviz.png b/src/files/iot-application/snakeviz.png
index 5bab395..5bab395 100644
--- a/content/files/snakeviz.png
+++ b/src/files/iot-application/snakeviz.png
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..383737b
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,19 @@
+<h2>Research</h2>
+<ul class="article-list">
+{{ range .Site.Pages.Children "research/" }}
+  <li>
+    {{ template "date" .Date }}
+    <a href="{{ $.Rel .Url }}" title="{{ .Title }}">{{ .Title }}</a>
+  </li>
+{{ end }}
+</ul>
+
+<h2>Blog posts</h2>
+<ul class="article-list">
+{{ range .Site.Pages.Children "blog/" }}
+  <li>
+    {{ template "date" .Date }}
+    <a href="{{ $.Rel .Url }}" title="{{ .Title }}">{{ .Title }}</a>
+  </li>
+{{ end }}
+</ul>
diff --git a/content/2019-01-03-encoding-binary-data-into-dna-sequence.md b/src/research/encoding-binary-data-into-dna-sequence.md
index d3c1396..3bfeaab 100644
--- a/content/2019-01-03-encoding-binary-data-into-dna-sequence.md
+++ b/src/research/encoding-binary-data-into-dna-sequence.md
@@ -1,29 +1,8 @@
----
-layout: post
 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: encoding-binary-data-into-dna-sequence
-type: research
 date: 2019-01-03
----
-
-**Table of contents**
-
-1. [Initial thoughts](#initial-thoughts)
-2. [Glossary](#glossary)
-3. [Data encoding](#data-encoding)
-4. [Quick history of DNA](#quick-history-of-dna)
-5. [What is DNA?](#what-is-dna)
-6. [Encode binary data into DNA sequence](#encode-binary-data-into-dna-sequence)
-   1. [Basic Encoding](#basic-encoding)
-   2. [FASTA file format](#fasta-file-format)
-   3. [PNG encoded DNA sequence](#png-encoded-dna-sequence)
-7. [Encoding text file in practice](#encoding-text-file-in-practice)
-8. [Toolkit for encoding data](#toolkit-for-encoding-data)
-   1. [dnae-encode](#dnae-encode)
-   2. [dnae-png](#dnae-png)
-9. [Benchmarks](#benchmarks)
-10. [References](#references)
+tags: research
+hide: false
+----
 
 ## Initial thoughts
 
@@ -355,56 +334,6 @@ Then we GZIP all the FASTA files to see how much the can be compressed.
 gzip -9 < 10MB.fa > 10MB.fa.gz
 ```
 
-<script src="//cdn.plot.ly/plotly-latest.min.js"></script>
-
-**Speed of encoding binary file into FASTA format.**
-
-<div id="encoding-benchmarks"></div>
-<script>
-(function(){
-  var trace1 = {
-    x: ['1KB.bin', '10KB.bin', '100KB.bin', '1MB.bin', '10MB.bin', '100MB.bin'],
-    y: [5.625224, 32.679975, 112.864416, 872.887675, 8472.693202, 85525.178217],
-    type: 'scatter',
-  };
-  var data = [trace1];
-  Plotly.newPlot("encoding-benchmarks", data, {
-    legend: {"orientation": "h"},
-    height: 300,
-    margin: { l: 50, r: 0, b: 50, t: 30, pad: 0 },
-    yaxis: { title: "execution time in milliseconds", titlefont: { size: 12 } },
-    });
-})();
-</script>
-
-**File sizes of encoded files and also GZIP-ed variations.**
-
-<div id="size-benchmarks"></div>
-<script>
-(function(){
-  var trace1 = {
-    x: ['1KB.bin', '10KB.bin', '100KB.bin', '1MB.bin', '10MB.bin', '100MB.bin'],
-    y: [4.1, 40.7, 406.7, 4100, 40700, 406700],
-    name: 'FASTA file size',
-    type: 'bar',
-  };
-  var trace2 = {
-    x: ['1KB.bin', '10KB.bin', '100KB.bin', '1MB.bin', '10MB.bin', '100MB.bin'],
-    y: [1.4, 13, 121, 1200, 12000, 118000],
-    name: 'FASTA GZIPPED file size',
-    type: 'bar',
-  };
-  var data = [trace1, trace2];
-  Plotly.newPlot("size-benchmarks", data, {
-    legend: {"orientation": "h"},
-    height: 300,
-    margin: { l: 50, r: 0, b: 50, t: 30, pad: 0 },
-    yaxis: { title: "size in kilobytes", titlefont: { size: 12 } },
-    barmode: 'stack'
-    });
-})();
-</script>
-
 [Download ODS file with benchmarks](/files/dna-sequence/benchmarks.ods).
 
 ## References
diff --git a/content/2018-01-16-using-digitalocean-spaces-object-storage-with-fuse.md b/src/research/using-digitalocean-spaces-object-storage-with-fuse.md
index f1c893a..099fbef 100644
--- a/content/2018-01-16-using-digitalocean-spaces-object-storage-with-fuse.md
+++ b/src/research/using-digitalocean-spaces-object-storage-with-fuse.md
@@ -1,20 +1,8 @@
----
-layout: post
 title: Using DigitalOcean Spaces Object Storage with FUSE
-description: Using DigitalOcean Spaces Object Storage with FUSE
-slug: using-digitalocean-spaces-object-storage-with-fuse
-type: research
 date: 2018-01-16
----
-
-**Table of contents**
-
-1. [Is it possible to use them as a mounted drive with FUSE?](#is-it-possible-to-use-them-as-a-mounted-drive-with-fuse)
-2. [Will the performance degrade over time and over different sizes of objects?](#will-the-performance-degrade-over-time-and-over-different-sizes-of-objects)
-   1. [Measurement experiment 1: File copy](#measurement-experiment-1-file-copy)
-   2. [Measurement experiment 2: SQLite performanse](#measurement-experiment-2-sqlite-performanse)
-3. [Can storage be mounted on multiple machines at the same time and be writable?](#can-storage-be-mounted-on-multiple-machines-at-the-same-time-and-be-writable)
-4. [Observations and conslusion](#observations-and-conslusion)
+tags: research
+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 :)
 
@@ -37,13 +25,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/fuse-droplets.png)
+![DigitalOcean Droplets](/files/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/fuse-spaces.png)
+![DigitalOcean Spaces](/files/do-fuse/fuse-spaces.png)
 
 Now that we have new Space and Access key we should SSH into our machine.
 
@@ -113,14 +101,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/copy-benchmarks.tsv). Measurements are in seconds.
+You can download [raw result here](/files/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/copy-benchmarks.tsv", true);
+        request.open("GET", "/files/do-fuse/copy-benchmarks.tsv", true);
         request.onload = function() {
                 if (request.status >= 200 && request.status < 400) {
                         var payload = request.responseText.trim();
@@ -229,13 +217,13 @@ result_time = CLOSE = end_time - start_time
 print("CLOSE: %g seconds" % (result_time))
 ```
 
-You can download [raw result here](/files/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](/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.
 
 <div id="sqlite-benchmarks"></div>
 <script>
 (function(){
         var request = new XMLHttpRequest();
-        request.open("GET", "/files/sqlite-benchmarks.tsv", true);
+        request.open("GET", "/files/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/static/avatar-512x512.png b/src/static/avatar-512x512.png
new file mode 100644
index 0000000..fc34eee
--- /dev/null
+++ b/src/static/avatar-512x512.png
diff --git a/src/static/avatar-64x64.png b/src/static/avatar-64x64.png
new file mode 100644
index 0000000..1406f46
--- /dev/null
+++ b/src/static/avatar-64x64.png
diff --git a/src/static/style.css b/src/static/style.css
new file mode 100644
index 0000000..efb65c0
--- /dev/null
+++ b/src/static/style.css
@@ -0,0 +1,116 @@
+body {
+    line-height: 150%;
+    margin-bottom: 100px;
+}
+
+main {
+    max-width: 680px;
+    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 time {
+    display: inline-block;
+    min-width: 120px;
+}
+
+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;
+}
+
+::selection {
+    background: #ff0;
+    color: #000;
+}
+
+::-moz-selection {
+    background: #ff0;
+    color: #000;
+}
+
+@media only screen and (max-width:480px) {
+    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 a {
+        display: block;
+    }
+
+    h1 {
+        font-size: 220%;
+    }
+
+    h2 {
+        font-size: 180%;
+    }
+
+    h3 {
+        font-size: 160%;
+    }
+}