Merge branch 'projects-rework' into 'master'

Projects folder rework

See merge request Syndamia/syndamiadotcom!1

85 files changed, 416 insertions, 144 deletions

diff --git a/src/_header.html b/src/_header.html
index 3b1128d..be19950 100644
--- a/src/_header.html
+++ b/src/_header.html
@@ -22,17 +22,16 @@
 <body bgcolor="white">
 	<nav class="header">
 		<span>
-			<a href="/index.html" class="link-tab">Home</a> || 
+			<a href="/" class="link-tab">Home</a> || 
 		</span>
 		<span>
-			<a href="/tutorials.html" class="link-tab">Tutorials</a>
-			<a href="/projects.html" class="link-tab">Projects</a>
-			<a href="/courses.html" class="link-tab">Courses</a> ||
+			<a href="/tutorials" class="link-tab">Tutorials</a>
+			<a href="/courses" class="link-tab">Courses</a>
+			<a href="/blog" class="link-tab">Blog</a> ||
 		</span>
 			<span>
-			<a href="/blog.html" class="link-tab">Blog</a>
-			<a href="/about.html" class="link-tab">About</a>
-			<a href="/contact.html" class="link-tab">Contact</a>
+			<a href="/about" class="link-tab">About</a>
+			<a href="/contact" class="link-tab">Contact</a>
 		</span>
 	</nav>
 
diff --git a/src/about.md b/src/about.md
index b1b568f..b6c5222 100644
--- a/src/about.md
+++ b/src/about.md
@@ -26,8 +26,8 @@ I have 3 years of learning experience with *C#*, but I have also worked with *HT
 ---
 ---
 
-- [Resume EN REDACTED](./resume-en.pdf)
-- [Resume BG REDACTED](./resume-bg.pdf)
+- [Resume EN REDACTED](/about/resume-en.pdf)
+- [Resume BG REDACTED](/about/resume-bg.pdf)
 
 [Contact me](/contact.html) for the non-redacted (PDF) versions.
 
