├── .gitignore ├── favicon.png ├── screenshot2.png ├── css ├── style.css └── style2.css ├── index.html └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | -------------------------------------------------------------------------------- /favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jlord/hello/HEAD/favicon.png -------------------------------------------------------------------------------- /screenshot2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jlord/hello/HEAD/screenshot2.png -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | /* Stylez */ 2 | body {font-family: Franklin Gothic Book, Source Sans Pro, Helvetica Neue, sans-serif; margin: 0 auto; background: #efefef; line-height: 1.8em; padding: 12px; box-sizing: border-box; color: #333;} 3 | body, html {height: 100%;} 4 | 5 | .wrapper {box-sizing: border-box; background: #fff; box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; height: 100%; overflow: auto; } 6 | 7 | 8 | a {color: #777; text-decoration: none; border-bottom: 1px solid #CCFF26;} 9 | a:hover {border-bottom: 1px solid #CCFF26; color: #222} 10 | p {font-weight: 200; font-size: 20px;} 11 | 12 | .name {font-family: Playfair Display; font-size: 50px; font-weight: 900; padding-bottom: 20px;} 13 | 14 | .container {margin: 0 auto; width: 600px; height: 400px; padding: 80px 12px; overflow: auto;} 15 | 16 | .meta {text-transform: uppercase; font-family: Courier New, Quicksand, "Helvetica Neue", "Arial", sans-serif; font-size: 11px; letter-spacing: .15em;} 17 | .meta a:hover {border-bottom: 1px solid #CCFF26; color: #333;} 18 | 19 | .inline-list {list-style: none; margin: 0; padding: 0;} 20 | .inline-list li {display: inline-block;} 21 | 22 | footer .inline-list li {padding-right: 40px;} 23 | footer {margin: 0 auto; position: absolute; bottom: 0px; padding: 40px 0; width: 600px;} 24 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Hello World 9 | 10 | 11 |
12 |
13 |
14 |

jlord

15 |
16 | 20 | 21 | 28 |
29 |
30 | 31 | 32 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Hello Page 2 | 3 | 4 | 5 | ![screenshot](https://user-images.githubusercontent.com/1305617/45956448-87fec380-bfe0-11e8-8b8c-1bbbee7552c6.png) 6 | 7 | A so very simple personal site. 8 | 9 | This is a [Fork-n-Go](http://jlord.github.io/forkngo) project, so fork to get started making your own. 10 | 11 | See the demo at [jlord.github.io/hello](http://jlord.github.io/hello). 12 | 13 | ## Create your own 14 | 15 | 16 | | You'll Need: | ☟ | 17 | |:---------------------------------------------|:--------------------------------------------------| 18 | | [GitHub](http://www.github.com/join) account | Basic [HTML](http://learn.shayhowe.com/html-css/) | 19 | 20 | 21 | ### First, fork this repository. 22 | 23 | Click the fork button in the upper right. Now you have a copy of this repository on your GitHub account! 24 | 25 | ### Rename your fork 26 | 27 | Once you've forked it, click on Settings and rename your fork, because probably `hello` is not what you want in your URL. Name your new repository: `username.github.io` (but make `username` your username, for instance, I'd use `jlord.github.io`). GitHub will host all website files on the `master` branch of a repo with that account name convention. Woo! More info on that at [pages.github.com](http://www.pages.github.com). 28 | 29 | You can also give it any 'ol name and GitHub will host it using this pattern: `username.github.io/reponame`. Or you can keep it named `hello` and find it at: `username.github.io/hello`. 30 | 31 | ### Make yours live 32 | 33 | 1. From your fork's page on GitHub, click the index.html link, then on the next page click Edit. 34 | 2. Make changes to the HTML so that the site reflects your name and bio. 35 | 8. At the bottom of the site, click the Commit button to save your changes. 36 | 37 | Now your site is live! Go check it out! 38 | 39 | 40 | ### Style 41 | 42 | There are basic styles included in `style.css` but go wild and make it your own, try other things! 43 | 44 | ### Bonus Style 45 | 46 | ![2](screenshot2.png) 47 | 48 | There is another style option included within this repository. If you change the CSS file specified on **line 7** in `index.html` to: 49 | 50 | ```HTML 51 |