forked from jlord/hello
-
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
Jessica Lord
committed
Jun 30, 2014
1 parent
658c845
commit 615f809
Showing
2 changed files
with
26 additions
and
64 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 |
|---|---|---|
| @@ -1,62 +1,23 @@ | ||
| /* Stylez */ | ||
| body {font-family: Quicksand, Merriweather; margin: 0 auto; background: #efefef; line-height: 1.4em; padding: 12px;} | ||
| .wrapper {box-sizing: border-box; background: #fff; box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; padding: 0px 40px; min-height: 100%; overflow: auto; } | ||
| body {font-family: Source Sans Pro, Bitter, Quicksand, Merriweather; margin: 0 auto; background: #efefef; line-height: 1.8em; padding: 12px; box-sizing: border-box; color: #333;} | ||
| body, html {height: 100%;} | ||
|
|
||
| .wrapper {box-sizing: border-box; background: #fff; box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; height: 100%; overflow: auto; } | ||
|
|
||
| a {color: #777; text-decoration: none;} | ||
|
|
||
| a {color: #777; text-decoration: none; border-bottom: 1px solid #CCFF26;} | ||
| a:hover {border-bottom: 1px solid #CCFF26; color: #222} | ||
| p {font-weight: 200; font-size: 20px;} | ||
|
|
||
| .name {font-family: Playfair Display; font-size: 50px; font-weight: 900; padding-bottom: 20px;} | ||
|
|
||
| h4 {font-family: Quicksand, Source Sans Pro, "Helvetica Neue", "Arial", sans-serif; font-weight: 700;} | ||
| p {font-weight: 400;} | ||
| .container {margin: 0 auto; width: 600px; height: 400px; padding: 80px 0px; overflow: auto;} | ||
|
|
||
| article {padding: 8px 0;} | ||
| section {padding-top: 24px;} | ||
| .meta {text-transform: uppercase; font-family: Courier New, Quicksand, "Helvetica Neue", "Arial", sans-serif; font-size: 11px; letter-spacing: .15em;} | ||
| .meta a:hover {border-bottom: 1px solid #CCFF26; color: #333;} | ||
|
|
||
| .container {width: 600px; margin: 0 auto; padding: 60px 20px;} | ||
| .meta {text-transform: uppercase; font-family: Quicksand, "Helvetica Neue", "Arial", sans-serif; font-size: 11px; letter-spacing: .15em;} | ||
| .meta a:hover {border-bottom: 1px solid #CCFF26; color: #222;} | ||
| .inline-list {list-style: none; margin: 0; padding: 0;} | ||
| .inline-list li {display: inline-block;} | ||
| .load {font-family: Quicksand, Source Sans Pro, "Helvetica Neue", "Arial", sans-serif; color: #CCFF26; font-weight: 900; border: 1px dashed #CCFF26; padding: 3px 4px; border-radius: 2px; opacity: .5;} | ||
| .name {font-family: Quicksand, "Ceviche One"; font-size: 60px;} | ||
| .tleft {text-align: left;} | ||
| .half {min-width: 270px; max-width: 320px; vertical-align: top; display: inline-block;} | ||
| .right {float: right;} | ||
|
|
||
| /* Twitter */ | ||
| #tweet p {font-size: 12px;} | ||
|
|
||
| /* Instagrams */ | ||
| #instagram {margin: 0 auto;} | ||
| .one-gram {display: inline;} | ||
| .one-gram img {border: 5px solid #fafafa;} | ||
|
|
||
|
|
||
| /*! | ||
| Animate.css - http://daneden.me/animate | ||
| Licensed under the MIT license | ||
| */ | ||
|
|
||
| .animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} | ||
|
|
||
| @-webkit-keyframes flash { | ||
| 0%, 50%, 100% { | ||
| opacity: 1; | ||
| } | ||
|
|
||
| 25%, 75% { | ||
| opacity: 0; | ||
| } | ||
| } | ||
|
|
||
| @keyframes flash { | ||
| 0%, 50%, 100% { | ||
| opacity: 1; | ||
| } | ||
|
|
||
| 25%, 75% { | ||
| opacity: 0; | ||
| } | ||
| } | ||
|
|
||
| .flash {-webkit-animation-name: flash; animation-name: flash;} | ||
| footer .inline-list li {padding-right: 40px;} | ||
| footer {margin: 0 auto; position: absolute; bottom: 0px; padding: 40px 0; width: 600px;} |
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 |
|---|---|---|
| @@ -1,10 +1,8 @@ | ||
| <!doctype html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> | ||
| <script type="text/javascript" src="js/tabletop1.3.4.js"></script> | ||
| <script type="text/javascript" src="js/sheetsee.js"></script> | ||
| <script type="text/javascript" src="js/socialbits.js"></script> | ||
| <!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> --> | ||
| <link href='http://fonts.googleapis.com/css?family=Ceviche+One|Merriweather|Source+Sans+Pro|Quicksand' rel='stylesheet' type='text/css'> | ||
| <link rel="stylesheet" type="text/css" href="css/style.css"> | ||
| <link rel="icon" href="favicon.png" type="image/x-icon"> | ||
|
|
@@ -14,15 +12,18 @@ | |
| <div class="wrapper"> | ||
| <div class="container"> | ||
| <header> | ||
| <h1 class="name">Jane Smith</h1> | ||
| <p>This is a short bio about what I like and what I do.</p> | ||
| <ul class="inline-list meta"> | ||
| <li><a href="http://www.twitter.com/" target="_blank">Twitter</a></li> | ||
| <li><a href="http://www.instagram.com/" target="_blank">Instagram</a></li> | ||
| <li><a href="http://www.github.com/" target="_blank">GitHub</a></li> | ||
| </ul> | ||
| <h1 class="name"><em>jlord</em></h1> | ||
| <p>I'm an <a href="http://en.wikipedia.org/wiki/Open-source_software" target="_blank">open source</a> developer and designer living in Oakland, California. Far, far away from my <a href="http://en.wikipedia.org/wiki/Central_Georgia" target="_blank">East Coast US roots</a>. I work at <a href="http://www.github.com/about" target="_blank">GitHub</a>, mentor at programming events (<a href="http://www.nodeschoo.io">NodeSchool.io</a>, <a href="https://github.com/blog/1805-patchwork-night" target="_blank">Patchwork</a>) and do some conferences, too.</p> | ||
| <p> Previously I was an <a href="www.bostonredevelopmentauthority.org" target="_blank">urban designer</a>, but the call of the wild open tech world would win me over.</p> | ||
| </header> | ||
| </div> | ||
|
|
||
| <footer> | ||
| <ul class="meta inline-list"> | ||
| <li><a href="mailtop:[email protected]">[email protected]</a></li> | ||
| <li><a href="http://www.twitter.com/jllord" target="_blank">twitter/jllord</a></li> | ||
| <li><a href="http://www.github.com/jlord" target="_blank">github/jlord</a></li> | ||
| </ul> | ||
| </footer> | ||
| </div> | ||
| </body> | ||
| </html> | ||