From 830ab2a3514025ff55569f340b56c769eb974b09 Mon Sep 17 00:00:00 2001
From: Aki <please@ignore.pl>
Date: Sat, 9 Jul 2022 23:26:35 +0200
Subject: Updated look-and-style of page especially index

---
 style.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 52 insertions(+), 17 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 619fcbe..793a411 100644
--- a/style.css
+++ b/style.css
@@ -6,7 +6,7 @@ body {
 }
 
 p, dd {
-	line-height: 140%;
+	line-height: 1.4em;
 	text-align: justify;
 }
 
@@ -15,24 +15,31 @@ p, dd, pre {
 }
 
 h1, h2, h3, h4, h5, h6 {
-	color: #3482a5;
-	margin-bottom: 0.2em;
+	font-weight: normal;
+	margin: 1.5em 0 0.2em 0;
 }
 
-.subtitle {
-	color: #999;
-	margin-top: 0.2em;
-	font-size: 90%;
-	text-align: center;
+article h2,
+article h3,
+article h4,
+article h5,
+article h6,
+article .subtitle {
+	border-bottom: 1px dashed #999;
+	padding: 0 0 0.2em 0;
 }
 
-#blog ul li {
-	margin-bottom: 0.4em;
+hr {
+	border-style: dashed;
+	border-color: #999;
+	border-width: 0 0 1px 0;
 }
 
-ul time {
-	font-size: 80%;
+.subtitle {
 	color: #999;
+	margin-top: 0.2em;
+	font-size: 90%;
+	text-align: center;
 }
 
 pre {
@@ -42,7 +49,8 @@ pre {
 }
 
 code {
-	font-weight: bold;
+	background-color: #f0f0f0;
+	padding: 0 1px;
 }
 
 img {
@@ -58,19 +66,21 @@ article > header > *, article > h1 {
 	text-align: center;
 }
 
-a:link {
+a:link,
+a:visited.always-fresh {
 	color: #0e42ef;
 }
 
-a:link:hover {
+a:link:hover,
+a:visited.always-fresh {
 	background: #0e42ef36;
 }
 
-a:visited {
+a:visited:not(.always-fresh) {
 	color: #6f0eef;
 }
 
-a:visited:hover {
+a:visited:hover:not(.always-fresh) {
 	background: #6f0eef36;
 }
 
@@ -79,3 +89,28 @@ a:active:hover {
 	color: #e0083b;
 	background: #e0083b36;
 }
+
+#about {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+}
+
+#profile-picture {
+	display: block;
+	margin: 1em 1em 1em 0;
+	max-height: 4em;
+}
+
+#introduction {
+	flex: 1;
+}
+
+#posts li {
+	margin-bottom: 0.2em;
+}
+
+#posts time {
+	font-size: 80%;
+	color: #999;
+}
-- 
cgit v1.1