Moved index page to markdown formatting (which contains just html) and moved it's styling to the global styles.css

3 files changed, 35 insertions, 100 deletions

diff --git a/src/index.html b/src/index.html
deleted file mode 100644
index 701270c..0000000
--- a/src/index.html
+++ /dev/null
@@ -1,100 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta charset="UTF-8">
-	<meta name="author" content="Kamen Mladenov">
-	<meta name="robots" content="index, follow">
-	<link rel="icon" href="/img/favicon.png" type="image/png">
-	<link rel="shortcut icon" href="/img/favicon.png" type="image/png">
-	<meta name="theme-color" content="#ffffff"/>
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel="stylesheet" href="/styles.css">
-	<meta name="description" content="My name is Kamen Mladenov and I am a programming student. Here I will share programming knowledge as well as information about myself and my coding adventures.">
-	<meta property="og:type" content="website">
-	<meta property="og:title" content="Syndamia - Kamen Mladenov">
-	<meta property="og:description" content="My name is Kamen Mladenov and I am a programming student. Here I will share programming knowledge as well as information about myself and my coding adventures.">
-	<meta property="og:image" content="https://syndamia.com/img/meta-banner.png">
-	<meta property="og:url" content="https://syndamia.com">
-	<title>Welcome &mdash; Syndamia</title>
-
-	<style>
-		@media screen and (min-width: 610px) {
-			article {
-			  margin-bottom: 10px;
-			}
-
-			#contents {
-			  display: flex;
-			  align-items: center;
-			  justify-content: center;	
-			}
-
-			#contents-text {
-			  margin-left: 15px; 
-			}
-
-			#contents-img, #contents-text {
-			  max-width: 49%;
-			}
-		}
-	</style>
-</head>
-<body bgcolor="white">
-	<nav class="header">
-		<span>
-			<a href="/index.html" 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> ||
-		</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>
-		</span>
-	</nav>
-
-	<article>
-		<h1 id="Welcome">Welcome</h1>
-
-		<hr/>
-
-		<hr/>
-
-		<div id="contents"style="">
-
-			<img id="contents-img" src="./img/16-better-colors.jpeg">
-
-			<div id="contents-text">
-
-				<p>My name is Kamen Mladenov and I am a programming student.</p>
-
-				<p>As of now, I am most comfortable with backend development and desktop applications.</p>
-
-				<p>Here I will share programming knowledge as well as information about myself and my coding adventures.</p>
-
-			</div>
-
-		</div>
-
-	</article>
-
-	<nav class="footer">
-        <a href="https://github.com/Syndamia" target="_blank" class="link-tab" title="GitHub">GitHub</a>
-		<a href="https://stackoverflow.com/users/12036073/syndamia" target="_blank" class="link-tab" title="StackOverflow">StackOverflow</a>
-		<a href="https://bg.linkedin.com/in/kamen-mladenov-18563b1a3?trk=people-guest_people_search-card" target="_blank" class="link-tab" title="Linkedin">LinkedIn</a>
-        ||
-        <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" target="_blank" class="link-tab">Website License</a>
-
-		<br>
-
-        <a href="https://github.com/Syndamia/syndamiadotcom" target="_blank" class="link-tab">Powered by:</a>
-		<a href="https://www.romanzolotarev.com/ssg.html" target="_blank" class="link-tab">ssg by Roman Zolotarev</a>
-		<a href="https://kristaps.bsd.lv/lowdown/" target="_blank" class="link-tab">lowdown by Kristaps Dzonsons</a>
-	</nav>
-</body>
-
-</html>
diff --git a/src/index.md b/src/index.md
new file mode 100644
index 0000000..38d701b
--- /dev/null
+++ b/src/index.md
@@ -0,0 +1,13 @@
+<article id="index-page">
+	<h1 id="Welcome">Welcome</h1>
+	<hr/>
+	<hr/>
+	<div id="index-contents">
+		<img id="index-contents-img" src="./img/16-better-colors.jpeg">
+		<div id="index-contents-text">
+			<p>My name is Kamen Mladenov and I am a programming student.</p>
+			<p>As of now, I am most comfortable with backend development and desktop applications.</p>
+			<p>Here I will share programming knowledge as well as information about myself and my coding adventures.</p>
+		</div>
+	</div>
+</article>
diff --git a/src/styles.css b/src/styles.css
index 7a7e6ec..6fd2e3c 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -225,6 +225,28 @@ article {
   font-style: italic;
 }
 
+/* Index page styling */
+
+@media screen and (min-width: 610px) {
+  #index-page {
+    margin-bottom: 10px;
+  }
+
+  #index-contents {
+    display: flex;
+    align-items: center;
+    justify-content: center;	
+  }
+
+  #index-contents-text {
+    margin-left: 15px; 
+  }
+
+  #index-contents-img, #index-contents-text {
+    max-width: 49%;
+  }
+}
+
 /* The following CSS is a modified version of sindresorhus's github-markdown-css repo: https://github.com/sindresorhus/github-markdown-css */
 
 code,