{% extends 'templates/main-layout.twig' %}

{% set bodyClasses = 'about' %}
{% set page_title = 'Über' %}

{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" media="all" href="/assets/css/about.css" type="text/css">
{% endblock %}

{% block content %}

	<div id="contentsInner">
		<header class="contentsTtl">
			<h1>About</h1>
			<h2>My skills and contact information.</h2>
		</header>
		<div class="mainLogo">
			<span class="txt">
				<svg viewBox="0 0 180 34">
					<use xlink:href="#logoTxt"></use>
				</svg>
			</span>
			<span class="mark">
				<svg viewBox="0 0 180 220">
					<use xlink:href="#logoMark"></use>
				</svg>
			</span>
		</div>
		<div class="description">
			<p>I'm a developer / Veranstaltungstechniker.</p>
		</div>
{#		<h2 class="ttl">Programmierung</h2>
		<ul class="skills">
			<li>HTML</li>
			<li>CSS</li>
			<li>JavaScript</li>
			<li>jQuery</li>
			<li>PHP</li>
			<li>MySQL</li>
			<li>C</li>
			<li>Embedded</li>
			<li>Linux</li>
			<li>Windows</li>
			<li>MacOS</li>
			<li>Git</li>
		</ul>
		<h2 class="ttl">Sonstiges</h2>
		<ul class="skills">
			<li>Elektronik Reparaturen</li>
			<li>Wartungen</li>
		</ul>
		
		<h2 class="ttl">Contact</h2>
		<p class="email">
			<a class="notransition" href="m&#x61;i&#x6C;t&#x6F;&#x3A;a&#x64;&#x6D;i&#x6E;&#x40;&#x64;e&#x65;&#x66;&#x75;&#x73;&#x65;.&#x64;&#x65;" target="_blank">a&#x64;&#x6D;i&#x6E;&#x40;d&#x65;&#x65;&#x66;&#x75;&#x73;e&#x2E;&#x64;&#x65;</a>	
		</p>
	#}
		<h2 class="ttl">Impressum</h2>

		<h3 class="ttl">Angaben gem&auml;&szlig; &sect; 5 TMG</h3>
		<p>Maximilian Schwarz<br />
		Fr&uuml;hlingstra&szlig;e 2<br />
		91798 H&ouml;ttingen</p>
		<br/>
		<h2>Kontakt</h2>
		{#<p>Telefon: +49 (0) 171 86 84 920<br />#}
		E-Mail: <a class="notransition" href="m&#x61;i&#x6C;t&#x6F;&#x3A;a&#x64;&#x6D;i&#x6E;&#x40;&#x64;e&#x65;&#x66;&#x75;&#x73;&#x65;.&#x64;&#x65;" target="_blank">a&#x64;&#x6D;i&#x6E;&#x40;d&#x65;&#x65;&#x66;&#x75;&#x73;e&#x2E;&#x64;&#x65;</a>	
		</p>

		<p>Quelle: <a href="https://www.e-recht24.de">https://www.e-recht24.de</a></p>

		{#
		<ul class="sns">
			<li class="facebook">
				<a href="https://www.facebook.com/takumi0125" target="_blank">
					<svg viewBox="0 0 160 160">
						<use xlink:href="#iconFacebook"></use>
					</svg>
				</a>
			</li>
			<li class="twitter">
				<a href="https://twitter.com/tkm0125" target="_blank">
					<svg viewBox="0 0 160 160">
						<use xlink:href="#iconTwitter"></use>
					</svg>
				</a>
			</li>
			<li class="instagram">
				<a href="https://www.instagram.com/tkm0125/" target="_blank">
					<svg viewBox="0 0 160 160">
						<use xlink:href="#iconInstagram"></use>
					</svg>
				</a>
			</li>
			<li class="pinterest">
				<a href="https://jp.pinterest.com/takumi0125/" target="_blank">
					<span>
						<svg viewBox="0 0 160 160">
							<use xlink:href="#iconPinterest"></use>
						</svg>
					</span>
				</a>
			</li>
			<li class="tumblr">
				<a href="http://tkm0125.tumblr.com/" target="_blank">
					<span>
						<svg viewBox="0 0 160 160">
							<use xlink:href="#iconTumblr"></use>
						</svg>
					</span>
				</a>
			</li>
			<li class="flickr">
				<a href="https://www.flickr.com/photos/takumi0125/" target="_blank">
					<span>
						<svg viewBox="0 0 160 160">
							<use xlink:href="#iconFlickr"></use>
						</svg>
					</span>
				</a>
			</li>
			<li class="github">
				<a href="https://github.com/takumi0125" target="_blank">
					<span>
						<svg viewBox="0 0 160 160">
							<use xlink:href="#iconGithub"></use>
						</svg>
					</span>
				</a>
			</li>
		</ul>
		#}
	</div>

{% endblock %}

{% block scripts %}
	{{ parent() }}
	<script src="/assets/js/about.js" type="text/javascript"></script>
{% endblock %}