You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@mnemonic.apache.org by ga...@apache.org on 2016/04/22 06:54:51 UTC

[4/4] incubator-mnemonic-site git commit: initial site

initial site


Project: http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/commit/dd866f6b
Tree: http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/tree/dd866f6b
Diff: http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/diff/dd866f6b

Branch: refs/heads/asf-site
Commit: dd866f6bfeb344b7391b1aaa1d7bd493c113cd08
Parents: 
Author: Wang, Gang(Gary) <ga...@intel.com>
Authored: Thu Apr 21 21:54:20 2016 -0700
Committer: Wang, Gang(Gary) <ga...@intel.com>
Committed: Thu Apr 21 21:54:20 2016 -0700

----------------------------------------------------------------------
 README.md                      |    7 +
 css/screen.css                 | 1426 +++++++++++++++++++++++++++++++++++
 develop/bylaws/index.html      |  446 +++++++++++
 develop/coding/index.html      |  181 +++++
 develop/index.html             |  255 +++++++
 docs/arch.html                 |  141 ++++
 docs/devices.html              |  269 +++++++
 docs/future.html               |  262 +++++++
 docs/hive-ddl.html             |  262 +++++++
 docs/index.html                |  262 +++++++
 docs/indexes.html              |  262 +++++++
 downloads/index.html           |  141 ++++
 favicon.ico                    |  Bin 0 -> 18558 bytes
 feed.xml                       |   13 +
 fonts/fontawesome-webfont.eot  |  Bin 0 -> 56006 bytes
 fonts/fontawesome-webfont.svg  |  520 +++++++++++++
 fonts/fontawesome-webfont.ttf  |  Bin 0 -> 112160 bytes
 fonts/fontawesome-webfont.woff |  Bin 0 -> 65452 bytes
 help/index.html                |  167 ++++
 img/logo.png                   |  Bin 0 -> 18558 bytes
 index.html                     |  162 ++++
 js/html5shiv.min.js            |    4 +
 js/respond.min.js              |    5 +
 mnemonic_logo.png              |  Bin 0 -> 18558 bytes
 talks/index.html               |  153 ++++
 25 files changed, 4938 insertions(+)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/blob/dd866f6b/README.md
