Permalink
Browse files

Create gh-pages branch via GitHub

  • Loading branch information...
1 parent 321d0e1 commit 4b7feccd35a7910c2eb6671a33c893eb63bbd3e1 @zzak zzak committed on GitHub Jul 27, 2016
Showing with 728 additions and 363 deletions.
  1. +93 −68 index.html
  2. +7 −1 params.json
  3. +124 −0 stylesheets/github-light.css
  4. +259 −294 stylesheets/normalize.css
  5. +245 −0 stylesheets/stylesheet.css
View
161 index.html
@@ -1,77 +1,58 @@
-<!doctype html>
-<html>
+<!DOCTYPE html>
+<html lang="en-us">
<head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="chrome=1">
- <title>rack-protection by rkh</title>
- <link rel="stylesheet" href="stylesheets/styles.css">
- <link rel="stylesheet" href="stylesheets/pygment_trac.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="javascripts/respond.js"></script>
- <!--[if lt IE 9]>
- <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <!--[if lt IE 8]>
- <link rel="stylesheet" href="stylesheets/ie.css">
- <![endif]-->
- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-
+ <meta charset="UTF-8">
+ <title>Rack::Protection by sinatra</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
+ <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
+ <link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
</head>
<body>
- <div id="header">
- <nav>
- <li class="fork"><a href="https://github.com/rkh/rack-protection">View On GitHub</a></li>
- <li class="downloads"><a href="https://github.com/rkh/rack-protection/zipball/master">ZIP</a></li>
- <li class="downloads"><a href="https://github.com/rkh/rack-protection/tarball/master">TAR</a></li>
- <li class="title">DOWNLOADS</li>
- </nav>
- </div><!-- end header -->
-
- <div class="wrapper">
-
- <section>
- <div id="title">
- <h1>rack-protection</h1>
- <p>You should use protection!</p>
- <hr>
- <span class="credits left">Project maintained by <a href="https://github.com/rkh">rkh</a></span>
- <span class="credits right">Hosted on GitHub Pages &mdash; Theme by <a href="http://twitter.com/#!/michigangraham">mattgraham</a></span>
- </div>
-
- <p>You should use protection!</p>
+ <section class="page-header">
+ <h1 class="project-name">Rack::Protection</h1>
+ <h2 class="project-tagline">Protect against typical web attacks, works with all Rack apps, including Rails.</h2>
+ <a href="https://github.com/sinatra/rack-protection" class="btn">View on GitHub</a>
+ <a href="https://github.com/sinatra/rack-protection/zipball/master" class="btn">Download .zip</a>
+ <a href="https://github.com/sinatra/rack-protection/tarball/master" class="btn">Download .tar.gz</a>
+ </section>
+
+ <section class="main-content">
+ <p><a href="http://travis-ci.org/sinatra/rack-protection"><img src="https://secure.travis-ci.org/sinatra/rack-protection.png" alt="Build Status"></a></p>
<p>This gem protects against typical web attacks.
Should work for all Rack apps, including Rails.</p>
-<h1>Usage</h1>
+<h1>
+<a id="usage" class="anchor" href="#usage" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Usage</h1>
<p>Use all protections you probably want to use:</p>
-<div class="highlight"><pre><span class="c1"># config.ru</span>
-<span class="nb">require</span> <span class="s1">'rack/protection'</span>
-<span class="n">use</span> <span class="no">Rack</span><span class="o">::</span><span class="no">Protection</span>
-<span class="n">run</span> <span class="no">MyApp</span>
-</pre></div>
+<div class="highlight highlight-source-ruby"><pre><span class="pl-c"># config.ru</span>
+<span class="pl-k">require</span> <span class="pl-s"><span class="pl-pds">'</span>rack/protection<span class="pl-pds">'</span></span>
+use <span class="pl-c1">Rack</span>::<span class="pl-c1">Protection</span>
+run <span class="pl-c1">MyApp</span></pre></div>
<p>Skip a single protection middleware:</p>
-<div class="highlight"><pre><span class="c1"># config.ru</span>
-<span class="nb">require</span> <span class="s1">'rack/protection'</span>
-<span class="n">use</span> <span class="no">Rack</span><span class="o">::</span><span class="no">Protection</span><span class="p">,</span> <span class="ss">:except</span> <span class="o">=&gt;</span> <span class="ss">:path_traversal</span>
-<span class="n">run</span> <span class="no">MyApp</span>
-</pre></div>
+<div class="highlight highlight-source-ruby"><pre><span class="pl-c"># config.ru</span>
+<span class="pl-k">require</span> <span class="pl-s"><span class="pl-pds">'</span>rack/protection<span class="pl-pds">'</span></span>
+use <span class="pl-c1">Rack</span>::<span class="pl-c1">Protection</span>, <span class="pl-c1">:except</span> =&gt; <span class="pl-c1">:path_traversal</span>
+run <span class="pl-c1">MyApp</span></pre></div>
<p>Use a single protection middleware:</p>
-<div class="highlight"><pre><span class="c1"># config.ru</span>
-<span class="nb">require</span> <span class="s1">'rack/protection'</span>
-<span class="n">use</span> <span class="no">Rack</span><span class="o">::</span><span class="no">Protection</span><span class="o">::</span><span class="no">AuthenticityToken</span>
-<span class="n">run</span> <span class="no">MyApp</span>
-</pre></div>
+<div class="highlight highlight-source-ruby"><pre><span class="pl-c"># config.ru</span>
+<span class="pl-k">require</span> <span class="pl-s"><span class="pl-pds">'</span>rack/protection<span class="pl-pds">'</span></span>
+use <span class="pl-c1">Rack</span>::<span class="pl-c1">Protection</span>::<span class="pl-c1">AuthenticityToken</span>
+run <span class="pl-c1">MyApp</span></pre></div>
-<h1>Prevented Attacks</h1>
+<h1>
+<a id="prevented-attacks" class="anchor" href="#prevented-attacks" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Prevented Attacks</h1>
-<h2>Cross Site Request Forgery</h2>
+<h2>
+<a id="cross-site-request-forgery" class="anchor" href="#cross-site-request-forgery" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Cross Site Request Forgery</h2>
<p>Prevented by:</p>
@@ -85,47 +66,91 @@
<code>Rack::Protection::RemoteReferrer</code> (not included by <code>use Rack::Protection</code>)</li>
<li><code>Rack::Protection::RemoteToken</code></li>
<li><code>Rack::Protection::HttpOrigin</code></li>
-</ul><h2>Cross Site Scripting</h2>
+</ul>
+
+<h2>
+<a id="cross-site-scripting" class="anchor" href="#cross-site-scripting" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Cross Site Scripting</h2>
<p>Prevented by:</p>
<ul>
<li>
<code>Rack::Protection::EscapedParams</code> (not included by <code>use Rack::Protection</code>)</li>
<li>
-<code>Rack::Protection::XssHeader</code> (Internet Explorer only)</li>
-</ul><h2>Clickjacking</h2>
+<code>Rack::Protection::XSSHeader</code> (Internet Explorer only)</li>
+<li><code>Rack::Protection::ContentSecurityPolicy</code></li>
+</ul>
+
+<h2>
+<a id="clickjacking" class="anchor" href="#clickjacking" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Clickjacking</h2>
<p>Prevented by:</p>
<ul>
<li><code>Rack::Protection::FrameOptions</code></li>
-</ul><h2>Directory Traversal</h2>
+</ul>
+
+<h2>
+<a id="directory-traversal" class="anchor" href="#directory-traversal" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Directory Traversal</h2>
<p>Prevented by:</p>
<ul>
<li><code>Rack::Protection::PathTraversal</code></li>
-</ul><h2>Session Hijacking</h2>
+</ul>
+
+<h2>
+<a id="session-hijacking" class="anchor" href="#session-hijacking" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Session Hijacking</h2>
<p>Prevented by:</p>
<ul>
<li><code>Rack::Protection::SessionHijacking</code></li>
-</ul><h2>IP Spoofing</h2>
+</ul>
+
+<h2>
+<a id="ip-spoofing" class="anchor" href="#ip-spoofing" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>IP Spoofing</h2>
<p>Prevented by:</p>
<ul>
<li><code>Rack::Protection::IPSpoofing</code></li>
-</ul><h1>Installation</h1>
+</ul>
+
+<h2>
+<a id="helps-to-protect-against-protocol-downgrade-attacks-and-cookie-hijacking" class="anchor" href="#helps-to-protect-against-protocol-downgrade-attacks-and-cookie-hijacking" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Helps to protect against protocol downgrade attacks and cookie hijacking</h2>
+
+<p>Prevented by:</p>
+
+<ul>
+<li>
+<code>Rack::Protection::StrictTransport</code> (not included by <code>use Rack::Protection</code>)</li>
+</ul>
+
+<h1>
+<a id="installation" class="anchor" href="#installation" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Installation</h1>
<pre><code>gem install rack-protection
</code></pre>
- </section>
- </div>
- <!--[if !IE]><script>fixScale(document);</script><![endif]-->
-
+<h1>
+<a id="instrumentation" class="anchor" href="#instrumentation" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Instrumentation</h1>
+
+<p>Instrumentation is enabled by passing in an instrumenter as an option.</p>
+
+<pre><code>use Rack::Protection, instrumenter: ActiveSupport::Notifications
+</code></pre>
+
+<p>The instrumenter is passed a namespace (String) and environment (Hash). The namespace is 'rack.protection' and the attack type can be obtained from the environment key 'rack.protection.attack'.</p>
+
+ <footer class="site-footer">
+ <span class="site-footer-owner"><a href="https://github.com/sinatra/rack-protection">Rack::Protection</a> is maintained by <a href="https://github.com/sinatra">sinatra</a>.</span>
+
+ <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
+ </footer>
+
+ </section>
+
+
</body>
-</html>
+</html>
View
8 params.json
@@ -1 +1,7 @@
-{"note":"Don't delete this file! It's used internally to help with page regeneration.","name":"rack-protection","tagline":"You should use protection!","body":"You should use protection!\r\n\r\nThis gem protects against typical web attacks.\r\nShould work for all Rack apps, including Rails.\r\n\r\n# Usage\r\n\r\nUse all protections you probably want to use:\r\n\r\n``` ruby\r\n# config.ru\r\nrequire 'rack/protection'\r\nuse Rack::Protection\r\nrun MyApp\r\n```\r\n\r\nSkip a single protection middleware:\r\n\r\n``` ruby\r\n# config.ru\r\nrequire 'rack/protection'\r\nuse Rack::Protection, :except => :path_traversal\r\nrun MyApp\r\n```\r\n\r\nUse a single protection middleware:\r\n\r\n``` ruby\r\n# config.ru\r\nrequire 'rack/protection'\r\nuse Rack::Protection::AuthenticityToken\r\nrun MyApp\r\n```\r\n\r\n# Prevented Attacks\r\n\r\n## Cross Site Request Forgery\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::AuthenticityToken` (not included by `use Rack::Protection`)\r\n* `Rack::Protection::FormToken` (not included by `use Rack::Protection`)\r\n* `Rack::Protection::JsonCsrf`\r\n* `Rack::Protection::RemoteReferrer` (not included by `use Rack::Protection`)\r\n* `Rack::Protection::RemoteToken`\r\n* `Rack::Protection::HttpOrigin`\r\n\r\n## Cross Site Scripting\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::EscapedParams` (not included by `use Rack::Protection`)\r\n* `Rack::Protection::XssHeader` (Internet Explorer only)\r\n\r\n## Clickjacking\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::FrameOptions`\r\n\r\n## Directory Traversal\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::PathTraversal`\r\n\r\n## Session Hijacking\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::SessionHijacking`\r\n\r\n## IP Spoofing\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::IPSpoofing`\r\n\r\n# Installation\r\n\r\n gem install rack-protection\r\n\r\n","google":""}
+{
+ "name": "Rack::Protection",
+ "tagline": "Protect against typical web attacks, works with all Rack apps, including Rails.",
+ "body": "[![Build Status](https://secure.travis-ci.org/sinatra/rack-protection.png)](http://travis-ci.org/sinatra/rack-protection)\r\n\r\nThis gem protects against typical web attacks.\r\nShould work for all Rack apps, including Rails.\r\n\r\n# Usage\r\n\r\nUse all protections you probably want to use:\r\n\r\n``` ruby\r\n# config.ru\r\nrequire 'rack/protection'\r\nuse Rack::Protection\r\nrun MyApp\r\n```\r\n\r\nSkip a single protection middleware:\r\n\r\n``` ruby\r\n# config.ru\r\nrequire 'rack/protection'\r\nuse Rack::Protection, :except => :path_traversal\r\nrun MyApp\r\n```\r\n\r\nUse a single protection middleware:\r\n\r\n``` ruby\r\n# config.ru\r\nrequire 'rack/protection'\r\nuse Rack::Protection::AuthenticityToken\r\nrun MyApp\r\n```\r\n\r\n# Prevented Attacks\r\n\r\n## Cross Site Request Forgery\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::AuthenticityToken` (not included by `use Rack::Protection`)\r\n* `Rack::Protection::FormToken` (not included by `use Rack::Protection`)\r\n* `Rack::Protection::JsonCsrf`\r\n* `Rack::Protection::RemoteReferrer` (not included by `use Rack::Protection`)\r\n* `Rack::Protection::RemoteToken`\r\n* `Rack::Protection::HttpOrigin`\r\n\r\n## Cross Site Scripting\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::EscapedParams` (not included by `use Rack::Protection`)\r\n* `Rack::Protection::XSSHeader` (Internet Explorer only)\r\n* `Rack::Protection::ContentSecurityPolicy`\r\n\r\n## Clickjacking\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::FrameOptions`\r\n\r\n## Directory Traversal\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::PathTraversal`\r\n\r\n## Session Hijacking\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::SessionHijacking`\r\n\r\n## IP Spoofing\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::IPSpoofing`\r\n\r\n## Helps to protect against protocol downgrade attacks and cookie hijacking\r\n\r\nPrevented by:\r\n\r\n* `Rack::Protection::StrictTransport` (not included by `use Rack::Protection`)\r\n\r\n# Installation\r\n\r\n gem install rack-protection\r\n\r\n# Instrumentation\r\n\r\nInstrumentation is enabled by passing in an instrumenter as an option.\r\n```\r\nuse Rack::Protection, instrumenter: ActiveSupport::Notifications\r\n```\r\n\r\nThe instrumenter is passed a namespace (String) and environment (Hash). The namespace is 'rack.protection' and the attack type can be obtained from the environment key 'rack.protection.attack'.\r\n",
+ "google": "",
+ "note": "Don't delete this file! It's used internally to help with page regeneration."
+}
View
124 stylesheets/github-light.css
@@ -0,0 +1,124 @@
+/*
+The MIT License (MIT)
+
+Copyright (c) 2016 GitHub, Inc.
+
+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.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+*/
+
+.pl-c /* comment */ {
+ color: #969896;
+}
+
+.pl-c1 /* constant, variable.other.constant, support, meta.property-name, support.constant, support.variable, meta.module-reference, markup.raw, meta.diff.header */,
+.pl-s .pl-v /* string variable */ {
+ color: #0086b3;
+}
+
+.pl-e /* entity */,
+.pl-en /* entity.name */ {
+ color: #795da3;
+}
+
+.pl-smi /* variable.parameter.function, storage.modifier.package, storage.modifier.import, storage.type.java, variable.other */,
+.pl-s .pl-s1 /* string source */ {
+ color: #333;
+}
+
+.pl-ent /* entity.name.tag */ {
+ color: #63a35c;
+}
+
+.pl-k /* keyword, storage, storage.type */ {
+ color: #a71d5d;
+}
+
+.pl-s /* string */,
+.pl-pds /* punctuation.definition.string, string.regexp.character-class */,
+.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
+.pl-sr /* string.regexp */,
+.pl-sr .pl-cce /* string.regexp constant.character.escape */,
+.pl-sr .pl-sre /* string.regexp source.ruby.embedded */,
+.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */ {
+ color: #183691;
+}
+
+.pl-v /* variable */ {
+ color: #ed6a43;
+}
+
+.pl-id /* invalid.deprecated */ {
+ color: #b52a1d;
+}
+
+.pl-ii /* invalid.illegal */ {
+ color: #f8f8f8;
+ background-color: #b52a1d;
+}
+
+.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
+ font-weight: bold;
+ color: #63a35c;
+}
+
+.pl-ml /* markup.list */ {
+ color: #693a17;
+}
+
+.pl-mh /* markup.heading */,
+.pl-mh .pl-en /* markup.heading entity.name */,
+.pl-ms /* meta.separator */ {
+ font-weight: bold;
+ color: #1d3e81;
+}
+
+.pl-mq /* markup.quote */ {
+ color: #008080;
+}
+
+.pl-mi /* markup.italic */ {
+ font-style: italic;
+ color: #333;
+}
+
+.pl-mb /* markup.bold */ {
+ font-weight: bold;
+ color: #333;
+}
+
+.pl-md /* markup.deleted, meta.diff.header.from-file */ {
+ color: #bd2c00;
+ background-color: #ffecec;
+}
+
+.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
+ color: #55a532;
+ background-color: #eaffea;
+}
+
+.pl-mdr /* meta.diff.range */ {
+ font-weight: bold;
+ color: #795da3;
+}
+
+.pl-mo /* meta.output */ {
+ color: #1d3e81;
+}
+
View
553 stylesheets/normalize.css
@@ -1,10 +1,35 @@
-/* normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */
-/* =============================================================================
- HTML5 display definitions
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
========================================================================== */
-/*
- * Corrects block display not defined in IE6/7/8/9 & FF3
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
*/
+
article,
aside,
details,
@@ -13,209 +38,126 @@ figure,
footer,
header,
hgroup,
+main,
+menu,
nav,
section,
summary {
display: block;
}
-/*
- * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
+
audio,
canvas,
+progress,
video {
- display: inline-block;
- *display: inline;
- *zoom: 1;
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
}
-/*
- * Prevents modern browsers from displaying 'audio' without controls
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
*/
+
audio:not([controls]) {
display: none;
+ height: 0;
}
-/*
- * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
- * Known issue: no IE6 support
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
-[hidden] {
+
+[hidden],
+template {
display: none;
}
-/* =============================================================================
- Base
+/* Links
========================================================================== */
-/*
- * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
- * http://clagnut.com/blog/348/#c790
- * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
- * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
- */
-html {
- font-size: 100%;
- /* 1 */
- -webkit-text-size-adjust: 100%;
- /* 2 */
- -ms-text-size-adjust: 100%;
- /* 2 */
-}
-/*
- * Addresses font-family inconsistency between 'textarea' and other form elements.
+/**
+ * Remove the gray background color from active links in IE 10.
*/
-html,
-button,
-input,
-select,
-textarea {
- font-family: sans-serif;
-}
-/*
- * Addresses margins handled incorrectly in IE6/7
- */
-body {
- margin: 0;
+a {
+ background-color: transparent;
}
-/* =============================================================================
- Links
- ========================================================================== */
-/*
- * Addresses outline displayed oddly in Chrome
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
*/
-a:focus {
- outline: thin dotted;
-}
-/*
- * Improves readability when focused and also mouse hovered in all browsers
- * people.opera.com/patrickl/experiments/keyboard/test
- */
-a:hover,
-a:active {
+a:active,
+a:hover {
outline: 0;
}
-/* =============================================================================
- Typography
+/* Text-level semantics
========================================================================== */
-/*
- * Addresses font sizes and margins set differently in IE6/7
- * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
- */
-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.75em;
- margin: 2.33em 0;
-}
-
-/*
- * Addresses styling not present in IE7/8/9, S5, Chrome
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
+
abbr[title] {
border-bottom: 1px dotted;
}
-/*
- * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
-*/
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
b,
strong {
font-weight: bold;
}
-blockquote {
- margin: 1em 40px;
-}
-
-/*
- * Addresses styling not present in S5, Chrome
+/**
+ * Address styling not present in Safari and Chrome.
*/
+
dfn {
font-style: italic;
}
-/*
- * Addresses styling not present in IE6/7/8/9
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
*/
-mark {
- background: #ff0;
- color: #000;
-}
-/*
- * Addresses margins set differently in IE6/7
- */
-p,
-pre {
- margin: 1em 0;
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
}
-/*
- * Corrects font family set oddly in IE6, S4/5, Chrome
- * en.wikipedia.org/wiki/User:Davidgothberg/Test59
+/**
+ * Address styling not present in IE 8/9.
*/
-pre,
-code,
-kbd,
-samp {
- font-family: monospace, serif;
- _font-family: 'courier new', monospace;
- font-size: 1em;
-}
-/*
- * 1. Addresses CSS quotes not supported in IE6/7
- * 2. Addresses quote property not supported in S4
- */
-/* 1 */
-q {
- quotes: none;
+mark {
+ background: #ff0;
+ color: #000;
}
-/* 2 */
-q:before,
-q:after {
- content: '';
- content: none;
-}
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
small {
- font-size: 75%;
+ font-size: 80%;
}
-/*
- * Prevents sub and sup affecting line-height in all browsers
- * gist.github.com/413930
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
+
sub,
sup {
font-size: 75%;
@@ -232,228 +174,251 @@ sub {
bottom: -0.25em;
}
-/* =============================================================================
- Lists
+/* Embedded content
========================================================================== */
-/*
- * Addresses margins set differently in IE6/7
- */
-dl,
-menu,
-ol,
-ul {
- margin: 1em 0;
-}
-dd {
- margin: 0 0 0 40px;
-}
-
-/*
- * Addresses paddings set differently in IE6/7
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
*/
-menu,
-ol,
-ul {
- padding: 0 0 0 40px;
-}
-/*
- * Corrects list images handled incorrectly in IE7
- */
-nav ul,
-nav ol {
- list-style: none;
- list-style-image: none;
-}
-
-/* =============================================================================
- Embedded content
- ========================================================================== */
-/*
- * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
- * 2. Improves image quality when scaled in IE7
- * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
- */
img {
border: 0;
- /* 1 */
- -ms-interpolation-mode: bicubic;
- /* 2 */
}
-/*
- * Corrects overflow displayed oddly in IE9
+/**
+ * Correct overflow not hidden in IE 9/10/11.
*/
+
svg:not(:root) {
overflow: hidden;
}
-/* =============================================================================
- Figures
+/* Grouping content
========================================================================== */
-/*
- * Addresses margin not present in IE6/7/8/9, S5, O11
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
*/
+
figure {
- margin: 0;
+ margin: 1em 40px;
}
-/* =============================================================================
- Forms
- ========================================================================== */
-/*
- * Corrects margin displayed oddly in IE6/7
+/**
+ * Address differences between Firefox and other browsers.
*/
-form {
- margin: 0;
+
+hr {
+ box-sizing: content-box;
+ height: 0;
}
-/*
- * Define consistent border, margin, and padding
+/**
+ * Contain overflow in all browsers.
*/
-fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
+
+pre {
+ overflow: auto;
}
-/*
- * 1. Corrects color not being inherited in IE6/7/8/9
- * 2. Corrects text not wrapping in FF3
- * 3. Corrects alignment displayed oddly in IE6/7
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
*/
-legend {
- border: 0;
- /* 1 */
- padding: 0;
- white-space: normal;
- /* 2 */
- *margin-left: -7px;
- /* 3 */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
}
-/*
- * 1. Corrects font size not being inherited in all browsers
- * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
- * 3. Improves appearance and consistency in all browsers
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
*/
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
button,
input,
+optgroup,
select,
textarea {
- font-size: 100%;
- /* 1 */
- margin: 0;
- /* 2 */
- vertical-align: baseline;
- /* 3 */
- *vertical-align: middle;
- /* 3 */
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+ overflow: visible;
}
-/*
- * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
*/
+
button,
-input {
- line-height: normal;
- /* 1 */
+select {
+ text-transform: none;
}
-/*
- * 1. Improves usability and consistency of cursor style between image-type 'input' and others
- * 2. Corrects inability to style clickable 'input' types in iOS
- * 3. Removes inner spacing in IE7 without affecting normal text inputs
- * Known issue: inner spacing remains in IE6
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
*/
+
button,
-input[type="button"],
+html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
- cursor: pointer;
- /* 1 */
- -webkit-appearance: button;
- /* 2 */
- *overflow: visible;
- /* 3 */
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
}
-/*
- * Re-set default cursor for disabled elements
+/**
+ * Re-set default cursor for disabled elements.
*/
+
button[disabled],
-input[disabled] {
+html input[disabled] {
cursor: default;
}
-/*
- * 1. Addresses box sizing set to content-box in IE8/9
- * 2. Removes excess padding in IE8/9
- * 3. Removes excess padding in IE7
- Known issue: excess padding remains in IE6
+/**
+ * Remove inner padding and border in Firefox 4+.
*/
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
input[type="checkbox"],
input[type="radio"] {
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
- *height: 13px;
- /* 3 */
- *width: 13px;
- /* 3 */
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
}
-/*
- * 1. Addresses appearance set to searchfield in S5, Chrome
- * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ * (include `-moz` to future-proof).
*/
+
input[type="search"] {
- -webkit-appearance: textfield;
- /* 1 */
- -moz-box-sizing: content-box;
- -webkit-box-sizing: content-box;
- /* 2 */
+ -webkit-appearance: textfield; /* 1 */ /* 2 */
box-sizing: content-box;
}
-/*
- * Removes inner padding and search cancel button in S5, Chrome on OS X
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
*/
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button {
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
-/*
- * Removes inner padding and border in FF3+
- * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+/**
+ * Define consistent border, margin, and padding.
*/
-button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
- padding: 0;
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
}
-/*
- * 1. Removes default vertical scrollbar in IE6/7/8/9
- * 2. Improves readability and alignment in all browsers
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
*/
+
textarea {
overflow: auto;
- /* 1 */
- vertical-align: top;
- /* 2 */
}
-/* =============================================================================
- Tables
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
========================================================================== */
-/*
- * Remove most spacing between table cells
+
+/**
+ * Remove most spacing between table cells.
*/
+
table {
border-collapse: collapse;
border-spacing: 0;
}
+
+td,
+th {
+ padding: 0;
+}
View
245 stylesheets/stylesheet.css
@@ -0,0 +1,245 @@
+* {
+ box-sizing: border-box; }
+
+body {
+ padding: 0;
+ margin: 0;
+ font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ line-height: 1.5;
+ color: #606c71; }
+
+a {
+ color: #1e6bb8;
+ text-decoration: none; }
+ a:hover {
+ text-decoration: underline; }
+
+.btn {
+ display: inline-block;
+ margin-bottom: 1rem;
+ color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(255, 255, 255, 0.08);
+ border-color: rgba(255, 255, 255, 0.2);
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 0.3rem;
+ transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
+ .btn + .btn {
+ margin-left: 1rem; }
+
+.btn:hover {
+ color: rgba(255, 255, 255, 0.8);
+ text-decoration: none;
+ background-color: rgba(255, 255, 255, 0.2);
+ border-color: rgba(255, 255, 255, 0.3); }
+
+@media screen and (min-width: 64em) {
+ .btn {
+ padding: 0.75rem 1rem; } }
+
+@media screen and (min-width: 42em) and (max-width: 64em) {
+ .btn {
+ padding: 0.6rem 0.9rem;
+ font-size: 0.9rem; } }
+
+@media screen and (max-width: 42em) {
+ .btn {
+ display: block;
+ width: 100%;
+ padding: 0.75rem;
+ font-size: 0.9rem; }
+ .btn + .btn {
+ margin-top: 1rem;
+ margin-left: 0; } }
+
+.page-header {
+ color: #fff;
+ text-align: center;
+ background-color: #159957;
+ background-image: linear-gradient(120deg, #155799, #159957); }
+
+@media screen and (min-width: 64em) {
+ .page-header {
+ padding: 5rem 6rem; } }
+
+@media screen and (min-width: 42em) and (max-width: 64em) {
+ .page-header {
+ padding: 3rem 4rem; } }
+
+@media screen and (max-width: 42em) {
+ .page-header {
+ padding: 2rem 1rem; } }
+
+.project-name {
+ margin-top: 0;
+ margin-bottom: 0.1rem; }
+
+@media screen and (min-width: 64em) {
+ .project-name {
+ font-size: 3.25rem; } }
+
+@media screen and (min-width: 42em) and (max-width: 64em) {
+ .project-name {
+ font-size: 2.25rem; } }
+
+@media screen and (max-width: 42em) {
+ .project-name {
+ font-size: 1.75rem; } }
+
+.project-tagline {
+ margin-bottom: 2rem;
+ font-weight: normal;
+ opacity: 0.7; }
+
+@media screen and (min-width: 64em) {
+ .project-tagline {
+ font-size: 1.25rem; } }
+
+@media screen and (min-width: 42em) and (max-width: 64em) {
+ .project-tagline {
+ font-size: 1.15rem; } }
+
+@media screen and (max-width: 42em) {
+ .project-tagline {
+ font-size: 1rem; } }
+
+.main-content :first-child {
+ margin-top: 0; }
+.main-content img {
+ max-width: 100%; }
+.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+ font-weight: normal;
+ color: #159957; }
+.main-content p {
+ margin-bottom: 1em; }
+.main-content code {
+ padding: 2px 4px;
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ font-size: 0.9rem;
+ color: #383e41;
+ background-color: #f3f6fa;
+ border-radius: 0.3rem; }
+.main-content pre {
+ padding: 0.8rem;
+ margin-top: 0;
+ margin-bottom: 1rem;
+ font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ color: #567482;
+ word-wrap: normal;
+ background-color: #f3f6fa;
+ border: solid 1px #dce6f0;
+ border-radius: 0.3rem; }
+ .main-content pre > code {
+ padding: 0;
+ margin: 0;
+ font-size: 0.9rem;
+ color: #567482;
+ word-break: normal;
+ white-space: pre;
+ background: transparent;
+ border: 0; }
+.main-content .highlight {
+ margin-bottom: 1rem; }
+ .main-content .highlight pre {
+ margin-bottom: 0;
+ word-break: normal; }
+.main-content .highlight pre, .main-content pre {
+ padding: 0.8rem;
+ overflow: auto;
+ font-size: 0.9rem;
+ line-height: 1.45;
+ border-radius: 0.3rem; }
+.main-content pre code, .main-content pre tt {
+ display: inline;
+ max-width: initial;
+ padding: 0;
+ margin: 0;
+ overflow: initial;
+ line-height: inherit;
+ word-wrap: normal;
+ background-color: transparent;
+ border: 0; }
+ .main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after {
+ content: normal; }
+.main-content ul, .main-content ol {
+ margin-top: 0; }
+.main-content blockquote {
+ padding: 0 1rem;
+ margin-left: 0;
+ color: #819198;
+ border-left: 0.3rem solid #dce6f0; }
+ .main-content blockquote > :first-child {
+ margin-top: 0; }
+ .main-content blockquote > :last-child {
+ margin-bottom: 0; }
+.main-content table {
+ display: block;
+ width: 100%;
+ overflow: auto;
+ word-break: normal;
+ word-break: keep-all; }
+ .main-content table th {
+ font-weight: bold; }
+ .main-content table th, .main-content table td {
+ padding: 0.5rem 1rem;
+ border: 1px solid #e9ebec; }
+.main-content dl {
+ padding: 0; }
+ .main-content dl dt {
+ padding: 0;
+ margin-top: 1rem;
+ font-size: 1rem;
+ font-weight: bold; }
+ .main-content dl dd {
+ padding: 0;
+ margin-bottom: 1rem; }
+.main-content hr {
+ height: 2px;
+ padding: 0;
+ margin: 1rem 0;
+ background-color: #eff0f1;
+ border: 0; }
+
+@media screen and (min-width: 64em) {
+ .main-content {
+ max-width: 64rem;
+ padding: 2rem 6rem;
+ margin: 0 auto;
+ font-size: 1.1rem; } }
+
+@media screen and (min-width: 42em) and (max-width: 64em) {
+ .main-content {
+ padding: 2rem 4rem;
+ font-size: 1.1rem; } }
+
+@media screen and (max-width: 42em) {
+ .main-content {
+ padding: 2rem 1rem;
+ font-size: 1rem; } }
+
+.site-footer {
+ padding-top: 2rem;
+ margin-top: 2rem;
+ border-top: solid 1px #eff0f1; }
+
+.site-footer-owner {
+ display: block;
+ font-weight: bold; }
+
+.site-footer-credits {
+ color: #819198; }
+
+@media screen and (min-width: 64em) {
+ .site-footer {
+ font-size: 1rem; } }
+
+@media screen and (min-width: 42em) and (max-width: 64em) {
+ .site-footer {
+ font-size: 1rem; } }
+
+@media screen and (max-width: 42em) {
+ .site-footer {
+ font-size: 0.9rem; } }

0 comments on commit 4b7fecc

Please sign in to comment.