changed the way the portrait is displayed on the about page

This commit is contained in:
neko 2021-04-10 13:27:16 +02:00
parent 4c57158192
commit 0a3103c88e
2 changed files with 11 additions and 17 deletions

View File

@ -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>

View File

@ -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 {
}
}