aacinfo-theme 0.2.0 → 2.0.1

data/_sass/templates/_page-full-width.scss

@@ -0,0 +1,11 @@
+.full-width-content > .wrapper > .content {
+	@include grid-column;
+	@include breakpoint(medium) {
+		@include grid-column(11);
+		@include grid-column-position(center);
+	}
+	@include breakpoint(large) {
+		@include grid-column(10);
+		@include grid-column-position(center);
+	}
+}

data/_sass/templates/_page-highlights.scss

@@ -0,0 +1,156 @@
+.highlights-template {
+	.top-content,
+	.bottom-content {
+		.wrapper .content {
+			@include grid-column;
+			text-align: center;
+			font-size: rem-calc(18);
+			@include breakpoint(tablet) {
+				@include grid-column(11);
+				@include grid-column-position(center);
+				font-size: rem-calc(20);
+			}
+			@include breakpoint(large) {
+				@include grid-column(10);
+				@include grid-column-position(center);
+			}
+		}
+	}
+	.top-content {
+		margin-bottom: 1rem;
+	}
+	.highlight-boxes-wrapper{
+
+	}
+	.highlight-boxes {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: center;
+		@include grid-layout(1, '.highlight', $grid-column-gutter);
+		margin-bottom: map-get($grid-column-gutter, small)*0.8;
+		.highlight {
+			max-width: 100%;
+		}
+		@include breakpoint(tablet) {
+			@include grid-layout(3, '.highlight', $grid-column-gutter);
+			margin-bottom: map-get($grid-column-gutter, medium)*0.8;
+			.highlight {
+				max-width: percentage(1/3);
+			}
+		}
+		.highlight {
+			display: flex;
+			flex-direction: column;
+			flex: 1 1 auto;
+			margin-bottom: map-get($grid-column-gutter, small)*0.8;
+			@include breakpoint(medium) {
+				margin-bottom: map-get($grid-column-gutter, medium)*0.8;
+			}
+			a {
+				background: $ace-blue;
+				&:hover, &:focus {
+					background: $ace-blue-h;
+				}
+			}
+
+			$highlight-colors: (
+				1: (
+					name: "lime",
+					color: $ace-lime,
+					hover: $ace-lime-h
+				),
+				2: (
+					name: "blue",
+					color: $ace-blue,
+					hover: $ace-blue-h
+				),
+				3: (
+					name: "orange",
+					color: $ace-orange,
+					hover: $ace-orange-h
+				),
+				4: (
+					name: "pink",
+					color: $ace-pink,
+					hover: $ace-pink-h
+				),
+				5: (
+					name: "gold",
+					color: $ace-gold,
+					hover: $ace-gold-h
+				),
+				6: (
+					name: "teal",
+					color: $ace-teal,
+					hover: $ace-teal-h
+				)
+			);
+
+			@each $i, $c-g in $highlight-colors {
+
+				$n: map-get($c-g, name);
+				$c: map-get($c-g, color);
+				$c-h: map-get($c-g, hover);
+
+				&.highlight-default:nth-of-type(6n + #{$i}) a {
+					background: $c;
+					&:hover, &:focus {
+						background: $c-h;
+					}
+				}
+
+				&.highlight-#{$n} a {
+					background: $c;
+					&:hover, &:focus {
+						background: $c-h;
+					}
+				}
+			}
+		}
+		a {
+			display: flex;
+			flex: 1 0 auto;
+			flex-direction: column;
+			position: relative;
+			text-align: center;
+			border-radius: 16px;
+			color: $white;
+			padding: rem-calc(24 24 32);
+			@include breakpoint(tablet) {
+				padding: rem-calc(30 30 40);
+			}
+			h2 {
+				display: flex;
+				flex-direction: column;
+				align-content: center;
+				justify-content: center;
+				flex: 1 0 auto;
+				font-size: rem-calc(24);
+				font-weight: 300;
+				margin: 0;
+				line-height: 1.05;
+				color: $white;
+				@include breakpoint(tablet) {
+					font-size: rem-calc(30);
+				}
+			}
+			&:after {
+				content: '';
+				display: block;
+				position: absolute;
+				right: 0;
+				bottom: 8px;
+				left: 0;
+				height: 20px;
+				width: 20px;
+				margin: auto;
+				background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2020%2020%22%20height%3D%2220%22%20width%3D%2220%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-3%7Bfill%3Anone%3B%7D.cls-2%7Bclip-path%3Aurl(%23clip-path)%3B%7D.cls-3%7Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3.39px%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20class%3D%22cls-1%22%20x%3D%220.63%22%20y%3D%224.47%22%20width%3D%2218.75%22%20height%3D%2211.07%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3Edown-chevron%3C%2Ftitle%3E%3Cg%20class%3D%22cls-2%22%3E%3Cpolyline%20class%3D%22cls-3%22%20points%3D%222.32%206.16%2010%2013.84%2017.68%206.16%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+				background-position: center center;
+				background-repeat: no-repeat;
+				@include breakpoint(tablet) {
+					bottom: 12px;
+				}
+			}
+		}
+	}
+}

