Commit a66b7356 authored by Kevin Paxman's avatar Kevin Paxman
Browse files

First commit - far from complete

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Page Not Found :(</title>
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
::selection {
background: #b3d4fc;
text-shadow: none;
html {
padding: 30px 10px;
font-size: 20px;
line-height: 1.4;
color: #737373;
background: #f0f0f0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
input {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
body {
max-width: 500px;
_width: 500px;
padding: 30px 20px 50px;
border: 1px solid #b3b3b3;
border-radius: 4px;
margin: 0 auto;
box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
background: #fcfcfc;
h1 {
margin: 0 10px;
font-size: 50px;
text-align: center;
h1 span {
color: #bbb;
h3 {
margin: 1.5em 0 0.5em;
p {
margin: 1em 0;
ul {
padding: 0 0 0 40px;
margin: 1em 0;
.container {
max-width: 380px;
_width: 380px;
margin: 0 auto;
/* google search */
#goog-fixurl ul {
list-style: none;
padding: 0;
margin: 0;
#goog-fixurl form {
margin: 0;
#goog-wm-sb {
border: 1px solid #bbb;
font-size: 16px;
line-height: normal;
vertical-align: top;
color: #444;
border-radius: 2px;
#goog-wm-qt {
width: 220px;
height: 20px;
padding: 5px;
margin: 5px 10px 0 0;
box-shadow: inset 0 1px 1px #ccc;
#goog-wm-sb {
display: inline-block;
height: 32px;
padding: 0 10px;
margin: 5px 0 0;
white-space: nowrap;
cursor: pointer;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
*overflow: visible;
*display: inline;
*zoom: 1;
#goog-wm-sb:focus {
border-color: #aaa;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background-color: #f8f8f8;
#goog-wm-qt:focus {
border-color: #105cb6;
outline: 0;
color: #222;
input::-moz-focus-inner {
padding: 0;
border: 0;
<div class="container">
<h1>Not found <span>:(</span></h1>
<p>Sorry, but the page you were trying to view does not exist.</p>
<p>It looks like this was the result of either:</p>
<li>a mistyped address</li>
<li>an out-of-date link</li>
var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE =;
<script src="//"></script>
### HEAD
### 4.3.0 (September 10, 2013)
* Use one apple-touch-icon instead of six ([#1367](
* Move font-related declarations from `body` to `html` ([#1411](
* Update to Apache Server Configs 1.1.0.
* Add `initial-scale=1` to the viewport `meta` ([#1398](
* Vertical centering for audio-, canvas- and video-tags ([#1326](
* Remove Google Chrome Frame related code ([#1379](, [#1396](
* Update to Google Universal Analytics ([#1347](
* Update to jQuery 1.10.2.
* Update to Normalize.css 1.1.3.
### 4.2.0 (April 8, 2013)
* Remove Google Analytics protocol check ([#1319](
* Update to Normalize.css 1.1.1.
* Update Apache configurations to include the latest changes in the canonical
[`.htaccess`]( file.
* Use a protocol relative URL for the 404 template script.
* Update to jQuery 1.9.1.
### 4.1.0 (January 21, 2013)
* Update to Normalize.css 1.1.0.
* Update to jQuery 1.9.0.
### 4.0.3 (January 12, 2013)
* Use 32x32 favicon.ico ([#1286](
* Remove named function expression in plugins.js ([#1280](
* Adjust CSS image-replacement code ([#1239](
* Update HiDPI example media query ([#1127](
### 4.0.2 (December 9, 2012)
* Update placeholder icons.
* Update to Normalize.css 1.0.2.
* Update to jQuery 1.8.3.
### 4.0.1 (October 20, 2012)
* Further improvements to `console` method stubbing ([#1206](, [#1229](
* Update to jQuery 1.8.2.
* Update to Modernizr 2.6.2.
* Minor additions to the documentation.
### 4.0.0 (August 28, 2012)
* Improve the Apache compression configuration ([#1012](, [#1173](
* Add a HiDPI example media query ([#1127](
* Add bundled docs ([#1154](
* Add MIT license ([#1139](
* Update to Normalize.css 1.0.1.
* Separate Normalize.css from the rest of the CSS ([#1160](
* Improve `console.log` protection ([#1107](
* Replace hot pink text selection color with a neutral color.
* Change image replacement technique ([#1149](
* Code format and consistency changes ([#1112](
* Rename CSS file and rename JS files and subdirectories.
* Update to jQuery 1.8 ([#1161](
* Update to Modernizr 2.6.1 ([#1086](
* Remove uncompressed jQuery ([#1153](
* Remove superfluous inline comments ([#1150](
### 3.0.2 (February 19, 2012)
* Update to Modernizr 2.5.3.
### 3.0.1 (February 08, 2012).
* Update to Modernizr 2.5.2 (includes html5shiv 3.3).
### 3.0.0 (February 06, 2012)
* Improvements to `.htaccess`.
* Improve 404 design.
* Simplify JS folder structure.
* Change `html` IE class names changed to target ranges rather than specific versions of IE.
* Update CSS to include latest normalize.css changes and better typographic defaults ([#825](
* Update to Modernizr 2.5 (includes yepnope 1.5 and html5shiv 3.2).
* Update to jQuery 1.7.1.
* Revert to async snippet for the Google Analytics script.
* Remove the ant build script ([#826](
* Remove Respond.js ([#816](
* Remove the `demo/` directory ([#808](
* Remove the `test/` directory ([#808](
* Remove Google Chrome Frame script for IE6 users; replace with links to Chrome Frame and options for alternative browsers.
* Remove `initial-scale=1` from the viewport `meta` ([#824](
* Remove `defer` from all scripts to avoid legacy IE bugs.
* Remove explicit Site Speed tracking for Google Analytics. It's now enabled by default.
### 2.0.0 (August 10, 2011)
* Change starting CSS to be based on normalize.css instead of reset.css ([#500](
* Add Respond.js media query polyfill.
* Add Google Chrome Frame script prompt for IE6 users.
* Simplify the `html` conditional comments for modern browsers and add an `oldie` class.
* Update clearfix to use "micro clearfix".
* Add placeholder CSS MQs for mobile-first approach.
* Add `textarea { resize: vertical; }` to only allow vertical resizing.
* Add `img { max-width: 100%; }` to the print styles; prevents images being truncated.
* Add Site Speed tracking for Google Analytics.
* Update to jQuery 1.6.2 (and use minified by default).
* Update to Modernizr 2.0 Complete, Production minified (includes yepnope, html5shiv, and Respond.js).
* Use `Modernizr.load()` to load the Google Analytics script.
* Much faster build process.
* Add build script options for CSSLint, JSLint, JSHint tools.
* Build script now compresses all images in subfolders.
* Build script now versions files by SHA hash.
* Many `.htaccess` improvements including: disable directory browsing, improved support for all versions of Apache, more robust and extensive HTTP compression rules.
* Remove `handheld.css` as it has very poor device support.
* Remove touch-icon `link` elements from the HTML and include improved touch-icon support.
* Remove the cache-busting query paramaters from files references in the HTML.
* Remove IE6 PNGFix.
### 1.0.0 (March 21, 2011)
* Rewrite build script to make it more customizable and flexible.
* Add a humans.txt.
* Numerous `.htaccess` improvements (including inline documentation).
* Move the alternative server configurations to the H5BP server configs repo.
* Use a protocol-relative url to reference jQuery and prevent mixed content warnings.
* Optimize the Google Analytics snippet.
* Use Eric Meyer's recent CSS reset update and the HTML5 Doctor reset.
* More robust `sub`/`sup` CSS styles.
* Add keyboard `.focusable` helper class that extends `.visuallyhidden`.
* Print styles no longer print hash or JavaScript links.
* Add a print reset for IE's proprietary filters.
* Remove IE9-specific conditional class on the `html` element.
* Remove margins from lists within `nav` elements.
* Remove YUI profiling.
# Contributing to HTML5 Boilerplate
[HTML5 Boilerplate]( and want to get involved?
Thanks! There are plenty of ways you can help!
Please take a moment to review this document in order to make the contribution
process easy and effective for everyone involved.
Following these guidelines helps to communicate that you respect the time of
the developers managing and developing this open source project. In return,
they should reciprocate that respect in addressing your issue or assessing
patches and features.
## Using the issue tracker
The [issue tracker]( is
the preferred channel for [bug reports](#bugs), [features requests](#features)
and [submitting pull requests](#pull-requests), but please respect the following
* Please **do not** use the issue tracker for personal support requests (use
[Stack Overflow](
or IRC).
* Please **do not** derail or troll issues. Keep the discussion on topic and
respect the opinions of others.
* Please **do not** open issues or pull requests regarding the code in
[`Modernizr`]( or
[`Normalize.css`]( (open them in
their respective repositories).
<a name="bugs"></a>
## Bug reports
A bug is a _demonstrable problem_ that is caused by the code in the repository.
Good bug reports are extremely helpful - thank you!
Guidelines for bug reports:
1. **Use the GitHub issue search** &mdash; check if the issue has already been
2. **Check if the issue has been fixed** &mdash; try to reproduce it using the
latest `master` or development branch in the repository.
3. **Isolate the problem** &mdash; ideally create a [reduced test
case]( and a live example.
A good bug report shouldn't leave others needing to chase you up for more
information. Please try to be as detailed as possible in your report. What is
your environment? What steps will reproduce the issue? What browser(s) and OS
experience the problem? What would you expect to be the outcome? All these
details will help people to fix any potential bugs.
> Short and descriptive example bug report title
> A summary of the issue and the browser/OS environment in which it occurs. If
> suitable, include the steps required to reproduce the bug.
> 1. This is the first step
> 2. This is the second step
> 3. Further steps, etc.
> `<url>` - a link to the reduced test case
> Any other information you want to share that is relevant to the issue being
> reported. This might include the lines of code that you have identified as
> causing the bug, and potential solutions (and your opinions on their
> merits).
<a name="features"></a>
## Feature requests
Feature requests are welcome. But take a moment to find out whether your idea
fits with the scope and aims of the project. It's up to *you* to make a strong
case to convince the project's developers of the merits of this feature. Please
provide as much detail and context as possible.
<a name="pull-requests"></a>
## Pull requests
Good pull requests - patches, improvements, new features - are a fantastic
help. They should remain focused in scope and avoid containing unrelated
**Please ask first** before embarking on any significant pull request (e.g.
implementing features, refactoring code, porting to a different language),
otherwise you risk spending a lot of time working on something that the
project's developers might not want to merge into the project.
Please adhere to the coding conventions used throughout a project (indentation,
accurate comments, etc.) and any other requirements (such as test coverage).
Adhering to the following this process is the best way to get your work
included in the project:
1. [Fork]( the project, clone your fork,
and configure the remotes:
# Clone your fork of the repo into the current directory
git clone<your-username>/html5-boilerplate.git
# Navigate to the newly cloned directory
cd html5-boilerplate
# Assign the original repo to a remote called "upstream"
git remote add upstream
2. If you cloned a while ago, get the latest changes from upstream:
git checkout master
git pull upstream master
3. Create a new topic branch (off the main project development branch) to
contain your feature, change, or fix:
git checkout -b <topic-branch-name>
4. Commit your changes in logical chunks. Please adhere to these [git commit
message guidelines](
or your code is unlikely be merged into the main project. Use Git's
[interactive rebase](
feature to tidy up your commits before making them public.
5. Locally merge (or rebase) the upstream development branch into your topic branch:
git pull [--rebase] upstream master
6. Push your topic branch up to your fork:
git push origin <topic-branch-name>
7. [Open a Pull Request](
with a clear title and description.
**IMPORTANT**: By submitting a patch, you agree to allow the project owners to
license your work under the the terms of the [MIT License](
Copyright (c) HTML5 Boilerplate
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
of the Software, and to permit persons to whom the Software is furnished to do
so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
# [HTML5 Boilerplate](
HTML5 Boilerplate is a professional front-end template for building fast,
robust, and adaptable web apps or sites.
This project is the product of many years of iterative development and combined
community knowledge. It does not impose a specific development philosophy or
framework, so you're free to architect your code in the way that you want.
* Source: [](
* Homepage: [](
* Twitter: [@h5bp](
## Quick start
Choose one of the following options:
1. Download the latest stable release from
[]( or a custom build from
2. Clone the git repo — `git clone` - and checkout the tagged
release you'd like to use.
## Features
* HTML5 ready. Use the new elements with confidence.
* Cross-browser compatible (Chrome, Opera, Safari, Firefox 3.6+, IE6+).
* Designed with progressive enhancement in mind.
* Includes [Normalize.css]( for CSS
normalizations and common bug fixes.
* The latest [jQuery]( via CDN, with a local fallback.
* The latest [Modernizr]( build for feature detection.
* IE-specific classes for easier cross-browser control.
* Placeholder CSS Media Queries.
* Useful CSS helpers.
* Default print CSS, performance optimized.
* Protection against any stray `console.log` causing JavaScript errors in
* An optimized Google Analytics snippet.
* Apache server caching, compression, and other configuration defaults for
Grade-A performance.
* Cross-domain Ajax and Flash.
* "Delete-key friendly." Easy to strip out parts you don't need.
* Extensive inline and accompanying documentation.
## Documentation
Take a look at the [documentation table of contents](doc/ This
documentation is bundled with the project, which makes it readily available for
offline reading and provides a useful starting point for any documentation you
want to write about your project.
## Contributing
Anyone and everyone is welcome to [contribute]( Hundreds of
developers have helped make the HTML5 Boilerplate what it is today.
<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "">
<!-- Read this: -->
<!-- Most restrictive policy: -->
<site-control permitted-cross-domain-policies="none"/>
<!-- Least restrictive policy: -->
<site-control permitted-cross-domain-policies="all"/>
<allow-access-from domain="*" to-ports="*" secure="false"/>
<allow-http-request-headers-from domain="*" headers="*" secure="false"/>
@import url(//,400italic,700,700italic);/* HTML5 Boilerplate v4.3.0 | MIT License | *//* normalize.css v1.1.3 | MIT License | */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}body{max-width:1000px;margin:20px auto;font-family:Open Sans, sans-serif;color:#252525}body>header h1{font-size:1.25em;font-weight:normal;color:#FFFFFF;background:#757575;margin-bottom:0;padding:1em 0.5em}a{color:#428bca;text-decoration:none}a[href^='tel:']{color:#252525}a:hover,a:focus{text-decoration:underline}a:hover[href^='tel:'],a:focus[href^='tel:']{text-decoration:none}.top-stuff{float:right;text-align:right}.top-stuff section[role='search'],.top-stuff form,.top-stuff nav{display:inline}.site-search button{border:none;margin:0;padding:0}.site-search button:after{font-family:FontAwesome;content:'\f002';background:#ddd;padding:0.4em 0.8em}.site-search button:hover:after,.site-search button:focus:after{background:#fce082}.site-search input[type="search"]{border:1px solid transparent;width:0;padding:3px 0 1px;-webkit-transition:width 0.3s, border 0.3s;transition:width 0.3s, border 0.3s}.site-search input[type="search"]:focus{border:1px solid #ccc;padding:3px 4px 1px;width:200px}.nav-university{position:relative}.nav-university label:after{font-family:FontAwesome;content:'\f0c9';background:#ddd;padding:0.4em 0.9em;cursor:pointer}.nav-university label:hover:after,.nav-university .state:focus ~ label:after{background:#fce082}.nav-university ul{position:absolute;top:2.0em;right:0.2em;z-index:1000;background:#ddd;margin:0;padding:0;max-height:0;overflow:hidden;visibility:hidden;-webkit-transition:max-height 0.3s, visibility 0.3s;transition:max-height 0.3s, visibility 0.3s}.nav-university .state:checked ~ ul{visibility:visible;max-height:15em}.nav-university a{display:block;padding:6px 10px 4px;background-color:#EEEEEE;border-bottom:1px solid #ccc;white-space:nowrap;color:#000000;text-decoration:none}.nav-university a:hover,.nav-university a:focus{text-decoration:underline}.nav-site ul{clear:both;background:#000000;color:#FFFFFF;text-transform:uppercase;padding:0;margin:0}.nav-site ul a,.nav-site ul label{color:#FFFFFF;text-decoration:none;padding:10px 20px;display:inline-block;cursor:pointer}.nav-site ul a:hover,.nav-site ul a:focus,.nav-site ul label:hover,.nav-site ul .state:focus ~ label{text-decoration:underline;outline:none}.nav-site ul .closer{display:none}.nav-site ul ul{background:#ddd;color:#000000;display:none;text-transform:none;max-width:1000px}.nav-site ul ul a{color:#000000}.nav-site ul .state:checked ~ ul{position:absolute;display:block}.nav-site ul .state:checked ~ .closer{display:inline}.nav-site ul .state.opener:checked,.nav-site ul .state.opener:checked ~ label{display:none}.nav-site li{display:inline}header h1{text-align:center;text-transform:uppercase}main header{text-align:center;text-transform:uppercase}main header p{margin-bottom:0.5em;font-size:0.9em}main header a{text-decoration:none}main header a:hover,main header a:focus{text-decoration:underline}main header h1{margin-top:0}main section{margin:10px 0;padding:9px;overflow:auto;border:1px dashed #ccc;height:200px}.footer-local,.footer-global{border:1px solid #ccc;border-bottom:none;padding:9px;overflow:auto;font-size:0.8em}.footer-global{border-bottom:1px solid #ccc}.footer-global .col{float:left;width:180px;padding-left:10px}.footer-global .col:first-child{padding-left:0}.footer-global ul{margin:0;padding:0;list-style:none}.footer-global .login{clear:both;float:right}span.skype_pnh_container{display:none !important}span.skype_pnh_print_container{display:inline !important}@keyframes fake{from{opacity:1}to{opactity:1}}body{animation:fake 1s infinite}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
/* normalize.css v1.1.3 | MIT License | */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
/* line 22, ../scss/normalize.scss */
summary {
display: block;
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
/* line 32, ../scss/normalize.scss */
video {
display: inline-block;
*display: inline;
*zoom: 1;
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
/* line 43, ../scss/normalize.scss */
audio:not([controls]) {
display: none;
height: 0;
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
/* line 53, ../scss/normalize.scss */
[hidden] {
display: none;
/* ==========================================================================