portrait
This commit is contained in:
parent
64c623515b
commit
9acd91794c
22
_layouts/page-about.html
Normal file
22
_layouts/page-about.html
Normal file
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
{% include head.html %}
|
||||
<body>
|
||||
<div class="screen">
|
||||
<div class="screen-image"></div>
|
||||
<div class="screen-content crt">
|
||||
<!-- header -->
|
||||
{% include header.html %}
|
||||
<!-- nav -->
|
||||
{% include nav.html %}
|
||||
<!-- page content -->
|
||||
<main class="about">
|
||||
{{content}}
|
||||
</main>
|
||||
|
||||
<!-- footer -->
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
@ -1,14 +1,22 @@
|
||||
---
|
||||
title: About
|
||||
layout: page-screen
|
||||
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.
|
||||
|
||||
I've been studying information engineering (InfoTech) at the [AAU](https://www.aau.at/) since 2017.
|
||||
|
||||
</p>
|
||||
<div class="wrap-left portrait">
|
||||
</div>
|
||||
<p>
|
||||
I've been studying information engineering (InfoTech) at the <a href="https://www.aau.at/">AAU</a> since 2017.
|
||||
</p>
|
||||
<p>
|
||||
Besides studying, I'm an educator for network- and system engineering at a local company.
|
||||
|
||||
</p>
|
||||
<p>
|
||||
My first language is German, but I prefer English for general communication.
|
||||
|
||||
If you have any questions, shoot me a mail! The server's `koneko.at`, the correct mailbox is `neko`.
|
||||
</p>
|
||||
<p>
|
||||
If you have any questions, shoot me a mail! The server's <code>koneko.at</code>, the correct mailbox is <code>neko</code>.
|
||||
</p>
|
@ -1,3 +1,7 @@
|
||||
---
|
||||
layout: none
|
||||
---
|
||||
|
||||
@keyframes blink
|
||||
{
|
||||
0% { opacity: 1.0; }
|
||||
@ -23,6 +27,27 @@ img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.wrap-left{
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.portrait{
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
float: right;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(/neko/crt/assets/images/yui.png);
|
||||
filter: hue-rotate(-100deg);
|
||||
|
||||
}
|
||||
|
||||
.orange-filter{
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* header */
|
||||
|
||||
header {
|
||||
@ -62,7 +87,7 @@ a.a-active {
|
||||
|
||||
/* main */
|
||||
|
||||
main {
|
||||
main.post-list {
|
||||
display: grid;
|
||||
grid-gap: 0.4rem;
|
||||
line-height: 1.5rem;
|
||||
@ -71,6 +96,12 @@ main {
|
||||
|
||||
}
|
||||
|
||||
main.about{
|
||||
line-height: 1.5rem;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.title {
|
||||
color: #ff7e00;
|
||||
font-size: 18px;
|
||||
|
BIN
assets/images/yui.png
Normal file
BIN
assets/images/yui.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 158 KiB |
@ -1,5 +1,5 @@
|
||||
---
|
||||
title: ~/blog
|
||||
title: Blog
|
||||
layout: page-screen
|
||||
---
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user