Updated index page to use profile picture. Index page isn't automatically generated anymore.

3 files changed, 97 insertions, 10 deletions

diff --git a/src/img/16-better-colors-smaller.jpeg b/src/img/16-better-colors-smaller.jpeg
new file mode 100644
index 0000000..cb5bd2e
--- /dev/null
+++ b/src/img/16-better-colors-smaller.jpeg
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..44887ef
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,97 @@
+<!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.">
+	<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; 
+			  vertical-align: text-bottom;	
+			}
+
+			#contents-img, #contents-text {
+			  max-width: 49%;
+			  float:left;	
+			}			
+		}
+	</style>
+</head>
+<body bgcolor="white">
+	<nav class="header">
+        <span class="no-space-wrap">
+		    <a href="/tutorials.html" class="link-tab">Tutorials</a>
+		    <a href="/projects.html" class="link-tab">Projects</a>
+		    <a href="/blog.html" class="link-tab">Blog</a>
+        </span>
+        <span class="no-space-wrap">
+            || <a href="/index.html" class="link-tab">Home</a> || 
+        </span>
+        <span class="no-space-wrap">
+		    <a href="/about.html" class="link-tab">About</a>
+		    <a href="/contact.html" class="link-tab">Contact</a>
+		    <a href="/resume.html" class="link-tab">Resume</a>
+        </span>
+	</nav>
+
+	<article>
+		<h1 id="Welcome">Welcome</h1>
+
+		<hr/>
+
+		<hr/>
+
+		<div id="contents"style="">
+
+			<img id="contents-img" src="./img/16-better-colors-smaller.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
deleted file mode 100644
index 9b29e47..0000000
--- a/src/index.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Welcome
-
----
----
-
-My name is Kamen Mladenov and I am a programming student.
-
-As of now, I am most comfortable with backend development and desktop applications.
-
-Here I will share programming knowledge as well as information about myself and my coding adventures.