You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by st...@apache.org on 2015/07/14 20:58:29 UTC

[2/4] cordova-registry-web git commit: deployed new npm search

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/android-chrome-192x192.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/android-chrome-192x192.png b/attachments/npm/build/img/android-chrome-192x192.png
new file mode 100644
index 0000000..02d4821
Binary files /dev/null and b/attachments/npm/build/img/android-chrome-192x192.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/android-chrome-36x36.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/android-chrome-36x36.png b/attachments/npm/build/img/android-chrome-36x36.png
new file mode 100644
index 0000000..191972f
Binary files /dev/null and b/attachments/npm/build/img/android-chrome-36x36.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/android-chrome-48x48.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/android-chrome-48x48.png b/attachments/npm/build/img/android-chrome-48x48.png
new file mode 100644
index 0000000..f23fb1e
Binary files /dev/null and b/attachments/npm/build/img/android-chrome-48x48.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/android-chrome-72x72.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/android-chrome-72x72.png b/attachments/npm/build/img/android-chrome-72x72.png
new file mode 100644
index 0000000..fea3215
Binary files /dev/null and b/attachments/npm/build/img/android-chrome-72x72.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/android-chrome-96x96.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/android-chrome-96x96.png b/attachments/npm/build/img/android-chrome-96x96.png
new file mode 100644
index 0000000..193f1ce
Binary files /dev/null and b/attachments/npm/build/img/android-chrome-96x96.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-114x114.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-114x114.png b/attachments/npm/build/img/apple-touch-icon-114x114.png
new file mode 100644
index 0000000..f0851d4
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-114x114.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-120x120.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-120x120.png b/attachments/npm/build/img/apple-touch-icon-120x120.png
new file mode 100644
index 0000000..00197f1
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-120x120.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-144x144.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-144x144.png b/attachments/npm/build/img/apple-touch-icon-144x144.png
new file mode 100644
index 0000000..dbc01df
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-144x144.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-152x152.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-152x152.png b/attachments/npm/build/img/apple-touch-icon-152x152.png
new file mode 100644
index 0000000..25e3d11
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-152x152.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-180x180.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-180x180.png b/attachments/npm/build/img/apple-touch-icon-180x180.png
new file mode 100644
index 0000000..71d5128
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-180x180.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-57x57.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-57x57.png b/attachments/npm/build/img/apple-touch-icon-57x57.png
new file mode 100644
index 0000000..c60ca48
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-57x57.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-60x60.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-60x60.png b/attachments/npm/build/img/apple-touch-icon-60x60.png
new file mode 100644
index 0000000..98656f1
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-60x60.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-72x72.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-72x72.png b/attachments/npm/build/img/apple-touch-icon-72x72.png
new file mode 100644
index 0000000..fea3215
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-72x72.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-76x76.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-76x76.png b/attachments/npm/build/img/apple-touch-icon-76x76.png
new file mode 100644
index 0000000..fdd736a
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-76x76.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon-precomposed.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon-precomposed.png b/attachments/npm/build/img/apple-touch-icon-precomposed.png
new file mode 100644
index 0000000..78904ea
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon-precomposed.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/apple-touch-icon.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/apple-touch-icon.png b/attachments/npm/build/img/apple-touch-icon.png
new file mode 100644
index 0000000..71d5128
Binary files /dev/null and b/attachments/npm/build/img/apple-touch-icon.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/favicon-16x16.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/favicon-16x16.png b/attachments/npm/build/img/favicon-16x16.png
new file mode 100644
index 0000000..7705283
Binary files /dev/null and b/attachments/npm/build/img/favicon-16x16.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/favicon-32x32.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/favicon-32x32.png b/attachments/npm/build/img/favicon-32x32.png
new file mode 100644
index 0000000..290901d
Binary files /dev/null and b/attachments/npm/build/img/favicon-32x32.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/favicon-96x96.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/favicon-96x96.png b/attachments/npm/build/img/favicon-96x96.png
new file mode 100644
index 0000000..193f1ce
Binary files /dev/null and b/attachments/npm/build/img/favicon-96x96.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/grid.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/grid.png b/attachments/npm/build/img/grid.png
new file mode 100644
index 0000000..45ca636
Binary files /dev/null and b/attachments/npm/build/img/grid.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/mstile-144x144.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/mstile-144x144.png b/attachments/npm/build/img/mstile-144x144.png
new file mode 100644
index 0000000..3f633d9
Binary files /dev/null and b/attachments/npm/build/img/mstile-144x144.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/mstile-150x150.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/mstile-150x150.png b/attachments/npm/build/img/mstile-150x150.png
new file mode 100644
index 0000000..1c03e52
Binary files /dev/null and b/attachments/npm/build/img/mstile-150x150.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/mstile-310x150.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/mstile-310x150.png b/attachments/npm/build/img/mstile-310x150.png
new file mode 100644
index 0000000..15f4d19
Binary files /dev/null and b/attachments/npm/build/img/mstile-310x150.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/mstile-310x310.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/mstile-310x310.png b/attachments/npm/build/img/mstile-310x310.png
new file mode 100644
index 0000000..cabe7d1
Binary files /dev/null and b/attachments/npm/build/img/mstile-310x310.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/mstile-70x70.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/mstile-70x70.png b/attachments/npm/build/img/mstile-70x70.png
new file mode 100644
index 0000000..d9f409a
Binary files /dev/null and b/attachments/npm/build/img/mstile-70x70.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/pluggy.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/pluggy.png b/attachments/npm/build/img/pluggy.png
new file mode 100644
index 0000000..f711c2c
Binary files /dev/null and b/attachments/npm/build/img/pluggy.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/search.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/search.png b/attachments/npm/build/img/search.png
new file mode 100644
index 0000000..9fb799b
Binary files /dev/null and b/attachments/npm/build/img/search.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/shadow.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/shadow.png b/attachments/npm/build/img/shadow.png
new file mode 100644
index 0000000..ea1c0b0
Binary files /dev/null and b/attachments/npm/build/img/shadow.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/img/sprite.png
----------------------------------------------------------------------
diff --git a/attachments/npm/build/img/sprite.png b/attachments/npm/build/img/sprite.png
new file mode 100644
index 0000000..77d1f45
Binary files /dev/null and b/attachments/npm/build/img/sprite.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/build/styles.css
----------------------------------------------------------------------
diff --git a/attachments/npm/build/styles.css b/attachments/npm/build/styles.css
new file mode 100644
index 0000000..77e7cd2
--- /dev/null
+++ b/attachments/npm/build/styles.css
@@ -0,0 +1,1455 @@
+body {
+  font-family: 'Segoe UI', tahoma, arial, helvetica, sans-serif;
+  font-size: 16px;
+  margin: 0;
+}
+
+h2 {
+    padding: 48px 0;
+    font-size: 34px;
+}
+
+/*---------------------------------------------------
+    Pluggy and msg
+---------------------------------------------------*/
+#headerBackground {
+  background: url('img/grid.png');
+}
+
+#topContent {
+  margin-top: 25px;
+}
+
+#pluggy {
+  background: transparent url('img/pluggy.png') no-repeat center;
+  background-size: contain;
+  height: 200px;
+  margin-left: 25px;
+}
+
+.discover-message {
+  background-color: white;
+  font-size: 56px;
+  margin: 25px 5px 5px 5px;
+  text-align: left;
+  display: inline-block;
+  padding: 0px 8px;
+  font-family: 'Segoe UI', tahoma, arial, helvetica, sans-serif;
+}
+
+/*---------------------------------------------------
+    Searchbox
+---------------------------------------------------*/
+
+#searchwrapper {
+  margin: 25px 0px;
+  border: 2px solid gray;
+  background-color: white;
+}
+
+#searchwrapper .searchBox {
+  display: block;
+  height: 35px;
+  width: 100%;
+  border: 0;
+  background: none;
+  outline: 0;
+  font-size: 14px;
+  padding: 0 5px 0 35px;
+  color: #363636;
+  background: url('img/search.png') no-repeat;
+  background-position: 5.5px 5.5px;
+}
+
+#supportedPlatforms div {
+  margin: 12px 2px 2px 0;
+  border: 1px solid #363636;
+  border-radius: 8px;
+  padding: .4em .5em;
+  height: 11px;
+  font-size: 11px;
+  line-height: 11px;
+  display: inline-block;
+  align-items: center;
+
+}
+
+/*---------------------------------------------------
+    Plugin List
+---------------------------------------------------*/
+
+.pluginList {
+  list-style-type: none;
+  padding: 0px;
+}
+
+.pluginList li {
+  margin: 0 0 60px 0;
+}
+
+/*---------------------------------------------------
+    PluginCards
+---------------------------------------------------*/
+.pluginCard {
+  position: relative;
+  border: 1px solid #CDCDCD;
+  background: white;
+  min-height: 10em;
+  height: 10em;
+}
+
+.pluginCard:after {
+  z-index: -1;
+  position: absolute;
+  content: "";
+  bottom: 18px;
+  right: 2px;
+  left: auto;
+  width: 50%;
+  top: 80%;
+  max-width:300px;
+  background: #777;
+  -webkit-box-shadow: 0 15px 10px #777;
+  -moz-box-shadow: 0 15px 10px #777;
+  box-shadow: 0 15px 10px #777;
+  -webkit-transform: rotate(3deg);
+  -moz-transform: rotate(3deg);
+  -o-transform: rotate(3deg);
+  -ms-transform: rotate(3deg);
+  transform: rotate(3deg);
+}
+
+.pluginCard h3 {
+  margin: 0.2em 0.2em 0.4em 0em;
+  font-size: 1.5em;
+  display: inline-block;
+}
+
+.pluginCard a:link,
+.pluginCard a:visited {
+  text-decoration: none;
+  color: #404D58;
+}
+
+.pluginCard a:hover,
+.pluginCard a:active {
+  text-decoration: underline;
+}
+
+.featuredPlugin {
+  -webkit-box-shadow: -3px 0px 0px #4CC2E4;
+  -moz-box-shadow: -3px 0px 0px #4CC2E4;
+  box-shadow: -3px 0px 0px #4CC2E4;
+  border-left-width: 0px;
+}
+
+.pluginCardContents {
+  border: 1px solid #363636;
+  margin-bottom: 10px;
+  position: relative;
+  background: white;
+}
+
+.primaryContent {
+  display: flex;
+  display: -webkit-flex;
+  flex-direction: column;
+  -webkit-flex-direction: column;
+}
+
+.primaryContent .header small {
+  color: #83878B;
+}
+
+.primaryContent .pluginAuthor {
+  font-weight: bold;
+}
+
+.primaryContent .pluginDesc {
+  -webkit-flex-grow: 1;
+  flex-grow: 1;
+  font-size: 1em;
+  color: #404040;
+}
+
+.supportedPlatforms {
+  list-style-type: none;
+  padding: 5px 0px;
+  font-size: 0.8em;
+}
+
+.supportedPlatforms li {
+  margin: 0 5px 0 0;
+  display: inline-block;
+  border: 1px solid #F2F2F2;
+  padding: 2px 10px;
+  color: #7A828B;
+}
+
+.secondaryContent {
+  display: flex;
+  display: -webkit-flex;
+  flex-direction: column;
+  -webkit-flex-direction: column;
+  text-align: right;
+  font-size: 0.9em;
+  color: #7A828B;
+}
+
+.download {
+  -webkit-flex-grow: 1;
+  flex-grow: 1;
+}
+
+.extraInfo p {
+margin-top: 2px;
+margin-bottom: 2px;
+}
+
+.clickable {
+  cursor: pointer;
+}
+
+/*---------------------------------------------------
+    Misc
+---------------------------------------------------*/
+
+.icon {
+  background: url('img/sprite.png') no-repeat;
+  background-position: 0 -220px;
+  padding-left: 78px;
+}
+.icon-about {
+  background-position: 0 -220px;
+}
+
+/*---------------------------------------------------
+    Layout - Header
+---------------------------------------------------*/
+#wrap,
+.wrap {
+  width: 1008px;
+  margin: 0 auto;
+  position: relative;
+}
+
+.header-placeholder {
+  height: 90px;
+}
+#header {
+  height: 90px;
+  position: fixed;
+  z-index: 10;
+  left: 0;
+  right: 0;
+  background: #fff;
+  border-bottom: 1px solid #ddd;
+}
+#header .shadow {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -3px;
+  height: 3px;
+  background: url('img/shadow.png');
+}
+
+.logo,
+.closing {
+  background: url('img/sprite.png') no-repeat;
+  -webkit-transition: background 0.25s linear;
+  -moz-transition: background 0.25s linear;
+  transition: background 0.25s linear;
+  background-color: #3b4854;
+  background-position: 0 0px;
+  position: absolute;
+  left: 0;
+  top: 5px;
+  width: 220px;
+  height: 75px;
+}
+.logo:hover {
+  background-color: #4cc2e4;
+}
+.menu {
+  padding: 16px 0;
+  float: right;
+}
+.menu a {
+  text-decoration: none;
+  -webkit-transition: background 0.25s linear;
+  -moz-transition: background 0.25s linear;
+  transition: background 0.25s linear;
+  padding: 8px;
+  margin: 0 8px;
+  line-height: 55px;
+}
+.menu a:hover,
+.menu a:link,
+.menu a:visited {
+  color: #4cc2e4;
+}
+.menu-dropdown {
+  display: none;
+  position: absolute;
+  right: 16px;
+  top: 32px;
+  width: 40%;
+}
+.menu-dropdown select {
+  width: 100%;
+}
+
+/*---------------------------------------------------
+    Code
+---------------------------------------------------*/
+pre, code {
+  font-size: 12px;
+  font-family: Consolas, "Liberation Mono", Courier, monospace;
+}
+
+code {
+  margin: 0 0px;
+  padding: 0px 0px;
+  white-space: nowrap;
+  border: 1px solid #eaeaea;
+  background-color: #f8f8f8;
+  border-radius: 3px;
+}
+
+pre>code {
+  margin: 0;
+  padding: 0;
+  white-space: pre;
+  border: none;
+  background: transparent;
+}
+
+pre {
+  background-color: #f8f8f8;
+  border: 1px solid #ccc;
+  font-size: 13px;
+  line-height: 19px;
+  overflow: auto;
+  padding: 6px 10px;
+  border-radius: 3px;
+}
+
+pre code {
+  background-color: transparent;
+  border: none;
+}
+
+
+/*---------------------------------------------------
+    Mobile
+---------------------------------------------------*/
+@media all and (max-width: 1024px) {
+  #wrap,
+  .wrap {
+    width: auto;
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+  .pluginCard {
+    height: auto;
+  }
+}
+@media all and (max-width: 890px) {
+  h2 {
+    font-size: 24px;
+    padding-top: 54px;
+  }
+  .menu {
+    display: none;
+  }
+  .menu-dropdown {
+    display: block;
+  }
+  .pluginCard {
+    height: auto;
+  }
+}
+@media all and (max-width: 720px) {
+  h2 {
+    font-size: 22px;
+    padding-top: 54px;
+  }
+  .menu-dropdown {
+    top: 16px;
+  }
+  #header,
+  .header-placeholder {
+    height: 52px;
+  }
+  .logo {
+    top: 7px;
+    width: 110px;
+    height: 37px;
+    background-size: 112px 425px;
+  }
+  .pluginCard {
+    height: auto;
+  }
+}
+@media all and (max-width: 585px) {
+  h2 {
+    letter-spacing: 0;
+  }
+  .wrap {
+    margin-left: 12px;
+    margin-right: 12px;
+  }
+  .icon {
+    background-size: 112px 425px;
+    padding: 20px 48px 20px 48px;
+    overflow: hidden;
+    display: block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .icon-about {
+    background-position: 0 -110px;
+  }
+  .pluginCard {
+    height: auto;
+  }
+}
+@media all and (max-width: 440px) {
+  .icon {
+    padding: 22px 16px 20px 35px;
+  }
+    h2 {
+    font-size: 20px;
+  }
+  .pluginCard {
+    height: auto;
+  }
+}
+
+/*
+ * Copyright 2013 Kristofer Joseph
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ *
+ * Uncomment and set these variables to customize the grid.
+ *
+ * :root {
+ *  --gutter-width: 1rem;
+ *  --outer-margin: 2rem;
+ *  --gutter-compensation: calc( var( --gutter-width / 2 ) * -1 );
+ *  --half-gutter-width: calc( var( --gutter-width / 2 ) );
+ *  --screen-xs-min: 30em;
+ *  --screen-sm-min: 48em;
+ *  --screen-md-min: 62em;
+ *  --screen-lg-min: 75em;
+ *  --container-sm: calc( 45rem + var( --gutter-width ) );
+ *  --container-md: calc( 60rem + var( --gutter-width ) );
+ *  --container-lg: calc( 70rem + var( --gutter-width ) );
+ * }
+ *
+*/
+
+.container-fluid {
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: 2rem;
+  padding-left: 2rem;
+}
+
+.row {
+  box-sizing: border-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex: 0 1 auto;
+  -ms-flex: 0 1 auto;
+  flex: 0 1 auto;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -0.5rem;
+  margin-left: -0.5rem;
+}
+
+.row.reverse {
+  -webkit-flex-direction: row-reverse;
+  -ms-flex-direction: row-reverse;
+  flex-direction: row-reverse;
+}
+
+.col.reverse {
+  -webkit-flex-direction: column-reverse;
+  -ms-flex-direction: column-reverse;
+  flex-direction: column-reverse;
+}
+
+.col-xs,
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12,
+.col-xs-offset-1,
+.col-xs-offset-2,
+.col-xs-offset-3,
+.col-xs-offset-4,
+.col-xs-offset-5,
+.col-xs-offset-6,
+.col-xs-offset-7,
+.col-xs-offset-8,
+.col-xs-offset-9,
+.col-xs-offset-10,
+.col-xs-offset-11,
+.col-xs-offset-12 {
+  box-sizing: border-box;
+  -webkit-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+}
+
+.col-xs {
+  -webkit-flex-grow: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  -webkit-flex-basis: 0;
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  max-width: 100%;
+}
+
+.col-xs-1 {
+  -webkit-flex-basis: 8.333%;
+  -ms-flex-preferred-size: 8.333%;
+  flex-basis: 8.333%;
+  max-width: 8.333%;
+}
+
+.col-xs-2 {
+  -webkit-flex-basis: 16.667%;
+  -ms-flex-preferred-size: 16.667%;
+  flex-basis: 16.667%;
+  max-width: 16.667%;
+}
+
+.col-xs-3 {
+  -webkit-flex-basis: 25%;
+  -ms-flex-preferred-size: 25%;
+  flex-basis: 25%;
+  max-width: 25%;
+}
+
+.col-xs-4 {
+  -webkit-flex-basis: 33.333%;
+  -ms-flex-preferred-size: 33.333%;
+  flex-basis: 33.333%;
+  max-width: 33.333%;
+}
+
+.col-xs-5 {
+  -webkit-flex-basis: 41.667%;
+  -ms-flex-preferred-size: 41.667%;
+  flex-basis: 41.667%;
+  max-width: 41.667%;
+}
+
+.col-xs-6 {
+  -webkit-flex-basis: 50%;
+  -ms-flex-preferred-size: 50%;
+  flex-basis: 50%;
+  max-width: 50%;
+}
+
+.col-xs-7 {
+  -webkit-flex-basis: 58.333%;
+  -ms-flex-preferred-size: 58.333%;
+  flex-basis: 58.333%;
+  max-width: 58.333%;
+}
+
+.col-xs-8 {
+  -webkit-flex-basis: 66.667%;
+  -ms-flex-preferred-size: 66.667%;
+  flex-basis: 66.667%;
+  max-width: 66.667%;
+}
+
+.col-xs-9 {
+  -webkit-flex-basis: 75%;
+  -ms-flex-preferred-size: 75%;
+  flex-basis: 75%;
+  max-width: 75%;
+}
+
+.col-xs-10 {
+  -webkit-flex-basis: 83.333%;
+  -ms-flex-preferred-size: 83.333%;
+  flex-basis: 83.333%;
+  max-width: 83.333%;
+}
+
+.col-xs-11 {
+  -webkit-flex-basis: 91.667%;
+  -ms-flex-preferred-size: 91.667%;
+  flex-basis: 91.667%;
+  max-width: 91.667%;
+}
+
+.col-xs-12 {
+  -webkit-flex-basis: 100%;
+  -ms-flex-preferred-size: 100%;
+  flex-basis: 100%;
+  max-width: 100%;
+}
+
+.col-xs-offset-1 {
+  margin-left: 8.333%;
+}
+
+.col-xs-offset-2 {
+  margin-left: 16.667%;
+}
+
+.col-xs-offset-3 {
+  margin-left: 25%;
+}
+
+.col-xs-offset-4 {
+  margin-left: 33.333%;
+}
+
+.col-xs-offset-5 {
+  margin-left: 41.667%;
+}
+
+.col-xs-offset-6 {
+  margin-left: 50%;
+}
+
+.col-xs-offset-7 {
+  margin-left: 58.333%;
+}
+
+.col-xs-offset-8 {
+  margin-left: 66.667%;
+}
+
+.col-xs-offset-9 {
+  margin-left: 75%;
+}
+
+.col-xs-offset-10 {
+  margin-left: 83.333%;
+}
+
+.col-xs-offset-11 {
+  margin-left: 91.667%;
+}
+
+.start-xs {
+  -webkit-justify-content: flex-start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  text-align: start;
+}
+
+.center-xs {
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.end-xs {
+  -webkit-justify-content: flex-end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  text-align: end;
+}
+
+.top-xs {
+  -webkit-align-items: flex-start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+}
+
+.middle-xs {
+  -webkit-align-items: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.bottom-xs {
+  -webkit-align-items: flex-end;
+  -ms-flex-align: end;
+  align-items: flex-end;
+}
+
+.around-xs {
+  -webkit-justify-content: space-around;
+  -ms-flex-pack: distribute;
+  justify-content: space-around;
+}
+
+.between-xs {
+  -webkit-justify-content: space-between;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+
+.first-xs {
+  -webkit-order: -1;
+  -ms-flex-order: -1;
+  order: -1;
+}
+
+.last-xs {
+  -webkit-order: 1;
+  -ms-flex-order: 1;
+  order: 1;
+}
+
+@media only screen and (min-width: 48em) {
+  .container {
+    width: 46rem;
+  }
+
+  .col-sm,
+  .col-sm-1,
+  .col-sm-2,
+  .col-sm-3,
+  .col-sm-4,
+  .col-sm-5,
+  .col-sm-6,
+  .col-sm-7,
+  .col-sm-8,
+  .col-sm-9,
+  .col-sm-10,
+  .col-sm-11,
+  .col-sm-12,
+  .col-sm-offset-1,
+  .col-sm-offset-2,
+  .col-sm-offset-3,
+  .col-sm-offset-4,
+  .col-sm-offset-5,
+  .col-sm-offset-6,
+  .col-sm-offset-7,
+  .col-sm-offset-8,
+  .col-sm-offset-9,
+  .col-sm-offset-10,
+  .col-sm-offset-11,
+  .col-sm-offset-12 {
+    box-sizing: border-box;
+    -webkit-flex: 0 0 auto;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .col-sm {
+    -webkit-flex-grow: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    -webkit-flex-basis: 0;
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+
+  .col-sm-1 {
+    -webkit-flex-basis: 8.333%;
+    -ms-flex-preferred-size: 8.333%;
+    flex-basis: 8.333%;
+    max-width: 8.333%;
+  }
+
+  .col-sm-2 {
+    -webkit-flex-basis: 16.667%;
+    -ms-flex-preferred-size: 16.667%;
+    flex-basis: 16.667%;
+    max-width: 16.667%;
+  }
+
+  .col-sm-3 {
+    -webkit-flex-basis: 25%;
+    -ms-flex-preferred-size: 25%;
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+
+  .col-sm-4 {
+    -webkit-flex-basis: 33.333%;
+    -ms-flex-preferred-size: 33.333%;
+    flex-basis: 33.333%;
+    max-width: 33.333%;
+  }
+
+  .col-sm-5 {
+    -webkit-flex-basis: 41.667%;
+    -ms-flex-preferred-size: 41.667%;
+    flex-basis: 41.667%;
+    max-width: 41.667%;
+  }
+
+  .col-sm-6 {
+    -webkit-flex-basis: 50%;
+    -ms-flex-preferred-size: 50%;
+    flex-basis: 50%;
+    max-width: 50%;
+  }
+
+  .col-sm-7 {
+    -webkit-flex-basis: 58.333%;
+    -ms-flex-preferred-size: 58.333%;
+    flex-basis: 58.333%;
+    max-width: 58.333%;
+  }
+
+  .col-sm-8 {
+    -webkit-flex-basis: 66.667%;
+    -ms-flex-preferred-size: 66.667%;
+    flex-basis: 66.667%;
+    max-width: 66.667%;
+  }
+
+  .col-sm-9 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+
+  .col-sm-10 {
+    -webkit-flex-basis: 83.333%;
+    -ms-flex-preferred-size: 83.333%;
+    flex-basis: 83.333%;
+    max-width: 83.333%;
+  }
+
+  .col-sm-11 {
+    -webkit-flex-basis: 91.667%;
+    -ms-flex-preferred-size: 91.667%;
+    flex-basis: 91.667%;
+    max-width: 91.667%;
+  }
+
+  .col-sm-12 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+
+  .col-sm-offset-1 {
+    margin-left: 8.333%;
+  }
+
+  .col-sm-offset-2 {
+    margin-left: 16.667%;
+  }
+
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+
+  .col-sm-offset-4 {
+    margin-left: 33.333%;
+  }
+
+  .col-sm-offset-5 {
+    margin-left: 41.667%;
+  }
+
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+
+  .col-sm-offset-7 {
+    margin-left: 58.333%;
+  }
+
+  .col-sm-offset-8 {
+    margin-left: 66.667%;
+  }
+
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+
+  .col-sm-offset-10 {
+    margin-left: 83.333%;
+  }
+
+  .col-sm-offset-11 {
+    margin-left: 91.667%;
+  }
+
+  .start-sm {
+    -webkit-justify-content: flex-start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    text-align: start;
+  }
+
+  .center-sm {
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .end-sm {
+    -webkit-justify-content: flex-end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    text-align: end;
+  }
+
+  .top-sm {
+    -webkit-align-items: flex-start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+  }
+
+  .middle-sm {
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  .bottom-sm {
+    -webkit-align-items: flex-end;
+    -ms-flex-align: end;
+    align-items: flex-end;
+  }
+
+  .around-sm {
+    -webkit-justify-content: space-around;
+    -ms-flex-pack: distribute;
+    justify-content: space-around;
+  }
+
+  .between-sm {
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+
+  .first-sm {
+    -webkit-order: -1;
+    -ms-flex-order: -1;
+    order: -1;
+  }
+
+  .last-sm {
+    -webkit-order: 1;
+    -ms-flex-order: 1;
+    order: 1;
+  }
+}
+
+@media only screen and (min-width: 62em) {
+  .container {
+    width: 61rem;
+  }
+
+  .col-md,
+  .col-md-1,
+  .col-md-2,
+  .col-md-3,
+  .col-md-4,
+  .col-md-5,
+  .col-md-6,
+  .col-md-7,
+  .col-md-8,
+  .col-md-9,
+  .col-md-10,
+  .col-md-11,
+  .col-md-12,
+  .col-md-offset-1,
+  .col-md-offset-2,
+  .col-md-offset-3,
+  .col-md-offset-4,
+  .col-md-offset-5,
+  .col-md-offset-6,
+  .col-md-offset-7,
+  .col-md-offset-8,
+  .col-md-offset-9,
+  .col-md-offset-10,
+  .col-md-offset-11,
+  .col-md-offset-12 {
+    box-sizing: border-box;
+    -webkit-flex: 0 0 auto;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .col-md {
+    -webkit-flex-grow: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    -webkit-flex-basis: 0;
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+
+  .col-md-1 {
+    -webkit-flex-basis: 8.333%;
+    -ms-flex-preferred-size: 8.333%;
+    flex-basis: 8.333%;
+    max-width: 8.333%;
+  }
+
+  .col-md-2 {
+    -webkit-flex-basis: 16.667%;
+    -ms-flex-preferred-size: 16.667%;
+    flex-basis: 16.667%;
+    max-width: 16.667%;
+  }
+
+  .col-md-3 {
+    -webkit-flex-basis: 25%;
+    -ms-flex-preferred-size: 25%;
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+
+  .col-md-4 {
+    -webkit-flex-basis: 33.333%;
+    -ms-flex-preferred-size: 33.333%;
+    flex-basis: 33.333%;
+    max-width: 33.333%;
+  }
+
+  .col-md-5 {
+    -webkit-flex-basis: 41.667%;
+    -ms-flex-preferred-size: 41.667%;
+    flex-basis: 41.667%;
+    max-width: 41.667%;
+  }
+
+  .col-md-6 {
+    -webkit-flex-basis: 50%;
+    -ms-flex-preferred-size: 50%;
+    flex-basis: 50%;
+    max-width: 50%;
+  }
+
+  .col-md-7 {
+    -webkit-flex-basis: 58.333%;
+    -ms-flex-preferred-size: 58.333%;
+    flex-basis: 58.333%;
+    max-width: 58.333%;
+  }
+
+  .col-md-8 {
+    -webkit-flex-basis: 66.667%;
+    -ms-flex-preferred-size: 66.667%;
+    flex-basis: 66.667%;
+    max-width: 66.667%;
+  }
+
+  .col-md-9 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+
+  .col-md-10 {
+    -webkit-flex-basis: 83.333%;
+    -ms-flex-preferred-size: 83.333%;
+    flex-basis: 83.333%;
+    max-width: 83.333%;
+  }
+
+  .col-md-11 {
+    -webkit-flex-basis: 91.667%;
+    -ms-flex-preferred-size: 91.667%;
+    flex-basis: 91.667%;
+    max-width: 91.667%;
+  }
+
+  .col-md-12 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+
+  .col-md-offset-1 {
+    margin-left: 8.333%;
+  }
+
+  .col-md-offset-2 {
+    margin-left: 16.667%;
+  }
+
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+
+  .col-md-offset-4 {
+    margin-left: 33.333%;
+  }
+
+  .col-md-offset-5 {
+    margin-left: 41.667%;
+  }
+
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+
+  .col-md-offset-7 {
+    margin-left: 58.333%;
+  }
+
+  .col-md-offset-8 {
+    margin-left: 66.667%;
+  }
+
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+
+  .col-md-offset-10 {
+    margin-left: 83.333%;
+  }
+
+  .col-md-offset-11 {
+    margin-left: 91.667%;
+  }
+
+  .start-md {
+    -webkit-justify-content: flex-start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    text-align: start;
+  }
+
+  .center-md {
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .end-md {
+    -webkit-justify-content: flex-end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    text-align: end;
+  }
+
+  .top-md {
+    -webkit-align-items: flex-start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+  }
+
+  .middle-md {
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  .bottom-md {
+    -webkit-align-items: flex-end;
+    -ms-flex-align: end;
+    align-items: flex-end;
+  }
+
+  .around-md {
+    -webkit-justify-content: space-around;
+    -ms-flex-pack: distribute;
+    justify-content: space-around;
+  }
+
+  .between-md {
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+
+  .first-md {
+    -webkit-order: -1;
+    -ms-flex-order: -1;
+    order: -1;
+  }
+
+  .last-md {
+    -webkit-order: 1;
+    -ms-flex-order: 1;
+    order: 1;
+  }
+}
+
+@media only screen and (min-width: 75em) {
+  .container {
+    width: 71rem;
+  }
+
+  .col-lg,
+  .col-lg-1,
+  .col-lg-2,
+  .col-lg-3,
+  .col-lg-4,
+  .col-lg-5,
+  .col-lg-6,
+  .col-lg-7,
+  .col-lg-8,
+  .col-lg-9,
+  .col-lg-10,
+  .col-lg-11,
+  .col-lg-12,
+  .col-lg-offset-1,
+  .col-lg-offset-2,
+  .col-lg-offset-3,
+  .col-lg-offset-4,
+  .col-lg-offset-5,
+  .col-lg-offset-6,
+  .col-lg-offset-7,
+  .col-lg-offset-8,
+  .col-lg-offset-9,
+  .col-lg-offset-10,
+  .col-lg-offset-11,
+  .col-lg-offset-12 {
+    box-sizing: border-box;
+    -webkit-flex: 0 0 auto;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .col-lg {
+    -webkit-flex-grow: 1;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    -webkit-flex-basis: 0;
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    max-width: 100%;
+  }
+
+  .col-lg-1 {
+    -webkit-flex-basis: 8.333%;
+    -ms-flex-preferred-size: 8.333%;
+    flex-basis: 8.333%;
+    max-width: 8.333%;
+  }
+
+  .col-lg-2 {
+    -webkit-flex-basis: 16.667%;
+    -ms-flex-preferred-size: 16.667%;
+    flex-basis: 16.667%;
+    max-width: 16.667%;
+  }
+
+  .col-lg-3 {
+    -webkit-flex-basis: 25%;
+    -ms-flex-preferred-size: 25%;
+    flex-basis: 25%;
+    max-width: 25%;
+  }
+
+  .col-lg-4 {
+    -webkit-flex-basis: 33.333%;
+    -ms-flex-preferred-size: 33.333%;
+    flex-basis: 33.333%;
+    max-width: 33.333%;
+  }
+
+  .col-lg-5 {
+    -webkit-flex-basis: 41.667%;
+    -ms-flex-preferred-size: 41.667%;
+    flex-basis: 41.667%;
+    max-width: 41.667%;
+  }
+
+  .col-lg-6 {
+    -webkit-flex-basis: 50%;
+    -ms-flex-preferred-size: 50%;
+    flex-basis: 50%;
+    max-width: 50%;
+  }
+
+  .col-lg-7 {
+    -webkit-flex-basis: 58.333%;
+    -ms-flex-preferred-size: 58.333%;
+    flex-basis: 58.333%;
+    max-width: 58.333%;
+  }
+
+  .col-lg-8 {
+    -webkit-flex-basis: 66.667%;
+    -ms-flex-preferred-size: 66.667%;
+    flex-basis: 66.667%;
+    max-width: 66.667%;
+  }
+
+  .col-lg-9 {
+    -webkit-flex-basis: 75%;
+    -ms-flex-preferred-size: 75%;
+    flex-basis: 75%;
+    max-width: 75%;
+  }
+
+  .col-lg-10 {
+    -webkit-flex-basis: 83.333%;
+    -ms-flex-preferred-size: 83.333%;
+    flex-basis: 83.333%;
+    max-width: 83.333%;
+  }
+
+  .col-lg-11 {
+    -webkit-flex-basis: 91.667%;
+    -ms-flex-preferred-size: 91.667%;
+    flex-basis: 91.667%;
+    max-width: 91.667%;
+  }
+
+  .col-lg-12 {
+    -webkit-flex-basis: 100%;
+    -ms-flex-preferred-size: 100%;
+    flex-basis: 100%;
+    max-width: 100%;
+  }
+
+  .col-lg-offset-1 {
+    margin-left: 8.333%;
+  }
+
+  .col-lg-offset-2 {
+    margin-left: 16.667%;
+  }
+
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+
+  .col-lg-offset-4 {
+    margin-left: 33.333%;
+  }
+
+  .col-lg-offset-5 {
+    margin-left: 41.667%;
+  }
+
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+
+  .col-lg-offset-7 {
+    margin-left: 58.333%;
+  }
+
+  .col-lg-offset-8 {
+    margin-left: 66.667%;
+  }
+
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+
+  .col-lg-offset-10 {
+    margin-left: 83.333%;
+  }
+
+  .col-lg-offset-11 {
+    margin-left: 91.667%;
+  }
+
+  .start-lg {
+    -webkit-justify-content: flex-start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    text-align: start;
+  }
+
+  .center-lg {
+    -webkit-justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .end-lg {
+    -webkit-justify-content: flex-end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    text-align: end;
+  }
+
+  .top-lg {
+    -webkit-align-items: flex-start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+  }
+
+  .middle-lg {
+    -webkit-align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
+
+  .bottom-lg {
+    -webkit-align-items: flex-end;
+    -ms-flex-align: end;
+    align-items: flex-end;
+  }
+
+  .around-lg {
+    -webkit-justify-content: space-around;
+    -ms-flex-pack: distribute;
+    justify-content: space-around;
+  }
+
+  .between-lg {
+    -webkit-justify-content: space-between;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+  }
+
+  .first-lg {
+    -webkit-order: -1;
+    -ms-flex-order: -1;
+    order: -1;
+  }
+
+  .last-lg {
+    -webkit-order: 1;
+    -ms-flex-order: 1;
+    order: 1;
+  }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/developers.html
----------------------------------------------------------------------
diff --git a/attachments/npm/developers.html b/attachments/npm/developers.html
new file mode 100644
index 0000000..59f6e1c
--- /dev/null
+++ b/attachments/npm/developers.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv='Content-type' content='text/html; charset=utf-8'>
+    <title>Cordova Search Website</title>
+    <link rel="stylesheet" href="build/styles.css" />
+  </head>
+
+  <body>
+    <div id="header">
+      <div class="wrap">
+          <a class="logo" href="//cordova.apache.org/"></a>
+          <div class="menu">
+              <a href="index.html">Home</a>
+              <a href="developers.html">Developers</a>
+              <a href="faq.html">FAQ</a>
+          </div>
+          <form class="menu-dropdown">
+              <select onchange="location = this.options[this.selectedIndex].value;">
+                  <option value="index.html">Home</option>
+                  <option value="developers.html">Developers</option>
+                  <option value="faq.html">FAQ</option>
+              </select>
+          </form>
+      </div>
+      <div class="shadow"></div>
+    </div>
+    <div class="header-placeholder"></div>
+    <div class="wrap">
+      <h2 class="icon icon-about">npm Plugin Search for Plugin Developers</h2>
+      <h4>How do I add a new plugin to Plugin Search?</h4>
+      <p>If you want your Cordova Plugin to show up in search, simply add <code>ecosystem:cordova</code> keyword to the <code>package.json</code> file of your plugin and publish it to npm registry.</p>
+      <h4>How can I tag supported platforms for my plugin?</h4>
+      <p>Similar to <code>ecosystem:cordova</code>, platform support too uses keywords. Just add the platform name prefixed with "<strong>cordova-</strong>" to plugins list of keywords. E.g.</p>
+      <pre><code>  "keywords": [
+          "ecosystem:cordova",
+          "cordova-android",
+          "cordova-ios",
+          "cordova-windows"
+        ]</code></pre>
+      <h4>My plugin is in plugins.cordova.io but I want to publish to npm. How do I do that?</h4>
+      <ol>
+        <li>
+          <strong>Optional</strong> Decide if you want to change your plugin’s id. If you decide to change it,
+          <ol>
+            <li>Update the id in plugin.xml and update your readme with the new id.</li>
+            <li>Send a pull request adding your new id and old id to Cordova Registry Mapper.</li>
+            <li>We integrate that module into the Cordova CLI to warn users to use the new id when adding plugins to their projects.</li>
+          </ol>
+        </li>
+        <li>Add a <code>package.json</code> to your plugins,
+          <ul>
+            <li>
+              <strong>Note</strong>: To keep things simple, please make sure your <code>id</code> in <code>plugin.xml</code> is the same as your <code>package-name</code> in <code>package.json</code>.</li>
+            <li>Use <code>plugman createpackagejson [PLUGIN DIRECTORY]</code> to create <code>package.json</code>.
+              <ul>
+                <li>This will create defaults based on existing values in your <code>plugin.xml</code>.</li>
+                <li>It will also automatically add the keyword <code>ecosystem:cordova</code> to your newly generated package.json file.</li>
+                <li>In addition, a cordova key will be added to your <code>package.json</code> which we plan to use in future updates of the tooling.</li>
+              </ul>
+            </li>
+            <li>View the <code>package.json</code> of <a href="https://github.com/apache/cordova-plugin-device/blob/master/package.json" target="_blank">cordova-plugin-device</a> to see an example of what your <code>package.json</code> should look like after running <code>plugman createpackagejson [PLUGIN DIRECTORY]</code> command.</li>
+            <li>Plugins still require a <code>plugin.xml</code> to be installed into <strong>Cordova</strong> projects.</li>
+          </ul>
+        </li>
+        <li>Publish your plugin to npm using the <code>npm publish [PLUGIN DIRECTORY]</code>.</li>
+      </ol>
+      <h4>Are there any additional documents to assist me with plugins?</h4>
+      <p>Yes there are. Please take a look at <a href="http://cordova.apache.org/docs/en/edge/guide_hybrid_plugins_index.md.html#Plugin%20Development%20Guide" target="_blank">Plugin Development Guide</a> for a more detailed guide.</p>
+      <h4>I don't like X. How can I help improve the website?</h4>
+      <p>You can help improving this site by opening bugs on <a href="https://issues.apache.org/jira/issues/?jql=project%20%3D%20CB%20AND%20status%20%3D%20Open%20AND%20component%20%3D%20%22Registry%20Web%22" target="_blank">JIRA</a> or by sending PRs on <a href="https://github.com/apache/cordova-registry-web" target="_blank">GitHub</a>.</p>
+    </div>
+  </body>
+</html>

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/faq.html
----------------------------------------------------------------------
diff --git a/attachments/npm/faq.html b/attachments/npm/faq.html
new file mode 100644
index 0000000..0f97e9c
--- /dev/null
+++ b/attachments/npm/faq.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv='Content-type' content='text/html; charset=utf-8'>
+    <title>Cordova Search Website</title>
+    <link rel="stylesheet" href="build/styles.css" />
+  </head>
+
+  <body>
+    <div id="header">
+      <div class="wrap">
+          <a class="logo" href="//cordova.apache.org/"></a>
+          <div class="menu">
+              <a href="index.html">Home</a>
+              <a href="developers.html">Developers</a>
+              <a href="faq.html">FAQ</a>
+          </div>
+          <form class="menu-dropdown">
+              <select onchange="location = this.options[this.selectedIndex].value;">
+                  <option value="index.html">Home</option>
+                  <option value="developers.html">Developers</option>
+                  <option value="faq.html">FAQ</option>
+              </select>
+          </form>
+      </div>
+      <div class="shadow"></div>
+    </div>
+    <div class="header-placeholder"></div>
+    <div class="wrap">
+      <h2 class="icon icon-about">npm Plugin Search FAQ</h2>
+      <h4>What is npm Plugin Search?</h4>
+      <p>On April 21 2015, Cordova team announced plans to move core and 3rd party plugins to npm ecosystem. npm Plugin Search page offers an easy and user friendly way to browse plugins that have completed this transition.</p>
+      <h4>What version of Cordova do I need to use npm?</h4>
+      <p>To start using plugins from npm, Cordova CLI version 5.0.0 or higher is required.</p>
+      <h4>How do I install plugins from npm?</h4>
+      <p>Cordova team decided to change official plugin IDs from org.apache.cordova.* to cordova-plugin-* to better fit within the npm ecosystem. Developers can install a plugin using the command <code>cordova plugin add cordova-plugin-device</code>.</p>
+      <h4>How do I know which platforms are supported for a plugin?</h4>
+      <p>Plugin Search displays plugins in form of cards. Each card contains important information about the plugin. Supported platforms is represented in form of platform tags. </p>
+      <h4>How can I identify official core plugins?</h4>
+      <p>Core plugins have a blue strip on the left side of their card.</p>
+      <h4>Can I still download plugins if I'm using Cordova CLI 4.3.0 or lower?</h4>
+      <p>Yes! You can use Cordova Plugins from the <a href="http://plugins.cordova.io/" target="_blank">old plugin registry</a>.</p>
+      <h4>What’s happening to the old plugin registry?</h4>
+      <p>See Cordova <a href="http://cordova.apache.org/announcements/2015/04/21/plugins-release-and-move-to-npm.html" target="_blank">blog</a> for more details. It’s being phased out:</p>
+      <ul>
+      <li>  Read-only after July 15th</li>
+      <li>  End of support after October 15th</li>
+      </ul>
+      <h4>Are there any additional documents to assist me with plugins?</h4>
+      <p>Yes there are. Please take a look at <a href="http://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface_add_plugin_features" target="_blank">Add Plugin Features</a> for a more detailed guide.</p>
+      <h4>I don't like X. How can I help improve the website?</h4>
+      <p>You can help improving this site by opening bugs on <a href="https://issues.apache.org/jira/issues/?jql=project%20%3D%20CB%20AND%20status%20%3D%20Open%20AND%20component%20%3D%20%22Registry%20Web%22" target="_blank">JIRA</a> or by sending PRs on <a href="https://github.com/apache/cordova-registry-web" target="_blank">GitHub</a>.</p>
+    </div>
+  </body>
+</html>

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/7d501c7a/attachments/npm/index.html
----------------------------------------------------------------------
diff --git a/attachments/npm/index.html b/attachments/npm/index.html
new file mode 100644
index 0000000..d300a4e
--- /dev/null
+++ b/attachments/npm/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv='Content-type' content='text/html; charset=utf-8'>
+    <meta name='description' content='This website is used to search the apache cordova plugins hosted on npm. The plugins can be searched across titles, descriptions, authors, platforms and licenses. You can also view the download counts for each plugin. The page also displays platforms supported, version and last updated day for the cordova plugins.'>
+    <title>Cordova Plugin NPM Search</title>
+    <link rel="stylesheet" href="build/styles.css" />
+    <link rel="apple-touch-icon" sizes="57x57" href="assets/img/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="assets/img/apple-touch-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-touch-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="assets/img/apple-touch-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="assets/img/apple-touch-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="assets/img/apple-touch-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon-180x180.png">
+    <link rel="icon" type="image/png" href="assets/img/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="assets/img/android-chrome-192x192.png" sizes="192x192">
+    <link rel="icon" type="image/png" href="assets/img/favicon-96x96.png" sizes="96x96">
+    <link rel="icon" type="image/png" href="assets/img/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="assets/img/manifest.json">
+    <link rel="shortcut icon" href="assets/img/favicon.ico">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="msapplication-TileImage" content="assets/img/mstile-144x144.png">
+    <meta name="msapplication-config" content="assets/img/browserconfig.xml">
+    <meta name="theme-color" content="#ffffff">
+  </head>
+
+  <body>
+    <div id="header">
+      <div class="wrap">
+          <a class="logo" href="//cordova.apache.org/"></a>
+          <div class="menu">
+              <a href="index.html">Home</a>
+              <a href="developers.html">Developers</a>
+              <a href="faq.html">FAQ</a>
+          </div>
+          <form class="menu-dropdown">
+              <select onchange="location = this.options[this.selectedIndex].value;">
+                  <option value="index.html">Home</option>
+                  <option value="developers.html">Developers</option>
+                  <option value="faq.html">FAQ</option>
+              </select>
+          </form>
+      </div>
+      <div class="shadow"></div>
+    </div>
+    <div class="header-placeholder"></div>
+    <div id="container"></div>
+    <script src="build/app.js"></script>
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-64283057-2', 'auto');
+      ga('send', 'pageview');
+    </script>
+    <script>App.start();</script>
+  </body>
+</html>


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org