Karathan
/
karathan-blog


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
							<!DOCTYPE HTML>
<!--
	Stellar by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>{{site_title}}</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="{{ theme_url }}/assets/css/main.css" />
		<noscript><link rel="stylesheet" href="{{ theme_url }}/assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header" class="alt">
						<span class="logo"><img src="{{ theme_url }}/images/logo.svg" alt="" /></span>
						<h1>{{site_title}} | {{current_page.title}}</h1>
						<p>{{random(pages._meta.meta.Slogans)}}</p>
					</header>

					<nav id="nav">
						<ul>
							<li><a href="{{pages.index|link}}">Startseite</a></li>
							<li><a href="{{"literature"|link}}">Literatur</a></li>
							<li><a href="{{"gamedesign"|link}}">Game Design</a></li>
							<li><a href="{{"programming"|link}}">Programmierung</a></li>
						</ul>
					</nav>

				<!-- Main -->
					<div id="main">
						<!-- Content -->
							<section id="content" class="main special">
								{% if current_page.meta.Image %}
								<span class="image main"><img src="{{ theme_url }}/images/{{current_page.meta.Image}}" alt="" /></span>
								{% endif %}
								<header class="major">
									<p>{{current_page.content}}</p>
								</header>
							</section>
							{% set ralign = false %}
							{% if current_page.tree_node.children %}
							{% set childPages = current_page.tree_node.children|map("page") %}
							{% for child in childPages|sort_by(['meta','ReleaseIndex'])|reverse if child %}
								{% if child.title %}
								<section id="content" class="main">
									{% if ralign == true %}
									<header class="major secondary">
									{% else %}
									<header class="major">
									{% endif %}
										<h2>{{child.title}}</h2>
									</header>
									{% if ralign == true %}
									<p class="secondary">{{child.description}}</p>
									{% else %}
									<p>{{child.description}}</p>
									{% endif %}
									<ul class="actions">
										{% if ralign == true %}
										<li class="secondary"><a href="{{child.url}}" class="button">Weiterlesen</a></li>
										{% set ralign = false %}
										{% else %}
										<li><a href="{{child.url}}" class="button">Weiterlesen</a></li>
										{% set ralign = true %}
										{% endif %}
									</ul>
								</section>
							{% endif %}
							{% endfor %}
							{% endif %}
					</div>

				<!-- Footer -->
					<footer id="footer">
						<section>
							{% if pages._meta.meta.FooterTitle and pages._meta.meta.FooterText %}
							<h2>{{pages._meta.meta.FooterTitle}}</h2>
							<p>{{pages._meta.meta.FooterText}}</p>
							{% endif %}
							<ul class="actions">
								<li><a href="" class="button" onclick="topFunction()"><span class="icon fa-angle-up"></span></a></li>
							</ul>
						</section>
						<section>
							<h2>Kontakt</h2>
							<dl class="alt">
								{% if pages._meta.meta.AddressStreet and pages._meta.meta.AddressTown and pages._meta.meta.AddressZip and pages._meta.meta.AddressCountry %}
								<dt>Address</dt>
								<dd>{{pages._meta.meta.AddressStreet}} &bull; {{pages._meta.meta.AddressTown}}, {{pages._meta.meta.AddressZip}} &bull; {{pages._meta.meta.AddressCountry}}</dd>
								{% endif %}
								{% if pages._meta.meta.Phone %}
								<dt>Phone</dt>
								<dd>{{pages._meta.meta.Phone}}</dd>
								{% endif %}
								{% if pages._meta.meta.Email %}
								<dt>Email</dt>
								<dd><a href="mailto:{{pages._meta.meta.Email}}">{{pages._meta.meta.Email}}</a></dd>
								{% endif %}
							</dl>
							<ul class="icons">
								{% for social in pages._meta.meta.social %}
								<li><a href="{{social.url}}" class="icon {{social.icon}}"><span class="label">{{social.title}}</span></a></li>
								{% endfor %}
							</ul>
						</section>
						<p class="copyright">&copy; {{ pages._meta.meta.Copyright }}. Design: <a href="https://html5up.net">HTML5 UP</a>. Ported to Pico by Karathan
						{% if pages._meta.meta.Branch %}
							<br/>
							<span class="icon fa-code-fork"></span> {{pages._meta.meta.Branch}} 
							{% if pages._meta.meta.Commit %}
							- {{pages._meta.meta.Commit}} 
							{% endif %}
						{% endif %}
						</p>
					</footer>

			</div>

		<!-- Scripts -->
			<script src="{{ theme_url }}/assets/js/jquery.min.js"></script>
			<script src="{{ theme_url }}/assets/js/jquery.scrollex.min.js"></script>
			<script src="{{ theme_url }}/assets/js/jquery.scrolly.min.js"></script>
			<script src="{{ theme_url }}/assets/js/browser.min.js"></script>
			<script src="{{ theme_url }}/assets/js/breakpoints.min.js"></script>
			<script src="{{ theme_url }}/assets/js/util.js"></script>
			<script src="{{ theme_url }}/assets/js/main.js"></script>

	</body>
</html>