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

Initial commit

Browse Source
This commit is contained in:
Nathan Chapman 2019-06-09 10:00:02 -07:00
commit 1bfc826acd
6 changed files with 106 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
.DS_Store

0
fonts/.keep Normal file
View File

0
images/.keep Normal file
View File

49
index.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<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="img/favicon.ico">
<title>Nathan Chapman</title>
<meta content="" name="description">
<meta content="" name="keywords">
<link href="styles/index.css" rel="stylesheet">
</head>
<body>
<header>
<h3>Websites <em>by</em> <br>
Nathan Chapman</h3>
</header>
<main>
<article>
<section>
<h1>Simple websites. No fluff.</h1>
<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 is some polish.</p>
<p><strong>$200</strong> flat fee. Seriously.</p>
<p>Contact me at <a href="mailto:contact@nathanjchapman.com">contact@nathanjchapman.com</a> and let's get you a working website.</p>
</section>
<section>
<h1>My Work</h1>
<ul>
<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>
</main>
<footer>
<p><small><em>Copyright ©2019 Nathan Chapman. All rights reserved.</em></small></p>
</footer>
</body>
</html>

0
scripts/index.js Normal file
View File

55
styles/index.css Normal file
View File

@ -0,0 +1,55 @@
@import url('https://fonts.googleapis.com/css?family=Cormorant+Upright|Cormorant');
html {
font-size: 22px;
}
body {
background-color: white;
font-family: 'Cormorant', sans-serif;
font-weight: 400;
line-height: 1.45;
color: #333;
max-width: 64ch;
margin: 0 auto;
padding-left: 1em;
padding-right: 1em;
}
p {
margin-bottom: 1.25em;
}
h1, h2, h3, h4, h5 {
font-size: 1.75em;
margin: 2.75rem 0 1rem;
font-family: 'Cormorant Upright', sans-serif;
font-weight: 700;
line-height: 1.15;
}
h1 {
margin-top: 0;
/*font-size: 3.052em;*/
}
small {
font-size: 0.8em;
}
header,
footer {
text-align: center;
}
@media all and (max-width: 500px) {
html {
font-size: 17px;
}
body {
line-height: 1.7;
}
}