max-mapper · Richienb · Jun 22, 2018 · Jun 22, 2018 · Jun 22, 2018 · Jun 22, 2018
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,182 @@
+## GITATTRIBUTES FOR WEB PROJECTS
+
+## AUTO-DETECT
+##   Handle line endings automatically for files detected as
+##   text and leave all files detected as binary untouched.
+##   This will handle all files NOT defined below.
+* text=auto
+
+## SOURCE CODE
+*.bat      text eol=crlf
+*.coffee   text
+*.css      text
+*.htm      text diff=html
+*.html     text diff=html
+*.inc      text
+*.ini      text
+*.js       text
+*.json     text
+*.jsx      text
+*.less     text
+*.od       text
+*.onlydata text
+*.php      text
+*.pl       text
+*.py       text diff=python
+*.rb       text diff=ruby
+*.sass     text
+*.scm      text
+*.scss     text
+*.sh       text eol=lf
+*.sql      text
+*.styl     text
+*.tag      text
+*.ts       text
+*.tsx      text
+*.xml      text
+*.xhtml    text diff=html
+
+## DOCKER
+*.dockerignore    text
+Dockerfile    text
+
+## DOCUMENTATION
+*.markdown   text
+*.md         text
+*.mdwn       text
+*.mdown      text
+*.mkd        text
+*.mkdn       text
+*.mdtxt      text
+*.mdtext     text
+*.txt        text
+AUTHORS      text
+CHANGELOG    text
+CHANGES      text
+CONTRIBUTING text
+COPYING      text
+copyright    text
+*COPYRIGHT*  text
+INSTALL      text
+license      text
+LICENSE      text
+NEWS         text
+readme       text
+*README*     text
+TODO         text
+
+## TEMPLATES
+*.dot        text
+*.ejs        text
+*.haml       text
+*.handlebars text
+*.hbs        text
+*.hbt        text
+*.jade       text
+*.latte      text
+*.mustache   text
+*.njk        text
+*.phtml      text
+*.tmpl       text
+*.tpl        text
+*.twig       text
+
+## LINTERS
+.csslintrc    text
+.eslintrc     text
+.htmlhintrc   text
+.jscsrc       text
+.jshintrc     text
+.jshintignore text
+.stylelintrc  text
+
+## CONFIGS
+*.bowerrc      text
+*.cnf          text
+*.conf         text
+*.config       text
+.browserslistrc    text
+.editorconfig  text
+.gitattributes text
+.gitconfig     text
+.htaccess      text
+*.npmignore    text
+*.yaml         text
+*.yml          text
+browserslist   text
+Makefile       text
+makefile       text
+
+## HEROKU
+Procfile    text
+.slugignore text
+
+## GRAPHICS
+*.ai   binary
+*.bmp  binary
+*.eps  binary
+*.gif  binary
+*.ico  binary
+*.jng  binary
+*.jp2  binary
+*.jpg  binary
+*.jpeg binary
+*.jpx  binary
+*.jxr  binary
+*.pdf  binary
+*.png  binary
+*.psb  binary
+*.psd  binary
+*.svg  text
+*.svgz binary
+*.tif  binary
+*.tiff binary
+*.wbmp binary
+*.webp binary
+
+## AUDIO
+*.kar  binary
+*.m4a  binary
+*.mid  binary
+*.midi binary
+*.mp3  binary
+*.ogg  binary
+*.ra   binary
+
+## VIDEO
+*.3gpp binary
+*.3gp  binary
+*.as   binary
+*.asf  binary
+*.asx  binary
+*.fla  binary
+*.flv  binary
+*.m4v  binary
+*.mng  binary
+*.mov  binary
+*.mp4  binary
+*.mpeg binary
+*.mpg  binary
+*.ogv  binary
+*.swc  binary
+*.swf  binary
+*.webm binary
+
+## ARCHIVES
+*.7z  binary
+*.gz  binary
+*.jar binary
+*.rar binary
+*.tar binary
+*.zip binary
+
+## FONTS
+*.ttf   binary
+*.eot   binary
+*.otf   binary
+*.woff  binary
+*.woff2 binary
+
+## EXECUTABLES
+*.exe binary
+*.pyc binary
diff --git a/index.html b/index.html
@@ -1,12 +1,20 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
+
 <head>
-	<meta charset='utf-8' />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-	<link rel="stylesheet" type="text/css" media="all" href="style.css">
-	<title>gh-pages template</title>
+  <!-- Common header code -->
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+  <!-- Import CSS file and set title -->
+  <link rel="stylesheet" type="text/css" media="all" href="style.css">
+  <title>gh-pages template</title>
 </head>
+
 <body>
+  <!-- Display "Hello World" to the user-->
   <div id="helloworld">Hello world!</div>
 </body>
+
 </html>
diff --git a/readme.md b/readme.md
@@ -1,39 +1,40 @@
-# gh-pages template
+# `gh-pages` template
 
-### Use Github to host web sites without having to download an app or use the command line
+### Use Github to host websites without having to download any apps or use the command line
 
