changed the way the portrait is displayed on the about page
This commit is contained in:
parent
4c57158192
commit
0a3103c88e
@ -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>
|
||||
|
@ -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 {
|
||||
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user