Commit 3b9da7f2 authored by Mike Bland's avatar Mike Bland

Initial commit

parents
_site/
.sass-cache/
.DS_store
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
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.
## 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 [email protected]: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.
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"
<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>
\ No newline at end of file
<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>
\ No newline at end of file
<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 %}
\ No newline at end of file
<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>
<!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>
<html>
<head>
</head>
<body>
{{ content }}
</body>
</html>
\ No newline at end of file
/*
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;
}
---
---
/*
Main.css
==================================
Begin with generic 'mobile first' styles
*/
/*
Normalize the box model
==================================
*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*
global styles
==================================
*/
html, body {
height: 100%;
}
/*
Typography
==================================
*/
body {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.466666667;
}
h1,
h2,
h3,
h4,
h5 {
font-family: "Raleway", Arial, sans-serif;
font-weight: 600;
}
.site-title {
font-size: 1.9em;
color: #919395;
margin: 0;
line-height: 1.2941176470588236;
display: inline-block;
}
h2 {
font-size: 1.375em;
margin: 1.4em 0 0 0;
}
h3 {
margin-top: 30px;
}
h4 {
font-size: 1em;
text-transform: uppercase;
}
.page-title {
margin-top: .727272727em; /* 16/22 */
}
/*
Lists
--------------------------------
*/
.main-content ul {
padding-left: 1.1em;
}
.main-content li {
margin-bottom: 1em;
}
li h3,
li h4 {
margin: 0;
}
li p {
margin-top: 0;
}
/*
Links
==================================
*/
a {
-webkit-transition: .2s;
-moz-transition: .2s;
transition: .2s;
}
a,
a:link,
a:visited {
color: #0072ce;
border-bottom: 1px dotted #0072ce;
text-decoration: none;
}
a:hover {
border-bottom: 1px solid #7eb8dd;
color: #7eb8dd;
text-decoration: none;
}
a:active {
border-bottom: 1px solid #002d72;
color: #002d72;
text-decoration: none;
}
a:focus {
border-bottom: 1px solid #0072ce;
color: #0072ce;
outline: thin dotted;
text-decoration: none;
}
a.title-link {
color: #75787B;
border-bottom: none;
}
a.title-link:hover,
a.title-link:active,
a.title-link:focus {
color: #7eb8dd;
border-bottom: none;
}
a.skip-link {
color: #0072ce;
border-bottom: none;
padding: .25em;
}
a.skip-link:hover,
a.skip-link:active,
a.skip-link:focus {
background-color: #0072ce;
color: #fff;
border-bottom: none;
}
/*
Navigation
==================================
*/
.sidebar-nav a {
display: block;
padding: 10px;
-webkit-transition: .4s;
transition: .4s;
}
.sidebar-nav a,
.sidebar-nav a:link,
.sidebar-nav a:visited {
border-bottom: none;
color: #74767B;
}
.sidebar-nav li:hover,
.sidebar-nav a:focus,
.sidebar-nav li:active,
.sidebar-nav .sidebar-nav-active {
color: #74767B;
border-left: 4px solid {{ site.brand_color }};
background-color: transparent;
padding-left: 0;
}
.sidebar-nav ul {
margin: 0;
padding: 0;
}
.sidebar-nav li {
list-style: none;
border-bottom: 1px solid #babbbd;
font-size: 1.125em;
padding-left: 4px;
}
.sidebar-nav li:last-child {
border-bottom: none;
}
/*
Layout
==================================
*/
.logo {
display: block;
}
.content {
padding-top: 2em;
padding-bottom: 2em;
}
/* offset the fixed position header for jump links */
section:before {
display: block;
content: "";
height: 60px;
margin: -60px 0 0;
}
.wrap {
max-width: 1200px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
header {
width: 100%;
border-bottom: 4px solid {{ site.brand_color }};
background-color: #fff;
padding: 2em 0;
}
/*
Footer
==================================
*/
/* for sticky footer */
.container {
display: table;
height: 100%;
width: 100%;
}
footer {
display: table-row; /* for sticky footer */
height: 1px; /* for sticky footer */
border-top: 2px solid #babbbd;
background: #f1f2f2;
width: 100%;
font-size: 0.875em;
}
footer .wrap {
padding-top: 2em;
padding-bottom: 2em;
}
/*
Helpers
==================================
*/
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
display: none !important;
visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
visibility: hidden;
}
/*
Style
==================================
*/
.intro {
color: #75787B;
}
li h4 {
margin: 0;
}
.license {
font-family: "Avenir Next Demi", Arial, sans-serif;
font-weight: normal;
font-style: normal;
}
pre {
max-width: 100%;
font-size: 0.875em;
overflow-y: scroll;
background-color: #f1f2f2;
padding: 10px;
}
/*
Post list
----------------------------------
*/
ul.posts {
padding: 0;
}
.posts li {
list-style: none;
}
.post-date {
color: #75787B;
}
/*
Repo list
----------------------------------
*/
ul.repo-list {
margin: .5em 0 1em 0;
padding: 0;
}
.repo-list li {
list-style: none;
}
.repo-list p {
margin: 0;
font-size: 0.875em;
}
.repo-list h4 {
text-transform: none;
}
/*