nathan/nathanjchapman
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update styles and year

Browse Source
This commit is contained in:
Nathan Chapman 2021-01-11 17:13:49 -07:00
parent 5f4a4ce8fe
commit 2ab5502f94
3 changed files with 48 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
index.html
View File

@ -10,9 +10,9 @@
<title>Nathan Chapman</title> <title>Nathan Chapman</title>
<meta content="Composer for film, games, and other mediums." name="description"> <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> </head>
<body> <body>
<header> <header>
@ -24,25 +24,27 @@
</header> </header>
<main> <main>
<h1>Music</h1> <article>
<section> <h1>Music</h1>
<h3>About</h3> <section>
<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> <h3>About</h3>
<p><a href="mailto:contact@nathanjchapman.com">Contact me</a></p> <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>
</section> <p><a href="mailto:contact@nathanjchapman.com">Contact me</a></p>
<section> </section>
<h3>Albums</h3> <section>
<div class="albums-list"> <h3>Albums</h3>
<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> <div class="albums-list">
<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/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/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=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/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> <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>
</div> <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>
</section> </div>
</section>
</article>
</main> </main>
<footer> <footer>
<p><small>Copyright ©2020 Nathan Chapman. All rights reserved.</small></p> <p><small>Copyright ©2021 Nathan Chapman. All rights reserved.</small></p>
</footer> </footer>
</body> </body>
</html> </html>

8
styles/index.css
View File

@ -76,14 +76,14 @@ section {
.albums-list { .albums-list {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
justify-content: space-around; justify-content: space-between;
} }
iframe { iframe {
margin-top: 1em; margin-bottom: 1em;
border: 0; border: 0;
height: 350px; height: 400px;
width: 350px; width: 400px;
} }

45
websites/index.html
View File

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport"> <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> <title>Nathan Chapman</title>
@ -24,27 +24,30 @@
</header> </header>
<main> <main>
<h1>Websites</h1> <article>
<section> <h1>Websites</h1>
<h3>Simple websites. No fluff.</h3> <section>
<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> <h3>Simple websites. No fluff.</h3>
<p>Designing around good writing, typography, and a few visual elements (colors and shapes) to give some polish.</p> <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><a href="mailto:contact@nathanjchapman.com">Contact me</a> and let's get you a working website.</p> <p>Designing around good writing, typography, and a few visual elements (colors and shapes) to give some polish.</p>
</section> <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> <section>
<ul> <h3>My Work</h3>
<li><a href="https://jhcillustration.com/">JHC Illustration</a></li> <ul>
<li><a href="https://jjayberthumemusic.com/">JJay Berthume Music</a></li> <li><a href="https://aylafavati.com/">Ayla Favati</a></li>
<li><a href="http://wallyworks.net/">Wallyworks Construction</a></li> <li><a href="https://jhcillustration.com/">JHC Illustration</a></li>
<li><a href="https://owlsprit.com/">Owl Sprit Cafe</a></li> <li><a href="https://jjayberthumemusic.com/">JJay Berthume Music</a></li>
<li><a href="http://ptdefense.com/">PT Defense</a></li> <li><a href="http://wallyworks.net/">Wallyworks Construction</a></li>
</ul> <li><a href="https://owlsprit.nathanjchapman.com/">Owl Sprit Cafe</a></li>
</section> <li><a href="http://ptdefense.com/">PT Defense</a></li>
</ul>
</section>
</article>
</main> </main>
<footer> <footer>
<p><small>Copyright ©2020 Nathan Chapman. All rights reserved.</small></p> <p><small>Copyright ©2021 Nathan Chapman. All rights reserved.</small></p>
</footer> </footer>
</body> </body>
</html> </html>