portrait
This commit is contained in:
		
							
								
								
									
										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
 | 
			
		||||
---
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user