Reworked formatting and wording of index page, added some buttons, replaced MIT button

5 files changed, 22 insertions, 18 deletions

diff --git a/src/img/linuxpenguin.png b/src/img/linuxpenguin.png
new file mode 100644
index 0000000..b3a5f80
--- /dev/null
+++ b/src/img/linuxpenguin.png
diff --git a/src/img/mit.png b/src/img/mit.png
new file mode 100644
index 0000000..54d1612
--- /dev/null
+++ b/src/img/mit.png
diff --git a/src/index.md b/src/index.md
index 7e15984..d2bd2b3 100644
--- a/src/index.md
+++ b/src/index.md
@@ -3,25 +3,25 @@
 <div id="index-contents">
 	<img id="index-contents-img" class="borderless" src="./img/face.jpeg" alt="">
 	<div id="index-contents-text">
-		<p>Hello! My name is Kamen Mladenov and I am a computer science student.</p>
-		<p>This is my website and personal playing ground. Currently it's fairly empty, but hopefully there will be much more stuff in the future.</p>
-		<p>
-			<a class="borderless" href="https://observatory.mozilla.org/analyze/syndamia.com"><img class="borderless unzoomable" src="https://img.shields.io/mozilla-observatory/grade-score/syndamia.com" alt="Mozilla Observatory"></a>
-			<a class="borderless" href="https://securityheaders.com/?q=syndamia.com&followRedirects=on"><img class="borderless unzoomable" src="https://img.shields.io/security-headers?url=https%3A%2F%2Fsyndamia.com" alt="Security Headers"></a>
-			<a class="borderless" href="https://hstspreload.org/?domain=syndamia.com"><img class="borderless unzoomable" src="https://img.shields.io/hsts/preload/syndamia.com" alt="HSTS"></a>
-			<br>
-			<a class="borderless" href="https://www.vim.org/"><img class="oldschool-badge unzoomable" src="./img/created.with.vim.gif" alt="Created With VIM"></a>
-			<a class="borderless" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fsyndamia.com%2F"><img class="oldschool-badge unzoomable" src="./img/valid-html401-v.svg" alt="W3C Valid HTML"></a>
-			<a class="borderless" href="https://jigsaw.w3.org/css-validator/validator?uri=syndamia.com%2Fstyles.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en"><img class="oldschool-badge unzoomable" src="./img/valid-css-v.svg" alt="W3C Valid CSS"></a>
-			<a class="borderless" href="https://www.anybrowser.org/campaign/"><img class="oldschool-badge unzoomable" src="./img/abasat.gif" alt="Viewable With Any Browser"></a>
-			<a class="borderless" href="https://spyware.neocities.org/"><img class="oldschool-badge unzoomable" src="./img/watchdog.png" alt="Spyware Watchdog"></a>
-			<br>
-			<a class="borderless" href="/license.html"><img class="oldschool-badge unzoomable" src="/img/cc-by-sa.svg"></a>
-			<a class="borderless" href="/license.html"><img class="oldschool-badge unzoomable" src="./img/shieldsio-MIT-gray.svg"></a>
-		</p>
+		<p><a href="https://en.wiktionary.org/wiki/ahoy-hoy">Ahoy-hoy!</a> My name is Kamen and I'm a big computer nerd, currently studying in university.</p>
+		<p>I put whatever seems fun or interesting, but most of the stuff are software oriented. Have a look around and enjoy your stay.</p>
 	</div>
 </div>
 
+<a class="borderless" href="https://observatory.mozilla.org/analyze/syndamia.com"><img class="borderless unzoomable" src="https://img.shields.io/mozilla-observatory/grade-score/syndamia.com" alt="Mozilla Observatory"></a>
+<a class="borderless" href="https://securityheaders.com/?q=syndamia.com&followRedirects=on"><img class="borderless unzoomable" src="https://img.shields.io/security-headers?url=https%3A%2F%2Fsyndamia.com" alt="Security Headers"></a>
+<a class="borderless" href="https://hstspreload.org/?domain=syndamia.com"><img class="borderless unzoomable" src="https://img.shields.io/hsts/preload/syndamia.com" alt="HSTS"></a>
+
+<a class="borderless" href="https://creativecommons.org/licenses/by-sa/4.0/"><img class="unzoomable" src="/img/cc-by-sa-small.svg"></a>
+<a class="borderless" href="https://opensource.org/licenses/MIT"><img class="unzoomable" src="./img/mit.png"></a>
+<a class="borderless" href="https://linux.org/"><img class="unzoomable" src="./img/linuxpenguin.png"></a>
+
+<a class="borderless" href="https://www.vim.org/"><img class="oldschool-badge unzoomable" src="./img/created.with.vim.gif" alt="Created With VIM"></a>
+<a class="borderless" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Fsyndamia.com%2F"><img class="oldschool-badge unzoomable" src="./img/valid-html401-v.svg" alt="W3C Valid HTML"></a>
+<a class="borderless" href="https://jigsaw.w3.org/css-validator/validator?uri=syndamia.com%2Fstyles.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en"><img class="oldschool-badge unzoomable" src="./img/valid-css-v.svg" alt="W3C Valid CSS"></a>
+<a class="borderless" href="https://www.anybrowser.org/campaign/"><img class="oldschool-badge unzoomable" src="./img/abasat.gif" alt="Viewable With Any Browser"></a>
+<a class="borderless" href="https://spyware.neocities.org/"><img class="oldschool-badge unzoomable" src="./img/watchdog.png" alt="Spyware Watchdog"></a>
+
 <p></p>
 
 About the website
@@ -32,3 +32,7 @@ Services
 
 Content by me
 : [Assets](/assets) || [Blog](/blog) || [Tutorials](/tutorials)
+
+<br>
+
+*Btw, if you have JavaScript enabled, there will be icons on the left. Give them a click!*
diff --git a/src/license.md b/src/license.md
index 7865105..49a3eb5 100644
--- a/src/license.md
+++ b/src/license.md
@@ -21,7 +21,7 @@ Content in [Archives](/archives) **does not fall under this category, it is with
 ## Code
 [![🔗](/img/link-tabler.svg)](#code) &emsp;
 <a href="https://opensource.org/licenses/MIT">
-	<img class="unzoomable" src="./img/shieldsio-MIT-gray.svg">
+	<img class="unzoomable" src="./img/mit.png">
 </a>
 
 [MIT License](https://opensource.org/licenses/MIT) (also found in [LICENSE-CODE](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE-CODE) in [GitLab repository](https://gitlab.com/Syndamia/syndamiadotcom))
diff --git a/src/styles.css b/src/styles.css
index d361e5b..665825d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -426,7 +426,7 @@ dd code {
 }
 
 #index-contents-img {
-  max-width: 32%;
+  max-width: 16%;
 }
 
 #index-list {