From 2e9114bd684688b3ffbf3e3a7d49cbe9d5b3e5bd Mon Sep 17 00:00:00 2001
From: la-ninpre <leobrekalini@gmail.com>
Date: Mon, 7 Dec 2020 14:27:05 +0300
Subject: add about page content

---
 _sass/main.scss | 50 ++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 44 insertions(+), 6 deletions(-)

(limited to '_sass')

diff --git a/_sass/main.scss b/_sass/main.scss
index d2d5da6..f6fca46 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -49,11 +49,9 @@ nav {
 		display: inline-flex;
 		width: 430px;
 		height: 32px;
-		margin: 0;
 		padding: 50px 30px 0 0;
 		flex-direction: row;
 		justify-content: space-between;
-		list-style-type: none;
 		border-bottom: $border-nav;
 	}
 }
@@ -65,6 +63,44 @@ h1, h2, h3, h4, h5, h6 {
     font-weight: 500;
 }
 
+ul {
+    margin: 0;
+    padding: 0;
+    li {
+        list-style-type:none;
+    }
+}
+
+.about {
+    padding: 1em 0;
+    display: flex;
+    flex-direction: row;
+    img#avatar {
+        border-radius: 100%;
+        height: 128px;
+    }
+    .about-sidebar {
+        flex: 23%;
+    }
+    .about-links {
+        margin-top: 1em;
+        .link-icon {
+            height: 32px;
+        }
+        .link-text {
+            display: inline;
+            position: relative;
+            bottom: 0.75em;
+        }
+    }
+    .about-info {
+        width: 100%;
+        p:first-child {
+            margin-top: 0;   
+        }
+    }
+}
+
 .post {
     padding: 1em;
     margin: 1em 0;
@@ -86,11 +122,8 @@ h1, h2, h3, h4, h5, h6 {
 
 .post-page .post-header {
     ul {
-        margin: 0;
-        padding: 0;
         display: flex;
         flex-direction: row;
-        list-style-type: none;
         li {
             margin-right: 0.5em;
             a {
@@ -144,7 +177,7 @@ footer {
 	}
 }
 
-@media only screen and (max-width: 700px) {
+@media only screen and (max-width: 760px) {
 	nav {
 		margin-bottom: 5vh;
 		ul {
@@ -159,6 +192,11 @@ footer {
 			top: 0;
 		}
 	}
+    .about {
+        .about-info {
+            padding: 0 2%;
+        }
+    }
 }
 
 @media (prefers-color-scheme: dark) {
-- 
cgit v1.2.3