From 3255a6830c41979d2f3a308d6f6882c5c3f87522 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Sun, 20 Feb 2022 10:25:39 +0200
Subject: Replaced most of the index page html with markdown

---
 src/index.md   | 32 ++++++++++++++++++++++----------
 src/styles.css |  4 ----
 2 files changed, 22 insertions(+), 14 deletions(-)

(limited to 'src')

diff --git a/src/index.md b/src/index.md
index acfafd7..5391d9d 100644
--- a/src/index.md
+++ b/src/index.md
@@ -1,6 +1,8 @@
-<h1 id="Welcome">Welcome</h1>
-<hr/>
-<hr/>
+# Welcome
+
+---
+---
+
 <div id="index-contents">
 	<img id="index-contents-img" src="./img/16-better-colors.jpeg">
 	<div id="index-contents-text">
@@ -10,13 +12,23 @@
 		<p><a href="https://gitlab.com/Syndamia" target="_blank" title="GitLab">GitLab</a> || <a href="https://github.com/Syndamia" target="_blank" title="GitHub">GitHub</a> || <a href="mailto:syndamia@protonmail.com" target="_blank">Email</a></p>
 	</div>
 </div>
-<h2 id="Freedom">Freedom</h2><p style="display: inline-block; margin-block-end: 0;"><a href="#Freedom"><img src="/img/link-tabler.svg" alt="🔗" style="border: none;"></a></p>
-<p>I'm an avid supporter of <a href="https://www.gnu.org/philosophy/free-sw.html">free software</a> and consequently, this website uses only a <strong>limited amount of JavaScript</strong>. For more information, read about it <a href="/regarding-js.html">here</a> but in a nutshell, the whole website (except pages in <a href="/web-apps">Web Apps</a>) will be <strong>fully consumable without JavaScript</strong>.</p>
-<p>Source code is publicly available <a href="https://gitlab.com/Syndamia/syndamiadotcom">on GitLab</a>. A list of implemented JavaScript features can be found <a href="/regarding-js.html#Implemented%20features">here</a>.</p>
-<h2 id="Accessibility">Accessibility</h2><p style="display: inline-block; margin-block-end: 0;"><a href="#Accessibility"><img src="/img/link-tabler.svg" alt="🔗" style="border: none;"></a></p>
-<p>Given the heavy stylization and usage of JavaScript, most content is also available without any CSS or JS over at <a href="https://tiny.syndamia.com">tiny.syndamia.com</a>.</p>
-<h2 id="Licensing">Licensing</h2><p style="display: inline-block; margin-block-end: 0;"><a href="#Licensing"><img src="/img/link-tabler.svg" alt="🔗" style="border: none;"></a></p>
-<p>This website uses <a href="https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE">two licenses</a>:
+
+## Freedom
+[![🔗](/img/link-tabler.svg)](#Freedom)
+
+I'm an avid supporter of [free software](https://www.gnu.org/philosophy/free-sw.html) and consequently, this website uses only a **limited amount of JavaScript**. For more information, read about it [here](/regarding-js.html) but in a nutshell, the whole website (except pages in [Web Apps](/web-apps)) will be **fully consumable without JavaScript**.
+
+Source code is publicly available [on GitLab](https://gitlab.com/Syndamia/syndamiadotcom). A list of implemented JavaScript features can be found [here](/regarding-js.html#Implemented%20features).
+
+## Accessibility
+[![🔗](/img/link-tabler.svg)](#Accessibility)
+
+Given the heavy stylization and usage of JavaScript, most content is also available without any CSS or JS over at [tiny.syndamia.com](https://tiny.syndamia.com).
+
+## Licensing
+[![🔗](/img/link-tabler.svg)](#Licensing)
+
+This website uses [two licenses](https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE):
 <ul style="margin-block-end: calc(1em + 10px)">
 	<li><a href="https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE-CONTENT">CC BY-SA 4.0</a> - all content (articles, images, etc.), summary <a href="https://creativecommons.org/licenses/by-sa/4.0/">here</a></li>
 	<li><a href="https://gitlab.com/Syndamia/syndamiadotcom/-/blob/master/LICENSE-CODE">MIT</a> - everything else (code), summary <a href="https://choosealicense.com/licenses/mit/">here</a></li>
diff --git a/src/styles.css b/src/styles.css
index c322f77..5ecf230 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -162,10 +162,6 @@ h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img {
 }
 
 @media screen and (min-width: 610px) {
-  #index-page {
-    margin-bottom: 10px;
-  }
-
   #index-contents {
     display: flex;
     align-items: center;
-- 
cgit v1.3.1-23-gd82d