71 lines
3.7 KiB
HTML
71 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
|
|
<meta content="width=device-width, initial-scale=1" name="viewport">
|
|
|
|
<link rel="shortcut icon" href="/images/favicon.ico">
|
|
|
|
<title>About | Nathan Chapman</title>
|
|
|
|
<meta name="author" content="Nathan Chapman">
|
|
<meta content="Custom websites and web applications. Stand out from the crowd with a custom built website, just the way you want it." name="description">
|
|
<meta content="websites, web design, custom, simple, fast, clean, html, css, javascript, designer, writer" name="keywords">
|
|
|
|
<link href="/styles/normalize.css" rel="stylesheet">
|
|
<link href="/styles/main.css?v=3" rel="stylesheet">
|
|
|
|
<script type="module" src="/scripts/index.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Nathan Chapman</h1>
|
|
<p><em>Web designer and developer</em></p>
|
|
<nav>
|
|
<a href="/" class="">Portfolio</a>
|
|
<a href="/about" class="">About</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<article>
|
|
<h2>About</h2>
|
|
<section>
|
|
<p>I'm a web developer and designer. I make websites and web applications.
|
|
|
|
<p>I got into web development because there was a frustration with people around me wanting a simple, fast, custom site that didn't come from a run-of-the-mill template or theme.</p>
|
|
<p>I got into web application development because there was a constant frustration with spreadsheets getting out of control and requiring too much maintenance to be useful.</p>
|
|
</section>
|
|
<section>
|
|
<h5>Albums</h5>
|
|
<p>I'm also a composer for film, games, and other mediums. I created the soundtracks to the online stories the <a href="http://www.lastwebsite.io/">Last Website</a> and the <a href="https://www.novella.io/novellas/the-story-of-red">Story Of Red</a>, a small short <a href="https://www.youtube.com/watch?v=wJ1p_cZ5krc">Simple Killjoy</a>, and other projects. I received my first introduction to music production and composition in High School and have been pursuing the craft ever since.</p>
|
|
<div class="albums-list">
|
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=1800198375/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/unresolved">Unresolved by Nathan Chapman</a></iframe>
|
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=410332369/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/the-last-website-remastered">The Last Website (Remastered) by Nathan Chapman</a></iframe>
|
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/track=1372576239/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/track/blue-notes">Blue Notes by Nathan Chapman</a></iframe>
|
|
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=3163445596/size=large/bgcol=ffffff/linkcol=00AFD7/tracklist=false/artwork=small/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/senescence">Senescence by Nathan Chapman</a></iframe>
|
|
</div>
|
|
</section>
|
|
</article>
|
|
|
|
</main>
|
|
|
|
<button id="to-top-button" class="button" title="Go to top">↑</button>
|
|
|
|
<footer>
|
|
<section id="contact">
|
|
<h5>Want to work with me?</h5>
|
|
<p><a href="mailto:contact@nathanjchapman.com">Email me</a> and let's start a conversation.</p>
|
|
</section>
|
|
<section>
|
|
<p>
|
|
<a href="/" class="">Portfolio</a>
|
|
<a href="/about" class="">About</a>
|
|
</p>
|
|
<p><small>Copyright ©<span id="year"></span> Nathan Chapman. All rights reserved.</small></p>
|
|
</section>
|
|
</footer>
|
|
</body>
|
|
</html> |