Summary Files Commits Branches @commit @diff @stats
diff options
context:
space:
mode:
Commit715c2737d5a98c900c420e5f08b4f35fbe809b99 (patch)
Author
 Syndamia <kamen.d.mladenov@protonmail.com>
2020-05-20 22:03:41 +0300
Committer
 Syndamia <kamen.d.mladenov@protonmail.com>
2020-05-20 22:03:41 +0300
Files75e5ffdad228f7b9187b5db3b4458e71d55e1511
syndamia.com-715c2737d5a98c900c420e5f08b4f35fbe809b99.tar
syndamia.com-715c2737d5a98c900c420e5f08b4f35fbe809b99.tar.gz
syndamia.com-715c2737d5a98c900c420e5f08b4f35fbe809b99.zip
Parentf62344734682f66c17ebdc3533936360a8b09c34 (diff)
Fixed second <body> tag, external links now open another tab, added a favicon, did some work on mundus project page(s).
diff --git a/drafts/Mundus draft.txt b/drafts/Mundus draft.txt
new file mode 100644
index 0000000..284535f
--- /dev/null
+++ b/drafts/Mundus draft.txt
@@ -0,0 +1,88 @@
+Mundus
+
+Contents:
+ Introduction
+ History
+ User interface
+ Basic concepts
+ Data layer
+ Service layer
+ View layer
+
+## Introduction:
+
+Mundus is an opensource light-weight sandbox desktop game (on how to install it, refer to the [README of the repository]). In it, you can explore, fight with creatures, build things or dig up the whole ground. If you choose survival mode, gathering resources and crafting better equipment are essential. If you prefer creating things, creative mode is for you.
+[IMAGES](Note: may vary between os)
+
+It all started as my exam project for module 7 of the course IT-kariera. Well, the concept has existed ever since my first lessons in the course. BitSpace and BitSpace 2.0 were short-lived attempts at implimenting this idea but with Mundus I decided it was time to do this once and for all.
+
+Although it began as an exam project, I will continue working on for the foreseeable future with two goals in mind. First and foremost, to create a fun game and second of all: to make it avalable to be downloaded directly on linux (from AUR, ...).
+
+I am doing this project by myself, from code to textures. It contains more than 2000 lines of code, which I have written in the past months.
+
+# History
+
+It all started on the 8th of march 2020. This was our first lecture in module 7 of the IT-kariera course and it was announced that for this exam we will be doing a prokect. From that point on, for the next two-three days I brainstormed different ideas and remembered my idea from the beginning of the course - a sandbox game, compromised of squares (nothing revolutionnary, but still, I liked it).
+
+For the next one-two weeks I explored different game engines / user interfaces. I started with Unity, but orginally I had about 2 months to complete it, and after a couple of days, I gave up. After that I looked into Gtk, and more precisely it's C# implementation GtkSharp 2.0. I decided that it was good enough and I got the hang of it in a couple of days.
+
+After that I started planning. For the next week and a half I got a notebook and started taking notes on ideas all day long.
+
+Then started the spring school break. That was a good time to start coding the program. I worked really really hard, some days I worked for 8 hours without stop. It was almost the end of the break, but it got extended by a week. I continued working.
+
+But then, the COVID-19 situation happened. I wasn't able to continue working on it for a while, because I was burned out from the spring break and, in the beginning, there was an incredible amount of chaos with online education that I took upon myself to organize as much as I can. Because of that I didn't do any serious work for about 3 weeks.
+
+Until I finished the exam version, this pattern continued. I kept having a week or two where I worked really hard and another week or two where I rested.
+
+In the end, I had a finished product. It was more of a tech demo than a finished programme, but that was fine. (Note: as of 20.05.2020 i still haven't technically finished it, there are still a few things I need to do)
+
+## User interface
+
+many screnshots
+
+## Basic concepts:
+
+Despite the fact that I tried my best to make the game as intuitive as possible, there are things you need to understand about how it works.
+
+# Tiles
+The ingame world (map) is composed of squares, called tiles, everything is a type of tile. The main purpose of tiles is to hold textures (amongst other important information). There are two main categories of tiles: items and mobs. Mobs (mobile object for short) are the creatures in the game. On the contrary, items are everything else, from the tools, to the trees. There is only one type of mob tiles and that is MobTiles.
+
+All mobs have a couple of properties: their health (if it drops to or below 0, they die), defence (reduces or completely negates certain amounts of damage), inventory, random movement qualifier (used for random movement around the world), item that is dropped upon death (health <= 0) and the superlayer they are currenly in.
+
+Items, however, are divided into: Structure, Ground, Material, Tool and Gear.
+
+Material tiles are primarly used for crafting. Some tools are "consumable", meaning they can be consumed by the mob, which removes them from the inventory and changes the value of some property. In your inventory they are surrounded in oringe [color the word].
+
+Gear tiles are something you equip (in your accessories and gear inventories) that boost your stats. In your inventory they are surrounded in purple [color the word].
+
+Ground tiles are the tiles on the superlayer ground. For example, grass, water, sand are all ground tiles, because structures and mobs will be walking on top of them.
+
+Structure tiles are tiles that can be placed in the world. For example, a tree is a type of structure tile. Some of them can be picked up. For example, a ladder is something you can have in your inventory, but something you can also place. They have a health and a dropped item (they drop their dropped item each time they're hurt). In your inventory they are surrounded in red [color the word].
+
+Tool tiles are used for interracting (changing) the environment of the world. There are four types: Shovel, Axe, Pickaxe and Sword.
+With a shovel you can dig up (remove) ground tiles from ground layer (see Layers and superlayers). Axes are used to break (remove) wooden structures (trees, ladders, ...). Pickaxes are used for breaking (removing) structures made from hard materials (rocks, boulders, ...).
+
+Tools aren't interchangeable, you can't use an axe to mine a bouder or an axe to kill a cow. In your inventory they are surrounded in blue [color the word].
+
+# Layers and superlayers
+The ingame world (map) is composed of superlayers. Superlayers represent each elevation level in the world. There are in total 5 superlayers (not all are implimented): Space Sky Land Underground ???.
+
+Each superlayer is composed of 3 layers: Structure, Mob, Ground. Each one of them contains a specific type of tiles, structure tiles are only stored in "strucutre" layer, ground tiles only in "ground" layer and mob tiles only in "mob" layer. Even though, they are different layers, there are some rules for the interraction between them:
+1. Mobs can't be on top of structures (except if the structure is marked as "walkable")
+2. Structures cannot be placed on top of mobs (except if the strucure is marked as "walkable")
+3. Structures cannot be placed on top of holes (empty spots in the ground layer), except if they are "climable", in which case they will be placed on the structure layer on the superlayer below. Mobs also cannot be on top of holes (they fall to the superlayer below).
+
+# Inventory
+Each mob can store certain amount of item tiles. That is done in it's inventory. The inventory is comprised of 4 parts: hotbar, items, accessories and gear.
+
+Hotbar can have all item tiles (except groundtiles). It should be used for the most important items in the inventory. In the UI you don't need to have the inventory menu open to use items from the hotbar.
+
+Items is used as a bulk storage. It can hold any type of item tile and is the largest part of the inventory.
+
+Accessories and gear are used only to store gear tiles.
+
+# Crafting
+Creating different item tiles is done through crafting. Each craftable item requires from one to five different materials in different quantities. The item tiles must be inside the "items" part of your inventory.
+
+# Event logs
+Certain actions you do in the game are stored in memory as messages (logs). They are also used to give you information that you couldn't get otherwise. For example, there is a log if you can't climb up a superlayer because a mob is blocking the way, or when you damage/kill a structure or mob.
diff --git a/website/about.html b/website/about.html
index 1fae313..5aad344 100644
--- a/website/about.html
+++ b/website/about.html
@@ -1,44 +1,45 @@
<!DOCTYPE html>
<html>
<head>
+ <link rel='icon' href='./images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="./images/favicon.png" type="image/png"/>
<title>About Me</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
- <body>
- <div class=header>
- <a href="./tutorials/index.html" class="other-tab"``>Tutorials</a>
- <a href="./projects/index.html" class="other-tab">Projects</a>
- <a href="./index.html" class="other-tab">Home</a>
- <a href="./about.html" class="selected-tab">About</a>
- <a href="./resume.html" class="other-tab">Resume</a>
- </div>
+ <div class=header>
+ <a href="./tutorials/index.html" class="other-tab"``>Tutorials</a>
+ <a href="./projects/index.html" class="other-tab">Projects</a>
+ <a href="./index.html" class="other-tab">Home</a>
+ <a href="./about.html" class="selected-tab">About</a>
+ <a href="./resume.html" class="other-tab">Resume</a>
+ </div>
- <div class=page>
- Hello! <br>
- My name is Kamen, and I am a 18 year old high school student from Bulgaria. <br>
- My passion is programming and computers in general. <br>
- As of now, I am most comfortable with backend development and desktop applications.
- </div>
+ <div class=page style="text-align: center;">
+ Hello! <br>
+ My name is Kamen, and I am a 18 year old high school student from Bulgaria. <br>
+ My passion is programming and computers in general. <br>
+ As of now, I am most comfortable with backend development and desktop applications.
+ </div>
- <br>
+ <br>
- <footer class=footer>
- <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub" height=32px></a>
- <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
- <a href="projects/index.html" class=hyperlink-footer>Projects</a> |
- <a href="./about.html" class=hyperlink-footer>About</a> |
- <a href="./resume.html" class=hyperlink-footer>Resume</a>
+ <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="./about.html" class=hyperlink-footer>About</a> |
+ <a href="./resume.html" class=hyperlink-footer>Resume</a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> |
- <a href="./credit.html" class=hyperlink-footer>Credit</a>
- </footer>
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="./credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
</body>
</html>
diff --git a/website/credit.html b/website/credit.html
index 43fdef8..c1e1ac8 100644
--- a/website/credit.html
+++ b/website/credit.html
@@ -1,45 +1,46 @@
<!DOCTYPE html>
<html>
<head>
- <title>Syndamia - Programmer and Tech lover</title>
+ <link rel='icon' href='./images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="./images/favicon.png" type="image/png"/>
+ <title>Syndamia - Programmer and Computer enthusiast</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
- <body>
- <div class=header>
- <a href="tutorials/index.html" class="other-tab">Tutorials</a>
- <a href="projects/index.html" class="other-tab">Projects</a>
- <a href="./index.html" class="other-tab">Home</a>
- <a href="./about.html" class="other-tab">About</a>
- <a href="./resume.html" class="other-tab">Resume</a>
- </div>
+ <div class=header>
+ <a href="tutorials/index.html" class="other-tab">Tutorials</a>
+ <a href="projects/index.html" class="other-tab">Projects</a>
+ <a href="./index.html" class="other-tab">Home</a>
+ <a href="./about.html" class="other-tab">About</a>
+ <a href="./resume.html" class="other-tab">Resume</a>
+ </div>
- <div class="page">
- <h2>This page is for crediting creators, whose stuff I use in this website</h2>
-
- <a href="https://iconscout.com/icons/github" target="_blank" class=hyperlink>Github Logo Icon</a> by <a href="https://iconscout.com/contributors/roundicons-com" target="_blank" class=hyperlink>Roundicons .com</a>
- <br>
- <a href="https://iconscout.com/icons/stackoverflow" target="_blank" class=hyperlink>Stackoverflow Logo Icon</a> by <a href="https://iconscout.com/contributors/alexis-doreau" target="_blank" class=hyperlink>Alexis Doreau</a>
- </div>
+ <div class="page">
+ <h2>This page is for crediting creators, whose stuff I use in this website</h2>
+ <a href="https://iconscout.com/icons/github" target="_blank" class=hyperlink>Github Logo Icon</a> by <a href="https://iconscout.com/contributors/roundicons-com" target="_blank" class=hyperlink>Roundicons .com</a>
<br>
+ <a href="https://iconscout.com/icons/stackoverflow" target="_blank" class=hyperlink>Stackoverflow Logo Icon</a> by <a href="https://iconscout.com/contributors/alexis-doreau" target="_blank" class=hyperlink>Alexis Doreau</a>
+ </div>
+
+ <br>
- <footer class=footer>
- <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub" height=32px></a>
- <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
- <a href="projects/index.html" class=hyperlink-footer>Projects</a> |
- <a href="./about.html" class=hyperlink-footer>About</a> |
- <a href="./resume.html" class=hyperlink-footer>Resume</a>
+ <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="./about.html" class=hyperlink-footer>About</a> |
+ <a href="./resume.html" class=hyperlink-footer>Resume</a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> |
- <a href="./credit.html" class=hyperlink-footer>Credit</a>
- </footer>
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="./credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
</body>
</html>
diff --git a/website/images/favicon/favicon.png b/website/images/favicon/favicon.png
new file mode 100644
index 0000000..5104a43
--- /dev/null
+++ b/website/images/favicon/favicon.png
Binary files differ
diff --git a/website/images/favicon/favicon.xcf b/website/images/favicon/favicon.xcf
new file mode 100644
index 0000000..6e42a04
--- /dev/null
+++ b/website/images/favicon/favicon.xcf
Binary files differ
diff --git a/website/index.html b/website/index.html
index 6cc1a6c..2974cf2 100644
--- a/website/index.html
+++ b/website/index.html
@@ -1,48 +1,49 @@
<!DOCTYPE html>
<html>
<head>
- <title>Syndamia - Programmer and Tech lover</title>
+ <link rel='icon' href='./images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="./images/favicon.png" type="image/png"/>
+ <title>Syndamia - Programmer and Computer enthusiast</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
- <body>
- <div class=header>
- <a href="tutorials/index.html" class="other-tab">Tutorials</a>
- <a href="projects/index.html" class="other-tab">Projects</a>
- <a href="./index.html" class="selected-tab">Home</a>
- <a href="./about.html" class="other-tab">About</a>
- <a href="./resume.html" class="other-tab">Resume</a>
- </div>
-
- <div class=page>
- <h2>Welcome to my personal website</h2>
- Here I will share information that I know and can't find online and information about myself and my programming life.
- <br><br>
- In tutorials you will find extensive information on technologies that aren't well documented and that I have wasted too much time figuring out.
- <br>
- In projects, I will be sharing detailes about different projects I am/was working on.
- <br>
- In about and portfollio you can find more about me.
- </div>
+ <div class=header>
+ <a href="tutorials/index.html" class="other-tab">Tutorials</a>
+ <a href="projects/index.html" class="other-tab">Projects</a>
+ <a href="./index.html" class="selected-tab">Home</a>
+ <a href="./about.html" class="other-tab">About</a>
+ <a href="./resume.html" class="other-tab">Resume</a>
+ </div>
+ <div class=page style="text-align: center;">
+ <h2>Welcome to my personal website</h2>
+ Here I will share information that I know and can't find online and information about myself and my programming life.
+ <br><br>
+ In tutorials you will find extensive information on technologies that aren't well documented and that I have wasted too much time figuring out.
+ <br>
+ In projects, I will be sharing detailes about different projects I am/was working on.
<br>
+ In about and portfollio you can find more about me.
+ </div>
+
+ <br>
- <footer class=footer>
- <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub" height=32px></a>
- <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
- <a href="projects/index.html" class=hyperlink-footer>Projects</a> |
- <a href="./about.html" class=hyperlink-footer>About</a> |
- <a href="./resume.html" class=hyperlink-footer>Resume</a>
+ <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="./about.html" class=hyperlink-footer>About</a> |
+ <a href="./resume.html" class=hyperlink-footer>Resume</a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> |
- <a href="./credit.html" class=hyperlink-footer>Credit</a>
- </footer>
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="./credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
</body>
</html>
diff --git a/website/projects/index.html b/website/projects/index.html
index 831f41f..52dffee 100644
--- a/website/projects/index.html
+++ b/website/projects/index.html
@@ -1,41 +1,42 @@
<!DOCTYPE html>
<html>
<head>
+ <link rel='icon' href='../images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="../images/favicon.png" type="image/png"/>
<title>Projects</title>
<link rel="stylesheet" href="../styles.css">
</head>
<body>
- <body>
- <div class=header>
- <a href="../tutorials/index.html" class="other-tab"``>Tutorials</a>
- <a href="./index.html" class="selected-tab">Projects</a>
- <a href="../index.html" class="other-tab">Home</a>
- <a href="../about.html" class="other-tab">About</a>
- <a href="../resume.html" class="other-tab">Resume</a>
- </div>
+ <div class=header>
+ <a href="../tutorials/index.html" class="other-tab"``>Tutorials</a>
+ <a href="./index.html" class="selected-tab">Projects</a>
+ <a href="../index.html" class="other-tab">Home</a>
+ <a href="../about.html" class="other-tab">About</a>
+ <a href="../resume.html" class="other-tab">Resume</a>
+ </div>
- <div class=page>
- Coming soon
- </div>
+ <div class=page style="text-align: center;">
+ <a href="./mundus/introduction.html" class=hyperlink>Mundus</a>
+ </div>
- <br>
+ <br>
- <footer class=footer>
- <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="../images/logos/github.png" alt="GitHub" height=32px></a>
- <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="../images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="../tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
- <a href="../projects/index.html" class=hyperlink-footer>Projects</a> |
- <a href="../about.html" class=hyperlink-footer>About</a> |
- <a href="../resume.html" class=hyperlink-footer>Resume</a>
+ <a href="../tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="../projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="../about.html" class=hyperlink-footer>About</a> |
+ <a href="../resume.html" class=hyperlink-footer>Resume</a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> |
- <a href="../credit.html" class=hyperlink-footer>Credit</a>
- </footer>
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="../credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
</body>
</html>
diff --git a/website/projects/mundus/basic-concepts.html b/website/projects/mundus/basic-concepts.html
new file mode 100644
index 0000000..fd251fa
--- /dev/null
+++ b/website/projects/mundus/basic-concepts.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel='icon' href='../../images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/>
+ <title>Mundus - Introduction</title>
+ <link rel="stylesheet" href="../../styles.css">
+ <link rel="stylesheet" href="../../styles-multiple-page-articles.css">
+ </head>
+
+ <body>
+ <div class=header>
+ <div class=article-title>Mundus</div>
+
+ <a href="./introduction.html" class=other-tab>Introduction</a>
+ <a href="./history.html" class=other-tab>History</a>
+ <a href="./user-interface.html" class=other-tab>User Interface</a>
+ <a href="./basic-concepts.html" class=selected-tab>Basic concepts</a>
+ <a href="./data-layer.html" class=other-tab>Data Layer</a>
+ <a href="./service-layer.html" class=other-tab>Service Layer</a>
+ <a href="./view-layer.html" class=other-tab>View Layer</a>
+
+ <a href="../index.html" class=close style="margin-left: 92px;"><img src="../../images/ui/close.png" alt="Back"></a>
+ </div>
+
+ <div class=page>
+ <p>
+ Despite the fact that I tried my best to make the game as intuitive as possible, there are things you need to understand about how it works.
+ </p>
+
+ <h2>Tiles</h2>
+ <p>
+ The ingame world (map) is composed of squares, called tiles, everything is a type of tile. The main purpose of tiles is to hold textures (amongst other important information). There are two main categories of tiles: items and mobs. Mobs (mobile object for short) are the creatures in the game. On the contrary, items are everything else, from the tools, to the trees.
+ </p>
+ <p>
+ There is only one type of mob tiles and that is MobTiles.
+ <br>All mobs have a couple of properties: their health (if it drops to or below 0, they die), defence (reduces or completely negates certain amounts of damage), inventory, random movement qualifier (used for random movement around the world), item that is dropped upon death (health <= 0) and the superlayer they are currenly in.
+ </p>
+ <p>
+ Items, however, are divided into: Structure, Ground, Material, Tool and Gear:
+ <ul>
+ <li>Material tiles are primarly used for crafting. Some tools are "consumable", meaning they can be consumed by the mob, which removes them from the inventory and changes the value of some property. In your inventory they are surrounded in oringe [color the word].</li>
+ <li>Gear tiles are something you equip (in your accessories and gear inventories) that boost your stats. In your inventory they are surrounded in purple [color the word].</li>
+ <li>Ground tiles are the tiles on the superlayer ground. For example, grass, water, sand are all ground tiles, because structures and mobs will be walking on top of them.</li>
+ <li>Structure tiles are tiles that can be placed in the world. For example, a tree is a type of structure tile. Some of them can be picked up. For example, a ladder is something you can have in your inventory, but something you can also place. They have a health and a dropped item (they drop their dropped item each time they're hurt). In your inventory they are surrounded in red [color the word].</li>
+ <li>
+ Tool tiles are used for interracting (changing) the environment of the world. There are four types: Shovel, Axe, Pickaxe and Sword.
+ <ul>
+ <li>With a shovel you can dig up (remove) ground tiles from ground layer (see Layers and superlayers).</li>
+ <li>Axes are used to break (remove) wooden structures (trees, ladders, ...).</li>
+ <li>Pickaxes are used for breaking (removing) structures made from hard materials (rocks, boulders, ...).</li>
+ <li>Finally, swords are used for damaging mobs. </li>
+ </ul>
+ Tools aren't interchangeable, you can't use an axe to mine a bouder or an axe to kill a cow. In your inventory they are surrounded in blue [color the word].
+ </li>
+ </ul>
+ </p>
+
+ <h2>Layers and superlayers</h2>
+ <p>
+ The ingame world (map) is composed of superlayers. Superlayers represent each elevation level in the world. There are in total 5 superlayers (not all are implimented): Space Sky Land Underground ???.
+ </p>
+ <p>
+ Each superlayer is composed of 3 layers: Structure, Mob, Ground. Each one of them contains a specific type of tiles, structure tiles are only stored in "strucutre" layer, ground tiles only in "ground" layer and mob tiles only in "mob" layer. Even though, they are different layers, there are some rules for the interraction between them:
+ <ol>
+ <li>Mobs can't be on top of structures (except if the structure is marked as "walkable")</li>
+ <li>Structures cannot be placed on top of mobs (except if the strucure is marked as "walkable")</li>
+ <li>Structures cannot be placed on top of holes (empty spots in the ground layer), except if they are "climable", in which case they will be placed on the structure layer on the superlayer below. Mobs also cannot be on top of holes (they fall to the superlayer below)</li>
+ </ol>
+ </p>
+
+ <h2>Inventory</h2>
+ <p>
+ Each mob can store certain amount of item tiles. That is done in it's inventory. The inventory is comprised of 4 parts: hotbar, items, accessories and gear.
+ <ul>
+ <li>Hotbar can have all item tiles (except groundtiles). It should be used for the most important items in the inventory. In the UI you don't need to have the inventory menu open to use items from the hotbar.</li>
+ <li>Items is used as a bulk storage. It can hold any type of item tile and is the largest part of the inventory.</li>
+ <li>Accessories and gear are used only to store gear tiles.</li>
+ </ul>
+ </p>
+
+ <h2>Crafting</h2>
+ <p>
+ Creating different item tiles is done through crafting. Each craftable item requires from one to five different materials in different quantities. The item tiles must be inside the "items" part of your inventory.
+ </p>
+
+ <h2>Event logs</h2>
+ <p>
+ Certain actions you do in the game are stored in memory as messages (logs). They are also used to give you information that you couldn't get otherwise. For example, there is a log if you can't climb up a superlayer because a mob is blocking the way, or when you damage/kill a structure or mob.
+ </p>
+ </div>
+
+ <br>
+
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+
+ <hr width=350px noshade>
+
+ <a href="../index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="../../projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="../../about.html" class=hyperlink-footer>About</a> |
+ <a href="../../resume.html" class=hyperlink-footer>Resume</a>
+
+ <hr width=350px noshade>
+
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="../../credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
+ </body>
+</html>
diff --git a/website/projects/mundus/data-layer.html b/website/projects/mundus/data-layer.html
new file mode 100644
index 0000000..3914ec6
--- /dev/null
+++ b/website/projects/mundus/data-layer.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel='icon' href='../../images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/>
+ <title>Mundus - Introduction</title>
+ <link rel="stylesheet" href="../../styles.css">
+ <link rel="stylesheet" href="../../styles-multiple-page-articles.css">
+ </head>
+
+ <body>
+ <div class=header>
+ <div class=article-title>Mundus</div>
+
+ <a href="./introduction.html" class=other-tab>Introduction</a>
+ <a href="./history.html" class=other-tab>History</a>
+ <a href="./user-interface.html" class=other-tab>User Interface</a>
+ <a href="./basic-concepts.html" class=other-tab>Basic concepts</a>
+ <a href="./data-layer.html" class=selected-tab>Data Layer</a>
+ <a href="./service-layer.html" class=other-tab>Service Layer</a>
+ <a href="./view-layer.html" class=other-tab>View Layer</a>
+
+ <a href="../index.html" class=close style="margin-left: 92px;"><img src="../../images/ui/close.png" alt="Back"></a>
+ </div>
+
+ <div class=page>
+
+ </div>
+
+ <br>
+
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+
+ <hr width=350px noshade>
+
+ <a href="../index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="../../projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="../../about.html" class=hyperlink-footer>About</a> |
+ <a href="../../resume.html" class=hyperlink-footer>Resume</a>
+
+ <hr width=350px noshade>
+
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer >Website License</a> |
+ <a href="../../credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
+ </body>
+</html>
diff --git a/website/projects/mundus/history.html b/website/projects/mundus/history.html
new file mode 100644
index 0000000..8e8895a
--- /dev/null
+++ b/website/projects/mundus/history.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel='icon' href='../../images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/>
+ <title>Mundus - Introduction</title>
+ <link rel="stylesheet" href="../../styles.css">
+ <link rel="stylesheet" href="../../styles-multiple-page-articles.css">
+ </head>
+
+ <body>
+ <div class=header>
+ <div class=article-title>Mundus</div>
+
+ <a href="./introduction.html" class=other-tab>Introduction</a>
+ <a href="./history.html" class=selected-tab>History</a>
+ <a href="./user-interface.html" class=other-tab>User Interface</a>
+ <a href="./basic-concepts.html" class=other-tab>Basic concepts</a>
+ <a href="./data-layer.html" class=other-tab>Data Layer</a>
+ <a href="./service-layer.html" class=other-tab>Service Layer</a>
+ <a href="./view-layer.html" class=other-tab>View Layer</a>
+
+ <a href="../index.html" class=close style="margin-left: 92px;"><img src="../../images/ui/close.png" alt="Back"></a>
+ </div>
+
+ <div class=page>
+ <p>
+ It all started on the 8th of march 2020. This was our first lecture in module 7 of the IT-kariera course and it was announced that for this exam we will be doing a prokect. From that point on, for the next two-three days I brainstormed different ideas and remembered my idea from the beginning of the course - a sandbox game, compromised of squares (nothing revolutionnary, but still, I liked it).
+ </p>
+ <p>
+ For the next one-two weeks I explored different game engines / user interfaces. I started with Unity, but orginally I had about 2 months to complete it, and after a couple of days, I gave up. After that I looked into Gtk, and more precisely it's C# implementation GtkSharp 2.0. I decided that it was good enough and I got the hang of it in a couple of days.
+ <br>After that I started planning. For the next week and a half I got a notebook and started taking notes on ideas all day long.
+ </p>
+ <p>
+ Then started the spring school break. That was a good time to start coding the program. I worked really really hard, some days I worked for 8 hours without stop. It was almost the end of the break, but it got extended by a week. I continued working.
+ <br>But then, the COVID-19 situation happened. I wasn't able to continue working on it for a while, because I was burned out from the spring break and, in the beginning, there was an incredible amount of chaos with online education that I took upon myself to organize as much as I can. Because of that I didn't do any serious work for about 3 weeks.
+ </p>
+ <p>
+ Until I finished the exam version, this pattern continued. I kept having a week or two where I worked really hard and another week or two where I rested.
+ <br>In the end, I had a finished product. It was more of a tech demo than a finished programme, but that was fine. (Note: as of 20.05.2020 i still haven't technically finished it, there are still a few things I need to do)
+ </p>
+ </div>
+
+ <br>
+
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+
+ <hr width=350px noshade>
+
+ <a href="../index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="../../projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="../../about.html" class=hyperlink-footer>About</a> |
+ <a href="../../resume.html" class=hyperlink-footer>Resume</a>
+
+ <hr width=350px noshade>
+
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="../../credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
+ </body>
+</html>
diff --git a/website/projects/mundus/introduction.html b/website/projects/mundus/introduction.html
new file mode 100644
index 0000000..deb83db
--- /dev/null
+++ b/website/projects/mundus/introduction.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel='icon' href='../../images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/>
+ <title>Mundus - Introduction</title>
+ <link rel="stylesheet" href="../../styles.css">
+ <link rel="stylesheet" href="../../styles-multiple-page-articles.css">
+ </head>
+
+ <body>
+ <div class=header>
+ <div class=article-title>Mundus</div>
+
+ <a href="./introduction.html" class=selected-tab>Introduction</a>
+ <a href="./history.html" class=other-tab>History</a>
+ <a href="./user-interface.html" class=other-tab>User Interface</a>
+ <a href="./basic-concepts.html" class=other-tab>Basic concepts</a>
+ <a href="./data-layer.html" class=other-tab>Data Layer</a>
+ <a href="./service-layer.html" class=other-tab>Service Layer</a>
+ <a href="./view-layer.html" class=other-tab>View Layer</a>
+
+ <a href="../index.html" class=close style="margin-left: 92px;"><img src="../../images/ui/close.png" alt="Back"></a>
+ </div>
+
+ <div class=page>
+ <p>
+ Mundus is an opensource light-weight sandbox desktop game (on how to install it, refer to the <a href="https://github.com/Syndamia/Mundus/blob/master/README.md" class=hyperlink>README of the repository</a>).
+ <br>In it, you can explore, fight with creatures, build things or dig up the whole ground.
+ <br>If you choose survival mode, gathering resources and crafting better equipment are essential. If you prefer creating things, creative mode is for you.
+ <br>[IMAGES](Note: may vary between os)
+ </p>
+ <p>
+ It all started as my exam project for module 7 of the course IT-kariera. Well, the concept has existed ever since my first lessons in the course. BitSpace and BitSpace 2.0 were short-lived attempts at implimenting this idea but with Mundus I decided it was time to do this once and for all.
+ </p>
+ <p>
+ Although it began as an exam project, I will continue working on for the foreseeable future with two goals in mind. First and foremost, to create a fun game and second of all: to make it avalable to be downloaded directly on linux (from AUR, ...).
+ </p>
+ <p>
+ I am doing this project by myself, from code to textures. It contains more than 2000 lines of code, which I have written in the past months.
+ </p>
+ </div>
+
+ <br>
+
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+
+ <hr width=350px noshade>
+
+ <a href="../index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="../../projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="../../about.html" class=hyperlink-footer>About</a> |
+ <a href="../../resume.html" class=hyperlink-footer>Resume</a>
+
+ <hr width=350px noshade>
+
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="../../credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
+ </body>
+</html>
diff --git a/website/projects/mundus/service-layer.html b/website/projects/mundus/service-layer.html
new file mode 100644
index 0000000..3b46b7c
--- /dev/null
+++ b/website/projects/mundus/service-layer.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel='icon' href='../../images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/>
+ <title>Mundus - Introduction</title>
+ <link rel="stylesheet" href="../../styles.css">
+ <link rel="stylesheet" href="../../styles-multiple-page-articles.css">
+ </head>
+
+ <body>
+ <div class=header>
+ <div class=article-title>Mundus</div>
+
+ <a href="./introduction.html" class=other-tab>Introduction</a>
+ <a href="./history.html" class=other-tab>History</a>
+ <a href="./user-interface.html" class=other-tab>User Interface</a>
+ <a href="./basic-concepts.html" class=other-tab>Basic concepts</a>
+ <a href="./data-layer.html" class=other-tab>Data Layer</a>
+ <a href="./service-layer.html" class=selected-tab>Service Layer</a>
+ <a href="./view-layer.html" class=other-tab>View Layer</a>
+
+ <a href="../index.html" class=close style="margin-left: 92px;"><img src="../../images/ui/close.png" alt="Back"></a>
+ </div>
+
+ <div class=page>
+
+ </div>
+
+ <br>
+
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+
+ <hr width=350px noshade>
+
+ <a href="../index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="../../projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="../../about.html" class=hyperlink-footer>About</a> |
+ <a href="../../resume.html" class=hyperlink-footer>Resume</a>
+
+ <hr width=350px noshade>
+
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="../../credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
+ </body>
+</html>
diff --git a/website/projects/mundus/user-interface.html b/website/projects/mundus/user-interface.html
new file mode 100644
index 0000000..74dd044
--- /dev/null
+++ b/website/projects/mundus/user-interface.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel='icon' href='../../images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/>
+ <title>Mundus - Introduction</title>
+ <link rel="stylesheet" href="../../styles.css">
+ <link rel="stylesheet" href="../../styles-multiple-page-articles.css">
+ </head>
+
+ <body>
+ <div class=header>
+ <div class=article-title>Mundus</div>
+
+ <a href="./introduction.html" class=other-tab>Introduction</a>
+ <a href="./history.html" class=other-tab>History</a>
+ <a href="./user-interface.html" class=selected-tab>User Interface</a>
+ <a href="./basic-concepts.html" class=other-tab>Basic concepts</a>
+ <a href="./data-layer.html" class=other-tab>Data Layer</a>
+ <a href="./service-layer.html" class=other-tab>Service Layer</a>
+ <a href="./view-layer.html" class=other-tab>View Layer</a>
+
+ <a href="../index.html" class=close style="margin-left: 92px;"><img src="../../images/ui/close.png" alt="Back"></a>
+ </div>
+
+ <div class=page>
+ </div>
+
+ <br>
+
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+
+ <hr width=350px noshade>
+
+ <a href="../index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="../../projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="../../about.html" class=hyperlink-footer>About</a> |
+ <a href="../../resume.html" class=hyperlink-footer>Resume</a>
+
+ <hr width=350px noshade>
+
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="../../credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
+ </body>
+</html>
diff --git a/website/projects/mundus/view-layer.html b/website/projects/mundus/view-layer.html
new file mode 100644
index 0000000..10a962a
--- /dev/null
+++ b/website/projects/mundus/view-layer.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel='icon' href='../../images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="../../images/favicon.png" type="image/png"/>
+ <title>Mundus - Introduction</title>
+ <link rel="stylesheet" href="../../styles.css">
+ <link rel="stylesheet" href="../../styles-multiple-page-articles.css">
+ </head>
+
+ <body>
+ <div class=header>
+ <div class=article-title>Mundus</div>
+
+ <a href="./introduction.html" class=other-tab>Introduction</a>
+ <a href="./history.html" class=other-tab>History</a>
+ <a href="./user-interface.html" class=other-tab>User Interface</a>
+ <a href="./basic-concepts.html" class=other-tab>Basic concepts</a>
+ <a href="./data-layer.html" class=other-tab>Data Layer</a>
+ <a href="./service-layer.html" class=other-tab>Service Layer</a>
+ <a href="./view-layer.html" class=selected-tab>View Layer</a>
+
+ <a href="../index.html" class=close style="margin-left: 92px;"><img src="../../images/ui/close.png" alt="Back"></a>
+ </div>
+
+ <div class=page>
+
+ </div>
+
+ <br>
+
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="../../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+
+ <hr width=350px noshade>
+
+ <a href="../index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="../../projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="../../about.html" class=hyperlink-footer>About</a> |
+ <a href="../../resume.html" class=hyperlink-footer>Resume</a>
+
+ <hr width=350px noshade>
+
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="../../credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
+ </body>
+</html>
diff --git a/website/resume.html b/website/resume.html
index e85e78a..15cf73d 100644
--- a/website/resume.html
+++ b/website/resume.html
@@ -1,6 +1,8 @@
<!DOCTYPE html>
<html>
<head>
+ <link rel='icon' href='./images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="./images/favicon.png" type="image/png"/>
<title>Resume</title>
<link rel="stylesheet" href="styles.css">
@@ -23,66 +25,65 @@
</head>
<body>
- <body>
- <div class=header>
- <a href="./tutorials/index.html" class="other-tab"``>Tutorials</a>
- <a href="./projects/index.html" class="other-tab">Projects</a>
- <a href="./index.html" class="other-tab">Home</a>
- <a href="./about.html" class="other-tab">About</a>
- <a href="./resume.html" class="selected-tab">Resume</a>
- </div>
+ <div class=header>
+ <a href="./tutorials/index.html" class="other-tab"``>Tutorials</a>
+ <a href="./projects/index.html" class="other-tab">Projects</a>
+ <a href="./index.html" class="other-tab">Home</a>
+ <a href="./about.html" class="other-tab">About</a>
+ <a href="./resume.html" class="selected-tab">Resume</a>
+ </div>
- <div class=page>
- <table>
- <tr>
- <td class=title-data>Technologies</td>
- <td>
- I know well:
- <ul>
- <li>C#</li>
- <li>GtkSharp 2.0</li>
- </ul>
- </td>
- <td>
- I know somewhat:
- <ul>
- <li>HTML / CSS</li>
- <li>MySQL</li>
- <li>Visual Basic</li>
- </ul>
- </td>
- </tr>
- <tr>
- <td class=title-data>Work Experience</td>
- <td colspan="2">-</td>
- </tr>
- <tr>
- <td class=title-data>Education</td>
- <td colspan="2">
- <b>Applied programmer</b><br>
- <b style="color:#ff9999">[ONGOING]</b> 2019-2021, Course <a href="https://it-kariera.mon.bg/e-learning/" class=hyperlink>IT-kariera</a>
- </td>
- </tr>
- </table>
- </div>
+ <div class=page>
+ <table>
+ <tr>
+ <td class=title-data>Technologies</td>
+ <td>
+ I know well:
+ <ul>
+ <li>C#</li>
+ <li>GtkSharp 2.0</li>
+ </ul>
+ </td>
+ <td>
+ I know somewhat:
+ <ul>
+ <li>HTML / CSS</li>
+ <li>MySQL</li>
+ <li>Visual Basic</li>
+ </ul>
+ </td>
+ </tr>
+ <tr>
+ <td class=title-data>Work Experience</td>
+ <td colspan="2">-</td>
+ </tr>
+ <tr>
+ <td class=title-data>Education</td>
+ <td colspan="2">
+ <b>Applied programmer</b><br>
+ <b style="color:#ff9999">[ONGOING]</b> 2019-2021, Course <a href="https://it-kariera.mon.bg/e-learning/" class=hyperlink>IT-kariera</a>
+ </td>
+ </tr>
+ </table>
+ </div>
- <br>
+ <br>
- <footer class=footer>
- <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub" height=32px></a>
- <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="images/logos/stackoverflow.png" alt="StackOverflow"></a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
- <a href="projects/index.html" class=hyperlink-footer>Projects</a> |
- <a href="./about.html" class=hyperlink-footer>About</a> |
- <a href="./resume.html" class=hyperlink-footer>Resume</a>
+ <a href="tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="./about.html" class=hyperlink-footer>About</a> |
+ <a href="./resume.html" class=hyperlink-footer>Resume</a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> |
- <a href="./credit.html" class=hyperlink-footer>Credit</a>
- </footer>
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="./credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
</body>
</html>
diff --git a/website/styles.css b/website/styles.css
index fe19580..4945531 100644
--- a/website/styles.css
+++ b/website/styles.css
@@ -59,7 +59,7 @@ body {
.page {
font: 20px Arial;
- text-align: center;
+ text-align: left;
margin-left: auto;
margin-right: auto;
color: var(--page-color);
diff --git a/website/tutorials/gtksharp2.0/introduction.html b/website/tutorials/gtksharp2.0/introduction.html
deleted file mode 100644
index fc3e3c3..0000000
--- a/website/tutorials/gtksharp2.0/introduction.html
+++ /dev/null
@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>GtkSharp 2.0 - Introduction</title>
- <link rel="stylesheet" href="../../styles.css">
- <link rel="stylesheet" href="../../styles-multiple-page-articles.css">
-
-
- </head>
-
- <body>
- <body>
-
- <div class=header>
- <div class=article-title>GtkSharp 2.0</div>
-
- <a href="./introduction.html" class=selected-tab>Introduction</a>
-
- <a href="../index.html" class=close style="margin-left: 92px;"><img src="../../images/ui/close.png" alt="Back"></a>
- </div>
-
- <div class=page>
-
- </div>
-
- <br>
-
- <footer class=footer>
- <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="../../images/logos/github.png" alt="GitHub" height=32px></a>
- <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="../../images/logos/stackoverflow.png" alt="StackOverflow"></a>
-
- <hr width=350px noshade>
-
- <a href="../index.html" class=hyperlink-footer>Tutorials</a> |
- <a href="../../projects/index.html" class=hyperlink-footer>Projects</a> |
- <a href="../../about.html" class=hyperlink-footer>About</a> |
- <a href="../../resume.html" class=hyperlink-footer>Resume</a>
-
- <hr width=350px noshade>
-
- <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> |
- <a href="../../credit.html" class=hyperlink-footer>Credit</a>
- </footer>
- </body>
-</html>
diff --git a/website/tutorials/index.html b/website/tutorials/index.html
index e7e256e..ba72afd 100644
--- a/website/tutorials/index.html
+++ b/website/tutorials/index.html
@@ -1,41 +1,42 @@
<!DOCTYPE html>
<html>
<head>
+ <link rel='icon' href='../images/favicon/favicon.png' type='image/png'/>
+ <link rel="shortcut icon" href="../images/favicon.png" type="image/png"/>
<title>Tutorials</title>
<link rel="stylesheet" href="../styles.css">
</head>
<body>
- <body>
- <div class=header>
- <a href="./index.html" class="selected-tab"``>Tutorials</a>
- <a href="../projects/index.html" class="other-tab">Projects</a>
- <a href="../index.html" class="other-tab">Home</a>
- <a href="../about.html" class="other-tab">About</a>
- <a href="../resume.html" class="other-tab">Resume</a>
- </div>
+ <div class=header>
+ <a href="./index.html" class="selected-tab"``>Tutorials</a>
+ <a href="../projects/index.html" class="other-tab">Projects</a>
+ <a href="../index.html" class="other-tab">Home</a>
+ <a href="../about.html" class="other-tab">About</a>
+ <a href="../resume.html" class="other-tab">Resume</a>
+ </div>
- <div class=page>
- <a href="./gtksharp2.0/introduction.html" class=hyperlink>GtkSharp 2.0</a>
- </div>
+ <div class=page style="text-align: center;">
+ GtkSharp 2.0 [COMING SOON]
+ </div>
- <br>
+ <br>
- <footer class=footer>
- <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="../images/logos/github.png" alt="GitHub" height=32px></a>
- <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+ <footer class=footer>
+ <a href="https://github.com/Syndamia" target="_blank" class=hyperlink-footer><img src="../images/logos/github.png" alt="GitHub"></a>
+ <a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class=hyperlink-footer><img src="../images/logos/stackoverflow.png" alt="StackOverflow"></a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="../tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
- <a href="../projects/index.html" class=hyperlink-footer>Projects</a> |
- <a href="../about.html" class=hyperlink-footer>About</a> |
- <a href="../resume.html" class=hyperlink-footer>Resume</a>
+ <a href="../tutorials/index.html" class=hyperlink-footer>Tutorials</a> |
+ <a href="../projects/index.html" class=hyperlink-footer>Projects</a> |
+ <a href="../about.html" class=hyperlink-footer>About</a> |
+ <a href="../resume.html" class=hyperlink-footer>Resume</a>
- <hr width=350px noshade>
+ <hr width=350px noshade>
- <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> |
- <a href="../credit.html" class=hyperlink-footer>Credit</a>
- </footer>
+ <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class=hyperlink-footer>Website License</a> |
+ <a href="../credit.html" target="_blank" class=hyperlink-footer>Credit</a>
+ </footer>
</body>
</html>