From f5b53a43b05e561ff22e57d2ba00dfdb1f3b617b Mon Sep 17 00:00:00 2001
From: Suleyman Farajli <suleyman@farajli.net>
Date: Sun, 8 Sep 2024 19:06:47 +0400
Subject: directory layout changed

---
 Makefile                       |  12 +++++
 home/index.md                  |  19 +++++++
 keys/ssh.md                    |   6 +++
 posts/website_created.md       |  21 ++++++++
 software/software.md           |   3 ++
 src/index.html                 |  48 ------------------
 src/keys/ssh.html              |  31 ------------
 src/posts/website_created.html |  59 ----------------------
 src/software/software.html     |  26 ----------
 src/style.css                  | 109 -----------------------------------------
 src/wiki/wiki.html             |  28 -----------
 style.css                      | 108 ++++++++++++++++++++++++++++++++++++++++
 wiki/wiki.md                   |   3 ++
 13 files changed, 172 insertions(+), 301 deletions(-)
 create mode 100644 Makefile
 create mode 100644 home/index.md
 create mode 100644 keys/ssh.md
 create mode 100644 posts/website_created.md
 create mode 100644 software/software.md
 delete mode 100644 src/index.html
 delete mode 100644 src/keys/ssh.html
 delete mode 100644 src/posts/website_created.html
 delete mode 100644 src/software/software.html
 delete mode 100644 src/style.css
 delete mode 100644 src/wiki/wiki.html
 create mode 100644 style.css
 create mode 100644 wiki/wiki.md

diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..3a87e23
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,12 @@
+SRC = $(shell find . -name '*.md')
+HTML = $(SRC:.md=.html)
+
+all: $(HTML)
+
+%.html: %.md
+	sh build-page $< > $@
+
+clean: 
+	rm -f $(HTML)
+
+.PHONY: clean
diff --git a/home/index.md b/home/index.md
new file mode 100644
index 0000000..5428ec3
--- /dev/null
+++ b/home/index.md
@@ -0,0 +1,19 @@
+<!-- Title: My personal Website -->
+
+Welcome to my site
+
+posts
+-----
+<table>
+    <tr><td><time class="key">2024-06-09</time></td><td><a  class="post value"  href="posts/website_created.html">Website Created!</a></td></tr>
+</table>
+
+
+links and contact info
+----------------------
+<table>
+		<tr><td class="key">email</td><td><a class="value" href="mailto:suleyman@farajli.net">suleyman@farajli.net</a></td></tr>
+		<tr><td class="key">ssh  </td><td><a class="value" href="keys/ssh.html">Public key</a></td></tr>
+		<tr><td class="key">github</td><td><a class="value" href="https://github.com/sfarajli">sfarajli</a></td></tr>
+</table>
+<small class="footnote">* and it is worth mentioning that I don't have a LinkedIn (or any social media) account.</small>
diff --git a/keys/ssh.md b/keys/ssh.md
new file mode 100644
index 0000000..f2b51b4
--- /dev/null
+++ b/keys/ssh.md
@@ -0,0 +1,6 @@
+<!-- Title: SSH key -->
+
+Public ssh key
+--------------
+
+ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIKI5nJep3/j6NyFZJxfmwwo4veK2vmSBuVydYZYbx0RN teon@st
diff --git a/posts/website_created.md b/posts/website_created.md
new file mode 100644
index 0000000..b6647a3
--- /dev/null
+++ b/posts/website_created.md
@@ -0,0 +1,21 @@
+<!-- Title: I have a website! -->
+
+I have a website!
+-----------------
+
+As of June 13th 2024, the best website on the internet has officially been created.  
+
+This site is not made by using one of those fancy and bloated site generators
+or any garbage like that, it was created, quite surprisingly, writing HTML and
+CSS, like it is supposed to be, tough it is a little inefficient, error-prone
+and a pain writing HTML and adding boilerplate code to each file,
+thus it's quite probable that I shall write a small program to do that automatically
+for me in the future, but that program wouldn't be the same as bloated site generators,
+in fact, it'd basically be the same as manual way of writing HTML.  
+Here are some of the advantages of my website compared to a lot of contemporary ones.  
+
+* Doesn't fill your entire ram
+* Doesn't have ads, tracker or unnecessary JavaScript
+* Loads <strong class="color1">Fast</strong>!
+  
+As of now, there isn't that much of content here, but I will probably add a lot more.
diff --git a/software/software.md b/software/software.md
new file mode 100644
index 0000000..ff0f7d3
--- /dev/null
+++ b/software/software.md
@@ -0,0 +1,3 @@
+<!-- Title: Software -->
+
+Still working on it...
diff --git a/src/index.html b/src/index.html
deleted file mode 100644
index b4dbcd6..0000000
--- a/src/index.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel='stylesheet' type='text/css' href="style.css">
-	<title>Suleyman Farajli's website</title>
-</head>
-
-<body>
-	<a id="header-link" href="index.html">Suleyman Farajli</a>
-
-	<hr class="separator">
-
-	<div class="menu">
-		<a class="menu_item" href="index.html"><u>Home</u>/</a>
-		<a class="menu_item" href="software/software.html">Software/</a>
-		<a class="menu_item" href="wiki/wiki.html">Wiki/</a>
-		<a class="menu_item right" href="https://git.farajli.net">Git</a>
-	</div>
-
-
-	<p>
-	Welcome to my site.
-	</p>
-
-	<h2>posts</h2>
-
-	<table>
-		<tr><td><time class="key">2024-06-09</time></td><td><a  class="post value"  href="posts/website_created.html">Website Created!</a></td></tr>
-	</table>
-
-
-	<h3>links and contact info</h3>
-
-	<table>
-		<tr><td class="key">email</td><td><a class="value" href="mailto:suleyman@farajli.net">suleyman@farajli.net</a></td></tr>
-		<tr><td class="key">ssh  </td><td><a class="value" href="keys/ssh.html">Public key</a></td></tr>
-		<tr><td class="key">github</td><td><a class="value" href="https://github.com/sfarajli">sfarajli</a></td></tr>
-	</table>
-
-
-	<small class="footnote">* and it is worth mentioning that I don't have a LinkedIn (or any social media) account.</small>
-
-	<p id="copyleft"><br>copyleft (c) 2024 Suleyman Farajli</p>
-
-</body>
-</html>
diff --git a/src/keys/ssh.html b/src/keys/ssh.html
deleted file mode 100644
index 330b067..0000000
--- a/src/keys/ssh.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel='stylesheet' type='text/css' href="../style.css">
-	<title>   Public ssh key  </title>
-</head>
-
-<body>
-	<a id="header-link" href="../index.hmtl">Suleyman Farajli</a>
-
-	<hr class="separator">
-
-	<div class="menu">
-		<a class="menu_item" href="../index.html">Home/</a>
-		<a class="menu_item" href="../software/software.html">Software/</a>
-		<a class="menu_item" href="../wiki/wiki.html">Wiki/</a>
-		<a class="menu_item right" href="https://git.farajli.net">Git</a>
-	</div>
-
-
-	<h2>Public ssh key</h2>
-	<p>
-	ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIKI5nJep3/j6NyFZJxfmwwo4veK2vmSBuVydYZYbx0RN teon@st
-	</p>
-
-	<p id="copyleft"><br>copyleft (c) 2024 Suleyman Farajli</p>
-
-</body>
-</html>
diff --git a/src/posts/website_created.html b/src/posts/website_created.html
deleted file mode 100644
index 50b201e..0000000
--- a/src/posts/website_created.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel='stylesheet' type='text/css' href="../style.css">
-	<title>Website Created!</title>
-</head>
-
-<body>
-	<a id="header-link" href="../index.html">Suleyman Farajli</a>
-
-	<hr class="separator">
-
-	<div class="menu">
-		<a class="menu_item" href="../index.html">Home/</a>
-		<a class="menu_item" href="../software/software.html">Software/</a>
-		<a class="menu_item" href="../wiki/wiki.html">Wiki/</a>
-		<a class="menu_item right" href="https://git.farajli.net">Git</a>
-	</div>
-		<h2>I have a website!</h2>
-
-			<p>As of June 13th 2024, the best website on the internet 
-			has officially been created.
-			<br>
-			<br>
-			This site is not made 
-			by using one of those fancy and bloated site generators or any garbage like that,
-			it was created, quite surprisingly, writing HTML and CSS, like it is supposed to 
-			be, tough it is a little inefficient, error-prone and a pain 
-			writing HTML and adding boilerplate 
-			code to each file, thus it's quite probable that I shall write a small program to 
-			do that automatically for me in the future, but that program wouldn't be the same as bloated site
-			generators, in fact, it'd basically be the same as manual way of writing HTML.
-
-
-			<br>
-
-			Here are some of the advantages of my website compared to a lot of contemporary ones.
-
-			<ul>
-				<li>Doesn't fill your entire ram</li>
-				<li>Doesn't have ads, tracker or unnecessary JavaScript </li>
-				<li>Loads <span class="color1"><strong>Fast</strong></span>!</li>
-			</ul>
-
-			
-			<p>
-			As of now, there isn't that much of content here, but I
-			will probably add a lot more.
-			</p>
-
-
-
-
-	<p id="copyleft"><br>copyleft (c) 2024 Suleyman Farajli</p>
-
-</body>
-</html>
diff --git a/src/software/software.html b/src/software/software.html
deleted file mode 100644
index 3cbae89..0000000
--- a/src/software/software.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel='stylesheet' type='text/css' href="../style.css">
-	<title>Software</title>
-</head>
-
-<body>
-	<a id="header-link" href="../index.html">Suleyman Farajli</a>
-
-	<hr class="separator">
-
-	<div class="menu">
-		<a class="menu_item" href="../index.html">Home/</a>
-		<a class="menu_item" href="software.html"><u>Software</u>/</a>
-		<a class="menu_item" href="../wiki/wiki.html">Wiki/</a>
-		<a class="menu_item right" href="https://git.farajli.net">Git</a>
-	</div>
-
-	<p>Still working on it...</p>
-	<p id="copyleft"><br>copyleft (c) 2024 Suleyman Farajli</p>
-
-</body>
-</html>
diff --git a/src/style.css b/src/style.css
deleted file mode 100644
index 89dbb02..0000000
--- a/src/style.css
+++ /dev/null
@@ -1,109 +0,0 @@
-/* CSS for Suleyman Farajli's Website */
-/* 10th June 2024, Thei0n */
-
-body {
-	font: 15px monospace;
-	max-width: 60em;
-	display:block;
-	padding-top: 4em;
-	margin: auto;
-	background-color: #1c1c1c;	/* Almost Black */
-	color: #ffffff;			/* White */
-}
-
-p, a {
-	font-size: 1.3em;
-}
-
-h1, h2, h3 {
-	margin-right: 0.2em;
-	margin-left: 0.2em;
-	padding: 0.3em;
-}
-
-p {
-	margin-right: 1em;
-	margin-left: 1em;
-}
-
-small {
-	padding: 0.6em;
-}
-
-a {
-	text-decoration: none;
-	color: #BB6767;			/* Red */
-	margin-right: 0.2em;
-	margin-left: 0.2em;
-	padding: 0.4em;
-}
-
-a:hover {
-	color: #B48EAD;			/* Purple */
-	font-weight: bold;
-
-}
-
-table  {
-	padding-left: 1em;
-}
-
-.menu_item {
-	font-weight: bold;
-	padding-right: 3em;
-	font-size: 1.3em;
-}
-
-.right {
-	float: right;
-	padding-right: 1em;
-}
-
-.menu {
-	/*Left blank intentionally*/
-}
-
-.value {
-	color: #5E81AC;			/* Blue */
-	padding-left:3em;
-}
-
-.post{
-	padding-left:1em;
-}
-
-.key {
-	color : #bbbbbb; 		/* Light Gray */
-}
-
-.color1 {
-	color: #EBCB8B;			 /* Orange */
-}
-.color2 {
-	color: #A3BE8C;			 /* Green */
-}
-.color3 {
-	color: #B48EAD;			 /* Purple */
-}
-.color4 {
-	color: #BB6767; 		/* Red */
-}
-.color0 {
-	color: #FFFFFF; 		/* White */
-}
-
-#copyleft {
-	color: #696969 			/* Dark Gray */
-}
-
-/*
- * "pointer-events: none" doesn't work on some browsers,
- * to deactivate hover effect on this tag,
- * hover and regular styles are defined as the same
- */
-
-#header-link, #header-link:hover {
-	font-size: 2.0em;
-	color: white;
-	font-weight: normal;
-}
diff --git a/src/wiki/wiki.html b/src/wiki/wiki.html
deleted file mode 100644
index 0dad521..0000000
--- a/src/wiki/wiki.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel='stylesheet' type='text/css' href="../style.css">
-	<title>Wiki</title>
-</head>
-
-<body>
-	<a id="header-link" href="../index.html">Suleyman Farajli</a>
-
-	<hr class="separator">
-
-	<div class="menu">
-		<a class="menu_item" href="../index.html">Home/</a>
-		<a class="menu_item" href="../software/software.html">Software/</a>
-		<a class="menu_item" href="wiki.html"><u>Wiki</u>/</a>
-		<a class="menu_item right" href="https://git.farajli.net">Git</a>
-	</div>
-
-
-	<p>Empty for now...</p>
-
-	<p id="copyleft"><br>copyleft (c) 2024 Suleyman Farajli</p>
-
-</body>
-</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..56a3108
--- /dev/null
+++ b/style.css
@@ -0,0 +1,108 @@
+/* 10th June 2024, Designer: Suleyman Farajli */
+
+body {
+	font: 15px monospace;
+	max-width: 60em;
+	display:block;
+	padding-top: 4em;
+	margin: auto;
+	background-color: #1c1c1c;	/* Almost Black */
+	color: #ffffff;			/* White */
+}
+
+p, a {
+	font-size: 1.3em;
+}
+
+h1, h2, h3 {
+	margin-right: 0.2em;
+	margin-left: 0.2em;
+	padding: 0.3em;
+}
+
+p {
+	margin-right: 1em;
+	margin-left: 1em;
+}
+
+small {
+	padding: 0.6em;
+}
+
+a {
+	text-decoration: none;
+	color: #BB6767;			/* Red */
+	margin-right: 0.2em;
+	margin-left: 0.2em;
+	padding: 0.4em;
+}
+
+a:hover {
+	color: #B48EAD;			/* Purple */
+	font-weight: bold;
+
+}
+
+table  {
+	padding-left: 1em;
+}
+
+.menu_item {
+	font-weight: bold;
+	padding-right: 3em;
+	font-size: 1.3em;
+}
+
+.right {
+	float: right;
+	padding-right: 1em;
+}
+
+.menu {
+	/*Left blank intentionally*/
+}
+
+.value {
+	color: #5E81AC;			/* Blue */
+	padding-left:3em;
+}
+
+.post{
+	padding-left:1em;
+}
+
+.key {
+	color : #bbbbbb; 		/* Light Gray */
+}
+
+.color1 {
+	color: #EBCB8B;			 /* Orange */
+}
+.color2 {
+	color: #A3BE8C;			 /* Green */
+}
+.color3 {
+	color: #B48EAD;			 /* Purple */
+}
+.color4 {
+	color: #BB6767; 		/* Red */
+}
+.color0 {
+	color: #FFFFFF; 		/* White */
+}
+
+#copyleft {
+	color: #696969 			/* Dark Gray */
+}
+
+/*
+ * "pointer-events: none" doesn't work on some browsers,
+ * to deactivate hover effect on this tag,
+ * hover and regular styles are defined as the same
+ */
+
+#header-link, #header-link:hover {
+	font-size: 2.0em;
+	color: white;
+	font-weight: normal;
+}
diff --git a/wiki/wiki.md b/wiki/wiki.md
new file mode 100644
index 0000000..b627632
--- /dev/null
+++ b/wiki/wiki.md
@@ -0,0 +1,3 @@
+<!-- Title: Wiki -->
+
+Empth for now...
-- 
cgit v1.2.3