<!doctype html>

<head id="www-lastfuture-de">
	<meta charset="utf-8">

	<title>lastfuture</title>

	<meta name="description" content="personal website" />
	<meta name="author" content="▧" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<link rel="preload" fetchpriority="high" as="image" href="img/bg_blur.jpg" type="image/jpeg">
	<link rel="stylesheet" href="style.css" />

	<script src="js/three.min.js"></script>
	<script src="functions.js" defer></script>

</head>

<body>

	<div id="base" class="headlineshadow">

		<header>
			<div id="greeting">
				<div id="icosahedron-container" class="avatar"></div>
				<span class="line1">hello!</span>
				<span class="line2">my name is</span>
				<span class="line3">alina marquardt</span>
			</div>
		</header>
		<aside>
			<section class="iam">
				<span class="line1">i am a senior</span>
				<span class="line2 bigline"><em>UX/UI designer</em></span>
				<span class="line3">&amp; electronic musician</span>
				<span class="line4">based in germany</span>
			</section>
		</aside>
		<aside>
			<section class="findme">
			<span class="line1">please also see</span>
				<ul>
					<li class="line2 bigline"><a href="https://git.broken.graphics/explore/repos" target="_blank">my <em>git repos</em></a></li>
					<li class="line3 bigline"><a href="https://lastfuture.bandcamp.com/" target="_blank">my <em>bandcamp</em></a></li>
				</ul>
			</section>
		</aside>
	</div>

	<div id="maincontent">

		<div class="column">

			<section class="box" id="music">
				<header class="blurgreen headlineshadow"><h1><em>music</em> releases<img class="icon" src="img/head-music.png" width="69" height="77" alt></h1></header>
				<article class="opaque whitebg album">
					<a href="https://lastfuture.bandcamp.com/track/misinterpreter-2" target="_blank">
						<img class="albumcover" src="img/album/lastfuture_-_misinterpreter.jpg" />
						<h2>lastfuture <em>misinterpreter</em></h2>
						<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
					</a>
				</article>
				<div class="clearfix"></div>
				<article class="opaque whitebg album">
					<a href="https://lastfuture.bandcamp.com/album/signal-to-noise" target="_blank">
						<img class="albumcover" src="img/album/lastfuture_-_signal_to_noise.jpg" />
						<h2>lastfuture <em>signal to noise</em></h2>
						<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
					</a>
				</article>
				<div class="clearfix"></div>
				<article class="opaque whitebg album">
					<a href="https://lastfuture.bandcamp.com/album/dreamshifter" target="_blank">
						<img class="albumcover" src="img/album/lastfuture_-_dreamshifter.jpg" />
						<h2>lastfuture <em>dreamshifter</em></h2>
						<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
					</a>
				</article>
				<div class="clearfix"></div>
				<article class="opaque whitebg album">
					<a href="https://lastfuture.bandcamp.com/album/reverse-kill" target="_blank">
						<img class="albumcover" src="img/album/lastfuture_-_reverse_kill.jpg" />
						<h2>lastfuture <em>reverse kill</em></h2>
						<div class="listenbuy"><em>listen</em> or <em>buy</em> on bandcamp</div>
					</a>
				</article>
			</section>
		</div>

	</div>

</body>
</html>