data/_sass/templates/_page-sidebar-left.scss

@@ -0,0 +1,27 @@
+#page-sidebar-left {
+  @include grid-row();
+  margin-top: 3rem;
+
+  .main-content {
+    @include breakpoint(small) {
+      @include grid-column(12);
+    }
+
+    @include breakpoint(medium) {
+      @include grid-column(8);
+      @include grid-col-pos(4);
+    }
+  }
+
+  .sidebar {
+    @include breakpoint(small) {
+      @include grid-column(12);
+    }
+
+    @include breakpoint(medium) {
+      @include grid-column(4);
+      @include grid-col-pos(-8);
+      margin-top: 1rem;
+    }
+  }
+}

data/_sass/templates/_print.scss

@@ -0,0 +1,69 @@
+html, body {
+	width: 210mm;
+	height: 297mm;
+}
+
+a[href]:after {
+	display: none;
+}
+
+header {
+	.title-bar {
+		display: block;
+		text-align: center;
+		.menu-icon {
+			display: none;
+		}
+	}
+}
+
+.top-top-bar,
+.top-bar,
+.header-right,
+.breadcrumbs,
+.sidebar,
+.frm_rootline_group,
+#footer-container {
+	display: none !important;
+}
+
+.sidebar-content .content {
+	@include grid-column;
+	@include grid-column-unposition;
+}
+
+.acc-content {
+	display: block !important;
+}
+
+.highlights-template {
+	.highlight-boxes {
+		.highlight {
+			padding: 0.5rem;
+			margin-right: 1rem;
+			margin-bottom: 1rem;
+			a {
+				display: inline;
+				padding: 0;
+				h2 {
+					font-size: rem-calc(20);
+				}
+				&:after {
+					display: none;
+				}
+			}
+		}
+	}
+}
+
+.desktop-header {
+	justify-content: center;
+}
+
+h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, q, a, figure, table, fieldset {
+	page-break-inside: avoid;
+}
+
+h1, h2, h3, h4, h5, h6, thead, header {
+	page-break-after: avoid;
+}

data/_sass/templates/_single-post.scss

@@ -0,0 +1,12 @@
+.project-content .content {
+	@include grid-column;
+	@include breakpoint(tablet) {
+		@include grid-column(10);
+		@include grid-column-end;
+	}
+	@include breakpoint(medium) {
+		@include grid-column-offset(1);
+		@include grid-column(8);
+		@include grid-column-end;
+	}
+}

data/_sass/what-input/.bower.json

