Update styles and year
This commit is contained in:
Nathan Chapman
parent
5f4a4ce8fe
commit
2ab5502f94
38
index.html
38
index.html
@ -10,9 +10,9 @@
|
||||
<title>Nathan Chapman</title>
|
||||
|
||||
<meta content="Composer for film, games, and other mediums." name="description">
|
||||
<meta content="websites, web design, custom, simple, fast, clean, html, css, javascript, designer, writer" name="keywords">
|
||||
<meta content="music, composer, audio, mixing, mastering, video games, film, classical, soundtrack, soundtracks, " name="keywords">
|
||||
|
||||
<link href="styles/index.css" rel="stylesheet">
|
||||
<link href="/styles/index.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
@ -24,25 +24,27 @@
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<h1>Music</h1>
|
||||
<section>
|
||||
<h3>About</h3>
|
||||
<p>I'm 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. Currently working out of Utah.</p>
|
||||
<p><a href="mailto:contact@nathanjchapman.com">Contact me</a></p>
|
||||
</section>
|
||||
<section>
|
||||
<h3>Albums</h3>
|
||||
<div class="albums-list">
|
||||
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=1800198375/size=large/bgcol=ffffff/linkcol=843733/minimal=true/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=843733/minimal=true/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=843733/minimal=true/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=843733/minimal=true/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/senescence">Senescence by Nathan Chapman</a></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<article>
|
||||
<h1>Music</h1>
|
||||
<section>
|
||||
<h3>About</h3>
|
||||
<p>I'm 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. Currently working out of Utah.</p>
|
||||
<p><a href="mailto:contact@nathanjchapman.com">Contact me</a></p>
|
||||
</section>
|
||||
<section>
|
||||
<h3>Albums</h3>
|
||||
<div class="albums-list">
|
||||
<iframe src="https://bandcamp.com/EmbeddedPlayer/album=1800198375/size=large/bgcol=ffffff/linkcol=843733/minimal=true/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=843733/minimal=true/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=843733/minimal=true/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=843733/minimal=true/transparent=true/" seamless><a href="https://music.nathanjchapman.com/album/senescence">Senescence by Nathan Chapman</a></iframe>
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p><small>Copyright ©2020 Nathan Chapman. All rights reserved.</small></p>
|
||||
<p><small>Copyright ©2021 Nathan Chapman. All rights reserved.</small></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -76,14 +76,14 @@ section {
|
||||
.albums-list {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: space-around;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
iframe {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
border: 0;
|
||||
height: 350px;
|
||||
width: 350px;
|
||||
height: 400px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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="../img/favicon.ico">
|
||||
<link rel="shortcut icon" href="/images/favicon.ico">
|
||||
|
||||
<title>Nathan Chapman</title>
|
||||
|
||||
@ -24,27 +24,30 @@
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<h1>Websites</h1>
|
||||
<section>
|
||||
<h3>Simple websites. No fluff.</h3>
|
||||
<p>Actively avoiding parallax-scrolling, bootstrap, WordPress, Squarespace, and any other main-stream, bloated, monster-of-a-website "framework" designed to accommodate every possible solution known to the wet blanket of clientele.</p>
|
||||
<p>Designing around good writing, typography, and a few visual elements (colors and shapes) to give some polish.</p>
|
||||
<p><a href="mailto:contact@nathanjchapman.com">Contact me</a> and let's get you a working website.</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3>My Work</h3>
|
||||
<ul>
|
||||
<li><a href="https://jhcillustration.com/">JHC Illustration</a></li>
|
||||
<li><a href="https://jjayberthumemusic.com/">JJay Berthume Music</a></li>
|
||||
<li><a href="http://wallyworks.net/">Wallyworks Construction</a></li>
|
||||
<li><a href="https://owlsprit.com/">Owl Sprit Cafe</a></li>
|
||||
<li><a href="http://ptdefense.com/">PT Defense</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<article>
|
||||
<h1>Websites</h1>
|
||||
<section>
|
||||
<h3>Simple websites. No fluff.</h3>
|
||||
<p>Actively avoiding parallax-scrolling, bootstrap, WordPress, Squarespace, and any other main-stream, bloated, monster-of-a-website "framework" designed to accommodate every possible solution known to the wet blanket of clientele.</p>
|
||||
<p>Designing around good writing, typography, and a few visual elements (colors and shapes) to give some polish.</p>
|
||||
<p><a href="mailto:contact@nathanjchapman.com">Contact me</a> and let's get you a working website.</p>
|
||||
</section>
|
||||
<section>
|
||||
<h3>My Work</h3>
|
||||
<ul>
|
||||
<li><a href="https://aylafavati.com/">Ayla Favati</a></li>
|
||||
<li><a href="https://jhcillustration.com/">JHC Illustration</a></li>
|
||||
<li><a href="https://jjayberthumemusic.com/">JJay Berthume Music</a></li>
|
||||
<li><a href="http://wallyworks.net/">Wallyworks Construction</a></li>
|
||||
<li><a href="https://owlsprit.nathanjchapman.com/">Owl Sprit Cafe</a></li>
|
||||
<li><a href="http://ptdefense.com/">PT Defense</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p><small>Copyright ©2020 Nathan Chapman. All rights reserved.</small></p>
|
||||
<p><small>Copyright ©2021 Nathan Chapman. All rights reserved.</small></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user