Initial commit

.gitignore

@@ -0,0 +1,3 @@
+_site/
+.sass-cache/
+.DS_store

Gemfile

@@ -0,0 +1,3 @@
+source 'https://rubygems.org'
+
+gem 'jekyll'

Gemfile.lock

@@ -0,0 +1,70 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    blankslate (2.1.2.4)
+    celluloid (0.16.0)
+      timers (~> 4.0.0)
+    classifier-reborn (2.0.3)
+      fast-stemmer (~> 1.0)
+    coffee-script (2.4.1)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.9.1.1)
+    colorator (0.1)
+    execjs (2.5.2)
+    fast-stemmer (1.0.2)
+    ffi (1.9.8)
+    hitimes (1.2.2)
+    jekyll (2.5.3)
+      classifier-reborn (~> 2.0)
+      colorator (~> 0.1)
+      jekyll-coffeescript (~> 1.0)
+      jekyll-gist (~> 1.0)
+      jekyll-paginate (~> 1.0)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 1.1)
+      kramdown (~> 1.3)
+      liquid (~> 2.6.1)
+      mercenary (~> 0.3.3)
+      pygments.rb (~> 0.6.0)
+      redcarpet (~> 3.1)
+      safe_yaml (~> 1.0)
+      toml (~> 0.1.0)
+    jekyll-coffeescript (1.0.1)
+      coffee-script (~> 2.2)
+    jekyll-gist (1.2.1)
+    jekyll-paginate (1.1.0)
+    jekyll-sass-converter (1.3.0)
+      sass (~> 3.2)
+    jekyll-watch (1.2.1)
+      listen (~> 2.7)
+    kramdown (1.6.0)
+    liquid (2.6.2)
+    listen (2.10.0)
+      celluloid (~> 0.16.0)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+    mercenary (0.3.5)
+    parslet (1.5.0)
+      blankslate (~> 2.0)
+    posix-spawn (0.3.11)
+    pygments.rb (0.6.3)
+      posix-spawn (~> 0.3.6)
+      yajl-ruby (~> 1.2.0)
+    rb-fsevent (0.9.4)
+    rb-inotify (0.9.5)
+      ffi (>= 0.5.0)
+    redcarpet (3.2.3)
+    safe_yaml (1.0.4)
+    sass (3.4.13)
+    timers (4.0.1)
+      hitimes
+    toml (0.1.2)
+      parslet (~> 1.5.0)
+    yajl-ruby (1.2.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  jekyll

LICENSE.md

@@ -0,0 +1,32 @@
+As a work of the United States Government, this project is in the
+public domain within the United States.
+
+Additionally, we waive copyright and related rights in the work
+worldwide through the CC0 1.0 Universal public domain dedication.
+
+## CC0 1.0 Universal Summary
+
+This is a human-readable summary of the
+[Legal Code (read the full text)](https://creativecommons.org/publicdomain/zero/1.0/legalcode).
+
+### No Copyright
+
+The person who associated a work with this deed has dedicated the work to
+the public domain by waiving all of his or her rights to the work worldwide
+under copyright law, including all related and neighboring rights, to the
+extent allowed by law.
+
+You can copy, modify, distribute and perform the work, even for commercial
+purposes, all without asking permission.
+
+### Other Information
+
+In no way are the patent or trademark rights of any person affected by CC0,
+nor are the rights that other persons may have in the work or in how the
+work is used, such as publicity or privacy rights.
+
+Unless expressly stated otherwise, the person who associated a work with
+this deed makes no warranties about the work, and disclaims liability for
+all uses of the work, to the fullest extent permitted by applicable law.
+When using or citing the work, you should not imply endorsement by the
+author or the affirmer.

README.md

@@ -0,0 +1,39 @@
+## 18F Guides Template
+
+This is a skeleton repo containing the DOCter-based Jekyll template for 18F
+Guides.
+
+### Generating the site/hosting locally
+
+You will need [Ruby](https://www.ruby-lang.org) ( > version 2.1.5 ). You may
+also consider using a Ruby version manager such as
+[rbenv](https://github.com/sstephenson/rbenv) to help ensure that Ruby version
+upgrades don't mean all your [gems](https://rubygems.org/) will need to be
+rebuilt.
+
+To run your own local instance:
+
+```
+$ git clone git@github.com:18F/guides-template.git MY-NEW-GUIDE
+$ cd MY-NEW-GUIDE
+$ ./go init
+$ ./go serve
+```
+
+This will check that your Ruby version is supported, install the [Bundler
+gem](http://bundler.io/) if it is not yet installed, install all the gems
+needed by the playbook, and launch a running instance on
+`http://localhost:4000/guide/`.
+
+After going through these steps, run `./go` to see a list of available
+commands. The `serve` command is the most common for routine development.
+
+### Public domain
+
+This project is in the worldwide [public domain](LICENSE.md). As stated in [CONTRIBUTING](CONTRIBUTING.md):
+
+> This project is in the public domain within the United States, and copyright and related rights in the work worldwide are waived through the [CC0 1.0 Universal public domain dedication](https://creativecommons.org/publicdomain/zero/1.0/).
+>
+> All contributions to this project will be released under the CC0
+>dedication. By submitting a pull request, you are agreeing to comply
+>with this waiver of copyright interest.

_config.yml

@@ -0,0 +1,29 @@
+baseurl: /guide
+markdown: redcarpet
+name: 18F Guides Template
+
+permalink: pretty
+
+# Author/Organization info to be displayed in the templates
+author:
+  name: 18F
+  url: https://18f.gsa.gov
+
+# Point the logo URL at a file in your repo or hosted elsewhere by your organization
+logourl: /assets/img/18f-logo.png
+logoalt: 18f logo
+
+# Navigation
+# List links that should appear in the site sidebar here
+navigation:
+- text: Home
+  url: index.html
+  internal: true
+
+repos:
+- name: Guides Template
+  description: Main repository
+  url: https://github.com/18F/guides-template
+
+# Style Variables
+brand_color: "#1188ff"

_includes/footer.html

@@ -0,0 +1,7 @@
+<footer role="contentinfo">
+  <div class="wrap">
+    <p>This project is maintained by <a href="{{ site.author.url }}">{{ site.author.name }}</a>.</p>
+
+    <p>Hosted on <a href="http://pages.github.com/">GitHub Pages</a>.</p>
+  </div><!--/.wrap -->
+</footer>

_includes/header.html

@@ -0,0 +1,14 @@
+<head>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta charset="utf-8">
+  <title>{{ page.title }} - Accessibility Guide</title>
+  <meta name="viewport" content="width=device-width">
+  <link href='//fonts.googleapis.com/css?family=Raleway:400,700%7COpen+Sans:300,600' rel='stylesheet' type='text/css'>
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/syntax.css">
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/custom.css">
+  <!--[if lt IE 9]>
+    <script src="{{ site.baseurl }}/assets/js/html5shiv.js"></script>
+    <script src="{{ site.baseurl }}/assets/js/respond.js"></script>
+  <![endif]-->
+</head>

_includes/scripts.html

@@ -0,0 +1,62 @@
+<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
+<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+{% if page.title == "Keyboard Access" %}
+<script type="text/javascript">
+	$(document).ready(function(){
+		$('.moveFocus').on('focus',function(){
+			$('.keyboardTrap:first').focus();
+		});
+		$('.keyboardTrap').click(function(){
+			$('.moveFocus').each(function(){
+				$(this).remove();
+			});
+		});
+	});
+</script>
+{% endif %}
+
+{% if page.title == "Flashing" %}
+<script type="text/javascript">
+	$(document).ready(function(){
+		var blinking = false,
+			interval,
+			$blink = $('.blink');
+		$('#blinkbutton').click(function(){
+			if (!blinking){
+				$('#blinkbutton').html('Click to stop blinking');
+				interval = setInterval(function(){
+					$blink.toggle();
+				},200);
+				blinking = true;
+			}
+			else
+			{
+				clearInterval(interval);
+				$('#blinkbutton').html('Click to see non-compliant flashing');
+				$blink.hide();
+				blinking = false;
+			}
+		});
+
+	});
+</script>
+{% endif %}
+{% if page.title == "Time Outs" %}
+<script type="text/javascript">
+	$(document).ready(function(){
+		var timer;
+		$('#pForm input').on('input',function(){
+			if (timer)
+				clearTimeout(timer);
+			timer = setTimeout(function(){
+				var c = confirm('Would you like more time to complete the form?'),
+				time;
+				if(c == true)
+					clearTimeout(timer);
+				else
+					$('#pForm').trigger('reset');
+			}, 2000);
+		});
+	});
+</script>
+{% endif %}

_includes/sidebar.html

@@ -0,0 +1,19 @@
+<aside>
+  <p class="intro">{{ site.subtitle }}</p>
+  <a class="skip-link visuallyhidden focusable" href="#main">Skip to Main Content</a>
+  <nav class="sidebar-nav" role="navigation">
+    <ul>
+      {% for link in site.navigation %}
+        {% if link.internal == true %}
+          <li {% if page.title == link.text %}class="sidebar-nav-active"{% endif %}>
+            <a href="{{ site.baseurl }}/{{ link.url }}"  {% if page.title == link.text %}title='Selected'{% endif %}>{{ link.text }}</a>
+          </li>
+        {% else %}
+          <li {% if page.title == link.text %}class="sidebar-nav-active"{% endif %}>
+            <a href="{{ link.url }}" {% if page.title == link.text %}title='Selected'{% endif %}>{{ link.text }}</a>
+          </li>
+        {% endif %}
+      {% endfor %}
+    </ul>
+  </nav>
+</aside>

_layouts/default.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang='en'>
+
+  {% include header.html %}
+
+  <body>
+
+    <div class="container">
+
+      <header role="banner">
+
+        <div class="wrap">
+          {% if site.logourl != null %}
+            <img class="logo" src="{{ site.baseurl }}{{ site.logourl }}" alt="{{ site.logoalt }}" width="75px">
+          {% endif %}
+          <h1 class="site-title"><a class="title-link" href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
+        </div>
+
+      </header>
+
+      <div class="wrap content">
+
+        {% include sidebar.html %}
+
+        <section id="main" class="main-content" role="main">
+          <h1>{{ page.title }}</h1>
+          {{ content }}
+        </section>
+
+      </div><!-- /.wrap content -->
+
+      {% include footer.html%}
+
+    </div> <!-- /.container -->
+
+    {% include scripts.html %}
+
+  </body>
+
+</html>

_layouts/iframe.html

@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+{{ content }}
+</body>
+</html>

assets/css/custom.css

@@ -0,0 +1,42 @@
+/*
+This is where custom styles for your guide should live.
+*/
+
+div.skip-nav a {
+  position: absolute;
+  left: -10000;
+  top: 0;
+  width: 1px;
+  height: auto;
+  overflow: hidden;
+}
+div.skip-nav a:focus {
+	position: absolute;
+	top: 5px;
+	left: 5px;
+	width: auto; 
+	height: auto;
+	z-index: 999999;
+	background-color: white;
+	padding-left: 2px;
+	padding-right: 2px;
+	overflow: visible;
+ }
+
+ .mainContent:focus {
+ 	outline: none;
+ }
+
+ table, th, td {
+   border: 1px solid black;
+   padding: 5px;
+   margin:5px;
+}
+th {
+	background: #767576;
+	color:white;
+}
+li.active > a{
+	background-color: #317ab9;
+}
+