diff --git a/_layouts/page-about.html b/_layouts/page-about.html
new file mode 100644
index 0000000..bfcb807
--- /dev/null
+++ b/_layouts/page-about.html
@@ -0,0 +1,22 @@
+
+
+ {% include head.html %}
+
+
+
+
+
+ {% include header.html %}
+
+ {% include nav.html %}
+
+
+ {{content}}
+
+
+
+ {% include footer.html %}
+
+
+
+
diff --git a/about.md b/about.html
similarity index 50%
rename from about.md
rename to about.html
index e4ba1c2..c34d9f3 100644
--- a/about.md
+++ b/about.html
@@ -1,14 +1,22 @@
---
title: About
-layout: page-screen
+layout: page-about
---
+
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.
-
+
+
+
+
+I've been studying information engineering (InfoTech) at the AAU since 2017.
+
+
Besides studying, I'm an educator for network- and system engineering at a local company.
-
+
+
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`.
\ No newline at end of file
+
+
+If you have any questions, shoot me a mail! The server's koneko.at
, the correct mailbox is neko
.
+
diff --git a/assets/css/custom.css b/assets/css/custom.css
index 1ed9a1d..891c372 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -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;
diff --git a/assets/images/yui.png b/assets/images/yui.png
new file mode 100644
index 0000000..c16c3dd
Binary files /dev/null and b/assets/images/yui.png differ
diff --git a/blog/index.html b/blog/index.html
index 87ec0e6..3f0c5ed 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -1,5 +1,5 @@
---
-title: ~/blog
+title: Blog
layout: page-screen
---