-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit be7c0f7
Showing
3 changed files
with
205 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,71 @@ | ||
| <!doctype html> | ||
|
|
||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" type="text/css" href="style.css"> | ||
| <link href='https://fonts.googleapis.com/css?family=Mrs+Sheppards' rel='stylesheet' type='text/css'> | ||
| <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:300,700' rel='stylesheet' type='text/css'> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <div class="text"> | ||
| <p>Hi, I'm</p> | ||
| <h1>Rhett Moxon</h1> | ||
| </div> | ||
| </header> | ||
|
|
||
| <section> | ||
| <h2>Introduction</h2> | ||
| <p>Hi, my name is Rhett Moxon. I refer to myself as a computer artist. I have worked as a graphic designer, web designer and 3d artist. I love the web and am an avid web user. I believe the web ranks at the top of the list of man's technological achievements, | ||
| in the same space as things such as control of fire.</p> | ||
| <p>In the 90’s before I owned a computer and before the invention of smart phones I thought it would be cool to make a website. Back then I had no idea how to do such a thing.</p> | ||
| <p>When I went off to college to get my bachelors’ degree it turned out my school had some classes on web design and interactivity that I could take as electives and I did just that. These classes taught now outdated technologies and techniques but | ||
| I did get to make my first website.</p> | ||
| <p>Years later I now want to switch fulltime into web development and make what was once a hobby my career. </p> | ||
| </section> | ||
|
|
||
| <section> | ||
| <h2>What's important to me</h2> | ||
| <p>Enjoying life to the fullest is very important to me. I believe we only have one life to live and we better make the best of it. Everyday should be taken advantage of, though I’ll be the first to admit a day of complete sloth here and there can | ||
| also be good.</p> | ||
| <p>Family is important to me. Your family will always be your family. They will be the last ones standing with you when things are at their worst and thus your family deserves the utmost respect.</p> | ||
| </section> | ||
|
|
||
| <section> | ||
| <h2>Where I'm from</h2> | ||
| <p>I was born in the cold windy city of Chicago and raised in sunny St. Augustine Florida. I was blessed to grow up in St. Augustine, which is a small historic town on the Atlantic coast of Florida.</p> | ||
| </section> | ||
|
|
||
| <section> | ||
| <h2>My Hobbies</h2> | ||
| <p>Growing up in a small beach town in Florida you are exposed to surfing whether you’re interested in it or not. Being in a surf community you also have a lot of skateboarding, which is what I got involved with in middle school and high school. Towards | ||
| the end of high school I started dabbling with surfing and later got hooked. When there are no waves the next best thing is being out on the water fishing.</p> | ||
| </section> | ||
|
|
||
| <section> | ||
| <h2>My dreamjob</h2> | ||
| <p>My dream job would be working for a good company in Jacksonville Beach Florida or St. Augustine doing web and/or mobile development, front-end and/or back-end, either way.</p> | ||
| </section> | ||
|
|
||
| <section> | ||
| <h2 id="music">Music I've been listening to</h2> | ||
| <p>I used to listen to A LOT of hip-hop. I enjoy what you might call b-boy hip-hop; graffiti, break dancing, scratch dj’ing. There were more acts in the 90’s, when I grew up, that came from this sort of background, but now there is really none left | ||
| in the large hip-hop music industry so I stopped following it.</p> | ||
| <p>Now I listen to mostly electronic music. I try not to get involved with the platitude of different electronic music naming conventions because it always seemed silly to me.</p> | ||
| </section> | ||
|
|
||
| <footer> | ||
| <p>Say hi to me on these social networks:</p> | ||
| <ul> | ||
| <li><a href="#">Github</a></li> | ||
| <li><a href="#">Twitter</a></li> | ||
| <li><a href="#">Google+</a></li> | ||
| </ul> | ||
| </footer> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,134 @@ | ||
| body{ | ||
| margin:0em; | ||
| padding: 0em; | ||
| overflow-x:hidden; | ||
| } | ||
|
|
||
| header { | ||
| text-align: center; | ||
| background-image: url("back.jpg"); | ||
| background-repeat:no-repeat; | ||
| background-position: top center; | ||
| margin: auto; | ||
| padding:5em; | ||
| height:300px; | ||
| position: relative; | ||
| } | ||
|
|
||
| .text{ | ||
| position: absolute; | ||
| top: 45%; | ||
| left: 48%; | ||
| -webkit-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */ | ||
| -ms-transform: translate(-50%, -50%); /* IE 9 */ | ||
| transform: translate(-50%, -50%); /* IE 10, Fx 16+, Op 12.1+ */ | ||
| } | ||
|
|
||
| header p { | ||
| font-size:1.5em; | ||
| line-height: 200%; | ||
| font-family: 'Roboto Slab', serif; | ||
| font-weight: 700; | ||
| color: white; | ||
| margin:0em; | ||
| padding:0em; | ||
| } | ||
|
|
||
| h1, | ||
| h2 { | ||
| font-family: 'Mrs Sheppards', cursive; | ||
| } | ||
|
|
||
| h1 { | ||
| letter-spacing: 4px; | ||
| font-size: 100px; | ||
| color: #FF9966; | ||
| text-shadow: 2px 3px #FF6633; | ||
| margin: 0em auto 0em auto; | ||
| padding:0em; | ||
| line-height: 1em; | ||
| text-align: center; | ||
| } | ||
|
|
||
| section h2:first-child { | ||
| margin-top: 50px; | ||
| } | ||
|
|
||
| h2 { | ||
| font-size: 30px; | ||
| margin-bottom: 0px; | ||
| } | ||
|
|
||
| section { | ||
| max-width: 600px; | ||
| margin: auto; | ||
| padding: 0em 2em 0em 2em; | ||
| } | ||
|
|
||
| section p { | ||
| line-height: 200%; | ||
| font-family: 'Roboto Slab', serif; | ||
| font-weight: 300; | ||
| } | ||
|
|
||
| section p:last-child { | ||
| margin-bottom: 50px; | ||
| } | ||
|
|
||
| footer { | ||
| text-align: center; | ||
| margin: auto; | ||
| background-color: #FF9966; | ||
| padding: 75px 75px 100px 75px; | ||
| color: white; | ||
| } | ||
|
|
||
| ul { | ||
| margin: 0px; | ||
| padding: 0px; | ||
| } | ||
|
|
||
| li { | ||
| display: inline-block; | ||
| text-align: center; | ||
| margin: 0px 10px 0px 10px; | ||
| font-family: 'Roboto Slab', serif; | ||
| font-weight: 700; | ||
| } | ||
|
|
||
| li a { | ||
| color: #660000; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
|
|
||
| @media only screen and (max-width: 500px) { | ||
|
|
||
| header { | ||
| padding:1em 0; | ||
| background-position: bottom right; | ||
| } | ||
|
|
||
| h1 { | ||
| font-size: 4.5rem; | ||
| } | ||
|
|
||
| #music{ | ||
| letter-spacing: -.03rem; | ||
| } | ||
|
|
||
| section { | ||
| padding: 0 1rem; | ||
| } | ||
|
|
||
| footer{ | ||
| padding: 2rem 0rem 3rem 0rem; | ||
| } | ||
|
|
||
| li { | ||
| display: block; | ||
| margin: 1rem 0rem 0rem 0rem; | ||
| } | ||
|
|
||
|
|
||
| } |