<!DOCTYPE html>
<html id="html">
	<head>
		<meta charset="utf-8"/>
		<title>Augusto Gunsch</title>
		<link rel="stylesheet" href="{{ url_for('static', filename='stylesheet.css') }}"/>
		<link rel="icon" href="{{ url_for('static', filename='icon.png') }}"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	<body id="body">
		<header id="header">
			<h1 id="title"><a href='/'>Augusto<br>Gunsch</a></h1>

			<nav id="links">
				<a href='contact'>Contact</a>
				<a href='about'>About</a>
				<a href='projects' class='button'>Projects</a>
			</nav>
		</header>

		<div id="page">
			<div id="social">
				<a href="https://git.augustogunsch.com/augusto" target="_blank">
				<img class="icon" src="{{ url_for('static', filename='gitea.png') }}">
				</a>
				<a href="https://github.com/augustogunsch" target="_blank">
				<img class="icon" src="{{ url_for('static', filename='github.png') }}">
				</a>
				<a href="https://www.linkedin.com/in/augusto-gunsch" target="_blank">
				<img class="icon" src="{{ url_for('static', filename='linkedin.png') }}">
				</a>
			</div>
			<main id="main">
				<figure id="quote">
					<blockquote>
						{{ quote }}
					</blockquote>
					<figcaption>{{ author }}</figcaption>
				</figure>
				<div id="slogan">
					<div id="circle"></div>
					<div id="circle-behind"></div>
					I turn <mark>ideas</mark><br>into<br><mark id="typing"><noscript>software</noscript></mark>.
				</div>
			</main>
		</div>
	</body>
	<script src="{{ url_for('static', filename='index.js') }}"></script>
</html>