@@ -0,0 +1,35 @@
+{
+  "name": "what-input",
+  "version": "4.0.6",
+  "homepage": "https://github.com/ten1seven/what-input",
+  "repository": {
+    "url": "https://github.com/ten1seven/what-input.git",
+    "type": "git"
+  },
+  "author": "Jeremy Fields <jeremy.fields@viget.com>",
+  "description": "A global utility for tracking the current input method (mouse, keyboard or touch).",
+  "main": "dist/what-input.js",
+  "keywords": [
+    "accessibility",
+    "a11y",
+    "input",
+    "javascript"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "_release": "4.0.6",
+  "_resolution": {
+    "type": "version",
+    "tag": "v4.0.6",
+    "commit": "c8e4018d6c6e6b998ad8bdbd0bee21a9f4fd154f"
+  },
+  "_source": "https://github.com/ten1seven/what-input.git",
+  "_target": "~4.0.3",
+  "_originalSource": "what-input"
+}

data/_sass/what-input/Gulpfile.js

@@ -0,0 +1,104 @@
+var banner        = ['/**',
+  ' * <%= pkg.name %> - <%= pkg.description %>',
+  ' * @version v<%= pkg.version %>',
+  ' * @link <%= pkg.homepage %>',
+  ' * @license <%= pkg.license %>',
+  ' */',
+  ''].join('\n');
+var browserSync   = require('browser-sync').create();
+var concat        = require('gulp-concat');
+var del           = require('del');
+var gulp          = require('gulp');
+var header        = require('gulp-header');
+var notify        = require('gulp-notify');
+var pkg           = require('./package.json');
+var plumber       = require('gulp-plumber');
+var rename        = require('gulp-rename');
+var runSequence   = require('run-sequence');
+var uglify        = require('gulp-uglify');
+var webpack       = require('webpack-stream');
+
+
+/*
+  --------------------
+  Clean task
+  --------------------
+*/
+
+gulp.task('clean', function () {
+  return del(['**/.DS_Store']);
+});
+
+
+/*
+  --------------------
+  Scripts tasks
+  --------------------
+*/
+
+gulp.task('scripts:main', function() {
+  return gulp.src(['./src/what-input.js'])
+    .pipe(webpack({
+      output: {
+        chunkFilename: '[name].js',
+        library: 'whatInput',
+        libraryTarget: 'umd',
+        umdNamedDefine: true
+      }
+    }))
+    .pipe(rename('what-input.js'))
+    .pipe(header(banner, { pkg : pkg } ))
+    .pipe(gulp.dest('./dist/'))
+    .pipe(uglify())
+    .pipe(rename({
+      suffix: '.min'
+    }))
+    .pipe(header(banner, { pkg : pkg } ))
+    .pipe(gulp.dest('./dist/'))
+    .pipe(notify('Build complete'));
+});
+
+gulp.task('scripts:ie8', function() {
+  return gulp.src(['./src/polyfills/ie8/*.js'])
+    .pipe(plumber({
+      errorHandler: notify.onError("Error: <%= error.message %>")
+    }))
+    .pipe(concat('lte-IE8.js'))
+    .pipe(uglify())
+    .pipe(gulp.dest('./dist/'))
+    .pipe(notify('IE8 scripts task complete'));
+});
+
+gulp.task('scripts', ['scripts:main', 'scripts:ie8']);
+
+
+/*
+  --------------------
+  Default task
+  --------------------
+*/
+
+gulp.task('default', function() {
+  runSequence(
+    'clean',
+    [
+      'scripts'
+    ],
+    function() {
+      browserSync.init({
+        server: {
+          baseDir: './'
+        }
+      });
+
+      gulp.watch([
+        './src/what-input.js',
+        './polyfills/*.js'
+      ], ['scripts']).on('change', browserSync.reload);
+
+      gulp.watch([
+        './*.html',
+      ]).on('change', browserSync.reload);
+    }
+  );
+});

data/_sass/what-input/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Jeremy Fields
+
+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.

data/_sass/what-input/README.md

@@ -0,0 +1,178 @@
+# What Input?
+
+__A global utility for tracking the current input method (mouse, keyboard or touch).__
+
+## What Input is now v4
+
+What Input adds data attributes to the `<html>` tag based on the type of input being used. It also exposes a simple API that can be used for scripting interactions.
+
+### Changes from v3
+
+* `mousemove` and `pointermove` events no longer affect the `data-whatinput` attribute.
+* A new `data-whatintent` attribute now works like v3. This change is intended to separate direct interaction from potential.
+* Key logging and the corresponding `whatInput.keys()` API option have been removed.
+* Event binding and attributes are now added to the `<html>` tag to eliminate the need to test for `DOMContentLoaded`.
+* The `whatInput.set()` API option has been removed.
+* A new set of `whatinput-types-[type]` classes are now added as inputs are detected. New classes are added but existing ones remain, creating the same output as what the `whatInput.types()` returns.
+
+## How it works
+
+What Input uses event bubbling on the `<html>` tag to watch for mouse, keyboard and touch events (via `mousedown`, `keydown` and `touchstart`). It then sets or updates a `data-whatinput` attribute.
+
+Where present, Pointer Events are supported, but note that `pen` inputs are remapped to `touch`.
+
+What Input also exposes a tiny API that allows the developer to ask for or set the current input.
+
+_What Input does not make assumptions about the input environment before the page is directly interacted with._ However, the `mousemove` and `pointermove` events are used to set a `data-whatintent="mouse"` attribute to indicate that a mouse is being used _indirectly_.
+
+### Interacting with Forms
+
+Since interacting with a form requires use of the keyboard, What Input _does not switch the input type while form `<input>`s and `<textarea>`s are being interacted with_, preserving the last detected input type.
+
+## Installing
+
+Download the file directly...
+
+or install via Bower...
+
+```shell
+bower install what-input
+```
+
+or install via NPM...
+
+```shell
+npm install what-input
+```
+
+## Usage
+
+Include the script directly in your project.
+
+```html
+<script src="assets/scripts/what-input.js"></script>
+```
+
+Or require with a script loader.
+
+```javascript
+require('what-input');
+
+// or
+
+var whatInput = require('what-input');
+```
+
+What Input will start doing its thing while you do yours.
+
+### Example Styling
+
+```css
+/**
+ * set a custom default :focus style
+ */
+
+/* default styling before what input executes */
+:focus {
+
+}
+
+/* initial styling after what input has executed but before any interaction */
+[data-whatinput="initial"] :focus {
+  outline: 2px dotted black;
+}
+
+/* mouse */
+[data-whatinput="mouse"] :focus {
+  outline-color: red;
+}
+
+/* keyboard */
+[data-whatinput="keyboard"] :focus {
+  outline-color: green;
+}
+
+/* touch */
+[data-whatinput="touch"] :focus {
+  outline-color: blue;
+}
+```
+**Note:** If you remove outlines with `outline: none;`, be sure to provide clear visual `:focus` styles so the user can see which element they are on at any time for greater accessibility. Visit [W3C's WCAG 2.0 2.4.7 Guideline](https://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html) to learn more.
+
+### Scripting
+
+#### Current Input
+
+Ask What Input what the current input method is. This works best if asked after the events What Input is bound to (`mousedown`, `keydown` and `touchstart`).
+
+```javascript
+whatInput.ask(); // returns `mouse`, `keyboard` or `touch`
+
+myButton.addEventListener('click', function() {
+
+  if (whatInput.ask() === 'mouse') {
+    // do mousy things
+  } else if (whatInput.ask() === 'keyboard') {
+    // do keyboard things
+  }
+
+});
+```
+
+If it's necessary to know if `mousemove` is being used, use the `'loose'` option. For example:
+
+```javascript
+
+/*
+  nothing has happened but the mouse has moved
+*/
+
+whatInput.ask(); // returns `initial` because the page has not been directly interacted with
+whatInput.ask('loose'); // returns `mouse` because mouse movement was detected
+
+/*
+  the keyboard has been used, then the mouse was moved
+*/
+
+whatInput.ask(); // returns `keyboard` because the keyboard was the last direct page interaction
+whatInput.ask('loose'); // returns `mouse` because mouse movement was the most recent action detected
+```
+
+Ask What Input to return an array of all the input types that have been used _so far_.
+
+```javascript
+whatInput.types(); // ex. returns ['mouse', 'keyboard']
+```
+
+## Compatibility
+
+What Input works in all modern browsers. For compatibility with IE8, polyfills are required for:
+
+* addEventListener
+* IndexOf
+
+Add your own, or grab the bundle included here.
+
+```html
+<!--[if lte IE 8]>
+  <script src="lte-IE8.js"></script>
+<![endif]-->
+```
+
+## Demo
+
+Check out the demo to see What Input in action.
+
+http://ten1seven.github.io/what-input
+
+## Acknowledgments
+
+Special thanks to [Viget](http://viget.com/) for their encouragement and commitment to open source projects. Visit [code.viget.com](http://code.viget.com/) to see more projects from [Viget](http://viget.com).
+
+Thanks to [mAAdhaTTah](https://github.com/mAAdhaTTah) for the initial conversion to Webpack.
+
+What Input is written and maintained by [@ten1seven](https://github.com/ten1seven).
+
+## License
+
+What Input is freely available under the [MIT License](http://opensource.org/licenses/MIT).