diff --git a/src/about/index.md b/src/about/index.md
new file mode 100644
index 0000000..b6c5222
--- /dev/null
+++ b/src/about/index.md
@@ -0,0 +1,52 @@
+<h1 id="About%20Me" style="display: inline-block;">About Me</h1>
+<p style="display: inline-block; margin-block-end: 0;">
+	<a href="#About%20Me">
+		<img src="/img/link-tabler.svg" alt="🔗" style="border: none;">
+	</a>
+</p>
+
+---
+---
+
+My name is Kamen and I am a nineteen-year-old bulgarian computer science student.
+
+I've been toying with computers ever since I was a kid, though mostly with the limited amount of software on them. It wasn't until a course in 2018 that my passion (and obsession) with computer software ignited.
+
+I have 3 years of learning experience with *C#*, but I have also worked with *HTML*, *CSS*, *JavaScript*, *Haskell*, *Go* and *SQL*. My main desktop OS has been *Linux* for the past year and a half (first was [Linux Mint](https://linuxmint.com/) and now [Fedora](https://getfedora.org/)).
+
+<h1 id="Resume" style="display: inline-block;">
+	Resume
+</h1>
+<p style="display: inline-block; margin-block-end: 0;">
+	<a href="#Resume">
+		<img src="/img/link-tabler.svg" alt="🔗" style="border: none;">
+	</a>
+</p>
+
+---
+---
+
+- [Resume EN REDACTED](/about/resume-en.pdf)
+- [Resume BG REDACTED](/about/resume-bg.pdf)
+
+[Contact me](/contact.html) for the non-redacted (PDF) versions.
+
+*Made with my [resume v1.1](https://gitlab.com/Syndamia/css-snippets/-/tree/main/resume-v1.1) HTML+CSS template.*
+
+<h1 id="Acknowledgements" style="display: inline-block;">
+	Acknowledgements
+</h1>
+<p style="display: inline-block; margin-block-end: 0;">
+	<a href="#Acknowledgements">
+		<img src="/img/link-tabler.svg" alt="🔗" style="border: none;">
+	</a>
+</p>
+
+---
+---
+
+> [tabler-icons](https://github.com/tabler/tabler-icons) for link icon (that I modified)
+
+<div></div>
+
+> [github-markdown-css](https://github.com/sindresorhus/github-markdown-css) from [sindresorhus](https://github.com/sindresorhus) for some of the base styling (that I modified)
diff --git a/src/resume-bg.pdf b/src/about/resume-bg.pdf
index 0669e70..0669e70 100644
--- a/src/resume-bg.pdf
+++ b/src/about/resume-bg.pdf
diff --git a/src/resume-en.pdf b/src/about/resume-en.pdf
index 5d88570..5d88570 100644
--- a/src/resume-en.pdf
+++ b/src/about/resume-en.pdf
diff --git a/src/blog.md b/src/blog.md
index b0c258b..3590226 100644
--- a/src/blog.md
+++ b/src/blog.md
@@ -3,4 +3,10 @@
 ---
 ---
 
-***[COMING SOON]***
+<p></p>
+
+|||
+|---|---|
+|[Mundus: My first shot at game development](/blog/mundus-first-shot-at-gamedev)|`Game` `2D` `Sandbox` `Crafting` `Building` `Fighting` `GtkSharp 2.0` `C#`|
+|||
+
diff --git a/src/blog/index.md b/src/blog/index.md
new file mode 100644
index 0000000..3590226
--- /dev/null
+++ b/src/blog/index.md
@@ -0,0 +1,12 @@
+# Blog
+
+---
+---
+
+<p></p>
+
+|||
+|---|---|
+|[Mundus: My first shot at game development](/blog/mundus-first-shot-at-gamedev)|`Game` `2D` `Sandbox` `Crafting` `Building` `Fighting` `GtkSharp 2.0` `C#`|
+|||
+
diff --git a/src/projects/mundus/basic-concepts.md b/src/blog/mundus-first-shot-at-gamedev/basic-concepts.md
index 3c7be66..3daa857 100644
--- a/src/projects/mundus/basic-concepts.md
+++ b/src/blog/mundus-first-shot-at-gamedev/basic-concepts.md
@@ -1,10 +1,14 @@
-# Basic Concepts - Mundus
+# Basic Concepts - Mundus: My first shot at game development
 
-[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/projects/mundus/basic-concepts.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/1)
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/blog/mundus-first-shot-at-gamedev/basic-concepts.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/1)
 <br>
+
+## [*Due for rework*](/rework.html)
+<br>
+
 **Created: 21 May 2020** || **Edited: 25 November 2020**
 
-[`<<`](./introduction.html) || [`< User Interface`](./user-interface.html)
+[`<<`](./) || [`< User Interface`](./user-interface.html)
 
 ---
 
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.png b/src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.png
new file mode 100644
index 0000000..a5db10a
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/boulder-tile.png
diff --git a/src/projects/mundus/img/crafting-window.png b/src/blog/mundus-first-shot-at-gamedev/img/crafting-window.png
index 61a7127..61a7127 100644
--- a/src/projects/mundus/img/crafting-window.png
+++ b/src/blog/mundus-first-shot-at-gamedev/img/crafting-window.png
diff --git a/src/projects/mundus/img/create-new-game.png b/src/blog/mundus-first-shot-at-gamedev/img/create-new-game.png
index fe8d672..fe8d672 100644
--- a/src/projects/mundus/img/create-new-game.png
+++ b/src/blog/mundus-first-shot-at-gamedev/img/create-new-game.png
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/grass-tile.png b/src/blog/mundus-first-shot-at-gamedev/img/grass-tile.png
new file mode 100644
index 0000000..06c38dd
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/grass-tile.png
diff --git a/src/projects/mundus/img/inventory-menu.png b/src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.png
index 297d408..297d408 100644
--- a/src/projects/mundus/img/inventory-menu.png
+++ b/src/blog/mundus-first-shot-at-gamedev/img/inventory-menu.png
diff --git a/src/projects/mundus/img/main-screen.png b/src/blog/mundus-first-shot-at-gamedev/img/main-screen.png
index bcf13c5..bcf13c5 100644
--- a/src/projects/mundus/img/main-screen.png
+++ b/src/blog/mundus-first-shot-at-gamedev/img/main-screen.png
diff --git a/src/projects/mundus/img/map-menu.png b/src/blog/mundus-first-shot-at-gamedev/img/map-menu.png
index f640abb..f640abb 100644
--- a/src/projects/mundus/img/map-menu.png
+++ b/src/blog/mundus-first-shot-at-gamedev/img/map-menu.png
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.jpg b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.jpg
new file mode 100644
index 0000000..3a6baf0
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-grass-tile.jpg
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.jpg b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.jpg
new file mode 100644
index 0000000..408b522
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/placeholder-rock-tile.jpg
diff --git a/src/projects/mundus/img/small-game-window.png b/src/blog/mundus-first-shot-at-gamedev/img/small-game-window.png
index 8af9885..8af9885 100644
--- a/src/projects/mundus/img/small-game-window.png
+++ b/src/blog/mundus-first-shot-at-gamedev/img/small-game-window.png
diff --git a/src/blog/mundus-first-shot-at-gamedev/img/tree-tile.png b/src/blog/mundus-first-shot-at-gamedev/img/tree-tile.png
new file mode 100644
index 0000000..fcfcadd
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/img/tree-tile.png
diff --git a/src/blog/mundus-first-shot-at-gamedev/index.md b/src/blog/mundus-first-shot-at-gamedev/index.md
new file mode 100644
index 0000000..440b4bd
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/index.md
@@ -0,0 +1,50 @@
+# Introduction - Mundus: My first shot at game development
+
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/blog/mundus-first-shot-at-gamedev/introduction.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/1)
+<br>
+**Created: 20 May 2020** || **Edited: 18 February 2022**
+
+[`Timeline >`](./timeline.html)
+
+---
+
+I have been toying with the idea of making a game ever since my first exposure to programming. The [earliest piece of code](https://gitlab.com/Syndamia/Shower/-/tree/master/ARK%20(2015)) I ever wrote was about replicating a computer boot up sequence from the video game [SOMA](https://store.steampowered.com/app/282140/SOMA/). I developed it in 2015, solid 3 years before my first proper introduction to software development.
+
+Five years later, in early 2020, I had to make a project for an exam. I (initially) had about a month to complete it and the only requirements were technical: utilize a database with at least x tables, employ a specific design pattern, etc. Fairly quickly I decided upon making a "minecraftian" game: 2D sandbox where you could fight, craft, build, eat and explore.
+
+I called it [Mundus](https://gitlab.com/Syndamia/Mundus) and it took me around 3 months to complete and consisted of more than 2000 lines of code. Although these metrics aren't very impressive in the real world, they were a monumental achievement for me. In the beginning I planned on developing it into a fully fledged game, but that never happened.
+
+Nevertheless, this journey was very important to me, hence writing this multi-page article.
+
+**Link to the source code**: [GitLab](https://gitlab.com/Syndamia/Mundus)
+
+## Contents
+<div></div>
+
+[*Due for rework*](/rework.html)
+
+1. [Timeline](./timeline.html)
+2. [User Interface](./user-interface.html)
+    1. [Main screen](./user-interface.html#Main%20screen)
+    2. [Create new game](./user-interface.html#Create%20new%20game)
+    3. [Game Window](./user-interface.html#Game%20Window)
+    4. [Map menu](./user-interface.html#Map%20menu)
+    5. [Inventory menu](./user-interface.html#Inventory%20menu)
+    6. [Crafting menu](./user-interface.html#Crafting%20menu)
+3. [Basic Concepts](./basic-concepts.html)
+   1. [Tiles](./basic-concepts.html#Tiles)
+   2. [Layers and superlayers](./basic-concepts.html#Layers%20and%20superlayers)
+   3. [Inventory](./basic-concepts.html#Inventory)
+   4. [Crafting](./basic-concepts.html#Crafting)
+   5. [Event logs](./basic-concepts.html#Event%20logs)
+
+## Screenshots
+[![🔗](/img/link-tabler.svg)](#Screenshots)
+
+<div style="display: flex; overflow-x: scroll; align-items: center">
+	<img src="./img/small-game-window.png" style="height: 100%; flex: 1; margin-right: 0.5em">
+	<img src="./img/map-menu.png" style="height: 100%; flex: 1; margin-right: 0.5em">
+	<img src="./img/inventory-menu.png" style="height: 100%; flex: 1;">
+</div>
+
+*Screenshots are made on Linux Mint Cinnamon with the Mint-Y theme*
diff --git a/src/blog/mundus-first-shot-at-gamedev/introduction.md b/src/blog/mundus-first-shot-at-gamedev/introduction.md
new file mode 100644
index 0000000..440b4bd
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/introduction.md
@@ -0,0 +1,50 @@
+# Introduction - Mundus: My first shot at game development
+
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/blog/mundus-first-shot-at-gamedev/introduction.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/1)
+<br>
+**Created: 20 May 2020** || **Edited: 18 February 2022**
+
+[`Timeline >`](./timeline.html)
+
+---
+
+I have been toying with the idea of making a game ever since my first exposure to programming. The [earliest piece of code](https://gitlab.com/Syndamia/Shower/-/tree/master/ARK%20(2015)) I ever wrote was about replicating a computer boot up sequence from the video game [SOMA](https://store.steampowered.com/app/282140/SOMA/). I developed it in 2015, solid 3 years before my first proper introduction to software development.
+
+Five years later, in early 2020, I had to make a project for an exam. I (initially) had about a month to complete it and the only requirements were technical: utilize a database with at least x tables, employ a specific design pattern, etc. Fairly quickly I decided upon making a "minecraftian" game: 2D sandbox where you could fight, craft, build, eat and explore.
+
+I called it [Mundus](https://gitlab.com/Syndamia/Mundus) and it took me around 3 months to complete and consisted of more than 2000 lines of code. Although these metrics aren't very impressive in the real world, they were a monumental achievement for me. In the beginning I planned on developing it into a fully fledged game, but that never happened.
+
+Nevertheless, this journey was very important to me, hence writing this multi-page article.
+
+**Link to the source code**: [GitLab](https://gitlab.com/Syndamia/Mundus)
+
+## Contents
+<div></div>
+
+[*Due for rework*](/rework.html)
+
+1. [Timeline](./timeline.html)
+2. [User Interface](./user-interface.html)
+    1. [Main screen](./user-interface.html#Main%20screen)
+    2. [Create new game](./user-interface.html#Create%20new%20game)
+    3. [Game Window](./user-interface.html#Game%20Window)
+    4. [Map menu](./user-interface.html#Map%20menu)
+    5. [Inventory menu](./user-interface.html#Inventory%20menu)
+    6. [Crafting menu](./user-interface.html#Crafting%20menu)
+3. [Basic Concepts](./basic-concepts.html)
+   1. [Tiles](./basic-concepts.html#Tiles)
+   2. [Layers and superlayers](./basic-concepts.html#Layers%20and%20superlayers)
+   3. [Inventory](./basic-concepts.html#Inventory)
+   4. [Crafting](./basic-concepts.html#Crafting)
+   5. [Event logs](./basic-concepts.html#Event%20logs)
+
+## Screenshots
+[![🔗](/img/link-tabler.svg)](#Screenshots)
+
+<div style="display: flex; overflow-x: scroll; align-items: center">
+	<img src="./img/small-game-window.png" style="height: 100%; flex: 1; margin-right: 0.5em">
+	<img src="./img/map-menu.png" style="height: 100%; flex: 1; margin-right: 0.5em">
+	<img src="./img/inventory-menu.png" style="height: 100%; flex: 1;">
+</div>
+
+*Screenshots are made on Linux Mint Cinnamon with the Mint-Y theme*
diff --git a/src/blog/mundus-first-shot-at-gamedev/timeline.md b/src/blog/mundus-first-shot-at-gamedev/timeline.md
new file mode 100644
index 0000000..3ade67c
--- /dev/null
+++ b/src/blog/mundus-first-shot-at-gamedev/timeline.md
@@ -0,0 +1,63 @@
+# Timeline - Mundus: My first shot at game development
+
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/blog/mundus-first-shot-at-gamedev/timeline.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/1)
+<br>
+**Created: 20 May 2020** || **Edited: 19 February 2022**
+
+[`< Introduction`](./) || [`User Interface >`](./user-interface.html)
+
+---
+
+As mentioned, I had big plans for Mundus, so I wanted to make sure it would be well planned. But at the same time, the project took too much energy and I often had holes of no development time. This is an overview of the development "cycle" I went through.
+
+> ***08.02.2020***&emsp;Day 0, Hour 0
+
+At this point of time, I was still studying software development in a national program. On this exact day, we had the first lecture of a new module, where it was announced we would have to make a project for the exam. Up until this point of time, our exams constituted of predefined programming exercises for which we would be given a couple of hours to complete and would be checked by an online platform.
+
+I immediately began brainstorming and by the end of the day, I had decided upon the project I would be developing.
+
+> ***12.02.2020***&emsp;Day 4
+
+Before Mundus I had experimented with making games, but mostly in the command line. This time was going to be different. Up until this day, I was only researching and trying out different technologies to make my game with.
+
+Initially I spent a lot of time with Unity, but the original time constraints and my lack of knowledge with the game engine discouraged me from continuing with it. Subsequently, I got discouraged from using any game engine and settled for `GtkSharp 2.0`. Now, this is widget toolkit, not even close to a game engine, but hey, it was much better than the command line, it was simple and shipped with the IDE I was using at the time.
+
+This decision proved to have been a mistake down the road, but the clock was ticking and I had no more time to waste. Besides, I also believed that in the end, moving it to something like Unity wouldn't pose too much trouble.
+
+Finally, it was time to plan the actual game.
+
+> ***27.02.2020***&emsp;Day 19
+
+So far I have only done preparation but on this day, I started actual programming. The UI and most of the mechanics were completely sketched.
+
+Around a week later I also drew the first proper textures for the game world: a [tile of grass](https://gitlab.com/Syndamia/IT-kariera/-/blob/a100f71372496ba89e26fedc520edcefd2442848/Year%202/Software%20development/Mundus/Mundus/Icons/Land/Ground/grass.png) ![](./img/grass-tile.png) and a [tile of grass with a boulder on top](https://gitlab.com/Syndamia/IT-kariera/-/blob/a100f71372496ba89e26fedc520edcefd2442848/Year%202/Software%20development/Mundus/Mundus/Icons/Land/Ground/boulder.png) ![](./img/boulder-tile.png). These replaced the [grass](https://gitlab.com/Syndamia/IT-kariera/-/blob/7b2c8cbc1d6adb874ca6a41f2871ea1950866d70/Year%202/Software%20development/Project/Mundus/Mundus/Views/Icons/Land/Ground/grass.jpg) ![](./img/placeholder-grass-tile.jpg) and [rock](https://gitlab.com/Syndamia/IT-kariera/-/blob/7b2c8cbc1d6adb874ca6a41f2871ea1950866d70/Year%202/Software%20development/Project/Mundus/Mundus/Views/Icons/Land/Ground/rock.jpg) ![](./img/placeholder-rock-tile.jpg) placeholder textures I made on the 29th.
+
+Concerning the temporary textures, I just drew them in half an hour in GIMP, so I could test out some of the code.
+
+The proper textures, I believe, turned out fairly well, given that I've never been good at drawing and this is my very first time trying to draw pixel art. There is no magic behind the process, after scouring the internet for pixel art that looked kinda close to what I imagined, I tried to utilize and mix whatever I found fitting and then just messed around for hours. As you can imagine, this wasn't a very efficient process, and it took me around 1-2 days for both textures.
+
+> ***28.03.2020***&emsp;Day 49
+
+Slowly and steadily I had been making fine progress, but a lot of issues started to surface. As it turns out, I hadn't thought everything completely through, so I mostly went back to the drawing board.
+
+But at the very least, I had some important systems in place, like breaking and placing stuff, proper movement through the map and using items. Also, I had drawn my favorite texture from the whole projects: [the tree](https://gitlab.com/Syndamia/Mundus/-/blob/c47a34847e52ef76361394dba2c4f524a56d1b92/Mundus/Icons/Land/Items/tree.png) ![](./img/tree-tile.png).
+
+> ***06.04.2020***&emsp;Day 58
+
+Things started to take a turn for the better, I had planned everything I needed to plan and spring break had began. A solid week of no high-school made me more productive than ever. Some days I coded for 8 or even 10 hours straight, from morning to evening. Tools, multiple layers and climbing between them, new items and many bug improvements.
+
+And then, they extended the break for one more week, the productivity boost could've continued even further, but, alas, I was burned out. The productivity boost, as good as it was, it tired me out very fast. There were still a couple of days with progress, but this time I actually took a break.
+
+<br>
+
+However, remember how they extended the spring break by a week? Well, this was caused by the emergence of the COVID-19 pandemic in Europe and Bulgaria. Subsequently, after the break, we didn't go back to school. Due to the emergent situation, development on Mundus became increasingly sporadic and progress slowed down drastically. At least the exam got pushed back by a month/month and a half.
+
+<br>
+
+> ***23.05.2020***&emsp;Day 105
+
+Finally, after so much time, and relative amount of hiccups, Mundus was finished. Or at least, finished enough so I could present it on the exam. And this happened just in the nick of time too, the exam date was in 8 days, on the 31st.
+
+I had done a lot, it had a randomly-ish generated world, it had animals, it had items, you could chop down trees and get branches and craft tools. But, well, you could do everything in about 3 minutes. The systems were in place, and mostly what it lacked was content: much more animals, much more layers, much more items.
+
+About the exam itself, I got an Excellent 6 grade, the highest possible grade. Even with it's drawbacks, Mundus was jam packed with features and extendability, unlike the other projects.
diff --git a/src/projects/mundus/user-interface.md b/src/blog/mundus-first-shot-at-gamedev/user-interface.md
index c664bc0..d6eb058 100644
--- a/src/projects/mundus/user-interface.md
+++ b/src/blog/mundus-first-shot-at-gamedev/user-interface.md
@@ -1,10 +1,13 @@
-# User Interface - Mundus
+# User Interface - Mundus: My first shot at game development
 
-[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/projects/mundus/user-interface.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/1)
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/blog/mundus-first-shot-at-gamedev/user-interface.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/1)
 <br>
 **Created: 21 May 2020** || **Edited: 25 November 2020**
 
-[`<<`](./introduction.html) || [`< History`](./history.html) || [`Basic Concepts >`](./basic-concepts.html)
+## [*Due for rework*](/rework.html)
+<br>
+
+[`<<`](./) || [`< Timeline`](./timeline.html) || [`Basic Concepts >`](./basic-concepts.html)
 
 ---
 
diff --git a/src/projects/syndamiadotcom/img/00-40-80.png b/src/blog/syndamiadotcom/img/00-40-80.png
index ffc2a3d..ffc2a3d 100644
--- a/src/projects/syndamiadotcom/img/00-40-80.png
+++ b/src/blog/syndamiadotcom/img/00-40-80.png
diff --git a/src/projects/syndamiadotcom/img/28-2c-34.png b/src/blog/syndamiadotcom/img/28-2c-34.png
index 14d6a06..14d6a06 100644
--- a/src/projects/syndamiadotcom/img/28-2c-34.png
+++ b/src/blog/syndamiadotcom/img/28-2c-34.png
diff --git a/src/projects/syndamiadotcom/img/47-47-47.png b/src/blog/syndamiadotcom/img/47-47-47.png
index 9ebb15d..9ebb15d 100644
--- a/src/projects/syndamiadotcom/img/47-47-47.png
+++ b/src/blog/syndamiadotcom/img/47-47-47.png
diff --git a/src/projects/syndamiadotcom/img/70-70-70.png b/src/blog/syndamiadotcom/img/70-70-70.png
index aeb167f..aeb167f 100644
--- a/src/projects/syndamiadotcom/img/70-70-70.png
+++ b/src/blog/syndamiadotcom/img/70-70-70.png
diff --git a/src/projects/syndamiadotcom/img/ab-b2-bf.png b/src/blog/syndamiadotcom/img/ab-b2-bf.png
index 6059748..6059748 100644
--- a/src/projects/syndamiadotcom/img/ab-b2-bf.png
+++ b/src/blog/syndamiadotcom/img/ab-b2-bf.png
diff --git a/src/projects/syndamiadotcom/img/about-v2.png b/src/blog/syndamiadotcom/img/about-v2.png
index 29da380..29da380 100644
--- a/src/projects/syndamiadotcom/img/about-v2.png
+++ b/src/blog/syndamiadotcom/img/about-v2.png
diff --git a/src/projects/syndamiadotcom/img/code-v1.png b/src/blog/syndamiadotcom/img/code-v1.png
index f71270e..f71270e 100644
--- a/src/projects/syndamiadotcom/img/code-v1.png
+++ b/src/blog/syndamiadotcom/img/code-v1.png
diff --git a/src/projects/syndamiadotcom/img/code-v2.png b/src/blog/syndamiadotcom/img/code-v2.png
index a9dd1d1..a9dd1d1 100644
--- a/src/projects/syndamiadotcom/img/code-v2.png
+++ b/src/blog/syndamiadotcom/img/code-v2.png
diff --git a/src/projects/syndamiadotcom/img/contents-v2.png b/src/blog/syndamiadotcom/img/contents-v2.png
index a92d187..a92d187 100644
--- a/src/projects/syndamiadotcom/img/contents-v2.png
+++ b/src/blog/syndamiadotcom/img/contents-v2.png
diff --git a/src/projects/syndamiadotcom/img/d6-d6-d6.png b/src/blog/syndamiadotcom/img/d6-d6-d6.png
index a396e27..a396e27 100644
--- a/src/projects/syndamiadotcom/img/d6-d6-d6.png
+++ b/src/blog/syndamiadotcom/img/d6-d6-d6.png
diff --git a/src/projects/syndamiadotcom/img/dd-dd-dd.png b/src/blog/syndamiadotcom/img/dd-dd-dd.png
index 58c51c4..58c51c4 100644
--- a/src/projects/syndamiadotcom/img/dd-dd-dd.png
+++ b/src/blog/syndamiadotcom/img/dd-dd-dd.png
diff --git a/src/projects/syndamiadotcom/img/header-v2.png b/src/blog/syndamiadotcom/img/header-v2.png
index 7bd54f9..7bd54f9 100644
--- a/src/projects/syndamiadotcom/img/header-v2.png
+++ b/src/blog/syndamiadotcom/img/header-v2.png
diff --git a/src/projects/syndamiadotcom/img/introduction-v2.png b/src/blog/syndamiadotcom/img/introduction-v2.png
index 3a9d411..3a9d411 100644
--- a/src/projects/syndamiadotcom/img/introduction-v2.png
+++ b/src/blog/syndamiadotcom/img/introduction-v2.png
diff --git a/src/projects/syndamiadotcom/img/iphonex-v1.png b/src/blog/syndamiadotcom/img/iphonex-v1.png
index 6d36d86..6d36d86 100644
--- a/src/projects/syndamiadotcom/img/iphonex-v1.png
+++ b/src/blog/syndamiadotcom/img/iphonex-v1.png
diff --git a/src/projects/syndamiadotcom/img/multi-back-btn-hover.png b/src/blog/syndamiadotcom/img/multi-back-btn-hover.png
index 8f87983..8f87983 100644
--- a/src/projects/syndamiadotcom/img/multi-back-btn-hover.png
+++ b/src/blog/syndamiadotcom/img/multi-back-btn-hover.png
diff --git a/src/projects/syndamiadotcom/img/multi-back-btn.png b/src/blog/syndamiadotcom/img/multi-back-btn.png
index 5275090..5275090 100644
--- a/src/projects/syndamiadotcom/img/multi-back-btn.png
+++ b/src/blog/syndamiadotcom/img/multi-back-btn.png
diff --git a/src/projects/syndamiadotcom/img/multi-title.png b/src/blog/syndamiadotcom/img/multi-title.png
index 18c740c..18c740c 100644
--- a/src/projects/syndamiadotcom/img/multi-title.png
+++ b/src/blog/syndamiadotcom/img/multi-title.png
diff --git a/src/projects/syndamiadotcom/img/next-page-v2.png b/src/blog/syndamiadotcom/img/next-page-v2.png
index ff2c3f4..ff2c3f4 100644
--- a/src/projects/syndamiadotcom/img/next-page-v2.png
+++ b/src/blog/syndamiadotcom/img/next-page-v2.png
diff --git a/src/projects/syndamiadotcom/img/prev-page-v2.png b/src/blog/syndamiadotcom/img/prev-page-v2.png
index eca3493..eca3493 100644
--- a/src/projects/syndamiadotcom/img/prev-page-v2.png
+++ b/src/blog/syndamiadotcom/img/prev-page-v2.png
diff --git a/src/projects/syndamiadotcom/img/sample-hyperlink-v1.png b/src/blog/syndamiadotcom/img/sample-hyperlink-v1.png
index b4e7bca..b4e7bca 100644
--- a/src/projects/syndamiadotcom/img/sample-hyperlink-v1.png
+++ b/src/blog/syndamiadotcom/img/sample-hyperlink-v1.png
diff --git a/src/projects/syndamiadotcom/img/sample-page-v1.png b/src/blog/syndamiadotcom/img/sample-page-v1.png
index 5aa1f28..5aa1f28 100644
--- a/src/projects/syndamiadotcom/img/sample-page-v1.png
+++ b/src/blog/syndamiadotcom/img/sample-page-v1.png
diff --git a/src/projects/syndamiadotcom/img/separator-v1.png b/src/blog/syndamiadotcom/img/separator-v1.png
index 950d37f..950d37f 100644
--- a/src/projects/syndamiadotcom/img/separator-v1.png
+++ b/src/blog/syndamiadotcom/img/separator-v1.png
diff --git a/src/projects/syndamiadotcom/img/table-v1.png b/src/blog/syndamiadotcom/img/table-v1.png
index 83a0072..83a0072 100644
--- a/src/projects/syndamiadotcom/img/table-v1.png
+++ b/src/blog/syndamiadotcom/img/table-v1.png
diff --git a/src/projects/syndamiadotcom/img/table-v2.png b/src/blog/syndamiadotcom/img/table-v2.png
index 9820b2f..9820b2f 100644
--- a/src/projects/syndamiadotcom/img/table-v2.png
+++ b/src/blog/syndamiadotcom/img/table-v2.png
diff --git a/src/projects/syndamiadotcom/img/tabs-v1-curr.png b/src/blog/syndamiadotcom/img/tabs-v1-curr.png
index b8ad9e2..b8ad9e2 100644
--- a/src/projects/syndamiadotcom/img/tabs-v1-curr.png
+++ b/src/blog/syndamiadotcom/img/tabs-v1-curr.png
diff --git a/src/projects/syndamiadotcom/img/tabs-v1-old.png b/src/blog/syndamiadotcom/img/tabs-v1-old.png
index 92d3233..92d3233 100644
--- a/src/projects/syndamiadotcom/img/tabs-v1-old.png
+++ b/src/blog/syndamiadotcom/img/tabs-v1-old.png
diff --git a/src/projects/syndamiadotcom/img/test-tabs.png b/src/blog/syndamiadotcom/img/test-tabs.png
index 27e795b..27e795b 100644
--- a/src/projects/syndamiadotcom/img/test-tabs.png
+++ b/src/blog/syndamiadotcom/img/test-tabs.png
diff --git a/src/projects/syndamiadotcom/img/to-introduction-v2.png b/src/blog/syndamiadotcom/img/to-introduction-v2.png
index d70c073..d70c073 100644
--- a/src/projects/syndamiadotcom/img/to-introduction-v2.png
+++ b/src/blog/syndamiadotcom/img/to-introduction-v2.png
diff --git a/src/projects/syndamiadotcom/img/welcome-v1.png b/src/blog/syndamiadotcom/img/welcome-v1.png
index 0c1c594..0c1c594 100644
--- a/src/projects/syndamiadotcom/img/welcome-v1.png
+++ b/src/blog/syndamiadotcom/img/welcome-v1.png
diff --git a/src/projects/syndamiadotcom/img/welcome-v2.png b/src/blog/syndamiadotcom/img/welcome-v2.png
index 77935e5..77935e5 100644
--- a/src/projects/syndamiadotcom/img/welcome-v2.png
+++ b/src/blog/syndamiadotcom/img/welcome-v2.png
diff --git a/src/projects/syndamiadotcom/img/xed-overview.png b/src/blog/syndamiadotcom/img/xed-overview.png
index 9642203..9642203 100644
--- a/src/projects/syndamiadotcom/img/xed-overview.png
+++ b/src/blog/syndamiadotcom/img/xed-overview.png
diff --git a/src/blog/syndamiadotcom/index.md b/src/blog/syndamiadotcom/index.md
new file mode 100644
index 0000000..0fe3ff3
--- /dev/null
+++ b/src/blog/syndamiadotcom/index.md
@@ -0,0 +1,26 @@
+# Introduction - syndamiadotcom 
+
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/blog/syndamiadotcom/introduction.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/2)
+<br>
+**Created: 01 August 2020** || **Edited: 24 September 2020**
+
+[`Version 1 >`](./version1.html)
+
+---
+
+One of my biggest networking and front-end projects is this very website. I started it on **25 May** as a place to talk about my project [Mundus](/projects/mundus/introduction.html). Over time it has become a **hub** for my **projects**, **tutorials**, **blog** and even **portfolio**.
+
+**Note**: Website versions differ mostly by **styling** and **system for managing content**.
+
+## Contents
+<div></div>
+
+1. [Version 1](./version1.html)
+   1. [Layout and navigation](./version1.html#Layout%20and%20navigation)
+   2. [Style overview](./version1.html#Style%20overview)
+   3. [Content management](./version1.html#Content%20management)
+   4. [Why was it replaced?](./version1.html#Why%20was%20it%20replaced?)
+2. [Version 2](./version2.html)
+   1. [Layout and navigation](./version2.html#Layout%20and%20navigation)
+   2. [Style overview](./version2.html#Style%20overview)
+   3. [Content management](./version2.html#Content%20management)
diff --git a/src/projects/syndamiadotcom/introduction.md b/src/blog/syndamiadotcom/introduction.md
index d52c959..0fe3ff3 100644
--- a/src/projects/syndamiadotcom/introduction.md
+++ b/src/blog/syndamiadotcom/introduction.md
@@ -1,6 +1,6 @@
 # Introduction - syndamiadotcom 
 
-[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/projects/syndamiadotcom/introduction.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/2)
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/blog/syndamiadotcom/introduction.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/2)
 <br>
 **Created: 01 August 2020** || **Edited: 24 September 2020**
 
diff --git a/src/projects/syndamiadotcom/version1.md b/src/blog/syndamiadotcom/version1.md
index 99a1991..6087e6a 100644
--- a/src/projects/syndamiadotcom/version1.md
+++ b/src/blog/syndamiadotcom/version1.md
@@ -1,6 +1,6 @@
 # Version 1 - syndamiadotcom
 
-[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/projects/syndamiadotcom/version1.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/2)
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/blog/syndamiadotcom/version1.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/2)
 <br>
 **Created: 01 August 2020** || **Edited: 24 September 2020**
 
diff --git a/src/projects/syndamiadotcom/version2.md b/src/blog/syndamiadotcom/version2.md
index c024edb..6efb59e 100644
--- a/src/projects/syndamiadotcom/version2.md
+++ b/src/blog/syndamiadotcom/version2.md
@@ -1,6 +1,6 @@
 # Version 2 - syndamiadotcom
 
-[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/projects/syndamiadotcom/version2.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/2)
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/blog/syndamiadotcom/version2.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/2)
 <br>
 **Created: 02 August 2020** || **Edited: 24 September 2020**
 
diff --git a/src/contact/index.md b/src/contact/index.md
new file mode 100644
index 0000000..8a1a977
--- /dev/null
+++ b/src/contact/index.md
@@ -0,0 +1,25 @@
+# Contact
+
+---
+---
+
+<div id="contact-flex">
+	<div>
+		<div class="contact-card-title">
+			Casual
+		</div>
+		<div class="contact-card-content">
+			<strong>Email</strong></br><a href="mailto:syndamia@protonmail.com">syndamia@protonmail.com</a></br>
+		</div>
+	</div>
+	<div>
+		<div class="contact-card-title">
+			Work
+		</div>
+		<div class="contact-card-content">
+			<strong>Email</strong></br><a href="mailto:kamen.d.mladenov@protonmail.com">kamen.d.mladenov@protonmail.com</a></br>
+			<strong>LinkedIn</strong></br><a href="https://www.linkedin.com/in/kamen-mladenov/">kamen-mladenov</a></br>
+		</div>
+	</div>
+
+</div>
diff --git a/src/courses/index.md b/src/courses/index.md
new file mode 100644
index 0000000..3d01b70
--- /dev/null
+++ b/src/courses/index.md
@@ -0,0 +1,6 @@
+# Courses
+
+---
+---
+
+***[COMING NOT VERY SOON]***
diff --git a/src/darkmode.css b/src/darkmode.css
index 0705ec1..1393044 100644
--- a/src/darkmode.css
+++ b/src/darkmode.css
@@ -6,13 +6,13 @@
 
 
 ::-moz-selection {
-  color: #ffeede;
-  background: #59676f;
+  color: #001121;
+  background: #81949f;
 }
 
 ::selection {
-  color: #ffeede;
-  background: #59676f;
+  color: #001121;
+  background: #81949f;
 }
 
 *,
@@ -25,6 +25,10 @@ article > table th {
   background-color: #262626;
 }
 
+blockquote {
+  border-color: #919191;
+}
+
 blockquote * {
   color: #919191;
 }
diff --git a/src/projects.md b/src/projects.md
deleted file mode 100644
index 462830e..0000000
--- a/src/projects.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# Projects
-
----
----
-
-<p></p>
-
-|||
-|---|---|
-|[Mundus](/projects/mundus/introduction.html)|`Game` `2D` `Sandbox` `Crafting` `Building` `Fighting` `GtkSharp 2.0` `C#`|
-|[syndamiadotcom](/projects/syndamiadotcom/introduction.html)|`Web` `Website``HTML` `CSS` `Markdown` `Static Site Generator`|
-|||
-
diff --git a/src/projects/mundus/history.md b/src/projects/mundus/history.md
deleted file mode 100644
index 59c633e..0000000
--- a/src/projects/mundus/history.md
+++ /dev/null
@@ -1,42 +0,0 @@
-# History - Mundus 
-
-[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/projects/mundus/history.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/1)
-<br>
-**Created: 20 May 2020** || **Edited: 25 November 2020**
-
-[`< Introduction`](./introduction.html) || [`User Interface >`](./user-interface.html)
-
----
-
-> ***08.02.2020***
-
-This was our first Module 7 lecture. Before, on all of our exams, we were given tasks and their output was checked by an online platform, but this time, we had to make a project. We were given almost complete freedom and so, I began brainstorming.
-
-> ***12.02.2020***&emsp;4 days later
-
-Up until this point, I was trying out different ideas and technologies. 
-
-I started with `Unity`, that I dropped because of my lack of skill and time constraints (at first, the deadline was only about a month away). After that I looked into `GtkSharp 2.0`, a FOSS widget toolkit for creating user interfaces in `C#`. It was simple enough and I was able to learn everything that I needed relatively quickly and so, I stuck with it. 
-
-After that I started planning.  
-
-> ***27.02.2020***&emsp;15 days later
-
-By now, I was only preparing: thinking of ideas and testing them out. This was the first day of the programming phase of the project. Although, I still continued to work on ideas, development had slowly began.
-
-> ***28.03.2020***&emsp;30 days later
-
-I decided to plan out my ideas more. The following week and a half were mostly filled with thinking but I did put down some code.
-
-> ***06.04.2020***&emsp;9 days later
-
-Spring break had began. For me, that was the perfect time to start coding the program. I might've went a little bit overboard, with 8 hour and sometimes even 10 hour coding sessions, but I persevered. This continued even after the break was extended by another week.
-
-But then, crisis struck. I, obviously, burned myself out and the COVID-19 pandemic began, in the beginning of which I was helping a lot with organisation of online education.
-
-For the next month and a half, I was in a pattern of working hard on the project for a week or two, and then not working on it for the same amount of time.
-
-> ***23.05.2020***&emsp;47 days later
-
-Finally, I was done. It was just in the nick of time too, I had to present it in 8 days, on the 31st. The result was more of a "tech demo", it was nowhere near my final goals, but it was still quite developed.
-
diff --git a/src/projects/mundus/introduction.md b/src/projects/mundus/introduction.md
deleted file mode 100644
index 0bd67e2..0000000
--- a/src/projects/mundus/introduction.md
+++ /dev/null
@@ -1,45 +0,0 @@
-# Introduction - Mundus 
-
-[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/projects/mundus/introduction.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/1)
-<br>
-**Created: 20 May 2020** || **Edited: 25 November 2020**
-
-[`History >`](./history.html)
-
----
-
-Mundus is my exam project for Module 7 of the IT-kariera program, although the concept has existed ever since my first lessons in the program.
-
-It's an open-source light-weight sandbox desktop game in which you can explore, fight with creatures, build things or dig up the whole ground.
-
-I've done this project completely by myself. It contains **more than 2000 lines of code**, written in around **3 months**. 
-
-In the beginning, I had big plans for it, I wanted to continue development after the exam and make it a big and popular program. That never happened, mostly because the user interface toolkit I was using wasn't capable enough for the long-term. Although, the project does **spiritually live on** with [Velekurt](https://github.com/Velekurt).
-
-**Links to the project**: [GitLab](https://gitlab.com/Syndamia/Mundus)
-
-## Contents
-<div></div>
-
-1. [History](./history.html)
-2. [User Interface](./user-interface.html)
-    1. [Main screen](./user-interface.html#Main%20screen)
-    2. [Create new game](./user-interface.html#Create%20new%20game)
-    3. [Game Window](./user-interface.html#Game%20Window)
-    4. [Map menu](./user-interface.html#Map%20menu)
-    5. [Inventory menu](./user-interface.html#Inventory%20menu)
-    6. [Crafting menu](./user-interface.html#Crafting%20menu)
-3. [Basic Concepts](./basic-concepts.html)
-   1. [Tiles](./basic-concepts.html#Tiles)
-   2. [Layers and superlayers](./basic-concepts.html#Layers%20and%20superlayers)
-   3. [Inventory](./basic-concepts.html#Inventory)
-   4. [Crafting](./basic-concepts.html#Crafting)
-   5. [Event logs](./basic-concepts.html#Event%20logs)
-
-## Screenshots
-[![🔗](/img/link-tabler.svg)](#Screenshots)
-
-*Screenshots are made on Linux Mint Cinnamon with the Mint-Y theme*
-
-![](./img/small-game-window.png) ![](./img/map-menu.png) ![](./img/inventory-menu.png)
-
diff --git a/src/rework.md b/src/rework.md
index ce7cc6e..4442ba8 100644
--- a/src/rework.md
+++ b/src/rework.md
@@ -3,7 +3,7 @@
 ---
 ---
 
-Pages that have the message [**Due for Rework**](./rework.html) **aren't well formatted**, use **bad wording** and/or contain **invalid information**.
+Pages that have the message [**Due for Rework**](./rework.html) are in some form **outdated**. They might have bad formatting, bad wording, contain outdated information or something else is wrong with them.
 
-In any case, **these pages shouldn't be taken at face value**, as they are disreputable and will be rewritten at a later date.
+In any case, **these pages shouldn't be taken at face value, as they will be updated and fixed soon enough**.
 
diff --git a/src/styles.css b/src/styles.css
index ecafe29..c322f77 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -28,7 +28,7 @@ body {
 }
 
 body, td, th {
-  font: 19px 'Open Sans', sans-serif;
+  font: 18px 'Open Sans', sans-serif;
   line-height: 1.5em;
 }
 
@@ -72,7 +72,7 @@ a {
 }
 
 article {
-  max-width: 50em;
+  max-width: 52.7em; /* Equivalent to 50em on 19px font-size */
   min-height: calc(100vh - 228px);
   overflow: auto;
 }
diff --git a/src/tutorials.md b/src/tutorials.md
index 1f39952..cfc0e30 100644
--- a/src/tutorials.md
+++ b/src/tutorials.md
@@ -7,12 +7,12 @@
 
 |||
 |---|---|
-|[How to turn off notifications on Windows](./tutorials/turn-off-notifications-windows/article.html)|`Windows 10` `Notifications` `Settings`|
-|[How to disable Sticky Keys prompt](./tutorials/disable-sticky-keys-popup/article.html)|`Windows` `Sticky Keys` `Settings`|
-|[How to remove Windows Weather Widget](./tutorials/remove-weather-widget/article.html)|`Windows 10` `Weather Widget`|
-|[Windows Run dialog](./tutorials/windows-run-dialog/article.html)|`Windows` `Run` `Commands` `Settings`|
-|[How to export Skype data](./tutorials/export-skype/article.html)|`Skype` `Export` `Archive` `skype-parser`|
-|[How to use Jira](./tutorials/how-to-use-jira/introduction.html)|`Project Management` `Agile` `Issue tracking` `Bug tracking` `Kanban` `Jira` `Atlassian`|
-|[Connect to Mysql in .NET and Entity Framework](./tutorials/connect-to-mysql-in-dotnet-ef/article.html)|`MySQL` `ASP.Net` `Entity Framework` `Pomelo`|
+|[How to turn off notifications on Windows](/tutorials/turn-off-notifications-windows)|`Windows 10` `Notifications` `Settings`|
+|[How to disable Sticky Keys prompt](/tutorials/disable-sticky-keys-popup)|`Windows` `Sticky Keys` `Settings`|
+|[How to remove Windows Weather Widget](/tutorials/remove-weather-widget)|`Windows 10` `Weather Widget`|
+|[Windows Run dialog](/tutorials/windows-run-dialog)|`Windows` `Run` `Commands` `Settings`|
+|[How to export Skype data](/tutorials/export-skype)|`Skype` `Export` `Archive` `skype-parser`|
+|[How to use Jira](/tutorials/how-to-use-jira)|`Project Management` `Agile` `Issue tracking` `Bug tracking` `Kanban` `Jira` `Atlassian`|
+|[Connect to Mysql in .NET and Entity Framework](/tutorials/connect-to-mysql-in-dotnet-ef)|`MySQL` `ASP.Net` `Entity Framework` `Pomelo`|
 |||
 
diff --git a/src/tutorials/connect-to-mysql-in-dotnet-ef/article.md b/src/tutorials/connect-to-mysql-in-dotnet-ef/index.md
index 4b3a5da..4b3a5da 100644
--- a/src/tutorials/connect-to-mysql-in-dotnet-ef/article.md
+++ b/src/tutorials/connect-to-mysql-in-dotnet-ef/index.md
diff --git a/src/tutorials/disable-sticky-keys-popup/article.md b/src/tutorials/disable-sticky-keys-popup/index.md
index c35981e..c35981e 100644
--- a/src/tutorials/disable-sticky-keys-popup/article.md
+++ b/src/tutorials/disable-sticky-keys-popup/index.md
diff --git a/src/tutorials/export-skype/article.md b/src/tutorials/export-skype/index.md
index 2c3b019..2c3b019 100644
--- a/src/tutorials/export-skype/article.md
+++ b/src/tutorials/export-skype/index.md
diff --git a/src/tutorials/how-to-use-jira/bug.md b/src/tutorials/how-to-use-jira/bug.md
index ab9fedf..f8a6ce8 100644
--- a/src/tutorials/how-to-use-jira/bug.md
+++ b/src/tutorials/how-to-use-jira/bug.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 24 July 2020** || **Edited: 16 September 2020**
 
-[`<<`](./introduction.html) || [`< Scrum template`](./scrum.html) || [`Releases >`](./releases.html)
+[`<<`](./) || [`< Scrum template`](./scrum.html) || [`Releases >`](./releases.html)
 
 ---
 
diff --git a/src/tutorials/how-to-use-jira/cards.md b/src/tutorials/how-to-use-jira/cards.md
index ef95e7d..e3b9d18 100644
--- a/src/tutorials/how-to-use-jira/cards.md
+++ b/src/tutorials/how-to-use-jira/cards.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 24 July 2020** || **Edited: 12 September 2020**
 
-[`<<`](./introduction.html) || [`< Filters`](./filters.html) || [`Projects >`](./projects.html)
+[`<<`](./) || [`< Filters`](./filters.html) || [`Projects >`](./projects.html)
 
 ---
 
diff --git a/src/tutorials/how-to-use-jira/components.md b/src/tutorials/how-to-use-jira/components.md
index d838b9b..4c74626 100644
--- a/src/tutorials/how-to-use-jira/components.md
+++ b/src/tutorials/how-to-use-jira/components.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 24 July 2020** || **Edited: 16 September 2020**
 
-[`<<`](./introduction.html) || [`< Pages`](./pages.html) || [`Dashboards >`](./dashboards.html)
+[`<<`](./) || [`< Pages`](./pages.html) || [`Dashboards >`](./dashboards.html)
 
 ---
 
diff --git a/src/tutorials/how-to-use-jira/dashboards.md b/src/tutorials/how-to-use-jira/dashboards.md
index 63481de..c0c3b66 100644
--- a/src/tutorials/how-to-use-jira/dashboards.md
+++ b/src/tutorials/how-to-use-jira/dashboards.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 24 July 2020** || **Edited: 16 September 2020**
 
-[`<<`](./introduction.html) || [`< Components`](./components.html)
+[`<<`](./) || [`< Components`](./components.html)
 
 ---
 
diff --git a/src/tutorials/how-to-use-jira/filters.md b/src/tutorials/how-to-use-jira/filters.md
index 818e0f8..b0edb23 100644
--- a/src/tutorials/how-to-use-jira/filters.md
+++ b/src/tutorials/how-to-use-jira/filters.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 23 July 2020** || **Edited: 11 September 2020**
 
-[`< Introduction`](./introduction.html) || [`Cards >`](./cards.html)
+[`< Introduction`](./) || [`Cards >`](./cards.html)
 
 ---
 
diff --git a/src/tutorials/how-to-use-jira/index.md b/src/tutorials/how-to-use-jira/index.md
new file mode 100644
index 0000000..8ab322f
--- /dev/null
+++ b/src/tutorials/how-to-use-jira/index.md
@@ -0,0 +1,54 @@
+# Introduction - How to use Jira
+
+[**Article Source**](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/src/tutorials/how-to-use-jira/introduction.md) || [**GitLab Discussion**](https://gitlab.com/Syndamia/syndamiadotcom/-/issues/4)
+<br>
+**Created: 23 July 2020** || **Edited: 11 September 2020**
+
+[`Filters >`](./filters.html)
+
+---
+
+[Jira](https://www.atlassian.com/software/jira) is one of the most used project management and issue tracking products out there.
+
+It has a lot of features that can be quite overwhelming for new comers, especially these who are new to project management software. That's why I'm writing this tutorial.
+
+**Note**: certain actions can be done only from a project administrator
+
+## Contents
+[![🔗](/img/link-tabler.svg)](#Contents)
+
+1. [Filters](./filters.html)
+   1. [Criteria](./filters.html#Criteria)
+   2. [JQL](./filters.html#JQL)
+2. [Cards](./cards.html)
+   1. [Properties](./cards.html#Properties)
+   2. [Creating](./cards.html#Creating)
+   3. [Viewing](./cards.html#Viewing)
+   4. [How to use](./cards.html#How%20to%20use)
+      1. [Right side](./cards.html#Right%20side)
+      2. [Work log](./cards.html#Work%20log)
+      3. [Issue flagging](./cards.html#Issue%20flagging)
+      4. [Basic issue information](./cards.html#Basic%20issue%20information)
+3. [Projects](./projects.html)
+   1. [Creating a project](./projects.html#Creating%20a%20project)
+   2. [Boards](./projects.html#Boards)
+      1. [Columns](./projects.html#Columns)
+      2. [Adding more boards to a project](./projects.html#Adding%20more%20boards%20to%20a%20project)
+   3. [Backlog](./projects.html#Backlog)
+   4. [Add item](./projects.html#Add%20item)
+4. [Kanban template](./kanban.html)
+   1. [Create board](./kanban.html#Create%20board)
+   2. [Backlog](./kanban.html#Backlog)
+5. [Scrum template](./scrum.html)
+   1. [Backlog](./scrum.html#Backlog)
+   2. [Boards and Issues](./scrum.html#Boards%20and%20Issues)
+   3. [Create board](./scrum.html#Create%20board)
+6. [Bug tracking template](./bug.html)
+7. [Releases](./releases.html)
+8. [Pages](./pages.html)
+9. [Components](./components.html)
+   1. [Creating and editing](./components.html#Creating%20and%20editing)
+   2. [Adding issues](./components.html#Adding%20issues)
+10. [Dashboards](./dashboards.html)
+    1. [Adding a dashboard](./dashboards.html#Adding%20a%20dashboard)
+    2. [Adding gadgets](./dashboards.html#Adding%20gadgets)
diff --git a/src/tutorials/how-to-use-jira/kanban.md b/src/tutorials/how-to-use-jira/kanban.md
index 33dd1b7..5a164bd 100644
--- a/src/tutorials/how-to-use-jira/kanban.md
+++ b/src/tutorials/how-to-use-jira/kanban.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 23 July 2020** || **Edited: 16 September 2020**
 
-[`<<`](./introduction.html) || [`< Projects`](./projects.html) || [`Scrum template >`](./scrum.html)
+[`<<`](./) || [`< Projects`](./projects.html) || [`Scrum template >`](./scrum.html)
 
 ---
 
diff --git a/src/tutorials/how-to-use-jira/pages.md b/src/tutorials/how-to-use-jira/pages.md
index f00bd32..73b3e8d 100644
--- a/src/tutorials/how-to-use-jira/pages.md
+++ b/src/tutorials/how-to-use-jira/pages.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 24 July 2020** || **Edited: 16 September 2020**
 
-[`<<`](./introduction.html) || [`< Releases`](./releases.html) || [`Components >`](./components.html)
+[`<<`](./) || [`< Releases`](./releases.html) || [`Components >`](./components.html)
 
 ---
 
diff --git a/src/tutorials/how-to-use-jira/projects.md b/src/tutorials/how-to-use-jira/projects.md
index 7b71aa4..25ed839 100644
--- a/src/tutorials/how-to-use-jira/projects.md
+++ b/src/tutorials/how-to-use-jira/projects.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 23 July 2020** || **Edited: 12 September 2020**
 
-[`<<`](./introduction.html) || [`< Cards`](./cards.html) || [`Kanban template >`](./kanban.html)
+[`<<`](./) || [`< Cards`](./cards.html) || [`Kanban template >`](./kanban.html)
 
 ---
 
diff --git a/src/tutorials/how-to-use-jira/releases.md b/src/tutorials/how-to-use-jira/releases.md
index b3cabbc..364d91c 100644
--- a/src/tutorials/how-to-use-jira/releases.md
+++ b/src/tutorials/how-to-use-jira/releases.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 24 July 2020** || **Edited: 16 September 2020**
 
-[`<<`](./introduction.html) || [`< Bug tracking template`](./bug.html) || [`Pages >`](./pages.html)
+[`<<`](./) || [`< Bug tracking template`](./bug.html) || [`Pages >`](./pages.html)
 
 ---
 
diff --git a/src/tutorials/how-to-use-jira/scrum.md b/src/tutorials/how-to-use-jira/scrum.md
index ce5363d..5e64378 100644
--- a/src/tutorials/how-to-use-jira/scrum.md
+++ b/src/tutorials/how-to-use-jira/scrum.md
@@ -4,7 +4,7 @@
 <br>
 **Created: 24 July 2020** || **Edited: 16 September 2020**
 
-[`<<`](./introduction.html) || [`< Kanban template`](./kanban.html) || [`Bug tracking template >`](./bug.html)
+[`<<`](./) || [`< Kanban template`](./kanban.html) || [`Bug tracking template >`](./bug.html)
 
 ---
 
diff --git a/src/tutorials/index.md b/src/tutorials/index.md
new file mode 100644
index 0000000..cfc0e30
--- /dev/null
+++ b/src/tutorials/index.md
@@ -0,0 +1,18 @@
+# Tutorials
+
+---
+---
+
+<p></p>
+
+|||
+|---|---|
+|[How to turn off notifications on Windows](/tutorials/turn-off-notifications-windows)|`Windows 10` `Notifications` `Settings`|
+|[How to disable Sticky Keys prompt](/tutorials/disable-sticky-keys-popup)|`Windows` `Sticky Keys` `Settings`|
+|[How to remove Windows Weather Widget](/tutorials/remove-weather-widget)|`Windows 10` `Weather Widget`|
+|[Windows Run dialog](/tutorials/windows-run-dialog)|`Windows` `Run` `Commands` `Settings`|
+|[How to export Skype data](/tutorials/export-skype)|`Skype` `Export` `Archive` `skype-parser`|
+|[How to use Jira](/tutorials/how-to-use-jira)|`Project Management` `Agile` `Issue tracking` `Bug tracking` `Kanban` `Jira` `Atlassian`|
+|[Connect to Mysql in .NET and Entity Framework](/tutorials/connect-to-mysql-in-dotnet-ef)|`MySQL` `ASP.Net` `Entity Framework` `Pomelo`|
+|||
+
diff --git a/src/tutorials/remove-weather-widget/article.md b/src/tutorials/remove-weather-widget/index.md
index 28a5f59..28a5f59 100644
--- a/src/tutorials/remove-weather-widget/article.md
+++ b/src/tutorials/remove-weather-widget/index.md
diff --git a/src/tutorials/turn-off-notifications-windows/article.md b/src/tutorials/turn-off-notifications-windows/index.md
index c803b61..c803b61 100644
--- a/src/tutorials/turn-off-notifications-windows/article.md
+++ b/src/tutorials/turn-off-notifications-windows/index.md
diff --git a/src/tutorials/windows-run-dialog/article.md b/src/tutorials/windows-run-dialog/index.md
index d188d58..d188d58 100644
--- a/src/tutorials/windows-run-dialog/article.md
+++ b/src/tutorials/windows-run-dialog/index.md