neko/portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changed the way the portrait is displayed on the about page

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
about.html
View File

@ -6,9 +6,7 @@ layout: page-about
<p> <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. 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> </p>
<div class="wrap-left imageframe"> <div class="portrait"></div>
<div class="portrait"></div>
</div>
<p> <p>
I've been studying information engineering (InfoTech) at the <a href="https://www.aau.at/">AAU</a> since 2017. I've been studying information engineering (InfoTech) at the <a href="https://www.aau.at/">AAU</a> since 2017.
</p> </p>

24
assets/css/custom.css
View File

@ -26,28 +26,20 @@ img {
max-width: 100% !important; 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{ .portrait{
float: right;
width: 150px; width: 150px;
height: 150px; height: 150px;
background-color: rgba(255,148,0,0.1);
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url({{site.baseurl}}/assets/images/yui.png); background-image: url({{site.baseurl}}/assets/images/yui.png);
filter: brightness(80%); filter: brightness(80%);
background-position: center right; background-position: center right;
border-style: inset;
border-color: #ad6603;
margin-left: 10px;
} }
/* header */ /* header */
@ -184,4 +176,8 @@ footer {
.asciiart { .asciiart {
font-size: 0.5rem !important; font-size: 0.5rem !important;
} }
.imageframe {
}
} }