about.html

<!doctype html>
<html lang="en">
<head>
	<title>Jeremy Elder | About</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/style.css">
	<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
	<link rel="icon" href="img/favicon.ico">
	<!--[if IE]>
		<link rel="shortcut icon" href="img/favicon.ico">
	<![endif]-->
	<meta name="msapplication-TileColor" content="#000">
	<meta name="msapplication-TileImage" content="img/win8-tile-icon.png">
	<meta name="theme-color" content="#000000">
	<link rel="mask-icon" href="img/mask-icon.svg" color="#000000">

	<script>
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

		ga('create', 'UA-39355668-1', 'auto');
		ga('send', 'pageview');
	</script>
</head>
<body>

	<header class="header" role="banner">
		<a href="#content" class="skip-link">Skip to Main Content</a>
		<a href="/" class="brand"><img src="img/je-badge.svg" role="img" alt="Jeremy Elder"></a>
		<nav class="nav-primary-container">
			<ul class="nav-primary-list">
				<li class="nav-primary-item"><a href="/">Work</a></li>
				<li class="nav-primary-item is-current"><a href="/about.html">About</a></li>
			</ul>
		</nav>
	</header>

	<main id="content" class="main">
		<h1 class="fade1">A work in progress.</h1>

		<p>I’m Jeremy Elder, a Minnesotan designer and since 1999 I’ve been creating responsible and honest work. I’m a fan of clarity over embellishment. I’m keen on taking a project from exploration to design, and bringing it to life with HTML, CSS and JavaScript. While most of my work ends up on a screen, I also dig the stuff that ends up on walls and shelves. To that end I‘ve tackled identity, print, and packaging projects for everything from breweries to churches, and events to causes.</p>

		<p>I get my inspiration from my wife, kids, many hours on a bike, my faith and loads of music. One day I hope to have self portrait that isn’t as cliché as a vintage black and white print of me staring off into the distance.</p>

		<p class="text-center"><img class="circle circle--avatar" src="img/jeremye.jpg" alt="Obligatory photo of me with a somber expression looking out a window."></p>

		<p>Currently, I’m a Senior Experience Designer for Life Time where I help maintain our <a href="work/core-design-system.html">enterprise design system</a>, serve as an experience lead for several web properties, and also help drive our <a href="work/lt-accessibility.html">accessibility efforts</a>.</p>

		<div class="grid">
			<div class="col">
				<h2 class="h4">Focus Areas</h2>
				<ul class="small font-sans">
					<li>Product Design</li>
					<li>System Design</li>
					<li>UX/UI</li>
					<li>Design Systems</li>
					<li>Accessibility</li>
					<li>Front-end Development</li>
					<li>Email Development</li>
					<li>Brand</li>
					<li>Illustration</li>
					<li>Iconography</li>
					<li>Packaging</li>
				</ul>
			</div>

			<div class="col">
				<h2 class="h4">Contact</h2>
				<ul class="small font-sans">
					<li><a href="https://dribbble.com/jeremyelder" target="_blank" rel="noopener">Dribbble <span class="sr-only">(external link)</span></a></li>
					<li><a href="https://twitter.com/jeremyelder" target="_blank" rel="noopener">Twitter <span class="sr-only">(external link)</span></a></li>
					<li><a href="https://www.linkedin.com/in/jeremyelder/" target="_blank" rel="noopener">LinkedIn <span class="sr-only">(external link)</span></a></li>
				</ul>
			</div>
		</div>
	</main>

	<footer class="footer">
		<p class="colophon">&copy; <script type="text/javascript">document.write(new Date().getFullYear());</script> Jeremy Elder</p>
		<nav class="nav-connect-container">
			<ul class="nav-connect-list">
				<li class="nav-connect-item"><a href="https://dribbble.com/jeremyelder" target="_blank" rel="noopener"><img src="img/dribbble.svg" role="img" alt="dribbble"></a></li>
				<li class="nav-connect-item"><a href="https://twitter.com/jeremyelder" target="_blank" rel="noopener"><img src="img/twitter.svg" role="img" alt="twitter"></a></li>
				<li class="nav-connect-item"><a href="https://www.linkedin.com/in/jeremyelder/" target="_blank" rel="noopener"><img src="img/linkedin.svg" role="img" alt="linkedin"></a></li>
			</ul>
		</nav>
	</footer>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
	<script>
		if( !window.jQuery ) document.write('<script src="js/jquery-3.0.0.min.js"><\/script>');
	</script>
	<script src="/js/main.js"></script>
</body>
</html>