style.css minimized

author: Suleyman Farajli <suleyman@farajli.net> 2025-02-26 01:05:34 +0400
committer: Suleyman Farajli <suleyman@farajli.net> 2025-02-26 01:05:34 +0400
commit: 909cd53ebc74188b786a86a7d40861073cec7a04 (patch)
tree: 00e5b7239d9449674b1acc24cd85eef93a92f2c1
parent: 3029e1d5f313d7aa77cbe761cf8531bcbae65bf0 (diff)
6 files changed, 46 insertions, 106 deletions
diff --git a/build-page b/build-page
index 7ffb58c..37763ae 100644..100755
--- a/build-page
+++ b/build-page
@@ -16,7 +16,7 @@ cat << EOF
 <body>
 	<table id="bar">
 	<tr>
-		<td id='header-link'>Suleyman Farajli</td>
+		<td id='header-name'>Suleyman Farajli</td>
 		<td id='quote'></td>
 	</tr>
 	</table>
@@ -35,7 +35,7 @@ cat << EOF
 	<a class="menu_item right_menu_item" href="https://git.farajli.net">Git</a>
 </div>
 <div class="text">
-	$(sed '1 s/<!--.*-->//' "${filename}" | pandoc -t html)
+	$(sed '1 s/<!--.*-->//' "${filename}" | smu)
 </div>
 <p id="copyleft"><br>copyleft (c) 2024-2025 Suleyman Farajli</p>
 
diff --git a/home/index.md b/home/index.md
index 9f4b50c..7aa22db 100644
--- a/home/index.md
+++ b/home/index.md
@@ -5,11 +5,11 @@ An engineering student interested in languages and literally anything about comp
 ### top posts
 
 <table>
-    <tr><td><time>2025-01-24</time></td><td><a href="/posts/selfhostmail.html">Reasons not to host an email server.</a></td></tr>
-    <tr><td><time>2024-12-27</time></td><td><a href="/posts/software.html">Software I use.</a></td></tr>
-    <tr><td><time>2024-09-25</time></td><td><a href="/posts/nophone.html">Why I absolutely hate smartphones.</a></td></tr>
-    <tr><td><time>2024-09-06</time></td><td><a href="/posts/gentoo.html">Why I use gentoo.</a></td></tr>
-    <tr><td><time>2024-06-09</time></td><td><a href="/posts/website_created.html">Website Created!</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2025-01-24</time></td><td><a href="/posts/selfhostmail.html">Reasons not to host an email server.</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2024-12-27</time></td><td><a href="/posts/software.html">Software I use.</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2024-09-25</time></td><td><a href="/posts/nophone.html">Why I absolutely hate smartphones.</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2024-09-06</time></td><td><a href="/posts/gentoo.html">Why I use gentoo.</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2024-06-09</time></td><td><a href="/posts/website_created.html">Website Created!</a></td></tr>
 </table>
 
 ### links and contact info
diff --git a/posts/2024_new_year.md b/posts/2024_new_year.md
index 38c6c25..3f9c019 100644
--- a/posts/2024_new_year.md
+++ b/posts/2024_new_year.md
@@ -1,5 +1,4 @@
 <!-- Title: Happy New Year! -->
 
-Happy new year, everyone!
-
+Happy new year, everyone!  
 Especially, the ones that I love.
diff --git a/posts/posts.md b/posts/posts.md
index 26b1e8d..4c19873 100644
--- a/posts/posts.md
+++ b/posts/posts.md
@@ -1,10 +1,10 @@
 <!-- Title: Posts -->
 
 <table>
-    <tr><td><time>2025-01-24</time></td><td><a href="/posts/selfhostmail.html">Reasons not to host an email server.</a></td></tr>
-    <tr><td><time>2024-12-31</time></td><td><a href="/posts/2024_new_year.html">Happy new year!</a></td></tr>
-    <tr><td><time>2024-12-27</time></td><td><a href="/posts/software.html">Software I use.</a></td></tr>
-    <tr><td><time>2024-09-25</time></td><td><a href="/posts/nophone.html">Why I absolutely hate smartphones.</a></td></tr>
-    <tr><td><time>2024-09-06</time></td><td><a href="/posts/gentoo.html">Why I use gentoo.</a></td></tr>
-    <tr><td><time>2024-06-09</time></td><td><a href="/posts/website_created.html">Website Created!</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2025-01-24</time></td><td><a href="/posts/selfhostmail.html">Reasons not to host an email server.</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2024-12-31</time></td><td><a href="/posts/2024_new_year.html">Happy new year!</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2024-12-27</time></td><td><a href="/posts/software.html">Software I use.</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2024-09-25</time></td><td><a href="/posts/nophone.html">Why I absolutely hate smartphones.</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2024-09-06</time></td><td><a href="/posts/gentoo.html">Why I use gentoo.</a></td></tr>
+    <tr><td><time style="font-size: 16px; color: #bbbbbb; padding-right:3em">2024-06-09</time></td><td><a href="/posts/website_created.html">Website Created!</a></td></tr>
 </table>
diff --git a/posts/selfhostmail.md b/posts/selfhostmail.md
index a03617d..bfffa20 100644
--- a/posts/selfhostmail.md
+++ b/posts/selfhostmail.md
@@ -9,31 +9,31 @@ and purchased an email hosting service.
 I'd like to share my experience with hosting an email server
 and what makes the process an absolute nightmare.
 
-### - It's hard to find an affordable VPS provider that doesn't block port 25. 
+#### - It's hard to find an affordable VPS provider that doesn't block port 25. 
 
 If you don't know anything about email, you need the port 25 to be open to send mails but 
 most server providers block it to reduce spam and the ones that don't costs more than
 the usual ones.
 
