From 0a3103c88ecaf89394912a5046b68de52c1a15c4 Mon Sep 17 00:00:00 2001
From: neko <neko@mikoto.local>
Date: Sat, 10 Apr 2021 13:27:16 +0200
Subject: [PATCH] changed the way the portrait is displayed on the about page

---
 about.html            |  4 +---
 assets/css/custom.css | 24 ++++++++++--------------
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/about.html b/about.html
index 3812a6c..50071d6 100644
--- a/about.html
+++ b/about.html
@@ -6,9 +6,7 @@ layout: page-about
 <p>
 Hay! My name's neko and I'm an avid student of information engineering. I also enjoy collecting old electronics, mechanical cameras, and analogue audio gear. 
 </p>
-<div class="wrap-left imageframe">
-	<div class="portrait"></div>
-</div>
+<div class="portrait"></div>
 <p>
 I've been studying information engineering (InfoTech) at the <a href="https://www.aau.at/">AAU</a> since 2017.
 </p>
diff --git a/assets/css/custom.css b/assets/css/custom.css
index e1ee555..5048f96 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -26,28 +26,20 @@ img {
 	max-width: 100% !important;
 }
 
-.wrap-left{
-	float: right;
-	margin-left: 10px;
-}
-
-.imageframe{
-	background-color: rgba(255,148,0,0.1);
-	top: 0;
-	left: 0;
-	border-style: inset;
-	border-color: #ad6603;
-	text-align: right;
-}
-
 .portrait{
+	float: right;
 	width: 150px;
 	height: 150px;
+	background-color: rgba(255,148,0,0.1);
 	background-size: contain;
 	background-repeat: no-repeat;
 	background-image: url({{site.baseurl}}/assets/images/yui.png);
 	filter: brightness(80%);
 	background-position: center right;
+	border-style: inset;
+	border-color: #ad6603;
+	margin-left: 10px;
+
 }
 
 /* header */
@@ -184,4 +176,8 @@ footer {
 	.asciiart {
 		font-size: 0.5rem !important;
 	}
+
+	.imageframe {
+
+	}
 }