-this repository is just a simple set of instructions on how to use the free github http://pages.github.com functionality to host static websites. an example of a github hosted static site is my own [personal internet web blog](http://maxogden.com) as well as [realtimecats.com](http://realtimecats.com).
+This repository is just a simple set of instructions on how to use the free [GitHub Pages](http://pages.github.com) functionality to host static websites. An example of a GitHub hosted static site is my own [personal internet web blog](http://maxogden.com) as well as [realtimecats.com](http://realtimecats.com).
 
-## Why
+## Why?
 
-Traditionally git has been for computer programmers, but recently github added some new features to their website which make it possible for non-technical people to set up repos on github! All the things mentioned here can be done with just a web browser. 
+Traditionally, Git has been used for computer programmers, but recently GitHub added some new features to their website which made it possible for non-technical people to set up repositories on GitHub! Everything mentioned here can be done in a web browser!
 
-## What it is
+## What is Github Pages?
 
-- static file host
-- entirely managed from the github.com web UI
-- free
-- able to use custom domains (so that yourdomain.com points to your files on github)
-- very simple
+- Static file host
+- Entirely managed from the github.com web UI
+- Free, yes 100% free
+- Able to use custom domains (so that yourdomain.com points to your files on GitHub)
+- Very simple
 
 ## What it isn't
 
-a dynamic host -- so it can't do PHP/Rails/Node etc. The only ways to do dynamic content are JavaScript with an externally hosted backend (e.g. [Parse](http://parse.com/)) or set up a [jekyll blog](https://help.github.com/articles/using-jekyll-with-pages). The easiest way to do this is with [Jekyll Bootstrap](http://jekyllbootstrap.com/) - this is not really dynamic, it just generates static HTML from Markdown, but appears like a more dynamic blog.
-
+A dynamic host - it can't run PHP, Rails or Node JS etc. The only ways to use dynamic content is in JavaScript with an externally hosted backend (for example [Parse](http://parse.com/)) or by setting up a [jekyll blog](https://help.github.com/articles/using-jekyll-with-pages). The easiest way to do this is with [Jekyll Bootstrap](http://jekyllbootstrap.com/) - and yes, this isn't really dynamic - it just generates static HTML from Markdown, but looks like a dynamic blog.
 
 ## How to set up a site
 
-this repo is setup to only have the special **gh-pages** branch that github requires to use static file hosting. when you create and view repos on github they usually show you the default `master` branch which doesn't work with static file hosting
+This repository has been set up to only have the special `gh-pages` branch that GitHub requires to use static file hosting. When you create and view repositories on GitHub they usually show you the default `master` branch which doesn't work at all with static file hosting
+
+## How to use
 
-1. login to github and fork this repo [github.com/maxogden/gh-pages-template](https://github.com/maxogden/gh-pages-template)
-2. you will need to edit a file in your forked repo so that github knows to deploy your static site! try going to index.html and clicking the edit button, making a small change, and then commiting your change
-3. now you can go to **yourusername.github.com/gh-pages-template** and you should see the hello world page! it might take a few minutes for github to generate
-4. using the github web UI you can [create new files](https://github.com/blog/1327-creating-files-on-github) or [edit existing files](https://github.com/blog/143-inline-file-editing)
-5. the admin button at the top of the repo page will let you rename the repository
-6. to point a custom domain at github edit the file called `CNAME` and make sure its contents are only `whateveryourdomainis.com` and then proceed to [set up your DNS](https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages)
+1. Login to GitHub and fork this [repo](https://github.com/maxogden/gh-pages-template).
+2. You will need to edit a file in your forked repo so that GitHub knows to deploy your static site! Try opening the `index.html` file and clicking the *edit* button, making a small change (such as adding a newline), and then committing it.
+3. Now you can navigate to **yourusername.github.com/gh-pages-template** and you should see the hello world page! If it doesn't load or you get a `404` error, try again in a moment as it might take a few minutes for GitHub to generate it.
+4. Using the GitHub website, you can [create new files](https://github.com/blog/1327-creating-files-on-github) or [edit existing files](https://github.com/blog/143-inline-file-editing).
+5. The *settings* button at the top of the repository page will let you rename it.
+6. To point a custom domain at GitHub, edit the file called `CNAME` and make sure its contents are only `whateveryourdomainis.com` (without a newline) and then proceed to [set up your DNS](https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages)
 
-thats it!
+That's it! Enjoy your new website!
 
 ## License
 
-The content in this repo is BSD licensed
+The content in this repo is [BSD licensed](https://opensource.org/licenses/BSD-3-Clause)
diff --git a/style.css b/style.css
@@ -1,44 +1,54 @@
 /************Reset**************/
-* { 
-	-moz-box-sizing: border-box; 
-	-webkit-box-sizing: border-box; 
-	box-sizing: border-box; 
-}
-html, body, div, object, iframe, fieldset { 
-	margin: 0; 
-	padding: 0; 
-	border: 0;
-} 
-ol, ul { 
-	list-style: none;
-	margin: 0;
-	padding: 0;
-} 
-table { 
-	border-collapse: collapse; 
-	border-spacing: 0; 
-}
-header, footer, nav, section, article, hgroup, figure {
-	display: block;	
+* {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+html,
+body,
+div,
+object,
+iframe,
+fieldset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+ol,
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+header,
+footer,
+nav,
+section,
+article,
+hgroup,
+figure {
+  display: block;
 }
 legend {
-	display: none;
+  display: none;
 }
 /************End Reset**************/
 
-#helloworld { 
-  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
+#helloworld {
+  font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
   font-weight: lighter;
   font-size: 40px;
   margin: 10px;
 }
 
 /******Media Queries*******/
 
-@media all and (min-width:40em) {
-
+@media all and (min-width: 40em) {
 }
 
 @media screen and (min-width: 68em) {
-
 }