Karathan
/
karathan-blog


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
							<!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}}</h1>
						<p>{{pages._meta.meta.Slogan}}</p>
					</header>

				<!-- Nav -->
					<nav id="nav">
						<ul>
							{% for page in pages if page.title and page.meta.Section and not page.hidden %}
								{% set pageDepth = page.id|split('/')|length %}
								{% if pageDepth == 1 %}
									<li><a href="#{{page.meta.Section|lower}}">{{page.title}}</a></li>
								{% endif %}
							{% endfor %}
						</ul>
					</nav>

				<!-- Main -->
					<div id="main">
						{% for page in pages if page.title and page.meta.Section and not page.hidden %}
							{% set pageDepth = page.id|split('/')|length %}
							{% if pageDepth == 1 %}
								<section id="{{page.meta.Section|lower}}" class="{{page.meta.Main ? 'main' : 'main special'}}">
									{% if page.meta.Main %}<div class="spotlight">{% endif %}
										<div class="content">
											<header class="major">
												<h2>{{page.title}}</h2>
												{% if page.description %}
													<p>{{page.description}}</p>
												{% endif %}
											</header>
											{{page.id|content}}
											{% if page.meta.ActionTarget and page.meta.ActionName %}
												<ul class="{{page.meta.Main ? 'actions' : 'actions special'}}">
													<li><a href="{{page.meta.ActionTarget}}" class="{{ page.meta.ActionPrimary ? 'button primary' : 'button'}}">{{page.meta.ActionName}}</a></li>
												</ul>
											{% endif %}
										</div>
										{% if page.meta.Image and page.meta.Main %}
											<span class="image"><img src="{{ theme_url }}/images/{{page.meta.image}}"</span>
										{% endif %}
									{% if page.meta.Main %}</div>{% endif %}
								</section>
							{% endif %}
						{% endfor %}
					</div>

				<!-- Footer -->
					<footer id="footer">
						<section>
							{% if pages._meta.meta.SloganTitle and pages._meta.meta.Slogan %}
							<h2>{{pages._meta.meta.SloganTitle}}</h2>
							<p>{{pages._meta.meta.Slogan}}</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; {{ site_title }}. Design: <a href="https://html5up.net">HTML5 UP</a>. Ported to Pico by Karathan</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>