-### - Getting a domain and IP that is not blacklisted.
+#### - Getting a domain and IP that is not blacklisted.
 
 If you have already bought a domain it might be blacklisted meaning that 
 all the mails you'll send is going to go right into the spam folder of the receiver.
 It's the same for IP but chaining it is a lot easier than getting a new domain on most 
 server providers.
 
-### - Not enough documentation is available and some is outdated.
+#### - Not enough documentation is available and some is outdated.
 
 There isn't that much documentation for setting up an email server, I think that is
 partially because of the process being so tough that no one really wants to document it 
 and there are so many commands involved in the process
 even just a small update on one program can make the documentation outdated.
 
-### - It's very hard to set up.
+#### - It's very hard to set up.
 Configuring an email server was perhaps the hardest thing that I'd ever done 
 (even after finding the proper documentation), I spent weeks on that.
 
-### - Almost certainly, your mails won't be delivered.
+#### - Almost certainly, your mails won't be delivered.
 
 Even after going through the very difficult process of finding the correct server provider, 
 documentation and setting everything up (DKIM, SPF etc.) you'll still end up in spams,
@@ -41,7 +41,7 @@ you might be able to pass spam filters of some email services, but you'll never
 confident of sending mails because big email services sometimes update their spam filters
 and you got to keep up with those as well, so it doesn't just end there when you set it up.
 
-### Summing it up
+#### Summing it up
 
 I'd gladly host an email server, but I just can't make it work half as good as the paid 
 email service providers. In the future I might try to do it again 
diff --git a/style.css b/style.css
index 62c8106..f1f3db5 100644
--- a/style.css
+++ b/style.css
@@ -1,28 +1,25 @@
-/* 10th June 2024, Designer: Suleyman Farajli */
+/* 
+* Stylesheet of farajli.net 
+*/
 
+/* FIXME: Don't use google fonts */
 @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@370&display=swap');
 
 .jetbrains-mono {
-  font-family: "JetBrains Mono", serif;
-  font-optical-sizing: auto;
-  font-weight: 370;
-  font-style: normal;
+	font-family: "JetBrains Mono", serif;
+	font-optical-sizing: auto;
+	font-weight: 370;
+	font-style: normal;
 }
 
 body {
-	font: 15px jetbrains mono;
-	width: 60em; 			/* make width window size independent */
-	display:block;
-	padding-top: 4em;
-	margin: auto;
+	font: 20px jetbrains mono;
+	width: 60em; 		
+	display: block;
 	background-color: #1c1c1c; /* Almost Black */
 	color: #ffffff;	/* White */
-}
-
-p {
-	padding: 0em;
-	margin: 0em;
-	font-size: 1.3em;
+	padding-left: 1em;
+	margin: auto;
 }
 
 a {
@@ -34,39 +31,12 @@ a:hover {
 	color: #B48EAD;	/* Purple */
 }
 
-td {
-	font-size: 1.3em;
-}
-
-time {
-	color: #bbbbbb;
-	padding-right:2em;
-	font-size: 0.77em;
-}
-
-li {
-	font-size: 1.1em;
-}
-
-small {
-	padding: 0.6em;
-}
-
-table {
-	padding-left: 1em;
-}
-
-.text{
-	margin-right: 1em;
-	margin-left: 1em;
-}
-
 .menu_item {
 	color: #BB6767;	/* Red */
-	font-weight: bold;
+	/* font-weight: bold; */
 	padding: 0.4em;
 	padding-right: 3em;
-	font-size: 1.3em;
+	font-size: 20px;
 	margin-right: 0.2em;
 	margin-left: 0.2em;
 }
@@ -76,56 +46,27 @@ table {
 	padding-right: 1em;
 }
 
-.menu {
-	margin-bottom: 1em;
-}
-
-.orange_text {
-	color: #EBCB8B;	/* Orange */
-}
-.green_text {
-	color: #A3BE8C;	/* Green */
-}
-.purple_text {
-	color: #B48EAD;	/* Purple */
-}
-.red_text {
-	color: #BB6767; /* Red */
-}
-.light_gray_text {
-	color: #bbbbbb; /* Light Gray */
-}
-.white_text {
-	color: #FFFFFF; /* White */
-}
-
-#copyleft {
-	color: #696969; /* Dark Gray */
-	margin-left: 0.7em; /* FIXME: don't use a random value */
-	padding-bottom: 1em;
-}
-
-/*
- * "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 {
+#header-name {
 	text-align: left;
-	font-size: 2.0em;
+	font-size: 25px;
+	padding-top: 20px;
 	color: #FFFFFF; /* White */
 	font-weight: normal;
 }
 
 #quote {
-	font-size: 1.3em;
+	font-size: 20px;
 	text-align: right;
 	color: #C0C0C0; /* Darkish gray */
+	padding-top: 20px;
 	font-weight: 430;
 }
 
 #bar{
-    width: 100%;
-    line-height: 35px;
+	width: 100%;
+	line-height: 35px;
+}
+
+#copyleft {
+	color: #696969; /* Dark Gray */
 }
author	Suleyman Farajli <suleyman@farajli.net>	2025-02-26 01:05:34 +0400
committer	Suleyman Farajli <suleyman@farajli.net>	2025-02-26 01:05:34 +0400
commit	909cd53ebc74188b786a86a7d40861073cec7a04 (patch)
tree	00e5b7239d9449674b1acc24cd85eef93a92f2c1
parent	3029e1d5f313d7aa77cbe761cf8531bcbae65bf0 (diff)