----------------------------------------------------------------------
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..1304935
--- /dev/null
+++ b/README.md
@@ -0,0 +1,7 @@
+# Apache Incubator Mnemonic html branch
+
+This branch contains the generated HTML for the
+[Mnemonic website](https://mnemonic.apache.org).
+
+You are probably looking for the
+[Mnemonic master branch](https://github.com/apache/incubator-nmemonic/tree/master).

http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/blob/dd866f6b/css/screen.css
----------------------------------------------------------------------
diff --git a/css/screen.css b/css/screen.css
new file mode 100644
index 0000000..b93fcfe
--- /dev/null
+++ b/css/screen.css
@@ -0,0 +1,1426 @@
+@charset "UTF-8";
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+html {
+  font-family: sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%; }
+
+body {
+  margin: 0; }
+
+article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
+  display: block; }
+
+audio, canvas, progress, video {
+  display: inline-block;
+  vertical-align: baseline; }
+
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+[hidden], template {
+  display: none; }
+
+a {
+  background-color: transparent; }
+
+a:active, a:hover {
+  outline: 0; }
+
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+b, strong {
+  font-weight: 700; }
+
+dfn {
+  font-style: italic; }
+
+h1 {
+  font-size: 2em;
+  margin: .67em 0; }
+
+mark {
+  background: #ff0;
+  color: #000; }
+
+small {
+  font-size: 80%; }
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -.5em; }
+
+sub {
+  bottom: -.25em; }
+
+img {
+  border: 0; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+figure {
+  margin: 1em 40px; }
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0; }
+
+pre {
+  overflow: auto; }
+
+code, kbd, pre, samp {
+  font-family: monospace,monospace;
+  font-size: 1em; }
+
+button, input, optgroup, select, textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0; }
+
+button {
+  overflow: visible; }
+
+button, select {
+  text-transform: none; }
+
+button, html input[type=button], input[type=reset], input[type=submit] {
+  -webkit-appearance: button;
+  cursor: pointer; }
+
+button[disabled], html input[disabled] {
+  cursor: default; }
+
+button::-moz-focus-inner, input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+input {
+  line-height: normal; }
+
+input[type=checkbox], input[type=radio] {
+  box-sizing: border-box;
+  padding: 0; }
+
+input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
+  height: auto; }
+
+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; }
+
+fieldset {
+  border: 1px solid silver;
+  margin: 0 2px;
+  padding: .35em .625em .75em; }
+
+legend {
+  border: 0;
+  padding: 0; }
+
+textarea {
+  overflow: auto; }
+
+optgroup {
+  font-weight: 700; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td, th {
+  padding: 0; }
+
+/*
+ * Gridism
+ * A simple, responsive, and handy CSS grid by @cobyism
+ * https://github.com/cobyism/gridism
+ */
+/* Preserve some sanity */
+.grid,
+.unit {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+/* Set up some rules to govern the grid */
+.grid {
+  display: block;
+  clear: both; }
+
+.grid .unit {
+  float: left;
+  width: 100%;
+  padding: 10px; }
+
+/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
+.grid .unit:first-child {
+  padding-left: 20px; }
+
+.grid .unit:last-child {
+  padding-right: 20px; }
+
+/* Nested grids already have padding though, so let’s nuke it */
+.unit .unit:first-child {
+  padding-left: 0; }
+
+.unit .unit:last-child {
+  padding-right: 0; }
+
+.unit .grid:first-child > .unit {
+  padding-top: 0; }
+
+.unit .grid:last-child > .unit {
+  padding-bottom: 0; }
+
+/* Let people nuke the gutters/padding completely in a couple of ways */
+.no-gutters .unit,
+.unit.no-gutters {
+  padding: 0 !important; }
+
+/* Wrapping at a maximum width is optional */
+.wrap .grid,
+.grid.wrap {
+  max-width: 978px;
+  margin: 0 auto; }
+
+/* Width classes also have shorthand versions numbered as fractions
+ * For example: for a grid unit 1/3 (one third) of the parent width,
+ * simply apply class="w-1-3" to the element. */
+.grid .whole, .grid .w-1-1 {
+  width: 100%; }
+
+.grid .half, .grid .w-1-2 {
+  width: 50%; }
+
+.grid .one-third, .grid .w-1-3 {
+  width: 33.3332%; }
+
+.grid .two-thirds, .grid .w-2-3 {
+  width: 66.6665%; }
+
+.grid .one-quarter,
+.grid .one-fourth, .grid .w-1-4 {
+  width: 25%; }
+
+.grid .three-quarters,
+.grid .three-fourths, .grid .w-3-4 {
+  width: 75%; }
+
+.grid .one-fifth, .grid .w-1-5 {
+  width: 20%; }
+
+.grid .two-fifths, .grid .w-2-5 {
+  width: 40%; }
+
+.grid .three-fifths, .grid .w-3-5 {
+  width: 60%; }
+
+.grid .four-fifths, .grid .w-4-5 {
+  width: 80%; }
+
+.grid .golden-small, .grid .w-g-s {
+  width: 38.2716%; }
+
+/* Golden section: smaller piece */
+.grid .golden-large, .grid .w-g-l {
+  width: 61.7283%; }
+
+/* Golden section: larger piece */
+/* Clearfix after every .grid */
+.grid {
+  *zoom: 1; }
+
+.grid:before, .grid:after {
+  display: table;
+  content: "";
+  line-height: 0; }
+
+.grid:after {
+  clear: both; }
+
+/* Utility classes */
+.align-center {
+  text-align: center; }
+
+.align-left {
+  text-align: left; }
+
+.align-right {
+  text-align: right; }
+
+.pull-left {
+  float: left; }
+
+.pull-right {
+  float: right; }
+
+/* A property for a better rendering of images in units: in
+   this way bigger pictures are just resized if the unit
+   becomes smaller */
+.unit img {
+  max-width: 100%; }
+
+/* Responsive Stuff */
+@media screen and (max-width: 568px) {
+  /* Stack anything that isn’t full-width on smaller screens 
+     and doesn't provide the no-stacking-on-mobiles class */
+  .grid:not(.no-stacking-on-mobiles) > .unit {
+    width: 100% !important;
+    padding-left: 20px;
+    padding-right: 20px; }
+
+  .unit .grid .unit {
+    padding-left: 0px;
+    padding-right: 0px; }
+
+  /* Sometimes, you just want to be different on small screens */
+  .center-on-mobiles {
+    text-align: center !important; }
+
+  .hide-on-mobiles {
+    display: none !important; } }
+/* Expand the wrap a bit further on larger screens */
+@media screen and (min-width: 1180px) {
+  .wider .grid,
+  .grid.wider {
+    max-width: 1180px;
+    margin: 0 auto; } }
+.highlight {
+  /* Comment */
+  /* Error */
+  /* Generic */
+  /* Keyword */
+  /* Literal */
+  /* Name */
+  /* Operator */
+  /* Other */
+  /* Punctuation */
+  /* Comment.Multiline */
+  /* Comment.Preproc */
+  /* Comment.Single */
+  /* Comment.Special */
+  /* Generic.Deleted */
+  /* Generic.Emph */
+  /* Generic.Error */
+  /* Generic.Heading */
+  /* Generic.Inserted */
+  /* Generic.Output, qualified with span to prevent applying this style to the Go language, see #1153. */
+  /* Generic.Prompt */
+  /* Generic.Strong */
+  /* Generic.Subheading */
+  /* Generic.Traceback */
+  /* Keyword.Constant */
+  /* Keyword.Declaration */
+  /* Keyword.Namespace */
+  /* Keyword.Pseudo */
+  /* Keyword.Reserved */
+  /* Keyword.Type */
+  /* Literal.Date */
+  /* Literal.Number */
+  /* Literal.String */
+  /* Name.Attribute */
+  /* Name.Builtin */
+  /* Name.Class */
+  /* Name.Constant */
+  /* Name.Decorator */
+  /* Name.Entity */
+  /* Name.Exception */
+  /* Name.Function */
+  /* Name.Label */
+  /* Name.Namespace */
+  /* Name.Other */
+  /* Name.Property */
+  /* Name.Tag */
+  /* Name.Variable */
+  /* Operator.Word */
+  /* Text.Whitespace */
+  /* Literal.Number.Float */
+  /* Literal.Number.Hex */
+  /* Literal.Number.Integer */
+  /* Literal.Number.Oct */
+  /* Literal.String.Backtick */
+  /* Literal.String.Char */
+  /* Literal.String.Doc */
+  /* Literal.String.Double */
+  /* Literal.String.Escape */
+  /* Literal.String.Heredoc */
+  /* Literal.String.Interpol */
+  /* Literal.String.Other */
+  /* Literal.String.Regex */
+  /* Literal.String.Single */
+  /* Literal.String.Symbol */
+  /* Name.Builtin.Pseudo */
+  /* Name.Variable.Class */
+  /* Name.Variable.Global */
+  /* Name.Variable.Instance */
+  /* Literal.Number.Integer.Long */ }
+  .highlight .hll {
+    background-color: #ffffcc; }
+  .highlight .c {
+    color: #87ceeb; }
+  .highlight .err {
+    color: #ffffff; }
+  .highlight .g {
+    color: #ffffff; }
+  .highlight .k {
+    color: #f0e68c; }
+  .highlight .l {
+    color: #ffffff; }
+  .highlight .n {
+    color: #ffffff; }
+  .highlight .o {
+    color: #ffffff; }
+  .highlight .x {
+    color: #ffffff; }
+  .highlight .p {
+    color: #ffffff; }
+  .highlight .cm {
+    color: #87ceeb; }
+  .highlight .cp {
+    color: #cd5c5c; }
+  .highlight .c1 {
+    color: #87ceeb; }
+  .highlight .cs {
+    color: #87ceeb; }
+  .highlight .gd {
+    color: #0000c0;
+    font-weight: bold;
+    background-color: #008080; }
+  .highlight .ge {
+    color: #c000c0;
+    text-decoration: underline; }
+  .highlight .gr {
+    color: #c0c0c0;
+    font-weight: bold;
+    background-color: #c00000; }
+  .highlight .gh {
+    color: #cd5c5c; }
+  .highlight .gi {
+    color: #ffffff;
+    background-color: #0000c0; }
+  .highlight span.go {
+    color: #add8e6;
+    font-weight: bold;
+    background-color: #4d4d4d; }
+  .highlight .gp {
+    color: #ffffff; }
+  .highlight .gs {
+    color: #ffffff; }
+  .highlight .gu {
+    color: #cd5c5c; }
+  .highlight .gt {
+    color: #c0c0c0;
+    font-weight: bold;
+    background-color: #c00000; }
+  .highlight .kc {
+    color: #f0e68c; }
+  .highlight .kd {
+    color: #f0e68c; }
+  .highlight .kn {
+    color: #f0e68c; }
+  .highlight .kp {
+    color: #f0e68c; }
+  .highlight .kr {
+    color: #f0e68c; }
+  .highlight .kt {
+    color: #bdb76b; }
+  .highlight .ld {
+    color: #ffffff; }
+  .highlight .m {
+    color: #ffffff; }
+  .highlight .s {
+    color: #ffffff; }
+  .highlight .na {
+    color: #ffffff; }
+  .highlight .nb {
+    color: #ffffff; }
+  .highlight .nc {
+    color: #ffffff; }
+  .highlight .no {
+    color: #ffa0a0; }
+  .highlight .nd {
+    color: #ffffff; }
+  .highlight .ni {
+    color: #ffdead; }
+  .highlight .ne {
+    color: #ffffff; }
+  .highlight .nf {
+    color: #ffffff; }
+  .highlight .nl {
+    color: #ffffff; }
+  .highlight .nn {
+    color: #ffffff; }
+  .highlight .nx {
+    color: #ffffff; }
+  .highlight .py {
+    color: #ffffff; }
+  .highlight .nt {
+    color: #f0e68c; }
+  .highlight .nv {
+    color: #98fb98; }
+  .highlight .ow {
+    color: #ffffff; }
+  .highlight .w {
+    color: #ffffff; }
+  .highlight .mf {
+    color: #ffffff; }
+  .highlight .mh {
+    color: #ffffff; }
+  .highlight .mi {
+    color: #ffffff; }
+  .highlight .mo {
+    color: #ffffff; }
+  .highlight .sb {
+    color: #ffffff; }
+  .highlight .sc {
+    color: #ffffff; }
+  .highlight .sd {
+    color: #ffffff; }
+  .highlight .s2 {
+    color: #ffffff; }
+  .highlight .se {
+    color: #ffffff; }
+  .highlight .sh {
+    color: #ffffff; }
+  .highlight .si {
+    color: #ffffff; }
+  .highlight .sx {
+    color: #ffffff; }
+  .highlight .sr {
+    color: #ffffff; }
+  .highlight .s1 {
+    color: #ffffff; }
+  .highlight .ss {
+    color: #ffffff; }
+  .highlight .bp {
+    color: #ffffff; }
+  .highlight .vc {
+    color: #98fb98; }
+  .highlight .vg {
+    color: #98fb98; }
+  .highlight .vi {
+    color: #98fb98; }
+  .highlight .il {
+    color: #ffffff; }
+  .highlight .bash .nv {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -o-user-select: none;
+    user-select: none; }
+
+/*!
+ *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@font-face {
+  font-family: 'FontAwesome';
+  src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
+  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
+  font-weight: normal;
+  font-style: normal; }
+.fa {
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.fa-link:before {
+  content: "\f0c1"; }
+
+.fa-pencil:before {
+  content: "\f040"; }
+
+/* Base */
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+body {
+  font: 300 21px Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  color: #333;
+  background-color: #fff;
+  border-top: 5px solid #199acf;
+  -webkit-box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.3);
+  box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.3);
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+  -webkit-font-feature-settings: "kern" 1;
+  -moz-font-feature-settings: "kern" 1;
+  -o-font-feature-settings: "kern" 1;
+  font-feature-settings: "kern" 1;
+  font-kerning: normal; }
+
+.clear {
+  display: block; }
+
+.clear:after {
+  content: " ";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden; }
+
+.logo {
+  padding-top: 8px; }
+
+.grid .titlehead {
+  background: #fff;
+  padding: 40px 20px 50px;
+  text-align: left;
+  text-transform: none;
+  font-size: 50px; }
+  .grid .titlehead span {
+    color: #f1f1f1;
+    font-size: 60px;
+    padding: 0 5px;
+    position: relative;
+    top: 5px; }
+  .grid .titlehead .ifbody {
+    font-size: 31px;
+    padding-left: 60px; }
+
+/* Sections */
+header,
+section,
+footer {
+  float: left;
+  width: 100%;
+  clear: both; }
+
+/* Header */
+header h1,
+header nav {
+  display: inline-block; }
+
+nav ul {
+  padding: 0;
+  margin: 0; }
+nav li {
+  display: inline-block; }
+
+.main-nav {
+  margin-top: 52px; }
+  .main-nav li {
+    margin-right: 10px; }
+    .main-nav li a {
+      -webkit-border-radius: 10px;
+      -moz-border-radius: 10px;
+      border-radius: 10px;
+      font-weight: 900;
+      font-size: 14px;
+      padding: 0.5em 1em;
+      text-shadow: none;
+      text-transform: uppercase;
+      -webkit-transition: all 0.25s;
+      -moz-transition: all 0.25s;
+      -o-transition: all 0.25s;
+      transition: all 0.25s; }
+      .main-nav li a:hover {
+        background-color: #252525; }
+    .main-nav li.current a {
+      background-color: #199acf;
+      color: #FFF; }
+
+.pitch-add {
+  font-size: 0.4em;
+  float: right; }
+
+.mobile-nav ul {
+  overflow: hidden;
+  width: 100%;
+  display: table; }
+.mobile-nav a {
+  float: left;
+  width: 100%;
+  background-color: #333;
+  color: #199acf;
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 14px;
+  font-weight: 900;
+  padding: 5px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px; }
+.mobile-nav li {
+  display: table-cell;
+  width: 20%;
+  padding: 8px 2px; }
+.mobile-nav .current a {
+  background-color: #199acf;
+  color: #222;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); }
+
+/*
+ * This code is courtesy Ben Balter, modified by Parker Moore.
+ * http://ben.balter.com/2014/03/13/pages-anchor-links/
+ */
+.header-link {
+  position: relative;
+  left: 0.5em;
+  opacity: 0;
+  font-size: 0.8em;
+  -webkit-transition: opacity 0.2s ease-in-out 0.1s;
+  -moz-transition: opacity 0.2s ease-in-out 0.1s;
+  -o-transition: opacity 0.2s ease-in-out 0.1s;
+  transition: opacity 0.2s ease-in-out 0.1s; }
+
+h2:hover .header-link,
+h3:hover .header-link,
+h4:hover .header-link,
+h5:hover .header-link,
+h6:hover .header-link {
+  opacity: 1; }
+
+@media (max-width: 768px) {
+  .main-nav ul {
+    text-align: right; } }
+@media (max-width: 830px) {
+  .main-nav .show-on-mobiles {
+    display: inline; }
+  .main-nav .hide-on-mobiles {
+    display: none; } }
+/* Footer */
+footer {
+  background-color: #212121;
+  font-size: 16px;
+  padding-bottom: 5px;
+  color: #c0c0c0;
+  margin-top: 40px; }
+  footer a {
+    color: #fff; }
+    footer a:hover img {
+      opacity: 1; }
+  footer p {
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto; }
+  footer .align-right p {
+    display: inline-block; }
+  footer img {
+    display: inline-block;
+    position: relative;
+    top: 8px;
+    margin-left: 5px;
+    opacity: .8;
+    padding: 1px;
+    -webkit-transition: opacity 0.2s;
+    -moz-transition: opacity 0.2s;
+    -o-transition: opacity 0.2s;
+    transition: opacity 0.2s; }
+
+@media (max-width: 568px) {
+  footer .one-third p {
+    margin-bottom: 0; }
+  footer .two-thirds p {
+    margin-top: -20px; } }
+/* Intro */
+.intro .unit {
+  padding: 10px 0 40px; }
+.intro p {
+  font-size: 1.75em;
+  line-height: 1em;
+  margin: 0; }
+
+@media (min-width: 569px) {
+  .intro p {
+    font-size: 3.2em; } }
+/* Quickstart */
+.quickstart {
+  background-color: #3F1F1F;
+  color: #fff;
+  margin: 60px 0;
+  -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4);
+  -moz-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4);
+  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4); }
+  .quickstart .content {
+    padding: 0; }
+  .quickstart h3 {
+    font-size: 24px;
+    line-height: 24px;
+    margin-top: 20px;
+    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); }
+  .quickstart .code {
+    font-size: 12px;
+    display: block;
+    margin: 0 0 -30px; }
+
+@media (min-width: 768px) {
+  .quickstart .code {
+    font-size: 18px;
+    margin: -30px 0;
+    float: right; }
+  .quickstart h3 {
+    margin: 50px 0 0;
+    text-align: center; } }
+/* Code */
+.quickstart .code {
+  display: block;
+  padding: 0;
+  font-family: Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace;
+  line-height: 1.3em; }
+  .quickstart .code .title {
+    display: block;
+    text-align: center;
+    margin: 0 20px;
+    padding: 5px 0;
+    -webkit-border-radius: 5px 5px 0 0;
+    -moz-border-radius: 5px 5px 0 0;
+    border-radius: 5px 5px 0 0;
+    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
+    font: 400 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    color: #444;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    background-color: #f7f7f7;
+    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), color-stop(7%, #cfcfcf), to(#aaaaaa));
+    background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
+    background-image: -moz-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
+    background-image: -o-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
+    background-image: linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aaaaaa',GradientType=0 );
+    border-bottom: 1px solid #111; }
+  .quickstart .code .shell {
+    padding: 20px;
+    text-shadow: none;
+    margin: 0 20px;
+    background-color: #171717;
+    -webkit-border-radius: 0 0 5px 5px;
+    -moz-border-radius: 0 0 5px 5px;
+    border-radius: 0 0 5px 5px;
+    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); }
+  .quickstart .code .line {
+    display: block;
+    margin: 0;
+    padding: 0; }
+    .quickstart .code .line span {
+      display: inline-block; }
+  .quickstart .code .path {
+    color: #87ceeb;
+    -webkit-user-select: none;
+    /* Chrome all / Safari all */
+    -moz-user-select: none;
+    /* Firefox all */
+    -ms-user-select: none;
+    /* IE 10+ */
+    -o-user-select: none;
+    user-select: none; }
+  .quickstart .code .prompt {
+    color: #cd5c5c;
+    -webkit-user-select: none;
+    /* Chrome all / Safari all */
+    -moz-user-select: none;
+    /* Firefox all */
+    -ms-user-select: none;
+    /* IE 10+ */
+    -o-user-select: none;
+    user-select: none; }
+  .quickstart .code .command {
+    color: #f0e68c; }
+  .quickstart .code .output {
+    color: #888; }
+
+@media (min-width: 768px) {
+  .free-hosting img {
+    float: left;
+    margin: -20px -30px -30px -50px;
+    width: 300px;
+    height: 251px; }
+  .free-hosting .pane-content {
+    margin-top: 35px;
+    padding-right: 30px; }
+  .free-hosting p,
+  .free-hosting a {
+    font-size: 18px; }
+  .free-hosting .pane:after {
+    content: " ";
+    float: right;
+    background: url(../img/footer-arrow.png) top left no-repeat;
+    width: 73px;
+    height: 186px;
+    position: absolute;
+    right: 0;
+    bottom: -30px; } }
+/* Article - Used for both docs and news */
+article {
+  background-color: #fff;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  padding: 20px;
+  margin: 0 10px;
+  border-left: thick double #199acf;
+  border-right: thick double #199acf;
+  font-size: 16px; }
+
+@media (max-width: 480px) {
+  article ul {
+    padding-left: 20px; } }
+@media (max-width: 568px) {
+  article {
+    margin: 0; } }
+@media (min-width: 768px) {
+  article {
+    padding: 40px 40px 30px;
+    font-size: 21px; } }
+/* Right-side nav - used by both docs and news */
+aside {
+  padding-top: 30px; }
+  aside h4 {
+    text-transform: uppercase;
+    font-size: 14px;
+    font-weight: 700;
+    padding: 0 0 10px 30px;
+    margin-left: -30px;
+    display: inline-block;
+    border-bottom: 1px solid #199ACF; }
+  aside ul {
+    padding-left: 0; }
+    aside ul:first-child {
+      margin-top: 0; }
+  aside li {
+    list-style-type: none; }
+    aside li a {
+      font-size: 16px;
+      position: relative; }
+    aside li.current a:before {
+      content: "";
+      border-color: transparent transparent transparent #444;
+      border-style: solid;
+      border-width: 10px;
+      width: 0;
+      height: 0;
+      position: absolute;
+      top: 0;
+      left: -30px; }
+
+/* Documentation */
+.docs article {
+  min-height: 800px; }
+.docs .content {
+  padding: 0; }
+
+.section-nav {
+  text-align: center;
+  padding-top: 40px;
+  position: relative;
+  background: url(../img/article-footer.png) top center no-repeat;
+  margin: 40px -20px 10px; }
+  .section-nav > div {
+    width: 49.5%; }
+  .section-nav a,
+  .section-nav span {
+    color: #fff;
+    font-size: 16px;
+    text-transform: uppercase;
+    font-weight: 700;
+    padding: 8px 12px 10px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    /*border: 1px solid #333;*/
+    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5);
+    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5);
+    background-color: #767676; }
+  .section-nav a:hover {
+    color: #fff;
+    background-color: #888; }
+  .section-nav .next,
+  .section-nav .prev {
+    position: relative; }
+  .section-nav .next:after,
+  .section-nav .prev:before {
+    font-size: 36px;
+    color: #222;
+    font-weight: 900;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
+    position: absolute;
+    top: -7px; }
+  .section-nav .next:after {
+    content: '\203A';
+    right: 10px; }
+  .section-nav .prev:before {
+    content: '\2039';
+    left: 10px; }
+  .section-nav .prev,
+  .section-nav .prev:hover {
+    padding-left: 30px; }
+  .section-nav .next,
+  .section-nav .next:hover {
+    padding-right: 30px; }
+  .section-nav .disabled {
+    opacity: .5;
+    cursor: default; }
+
+.improve {
+  padding-top: 25px;
+  font-size: 16px; }
+  .improve a {
+    color: #999; }
+
+.docs-nav-mobile select {
+  color: #000;
+  width: 100%; }
+
+/* News */
+article h2:first-child {
+  margin-top: 0; }
+
+.post-category,
+.post-meta {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: .8em; }
+
+.post-category {
+  display: inline-block;
+  margin-left: -30px;
+  padding: 6px 10px 8px;
+  padding-left: 50px;
+  -webkit-border-radius: 0 5px 5px 0;
+  -moz-border-radius: 0 5px 5px 0;
+  border-radius: 0 5px 5px 0;
+  position: relative;
+  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
+  background-color: #1B3850;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZjBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#1B3850), to(#204c69));
+  background-image: -webkit-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: -moz-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: -o-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: linear-gradient(to bottom, #1B3850 0%, #204c69 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3850', endColorstr='#204c69',GradientType=0 ); }
+  .post-category:before {
+    content: "";
+    position: absolute;
+    top: -10px;
+    left: 0;
+    border-color: transparent #204c69 #204c69 transparent;
+    border-style: solid;
+    border-width: 5px;
+    width: 0;
+    height: 0; }
+
+.post-content img {
+  max-width: 100%; }
+
+.label {
+  float: left;
+  text-transform: uppercase;
+  font-weight: 700;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }
+
+@media (max-width: 568px) {
+  .post-category {
+    padding-left: 30px; } }
+@media (min-width: 768px) {
+  .post-category {
+    margin-left: -50px; } }
+.avatar {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  display: inline-block;
+  vertical-align: middle; }
+
+.post-meta {
+  padding: 5px 0;
+  color: #c0c0c0;
+  font-weight: 600;
+  text-shadow: 0 -1px 0 #000; }
+
+.post-date,
+.post-author {
+  margin-left: 10px; }
+
+.news article + article {
+  margin-top: -10px;
+  -webkit-border-radius: 0 0 10px 10px;
+  -moz-border-radius: 0 0 10px 10px;
+  border-radius: 0 0 10px 10px;
+  border-top: 1px solid #555;
+  -webkit-box-shadow: 0 -1px 0 #2f2f2f;
+  -moz-box-shadow: 0 -1px 0 #2f2f2f;
+  box-shadow: 0 -1px 0 #2f2f2f; }
+
+/* Code Highlighting */
+pre,
+code {
+  white-space: pre;
+  display: inline-block;
+  margin: 0;
+  font: 14px/1.8em Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace;
+  padding: 0 0.5em; }
+
+@media (min-width: 768px) {
+  pre, code {
+    font-size: 16px; } }
+.highlight,
+p > pre,
+p > code,
+p > nobr > code,
+li > code,
+h5 > code,
+.note > code {
+  background-color: #2b2b2b;
+  color: #fff;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5);
+  box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5); }
+
+.note code {
+  background-color: #333;
+  background-color: rgba(0, 0, 0, 0.2);
+  margin-left: 2.5px;
+  margin-right: 2.5px;
+  font-size: 0.8em; }
+
+.highlight {
+  margin: 1em 0;
+  padding: 10px 0;
+  width: 100%;
+  overflow: auto; }
+
+/* HTML Elements */
+h1, h2, h3, h4, h5, h6 {
+  margin: 0; }
+
+a {
+  color: #199acf;
+  text-decoration: none;
+  -webkit-transition: all 0.25s;
+  -moz-transition: all 0.25s;
+  -o-transition: all 0.25s;
+  transition: all 0.25s; }
+  a:hover {
+    color: #199acf; }
+
+strong {
+  font-weight: 700; }
+
+p {
+  line-height: 1.5em; }
+
+.left {
+  float: left; }
+
+.right {
+  float: right; }
+
+.align-right {
+  text-align: right; }
+
+.align-left {
+  text-align: left; }
+
+.align-center {
+  text-align: center; }
+
+/* Article HTML */
+article h2, article h3, article h4, article h5, article h6 {
+  margin: 1em 0; }
+article h4 {
+  color: #fff; }
+article ul li p {
+  margin: 0; }
+article ul li blockquote {
+  margin: 10px 0; }
+article ul li,
+article ol li {
+  line-height: 1.5em;
+  margin-bottom: 0.5em; }
+
+h5, h6 {
+  font-size: 1em;
+  font-style: italic; }
+
+blockquote {
+  border-left: 2px solid #777;
+  padding-left: 20px;
+  font-style: italic;
+  font-size: 18px;
+  font-weight: 500; }
+
+/* Tables */
+table {
+  width: 100%;
+  background-color: #555;
+  margin: .5em 0;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
+
+thead {
+  -webkit-border-top-left-radius: 5px;
+  -moz-border-radius-topleft: 5px;
+  border-top-left-radius: 5px;
+  -webkit-border-top-right-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  border-top-right-radius: 5px;
+  color: #fff;
+  background-color: #ddd;
+  /*  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#1e1e1e));
+    background-image: -webkit-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%);
+    background-image: -moz-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%);
+    background-image: -o-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%);
+    background-image: linear-gradient(to bottom, #3a3a3a 0%,#1e1e1e 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#1e1e1e',GradientType=0 );
+  */ }
+  thead th {
+    position: relative;
+    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
+    thead th:first-child {
+      -webkit-border-top-left-radius: 5px;
+      -moz-border-radius-topleft: 5px;
+      border-top-left-radius: 5px; }
+    thead th:last-child {
+      -webkit-border-top-right-radius: 5px;
+      -moz-border-radius-topright: 5px;
+      border-top-right-radius: 5px; }
+
+td {
+  padding: .5em .75em; }
+
+td p {
+  margin: 0; }
+
+th {
+  text-transform: uppercase;
+  font-size: 16px;
+  padding: .5em .75em;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
+  color: #888; }
+
+tbody td {
+  border-top: 1px solid #747474;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  background-color: #eee;
+  /*  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,0)));
+    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
+    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
+    background-image: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
+    background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00ffffff',GradientType=0 );
+  */ }
+  tbody td p {
+    font-size: 16px; }
+    tbody td p code {
+      font-size: 14px; }
+
+code.option,
+th .option,
+code.filter,
+th .filter {
+  color: #50B600; }
+
+code.flag,
+th .flag,
+code.output,
+th .output {
+  color: #049DCE; }
+
+code.option,
+code.flag,
+code.filter,
+code.output {
+  margin-bottom: 2px; }
+
+/* Note types */
+.note {
+  margin: 30px 0;
+  margin-left: -30px;
+  padding: 20px 20px 24px;
+  padding-left: 50px;
+  -webkit-border-radius: 0 5px 5px 0;
+  -moz-border-radius: 0 5px 5px 0;
+  border-radius: 0 5px 5px 0;
+  position: relative;
+  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
+  background-color: #7e6d42;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlNmQ0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YzRlMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#7e6d42), to(#5c4e35));
+  background-image: -webkit-linear-gradient(top, #7e6d42 0%, #5c4e35 100%);
+  background-image: -moz-linear-gradient(top, #7e6d42 0%, #5c4e35 100%);
+  background-image: -o-linear-gradient(top, #7e6d42 0%, #5c4e35 100%);
+  background-image: linear-gradient(to bottom, #7e6d42 0%, #5c4e35 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e6d42', endColorstr='#5c4e35',GradientType=0 ); }
+
+@media (max-width: 568px) {
+  .note {
+    margin-right: -30px; } }
+@media (min-width: 768px) {
+  .note {
+    margin-left: -50px; } }
+.configtable {
+  font-size: 14px; }
+
+.note:before {
+  content: "";
+  position: absolute;
+  top: -10px;
+  left: 0;
+  border-color: transparent #222 #222 transparent;
+  border-style: solid;
+  border-width: 5px;
+  width: 0;
+  height: 0; }
+.note h5,
+.note p {
+  margin: 0;
+  color: #fff; }
+.note h5 {
+  line-height: 1.5em;
+  font-weight: 900;
+  font-style: normal; }
+.note p {
+  font-weight: 400;
+  font-size: .75em; }
+.note:after {
+  content: '\2605';
+  color: #199acf;
+  position: absolute;
+  top: 14px;
+  left: 14px;
+  font-size: 28px;
+  font-weight: 700;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }
+
+.info {
+  background-color: #0389aa;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzODlhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYxN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#0389aa), to(#00617f));
+  background-image: -webkit-linear-gradient(top, #0389aa 0%, #00617f 100%);
+  background-image: -moz-linear-gradient(top, #0389aa 0%, #00617f 100%);
+  background-image: -o-linear-gradient(top, #0389aa 0%, #00617f 100%);
+  background-image: linear-gradient(to bottom, #0389aa 0%, #00617f 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0389aa', endColorstr='#00617f',GradientType=0 ); }
+
+.warning {
+  background-color: #1B3850;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZjBkMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#1B3850), to(#204c69));
+  background-image: -webkit-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: -moz-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: -o-linear-gradient(top, #1B3850 0%, #204c69 100%);
+  background-image: linear-gradient(to bottom, #1B3850 0%, #204c69 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3850', endColorstr='#204c69',GradientType=0 ); }
+
+.unreleased {
+  background-color: #cd9239;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkOTIzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMjc1MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#cd9239), to(#a27528));
+  background-image: -webkit-linear-gradient(top, #cd9239 0%, #a27528 100%);
+  background-image: -moz-linear-gradient(top, #cd9239 0%, #a27528 100%);
+  background-image: -o-linear-gradient(top, #cd9239 0%, #a27528 100%);
+  background-image: linear-gradient(to bottom, #cd9239 0%, #a27528 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd9239', endColorstr='#a27528',GradientType=0 ); }
+
+.info:before {
+  border-color: transparent #00617f #00617f transparent; }
+
+.warning:before {
+  border-color: transparent #204c69 #204c69 transparent; }
+
+.unreleased:before {
+  border-color: transparent #664719 #664719 transparent; }
+
+.info:after {
+  content: '\24D8';
+  color: #fff;
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  font-size: 28px;
+  font-weight: 700;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }
+
+.warning:after {
+  content: '\203C';
+  color: #199acf;
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  font-size: 32px;
+  font-weight: 700;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }
+
+.unreleased:after {
+  content: '\2692';
+  color: #2b2a12;
+  position: absolute;
+  top: 8px;
+  left: 15px;
+  font-size: 38px;
+  font-weight: 700;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); }
+
+/* Responsive tables */
+@media (max-width: 768px) {
+  .mobile-side-scroller {
+    overflow-x: scroll;
+    margin: 0 -40px;
+    padding: 0 10px; } }
+.show-on-mobiles {
+  display: none; }
+
+@media screen and (max-width: 568px) {
+  .show-on-mobiles {
+    display: block !important; }
+
+  a .show-on-mobiles {
+    display: inline !important; } }
+/* Helper class taken from Bootstrap.
+   Hides an element to all devices except screen readers.
+*/
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }

http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/blob/dd866f6b/develop/bylaws/index.html
----------------------------------------------------------------------
diff --git a/develop/bylaws/index.html b/develop/bylaws/index.html
new file mode 100644
index 0000000..1fd06b2
--- /dev/null
+++ b/develop/bylaws/index.html
@@ -0,0 +1,446 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>Apache Mnemonic Bylaws</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="generator" content="Jekyll v3.0.3">
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic,900">
+  <link rel="stylesheet" href="/css/screen.css">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <!--[if lt IE 9]>
+  <script src="/js/html5shiv.min.js"></script>
+  <script src="/js/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+
+<body class="wrap">
+  <header role="banner">
+  <nav class="mobile-nav show-on-mobiles">
+    <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="current">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+  </nav>
+  <div class="grid">
+    <div class="unit one-third center-on-mobiles">
+      <h1>
+        <a href="/">
+          <span class="sr-only">Apache Incubator Mnemonic</span>
+          <img src="/img/logo.png" width="289" alt="mnemonic Logo" class="logo">
+        </a>
+      </h1>
+    </div>
+    <nav class="main-nav unit two-thirds hide-on-mobiles">
+      <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="current">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+    </nav>
+  </div>
+</header>
+
+
+  <section class="standalone">
+  <div class="grid">
+
+    <div class="unit whole">
+      <article>
+        <h1>Apache Mnemonic Bylaws</h1>
+        <h2 id="introduction">Introduction</h2>
+
+<p>This document defines the bylaws under which the Apache mnemonic project
+operates. It defines the roles and responsibilities of the project,
+who may vote, how voting works, how conflicts are resolved, etc.</p>
+
+<p>mnemonic is a project of the Apache Software Foundation (ASF) and the foundation
+holds the trademark on the name “mnemonic” and copyright on the combined
+code base. The <a href="http://www.apache.org/foundation/faq.html">Apache Foundation
+FAQ</a> and
+<a href="http://www.apache.org/foundation/how-it-works.html">How-It-Works</a>
+explain the operation and background of the foundation.</p>
+
+<p>Apache has a <a href="http://www.apache.org/foundation/policies/conduct.html">code of
+conduct</a> that
+it expects its members to follow. In particular:</p>
+
+<ul>
+  <li>
+    <p>Be <strong>open and welcoming</strong>. It is important that we grow and
+encourage the community of users and developers for our project.</p>
+  </li>
+  <li>
+    <p>Be <strong>collaborative</strong>. Working together on the open mailing lists and
+bug database to make decisions helps the project grow.</p>
+  </li>
+  <li>
+    <p>Be <strong>respectful</strong> of others. Everyone is volunteering their time and
+efforts to work on this project. Please be respectful of everyone
+and their views.</p>
+  </li>
+</ul>
+
+<p>mnemonic is typical of Apache projects in that it operates under a set of
+principles, known collectively as the “Apache Way”. If you are new to
+Apache development, please refer to the <a href="http://incubator.apache.org/">Incubator
+project</a> for more
+information on how Apache projects operate.</p>
+
+<h2 id="roles-and-responsibilities">Roles and Responsibilities</h2>
+
+<p>Apache projects define a set of roles with associated rights and
+responsibilities. These roles govern what tasks an individual may
+perform within the project. The roles are defined in the following
+sections.</p>
+
+<h3 id="users">Users</h3>
+
+<p>The most important participants in the project are people who use our
+software. The majority of our developers start out as users and guide
+their development efforts from the user’s perspective.  Users
+contribute to the Apache projects by providing feedback to developers
+in the form of bug reports and feature suggestions. As well, users
+participate in the Apache community by helping other users on mailing
+lists and user support forums.</p>
+
+<h3 id="contributors">Contributors</h3>
+
+<p>Contributors include all of the volunteers who donate time, code,
+documentation,
+or resources to the mnemonic Project. A contributor that makes sustained,
+welcome contributions to the project may be invited to become a
+committer, though the exact timing of such invitations depends on many
+factors.</p>
+
+<h3 id="committers">Committers</h3>
+
+<p>The project’s committers are responsible for the project’s technical
+management. Committers have the right to commit to the project’s git
+repository. Committers may cast binding votes on any technical
+discussion.</p>
+
+<p>Committer access is by invitation only and must be approved by
+consensus approval of the active Project Management Committee (PMC)
+members.</p>
+
+<p>If a committer wishes to leave the project or does not contribute to
+the project in any form for six months, the PMC may make them emeritus.
+Emeritus committers lose their ability to commit code or cast binding
+votes. An emeritus committer may
+request reinstatement of commit access from the PMC. Such
+reinstatement is subject to consensus approval of active PMC members.</p>
+
+<p>All Apache committers are required to have a signed <a href="https://www.apache.org/licenses/icla.txt">Individual
+Contributor License
+Agreement</a> (ICLA) on file
+with the Apache Software Foundation. There is a <a href="http://www.apache.org/dev/committers.html">Committer
+FAQ</a> which provides more
+details on the requirements for Committers.</p>
+
+<p>A committer who makes a
+sustained contribution to the project may be invited to become a
+member of the PMC. The form of contribution
+is not limited to code. It can also include code review, helping out
+users on the mailing lists, documentation, testing, etc.</p>
+
+<h3 id="release-manager">Release Manager</h3>
+
+<p>A Release Manager (RM) is a committer who volunteers to produce a
+Release Candidate. The RM shall publish a Release Plan on the
+dev mailing list stating the branch from which they intend to
+make a Release Candidate.</p>
+
+<h3 id="project-management-committee">Project Management Committee</h3>
+
+<p>The Project Management Committee (PMC) for Apache mnemonic was created by
+the Apache Board in February 2016 when mnemonic moved out of Intel’s github
+repositories and became an incubated project at Apache.
+The PMC is responsible to the board and
+the ASF for the management and oversight of the Apache mnemonic
+codebase. The responsibilities of the PMC include</p>
+
+<ul>
+  <li>
+    <p>Deciding what is distributed as products of the Apache mnemonic
+project. In particular all releases must be approved by the PMC.</p>
+  </li>
+  <li>
+    <p>Maintaining the project’s shared resources, including the codebase
+repository, mailing lists, and websites.</p>
+  </li>
+  <li>
+    <p>Speaking on behalf of the project.</p>
+  </li>
+  <li>
+    <p>Resolving license disputes regarding products of the project</p>
+  </li>
+  <li>
+    <p>Nominating new PMC members and committers</p>
+  </li>
+  <li>
+    <p>Maintaining these bylaws and other guidelines of the project</p>
+  </li>
+</ul>
+
+<p>Membership of the PMC is by invitation only and must be approved by a
+consensus approval of active PMC members.</p>
+
+<p>A PMC member is considered
+emeritus by their own declaration or by not contributing in any form
+to the project for over six months. An emeritus member may request
+reinstatement to the PMC. Such reinstatement is subject to consensus
+approval of the active PMC members.</p>
+
+<p>The chair of the PMC is appointed by the ASF board. The chair is an
+office holder of the Apache Software Foundation (Vice President,
+Apache mnemonic) and has primary responsibility to the board for the
+management of the project within the scope of the mnemonic PMC. The
+chair reports to the board quarterly on developments within the mnemonic
+project.</p>
+
+<p>When the project desires a new PMC chair, the PMC votes to recommend a
+new chair using <a href="http://wiki.apache.org/general/BoardVoting">Single Transferable
+Vote</a> voting. The decision
+must be ratified by the Apache board.</p>
+
+<h2 id="decision-making">Decision Making</h2>
+
+<p>Within the mnemonic project, different types of decisions require
+different forms of approval. For example, the previous section
+describes several decisions which require “consensus approval.”
+This section defines how voting is performed, the types of
+approvals, and which types of decision require which type of approval.</p>
+
+<h3 id="voting">Voting</h3>
+
+<p>Decisions regarding the project are made by votes on the primary
+project development mailing list (dev@mnemonic.apache.org). Where
+necessary, PMC voting may take place on the private mnemonic PMC mailing
+list. Votes are clearly indicated by subject line starting with
+[VOTE]. Votes may contain multiple items for approval and these should
+be clearly separated. Voting is carried out by replying to the vote
+mail. Voting may take five flavors:</p>
+
+<ul>
+  <li>
+    <p><strong>+1</strong> – “Yes,” “Agree,” or “the action should be performed.” In general,
+this vote also indicates a willingness on the behalf of the voter in
+“making it happen.”</p>
+  </li>
+  <li>
+    <p><strong>+0</strong> – This vote indicates a willingness for the action under
+consideration to go ahead. The voter, however, will not be able to
+help.</p>
+  </li>
+  <li>
+    <p><strong>0</strong> – The voter is neutral on the topic under discussion.</p>
+  </li>
+  <li>
+    <p><strong>-0</strong> – This vote indicates that the voter does not, in general, agree
+ with the proposed action but is not concerned enough to prevent the
+ action going ahead.</p>
+  </li>
+  <li>
+    <p><strong>-1</strong> – This is a negative vote. On issues where consensus is required,
+ this vote counts as a veto. All vetoes must contain an explanation
+ of why the veto is appropriate. Vetoes with no explanation are
+ void. It may also be appropriate for a -1 vote to include an
+ alternative course of action.</p>
+  </li>
+</ul>
+
+<p>All participants in the mnemonic project are encouraged to show their
+agreement for or against a particular action by voting, regardless of
+whether their vote is binding. Nonbinding votes are useful for
+encouraging discussion and understanding the scope of opinions within
+the project.</p>
+
+<h3 id="approvals">Approvals</h3>
+
+<p>These are the types of approvals that can be sought. Different actions
+require different types of approvals.</p>
+
+<ul>
+  <li>
+    <p><strong>Consensus Approval</strong> – Consensus approval requires 3 binding +1
+votes and no binding vetoes.</p>
+  </li>
+  <li>
+    <p><strong>Lazy Consensus</strong> – Lazy consensus requires at least one +1 vote and
+no -1 votes (‘silence gives assent’).</p>
+  </li>
+  <li>
+    <p><strong>Lazy Majority</strong> – A lazy majority vote requires 3 binding +1 votes
+ and more binding +1 votes than -1 votes.</p>
+  </li>
+  <li>
+    <p><strong>Lazy 2/3 Majority</strong> – Lazy 2/3 majority votes requires at least 3
+votes and twice as many +1 votes as -1 votes.</p>
+  </li>
+</ul>
+
+<h3 id="vetoes">Vetoes</h3>
+
+<p>A valid, binding veto cannot be overruled. If a veto is cast, it must
+be accompanied by a valid reason explaining the reasons for the
+veto. The validity of a veto, if challenged, can be confirmed by
+anyone who has a binding vote. This does not necessarily signify
+agreement with the veto - merely that the veto is valid.  If you
+disagree with a valid veto, you must lobby the person casting the veto
+to withdraw their veto. If a veto is not withdrawn, any action that
+has already been taken  must be reversed in a timely manner.</p>
+
+<h3 id="actions">Actions</h3>
+
+<p>This section describes the various actions which are undertaken within
+the project, the corresponding approval required for that action and
+those who have binding votes over the action.</p>
+
+<h4 id="code-change">Code Change</h4>
+
+<p>A change made to a codebase of the project requires <em>lazy consensus</em>
+of active committers other than the author of the patch. The code can
+be committed after the first +1.</p>
+
+<h4 id="product-release">Product Release</h4>
+
+<p>To make a release, the release manager creates a release candidate and
+a vote requiring a <em>lazy majority</em> of the active PMC members is
+required. Once the vote passes, the release candidate becomes an
+official release.</p>
+
+<h4 id="adoption-of-new-codebase">Adoption of New Codebase</h4>
+
+<p>When the codebase for an existing, released product is to be replaced
+with an alternative codebase, it requires a <em>lazy 2/3 majority</em> of PMC
+members. This also covers the creation of new sub-projects and
+submodules within the project.</p>
+
+<h4 id="new-committer">New Committer</h4>
+
+<p>When a new committer is proposed for the project, <em>consensus approval</em>
+of the active PMC members is required.</p>
+
+<h4 id="new-pmc-member">New PMC Member</h4>
+
+<p>To promote a committer to a PMC member requires <em>consensus approval</em>
+of active PMC members.</p>
+
+<p>If the vote passes, the Apache Board must be notified to make the change
+official.</p>
+
+<h4 id="committer-removal">Committer Removal</h4>
+
+<p>Removal of commit privileges requires a <em>lazy 2/3 majority</em> of active
+PMC members.</p>
+
+<h4 id="pmc-member-removal">PMC Member Removal</h4>
+
+<p>Removing a PMC member requires a <em>lazy 2/3 majority</em> of active PMC
+members, excluding the member in question.</p>
+
+<p>If the vote passes, the Apache Board must be notified to make the change
+official.</p>
+
+<h4 id="modifying-bylaws">Modifying Bylaws</h4>
+
+<p>Modifying this document requires a <em>lazy majority</em> of active PMC members.</p>
+
+<h3 id="voting-timeframes">Voting Timeframes</h3>
+
+<p>Votes are open for a minimum period of 72 hours to allow all active
+voters time to consider the vote. For holiday weekends or conferences,
+consider using a longer vote window. Votes relating to code changes are
+not subject to a strict timetable but should be made as timely as
+possible.</p>
+
+      </article>
+    </div>
+
+    <div class="clear"></div>
+
+  </div>
+</section>
+
+
+  <footer role="contentinfo">
+  <p>The contents of this website are &copy;&nbsp;2016
+     <a href="https://www.apache.org/">Apache Software Foundation</a>
+     under the terms of the <a
+      href="https://www.apache.org/licenses/LICENSE-2.0.html">
+      Apache&nbsp;License&nbsp;v2</a>. Apache Incubator Mnemonic and its logo are trademarks
+      of the Apache Software Foundation.</p>
+</footer>
+
+  <script>
+  var anchorForId = function (id) {
+    var anchor = document.createElement("a");
+    anchor.className = "header-link";
+    anchor.href      = "#" + id;
+    anchor.innerHTML = "<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>";
+    anchor.title = "Permalink";
+    return anchor;
+  };
+
+  var linkifyAnchors = function (level, containingElement) {
+    var headers = containingElement.getElementsByTagName("h" + level);
+    for (var h = 0; h < headers.length; h++) {
+      var header = headers[h];
+
+      if (typeof header.id !== "undefined" && header.id !== "") {
+        header.appendChild(anchorForId(header.id));
+      }
+    }
+  };
+
+  document.onreadystatechange = function () {
+    if (this.readyState === "complete") {
+      var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0];
+      if (!contentBlock) {
+        return;
+      }
+      for (var level = 1; level <= 6; level++) {
+        linkifyAnchors(level, contentBlock);
+      }
+    }
+  };
+</script>
+
+
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/blob/dd866f6b/develop/coding/index.html
----------------------------------------------------------------------
diff --git a/develop/coding/index.html b/develop/coding/index.html
new file mode 100644
index 0000000..d6efdae
--- /dev/null
+++ b/develop/coding/index.html
@@ -0,0 +1,181 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>Coding Guidelines</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="generator" content="Jekyll v3.0.3">
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic,900">
+  <link rel="stylesheet" href="/css/screen.css">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <!--[if lt IE 9]>
+  <script src="/js/html5shiv.min.js"></script>
+  <script src="/js/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+
+<body class="wrap">
+  <header role="banner">
+  <nav class="mobile-nav show-on-mobiles">
+    <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="current">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+  </nav>
+  <div class="grid">
+    <div class="unit one-third center-on-mobiles">
+      <h1>
+        <a href="/">
+          <span class="sr-only">Apache Incubator Mnemonic</span>
+          <img src="/img/logo.png" width="289" alt="mnemonic Logo" class="logo">
+        </a>
+      </h1>
+    </div>
+    <nav class="main-nav unit two-thirds hide-on-mobiles">
+      <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="current">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+    </nav>
+  </div>
+</header>
+
+
+  <section class="standalone">
+  <div class="grid">
+
+    <div class="unit whole">
+      <article>
+        <h1>Coding Guidelines</h1>
+        <h2 id="general-rules">General rules</h2>
+
+<ul>
+  <li>All files must have an Apache copyright header at the top of the file.</li>
+  <li>Code should be removed rather than commented out.</li>
+  <li>All public functions should have javadoc comments.</li>
+  <li>Always use braces to surround branches.</li>
+  <li>try-finally should be avoided.</li>
+</ul>
+
+<h2 id="formatting">Formatting</h2>
+
+<ul>
+  <li>All files must have an 80 character maximum line length.</li>
+  <li>Indentation should be 2 spaces.</li>
+  <li>Files should use spaces instead of tabs.</li>
+  <li>Wrapping lines
+    <ul>
+      <li>Break after a comma.</li>
+      <li>Break before an operator.</li>
+      <li>Prefer higher-level breaks to lower-level breaks.</li>
+      <li>Align the new line with beginning of the expression at the same level
+on the previous line.</li>
+      <li>If the above rules lead to confusing code, just indent 8 spaces.</li>
+    </ul>
+  </li>
+  <li>One variable declaration per a line.</li>
+</ul>
+
+<h2 id="naming">Naming</h2>
+
+<ul>
+  <li>Packages should be all lowercase.
+    <ul>
+      <li>Java code should be in <code class="highlighter-rouge">org.apache.,mnemonic</code>, except for compatibility classes</li>
+    </ul>
+  </li>
+  <li>Classes should be in mixed case.</li>
+  <li>Variables should be in camel case.</li>
+  <li>Constants should be in upper case.</li>
+</ul>
+
+      </article>
+    </div>
+
+    <div class="clear"></div>
+
+  </div>
+</section>
+
+
+  <footer role="contentinfo">
+  <p>The contents of this website are &copy;&nbsp;2016
+     <a href="https://www.apache.org/">Apache Software Foundation</a>
+     under the terms of the <a
+      href="https://www.apache.org/licenses/LICENSE-2.0.html">
+      Apache&nbsp;License&nbsp;v2</a>. Apache Incubator Mnemonic and its logo are trademarks
+      of the Apache Software Foundation.</p>
+</footer>
+
+  <script>
+  var anchorForId = function (id) {
+    var anchor = document.createElement("a");
+    anchor.className = "header-link";
+    anchor.href      = "#" + id;
+    anchor.innerHTML = "<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>";
+    anchor.title = "Permalink";
+    return anchor;
+  };
+
+  var linkifyAnchors = function (level, containingElement) {
+    var headers = containingElement.getElementsByTagName("h" + level);
+    for (var h = 0; h < headers.length; h++) {
+      var header = headers[h];
+
+      if (typeof header.id !== "undefined" && header.id !== "") {
+        header.appendChild(anchorForId(header.id));
+      }
+    }
+  };
+
+  document.onreadystatechange = function () {
+    if (this.readyState === "complete") {
+      var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0];
+      if (!contentBlock) {
+        return;
+      }
+      for (var level = 1; level <= 6; level++) {
+        linkifyAnchors(level, contentBlock);
+      }
+    }
+  };
+</script>
+
+
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/blob/dd866f6b/develop/index.html
----------------------------------------------------------------------
diff --git a/develop/index.html b/develop/index.html
new file mode 100644
index 0000000..5304a9f
--- /dev/null
+++ b/develop/index.html
@@ -0,0 +1,255 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>Developing</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="generator" content="Jekyll v3.0.3">
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic,900">
+  <link rel="stylesheet" href="/css/screen.css">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <!--[if lt IE 9]>
+  <script src="/js/html5shiv.min.js"></script>
+  <script src="/js/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+
+<body class="wrap">
+  <header role="banner">
+  <nav class="mobile-nav show-on-mobiles">
+    <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="current">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+  </nav>
+  <div class="grid">
+    <div class="unit one-third center-on-mobiles">
+      <h1>
+        <a href="/">
+          <span class="sr-only">Apache Incubator Mnemonic</span>
+          <img src="/img/logo.png" width="289" alt="mnemonic Logo" class="logo">
+        </a>
+      </h1>
+    </div>
+    <nav class="main-nav unit two-thirds hide-on-mobiles">
+      <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="current">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+    </nav>
+  </div>
+</header>
+
+
+  <section class="standalone">
+  <div class="grid">
+
+    <div class="unit whole">
+      <article>
+        <h1>Developing</h1>
+        <p>Information about the Mnemonic project that is most important for
+developers working on the project. The project has created
+<a href="bylaws.html">bylaws</a> for itself.</p>
+
+<h2 id="project-members">Project Members</h2>
+
+<table>
+  <thead>
+    <tr>
+      <th style="text-align: left">Name</th>
+      <th style="text-align: left">Apache Id</th>
+      <th style="text-align: left">Role</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td style="text-align: left">Patrick Hunt</td>
+      <td style="text-align: left">phunt</td>
+      <td style="text-align: left">Champion, Mentor</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">Andrew Purtell</td>
+      <td style="text-align: left">apurtell</td>
+      <td style="text-align: left">Mentor</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">James Taylor</td>
+      <td style="text-align: left">jamestaylor</td>
+      <td style="text-align: left">Mentor</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">Henry Saputra</td>
+      <td style="text-align: left">hsaputra</td>
+      <td style="text-align: left">Mentor, Committer</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">Yanping Wang</td>
+      <td style="text-align: left">yanpingw</td>
+      <td style="text-align: left">Committer</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">Gang(Gary) Wang</td>
+      <td style="text-align: left">garyw</td>
+      <td style="text-align: left">Committer</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">Uma Maheswara Rao G</td>
+      <td style="text-align: left">umamahesh</td>
+      <td style="text-align: left">Committer</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">Kai Zheng</td>
+      <td style="text-align: left">drankye</td>
+      <td style="text-align: left">Committer</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">Rakesh Radhakrishnan Potty</td>
+      <td style="text-align: left">rakeshr</td>
+      <td style="text-align: left">Committer</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">Sean Zhong</td>
+      <td style="text-align: left">seanzhong</td>
+      <td style="text-align: left">Committer</td>
+    </tr>
+    <tr>
+      <td style="text-align: left">Hao Cheng</td>
+      <td style="text-align: left">chhao01</td>
+      <td style="text-align: left">Committer</td>
+    </tr>
+  </tbody>
+</table>
+
+<h2 id="mailing-lists">Mailing Lists</h2>
+
+<p>There are several development mailing lists for mnemonic</p>
+
+<ul>
+  <li><a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#100;&#101;&#118;&#064;&#109;&#110;&#101;&#109;&#111;&#110;&#105;&#099;&#046;&#105;&#110;&#099;&#117;&#098;&#097;&#116;&#111;&#114;&#046;&#097;&#112;&#097;&#099;&#104;&#101;&#046;&#111;&#114;&#103;">&#100;&#101;&#118;&#064;&#109;&#110;&#101;&#109;&#111;&#110;&#105;&#099;&#046;&#105;&#110;&#099;&#117;&#098;&#097;&#116;&#111;&#114;&#046;&#097;&#112;&#097;&#099;&#104;&#101;&#046;&#111;&#114;&#103;</a> - Development discussions
+with archive <a href="https://mail-archives.apache.org/mod_mbox/incubator-mnemonic-dev/">here</a></li>
+  <li><a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#105;&#115;&#115;&#117;&#101;&#115;&#064;&#109;&#110;&#101;&#109;&#111;&#110;&#105;&#099;&#046;&#105;&#110;&#099;&#117;&#098;&#097;&#116;&#111;&#114;&#046;&#097;&#112;&#097;&#099;&#104;&#101;&#046;&#111;&#114;&#103;">&#105;&#115;&#115;&#117;&#101;&#115;&#064;&#109;&#110;&#101;&#109;&#111;&#110;&#105;&#099;&#046;&#105;&#110;&#099;&#117;&#098;&#097;&#116;&#111;&#114;&#046;&#097;&#112;&#097;&#099;&#104;&#101;&#046;&#111;&#114;&#103;</a> - Bug tracking
+with archive <a href="https://mail-archives.apache.org/mod_mbox/incubator-mnemonic-issues/">here</a></li>
+  <li><a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#099;&#111;&#109;&#109;&#105;&#116;&#115;&#064;&#109;&#110;&#101;&#109;&#111;&#110;&#105;&#099;&#046;&#105;&#110;&#099;&#117;&#098;&#097;&#116;&#111;&#114;&#046;&#097;&#112;&#097;&#099;&#104;&#101;&#046;&#111;&#114;&#103;">&#099;&#111;&#109;&#109;&#105;&#116;&#115;&#064;&#109;&#110;&#101;&#109;&#111;&#110;&#105;&#099;&#046;&#105;&#110;&#099;&#117;&#098;&#097;&#116;&#111;&#114;&#046;&#097;&#112;&#097;&#099;&#104;&#101;&#046;&#111;&#114;&#103;</a> - Git tracking
+with archive <a href="https://mail-archives.apache.org/mod_mbox/incubator-mnemonic-commits/">here</a></li>
+</ul>
+
+<p>You can subscribe to the lists by sending email to
+<em>list</em>-subscribe@mnemonic.incubator.apache.org and unsubscribe by sending email to
+<em>list</em>-unsubscribe@mnemonic.incubator.apache.org.</p>
+
+<h2 id="source-code">Source code</h2>
+
+<p>mnemonic uses git for version control. Get the source code:</p>
+
+<p><code class="highlighter-rouge">% git clone https://git-wip-us.apache.org/repos/asf/incubator-mnemonic.git</code></p>
+
+<p>– or –</p>
+
+<p><code class="highlighter-rouge">% git clone https://github.com/apache/incubator-mnemonic.git</code></p>
+
+<p>The important branches are:</p>
+
+<ul>
+  <li><a href="https://github.com/apache/incubator-mnemonic/tree/master">master</a> -
+The trunk for all developement</li>
+  <li><a href="https://github.com/apache/incubator-mnemonic/tree/asf-site">asf-site</a> -
+The pages that are deployed to https://mnemonic.apache.org/</li>
+</ul>
+
+<p>Please check our <a href="/develop/coding.html">coding guidelines</a>.</p>
+
+<h2 id="reviews">Reviews</h2>
+
+<p>All code must be +1’ed by a committer other than the author prior to its
+commit.</p>
+
+      </article>
+    </div>
+
+    <div class="clear"></div>
+
+  </div>
+</section>
+
+
+  <footer role="contentinfo">
+  <p>The contents of this website are &copy;&nbsp;2016
+     <a href="https://www.apache.org/">Apache Software Foundation</a>
+     under the terms of the <a
+      href="https://www.apache.org/licenses/LICENSE-2.0.html">
+      Apache&nbsp;License&nbsp;v2</a>. Apache Incubator Mnemonic and its logo are trademarks
+      of the Apache Software Foundation.</p>
+</footer>
+
+  <script>
+  var anchorForId = function (id) {
+    var anchor = document.createElement("a");
+    anchor.className = "header-link";
+    anchor.href      = "#" + id;
+    anchor.innerHTML = "<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>";
+    anchor.title = "Permalink";
+    return anchor;
+  };
+
+  var linkifyAnchors = function (level, containingElement) {
+    var headers = containingElement.getElementsByTagName("h" + level);
+    for (var h = 0; h < headers.length; h++) {
+      var header = headers[h];
+
+      if (typeof header.id !== "undefined" && header.id !== "") {
+        header.appendChild(anchorForId(header.id));
+      }
+    }
+  };
+
+  document.onreadystatechange = function () {
+    if (this.readyState === "complete") {
+      var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0];
+      if (!contentBlock) {
+        return;
+      }
+      for (var level = 1; level <= 6; level++) {
+        linkifyAnchors(level, contentBlock);
+      }
+    }
+  };
+</script>
+
+
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/blob/dd866f6b/docs/arch.html
----------------------------------------------------------------------
diff --git a/docs/arch.html b/docs/arch.html
new file mode 100644
index 0000000..8074d40
--- /dev/null
+++ b/docs/arch.html
@@ -0,0 +1,141 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>Mnemonic Architecture</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="generator" content="Jekyll v3.0.3">
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic,900">
+  <link rel="stylesheet" href="/css/screen.css">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <!--[if lt IE 9]>
+  <script src="/js/html5shiv.min.js"></script>
+  <script src="/js/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+
+<body class="wrap">
+  <header role="banner">
+  <nav class="mobile-nav show-on-mobiles">
+    <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="current">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+  </nav>
+  <div class="grid">
+    <div class="unit one-third center-on-mobiles">
+      <h1>
+        <a href="/">
+          <span class="sr-only">Apache Incubator Mnemonic</span>
+          <img src="/img/logo.png" width="289" alt="mnemonic Logo" class="logo">
+        </a>
+      </h1>
+    </div>
+    <nav class="main-nav unit two-thirds hide-on-mobiles">
+      <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="current">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+    </nav>
+  </div>
+</header>
+
+
+  <section class="standalone">
+  <div class="grid">
+
+    <div class="unit whole">
+      <article>
+        <h1>Mnemonic Architecture</h1>
+        
+
+      </article>
+    </div>
+
+    <div class="clear"></div>
+
+  </div>
+</section>
+
+
+  <footer role="contentinfo">
+  <p>The contents of this website are &copy;&nbsp;2016
+     <a href="https://www.apache.org/">Apache Software Foundation</a>
+     under the terms of the <a
+      href="https://www.apache.org/licenses/LICENSE-2.0.html">
+      Apache&nbsp;License&nbsp;v2</a>. Apache Incubator Mnemonic and its logo are trademarks
+      of the Apache Software Foundation.</p>
+</footer>
+
+  <script>
+  var anchorForId = function (id) {
+    var anchor = document.createElement("a");
+    anchor.className = "header-link";
+    anchor.href      = "#" + id;
+    anchor.innerHTML = "<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>";
+    anchor.title = "Permalink";
+    return anchor;
+  };
+
+  var linkifyAnchors = function (level, containingElement) {
+    var headers = containingElement.getElementsByTagName("h" + level);
+    for (var h = 0; h < headers.length; h++) {
+      var header = headers[h];
+
+      if (typeof header.id !== "undefined" && header.id !== "") {
+        header.appendChild(anchorForId(header.id));
+      }
+    }
+  };
+
+  document.onreadystatechange = function () {
+    if (this.readyState === "complete") {
+      var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0];
+      if (!contentBlock) {
+        return;
+      }
+      for (var level = 1; level <= 6; level++) {
+        linkifyAnchors(level, contentBlock);
+      }
+    }
+  };
+</script>
+
+
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/incubator-mnemonic-site/blob/dd866f6b/docs/devices.html
----------------------------------------------------------------------
diff --git a/docs/devices.html b/docs/devices.html
new file mode 100644
index 0000000..74d05a4
--- /dev/null
+++ b/docs/devices.html
@@ -0,0 +1,269 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+  <meta charset="UTF-8">
+  <title>Device Support</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="generator" content="Jekyll v3.0.3">
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic,900">
+  <link rel="stylesheet" href="/css/screen.css">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <!--[if lt IE 9]>
+  <script src="/js/html5shiv.min.js"></script>
+  <script src="/js/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+
+<body class="wrap">
+  <header role="banner">
+  <nav class="mobile-nav show-on-mobiles">
+    <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="current">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+  </nav>
+  <div class="grid">
+    <div class="unit one-third center-on-mobiles">
+      <h1>
+        <a href="/">
+          <span class="sr-only">Apache Incubator Mnemonic</span>
+          <img src="/img/logo.png" width="289" alt="mnemonic Logo" class="logo">
+        </a>
+      </h1>
+    </div>
+    <nav class="main-nav unit two-thirds hide-on-mobiles">
+      <ul>
+  <li class="">
+    <a href="/">Home</a>
+  </li>
+  <li class="current">
+    <a href="/docs/">Doc<span class="show-on-mobiles">s</span><span class="hide-on-mobiles">umentation</span></a>
+  </li>
+  <li class="">
+    <a href="/talks/">Talks</a>
+  </li>
+  <!-- <li class="">
+    <a href="/news/">News</a>
+  </li> -->
+  <li class="">
+    <a href="/help/">Help</a>
+  </li>
+  <li class="">
+    <a href="/develop/">Develop</a>
+  </li>
+</ul>
+
+    </nav>
+  </div>
+</header>
+
+
+    <section class="docs">
+    <div class="grid">
+
+      <div class="docs-nav-mobile unit whole show-on-mobiles">
+  <select onchange="if (this.value) window.location.href=this.value">
+    <option value="">Navigate the docs…</option>
+    
+    <optgroup label="Overview">
+      
+
+
+  
+
+  
+    
+      <option value="/docs/arch.html">Mnemonic Architecture</option>
+    
+  
+    
+  
+    
+  
+    
+  
+    
+  
+    
+  
+
+
+    </optgroup>
+    
+    <optgroup label="Usage">
+      
+
+
+  
+
+  
+    
+  
+    
+  
+    
+  
+    
+  
+    
+  
+    
+  
+
+
+    </optgroup>
+    
+  </select>
+</div>
+
+
+      <div class="unit four-fifths">
+        <article>
+          <h1>Device Support</h1>
+          <ul>
+  <li>Dynamic Random-Access Memory (DRAM)</li>
+  <li>NVM Express (NVMe)</li>
+  <li>Solid-State Drive (SSD)</li>
+  <li>Hard Disk Drive (HDD)</li>
+  <li>Network Attached Storage (NAS)</li>
+</ul>
+
+
+          
+
+
+
+
+
+  
+  
+
+  
+  
+
+
+        </article>
+      </div>
+
+      <div class="unit one-fifth hide-on-mobiles">
+  <aside>
+    
+    <h4>Overview</h4>
+    
+
+<ul>
+
+  
+
+  
+
+  
+    
+      <li class=""><a href="/docs/arch.html">Mnemonic Architecture</a></li>
+      
+
+
+</ul>
+
+    
+    <h4>Usage</h4>
+    
+
+<ul>
+
+  
+
+  
+
+  
+    
+  
+    
+  
+    
+  
+    
+  
+    
+  
+    
+  
+
+
+</ul>
+
+    
+  </aside>
+</div>
+
+
+      <div class="clear"></div>
+
+    </div>
+  </section>
+
+
+  <footer role="contentinfo">
+  <p>The contents of this website are &copy;&nbsp;2016
+     <a href="https://www.apache.org/">Apache Software Foundation</a>
+     under the terms of the <a
+      href="https://www.apache.org/licenses/LICENSE-2.0.html">
+      Apache&nbsp;License&nbsp;v2</a>. Apache Incubator Mnemonic and its logo are trademarks
+      of the Apache Software Foundation.</p>
+</footer>
+
+  <script>
+  var anchorForId = function (id) {
+    var anchor = document.createElement("a");
+    anchor.className = "header-link";
+    anchor.href      = "#" + id;
+    anchor.innerHTML = "<span class=\"sr-only\">Permalink</span><i class=\"fa fa-link\"></i>";
+    anchor.title = "Permalink";
+    return anchor;
+  };
+
+  var linkifyAnchors = function (level, containingElement) {
+    var headers = containingElement.getElementsByTagName("h" + level);
+    for (var h = 0; h < headers.length; h++) {
+      var header = headers[h];
+
+      if (typeof header.id !== "undefined" && header.id !== "") {
+        header.appendChild(anchorForId(header.id));
+      }
+    }
+  };
+
+  document.onreadystatechange = function () {
+    if (this.readyState === "complete") {
+      var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0];
+      if (!contentBlock) {
+        return;
+      }
+      for (var level = 1; level <= 6; level++) {
+        linkifyAnchors(level, contentBlock);
+      }
+    }
+  };
+</script>
+
+
+</body>
+</html>