RubyGems - jekyll-polymer-magazine - Versions diffs - 0.1.0 - Mend

jekyll-polymer-magazine 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (994) hide show

data/assets/bower_components/paper-tabs/bower.json ADDED

@@ -0,0 +1,44 @@
+{
+  "name": "paper-tabs",
+  "version": "1.7.0",
+  "license": "http://polymer.github.io/LICENSE.txt",
+  "description": "Material design tabs",
+  "private": true,
+  "main": "paper-tabs.html",
+  "authors": [
+    "The Polymer Authors"
+  ],
+  "keywords": [
+    "web-components",
+    "polymer",
+    "tabs",
+    "control"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-tabs.git"
+  },
+  "dependencies": {
+    "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0",
+    "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0",
+    "iron-icon": "PolymerElements/iron-icon#^1.0.0",
+    "iron-iconset-svg": "PolymerElements/iron-iconset-svg#^1.0.0",
+    "iron-menu-behavior": "PolymerElements/iron-menu-behavior#^1.1.0",
+    "iron-resizable-behavior": "PolymerElements/iron-resizable-behavior#^1.0.0",
+    "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0",
+    "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0",
+    "paper-styles": "PolymerElements/paper-styles#^1.0.0",
+    "polymer": "Polymer/polymer#^1.1.0"
+  },
+  "devDependencies": {
+    "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",
+    "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0",
+    "iron-pages": "PolymerElements/iron-pages#^1.0.0",
+    "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
+    "paper-toolbar": "PolymerElements/paper-toolbar#^1.0.0",
+    "test-fixture": "PolymerElements/test-fixture#^1.0.0",
+    "web-component-tester": "^4.0.0",
+    "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
+  },
+  "ignore": []
+}

data/assets/bower_components/paper-tabs/demo/index.html ADDED

@@ -0,0 +1,338 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+  <head>
+    <title>paper-tabs demo</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
+    <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
+    <link rel="import" href="../../iron-flex-layout/iron-flex-layout.html">
+    <link rel="import" href="../../iron-pages/iron-pages.html">
+    <link rel="import" href="../../paper-toolbar/paper-toolbar.html">
+    <link rel="import" href="../paper-tab.html">
+    <link rel="import" href="../paper-tabs.html">
+    <style is="custom-style" include="demo-pages-shared-styles">
+      #container {
+        max-width: 600px;
+      }
+      paper-tabs, paper-toolbar {
+        background-color: var(--paper-blue-900);
+        color: #fff;
+      }
+    </style>
+  </head>
+  <body unresolved>
+    <div id="container" class="vertical-section-container centered">
+      <h3>Plain <code>paper-tabs</code>.</h3>
+      <demo-snippet>
+        <template>
+          <paper-tabs selected="0">
+            <paper-tab>ITEM ONE</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>ITEM THREE</paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <h3>The <code>no-bar</code> attribute disables the selection bar.</h3>
+      <demo-snippet>
+        <template>
+          <style is="custom-style">
+            paper-tabs[no-bar] paper-tab.iron-selected {
+              color: #ffff8d;
+            }
+          </style>
+          <paper-tabs id="plain-tabs" selected="0" no-bar>
+            <paper-tab>ITEM ONE</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>ITEM THREE</paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <h3>
+        The <code>no-slide</code> attribute prevents the selection bar from
+        animating when the selection changes.
+      </h3>
+      <demo-snippet>
+        <template>
+          <paper-tabs selected="0" no-slide>
+            <paper-tab>ITEM ONE</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>ITEM THREE</paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <h3>
+        The <code>noink</code> attribute disables the ink ripple animation seen
+        when the user activates a tab (by clicking, tapping, etc.).
+      </h3>
+      <demo-snippet>
+        <template>
+          <paper-tabs selected="0" noink>
+            <paper-tab>ITEM ONE</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>ITEM THREE</paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <h3>
+        The <code>scrollable</code> attribute causes the tabs to scroll, rather
+        than compress, when there is not enough space. Arrow buttons appear when
+        any of the tabs are not completely visible.
+      </h3>
+      <demo-snippet>
+        <template>
+          <paper-tabs selected="0" scrollable>
+            <paper-tab>NUMBER ONE ITEM</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>THE THIRD ITEM</paper-tab>
+            <paper-tab>THE ITEM FOUR</paper-tab>
+            <paper-tab>FIFTH</paper-tab>
+            <paper-tab>THE SIXTH TAB</paper-tab>
+            <paper-tab>NUMBER SEVEN</paper-tab>
+            <paper-tab>EIGHT</paper-tab>
+            <paper-tab>NUMBER NINE</paper-tab>
+            <paper-tab>THE TENTH</paper-tab>
+            <paper-tab>THE ITEM ELEVEN</paper-tab>
+            <paper-tab>TWELFTH ITEM</paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <h3>
+        The <code>fit-container</code> attribute causes scrollable tabs to
+        stretch to fit their container if the tabs don't need to scroll.
+      </h3>
+      <demo-snippet>
+        <template>
+          <paper-tabs selected="0" scrollable fit-container>
+            <paper-tab>NUMBER ONE ITEM</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>THE THIRD ITEM</paper-tab>
+          </paper-tabs>
+          <br>
+          <paper-tabs selected="0" scrollable fit-container style="width: 50%;">
+            <paper-tab>NUMBER ONE ITEM</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>THE THIRD ITEM</paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <h3>
+        Tab layout is affected by the writing direction of the surrounding area.
+      </h3>
+      <demo-snippet>
+        <template>
+          <div dir="rtl">
+            <paper-tabs selected="0">
+              <paper-tab>ITEM ONE</paper-tab>
+              <paper-tab>ITEM TWO</paper-tab>
+              <paper-tab>ITEM THREE</paper-tab>
+            </paper-tabs>
+            &nbsp;
+            <paper-tabs selected="0" scrollable>
+              <paper-tab>NUMBER ONE ITEM</paper-tab>
+              <paper-tab>ITEM TWO</paper-tab>
+              <paper-tab>THE THIRD ITEM</paper-tab>
+              <paper-tab>THE ITEM FOUR</paper-tab>
+              <paper-tab>FIFTH</paper-tab>
+              <paper-tab>THE SIXTH TAB</paper-tab>
+              <paper-tab>NUMBER SEVEN</paper-tab>
+              <paper-tab>EIGHT</paper-tab>
+              <paper-tab>NUMBER NINE</paper-tab>
+              <paper-tab>THE TENTH</paper-tab>
+              <paper-tab>THE ITEM ELEVEN</paper-tab>
+              <paper-tab>TWELFTH ITEM</paper-tab>
+            </paper-tabs>
+          </div>
+        </template>
+      </demo-snippet>
+      <h3>
+        Use the <code>align-bottom</code> attribute when your tabs are
+        positioned below the content they control. The selection bar will be
+        shown at the top of the tabs.
+      </h3>
+      <demo-snippet>
+        <template>
+          <paper-tabs selected="0" align-bottom>
+            <paper-tab>ITEM ONE</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>ITEM THREE</paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <h3>
+        Use the <code>link</code> attribute when a <code>paper-tab</code>
+        contains a link. The link will fill the entire tab. <code>paper-tabs</code>
+        implements its own tabindexing and keyboard focus patterns so an anchor
+        placed inside should set <code>tabindex="-1"</code>.
+      </h3>
+      <demo-snippet>
+        <template>
+          <style is="custom-style">
+            paper-tab[link] a {
+              /* These mixins (from iron-flex-layout) center the link text. */
+              @apply(--layout-horizontal);
+              @apply(--layout-center-center);
+              color: #fff;
+              text-decoration: none;
+            }
+          </style>
+          <paper-tabs selected="0">
+            <paper-tab link>
+              <a href="#item1" tabindex="-1">ITEM ONE</a>
+            </paper-tab>
+            <paper-tab link>
+              <a href="#item2" tabindex="-1">ITEM TWO</a>
+            </paper-tab>
+            <paper-tab link>
+              <a href="#item3" tabindex="-1">ITEM THREE</a>
+            </paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <h3>
+        Tabs can be used in a <code>paper-toolbar</code>.
+      </h3>
+      <demo-snippet>
+        <template>
+          <style is="custom-style">
+            paper-toolbar {
+              --paper-toolbar-background: var(--paper-blue-900);
+            }
+            .self-end {
+              /* This mixin (from iron-flex-layout) aligns the tabs to the
+                 bottom of the toolbar. */
+              @apply(--layout-self-end);
+            }
+          </style>
+          <paper-toolbar class="tall">
+            <paper-tabs selected="0" class="bottom self-end" style="width: 300px;">
+              <paper-tab>ITEM ONE</paper-tab>
+              <paper-tab>ITEM TWO</paper-tab>
+            </paper-tabs>
+          </paper-toolbar>
+        </template>
+      </demo-snippet>
+      <h3>
+        Use <code>autoselect</code> to enable automatic tab selection.
+      </h3>
+      <demo-snippet>
+        <template>
+          <paper-tabs selected="0" autoselect>
+            <paper-tab>ITEM ONE</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>ITEM THREE</paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <h3>
+        Use <code>autoselect-delay</code> to adjust the delay between the last
+        keyup event and when the tab is automatically selected (when
+        <code>autoselect</code> is true).
+      </h3>
+      <demo-snippet>
+        <template>
+          <h4>
+            <code>autoselect-delay="0"</code>
+          </h4>
+          <paper-tabs selected="0" no-slide autoselect autoselect-delay="0">
+            <paper-tab>ITEM ONE</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>ITEM THREE</paper-tab>
+          </paper-tabs>
+          <h4>
+            <code>autoselect-delay="1000"</code>
+          </h4>
+          <paper-tabs selected="0" autoselect autoselect-delay="1000">
+            <paper-tab>ITEM ONE</paper-tab>
+            <paper-tab>ITEM TWO</paper-tab>
+            <paper-tab>ITEM THREE</paper-tab>
+          </paper-tabs>
+        </template>
+      </demo-snippet>
+      <!--
+      Nested templates are not supported in IE, meaning they can't be used in a
+      demo-snippet. See Polymer/polymer#2495 for more details.
+      -->
+      <!--
+      <h3>J. Bound Selection</h3>
+      <demo-snippet>
+        <template>
+          <template is="dom-bind">
+            <h2>Current Tab: <span>[[selected]]</span></h2>
+            <paper-tabs selected="{{selected}}">
+              <paper-tab>ITEM ONE</paper-tab>
+              <paper-tab>ITEM TWO</paper-tab>
+              <paper-tab>ITEM THREE</paper-tab>
+            </paper-tabs>
+          </template>
+        </template>
+      </demo-snippet>
+      <h3>K. Controlling content</h3>
+      <demo-snippet>
+        <template>
+          <style is="custom-style">
+            iron-pages {
+              border: 1px solid #ccc;
+              border-top: none;
+              padding: 8px;
+            }
+          </style>
+          <template is="dom-bind">
+            <paper-tabs selected="{{selected}}">
+              <paper-tab>ITEM ONE</paper-tab>
+              <paper-tab>ITEM TWO</paper-tab>
+              <paper-tab>ITEM THREE</paper-tab>
+            </paper-tabs>
+            <iron-pages selected="{{selected}}">
+              <div>CONTENT ONE</div>
+              <div>CONTENT TWO</div>
+              <div>CONTENT THREE</div>
+            </iron-pages>
+          </template>
+        </template>
+      </demo-snippet>
+      -->
+    </div>
+  </body>
+</html>

data/assets/bower_components/paper-tabs/hero.svg ADDED

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 225 126" enable-background="new 0 0 225 126" xml:space="preserve">
+<g id="background" display="none">
+	<rect display="inline" fill="#B0BEC5" width="225" height="126"/>
+</g>
+<g id="label">
+</g>
+<g id="art">
+	<path d="M188,78H37V44h151V78z M39,76h147V46H39V76z"/>
+	<polygon points="66,64.8 60.6,56.8 55.3,64.8 49.2,55.6 50.8,54.4 55.3,61.2 60.6,53.2 66,61.2 71.3,53.2 77.4,62.4 75.8,63.6
+		71.3,56.8 	"/>
+	<rect x="149" y="58" width="26" height="2"/>
+	<rect x="99" y="58" width="26" height="2"/>
+	<rect x="38" y="72" width="50" height="4"/>
+	<g id="ic_x5F_add_x0D_">
+	</g>
+</g>
+<g id="Guides">
+</g>
+</svg>

data/assets/bower_components/paper-tabs/index.html ADDED

@@ -0,0 +1,25 @@
+<!doctype html>
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<html>
+<head>
+  <title>paper-tabs</title>
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
+  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../iron-component-page/iron-component-page.html">
+</head>
+<body>
+  <iron-component-page sources='["paper-tabs.html", "paper-tab.html"]'></iron-component-page>
+</body>
+</html>

data/assets/bower_components/paper-tabs/paper-tab.html ADDED

@@ -0,0 +1,176 @@
+<!--
+@license
+Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
+This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+Code distributed by Google as part of the polymer project is also
+subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+-->
+<link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="../iron-behaviors/iron-button-state.html">
+<link rel="import" href="../iron-behaviors/iron-control-state.html">
+<link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="../paper-behaviors/paper-ripple-behavior.html">
+<!--
+`paper-tab` is styled to look like a tab.  It should be used in conjunction with
+`paper-tabs`.
+Example:
+    <paper-tabs selected="0">
+      <paper-tab>TAB 1</paper-tab>
+      <paper-tab>TAB 2</paper-tab>
+      <paper-tab>TAB 3</paper-tab>
+    </paper-tabs>
+### Styling
+The following custom properties and mixins are available for styling:
+Custom property | Description | Default
+----------------|-------------|----------
+`--paper-tab-ink` | Ink color | `--paper-yellow-a100`
+`--paper-tab` | Mixin applied to the tab | `{}`
+`--paper-tab-content` | Mixin applied to the tab content | `{}`
+`--paper-tab-content-unselected` | Mixin applied to the tab content when the tab is not selected | `{}`
+This element applies the mixin `--paper-font-common-base` but does not import `paper-styles/typography.html`.
+In order to apply the `Roboto` font to this element, make sure you've imported `paper-styles/typography.html`.
+-->
+<dom-module id="paper-tab">
+  <template>
+    <style>
+      :host {
+        @apply(--layout-inline);
+        @apply(--layout-center);
+        @apply(--layout-center-justified);
+        @apply(--layout-flex-auto);
+        position: relative;
+        padding: 0 12px;
+        overflow: hidden;
+        cursor: pointer;
+        vertical-align: middle;
+        @apply(--paper-font-common-base);
+        @apply(--paper-tab);
+      }
+      :host(:focus) {
+        outline: none;
+      }
+      :host([link]) {
+        padding: 0;
+      }
+      .tab-content {
+        height: 100%;
+        transform: translateZ(0);
+          -webkit-transform: translateZ(0);
+        transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1);
+        @apply(--layout-horizontal);
+        @apply(--layout-center-center);
+        @apply(--layout-flex-auto);
+        @apply(--paper-tab-content);
+      }
+      :host(:not(.iron-selected)) > .tab-content {
+        opacity: 0.8;
+        @apply(--paper-tab-content-unselected);
+      }
+      :host(:focus) .tab-content {
+        opacity: 1;
+        font-weight: 700;
+      }
+      paper-ripple {
+        color: var(--paper-tab-ink, --paper-yellow-a100);
+      }
+      .tab-content > ::content > a {
+        @apply(--layout-flex-auto);
+        height: 100%;
+      }
+    </style>
+    <div class="tab-content">
+      <content></content>
+    </div>
+  </template>
+  <script>
+    Polymer({
+      is: 'paper-tab',
+      behaviors: [
+        Polymer.IronControlState,
+        Polymer.IronButtonState,
+        Polymer.PaperRippleBehavior
+      ],
+      properties: {
+        /**
+         * If true, the tab will forward keyboard clicks (enter/space) to
+         * the first anchor element found in its descendants
+         */
+        link: {
+          type: Boolean,
+          value: false,
+          reflectToAttribute: true
+        }
+      },
+      hostAttributes: {
+        role: 'tab'
+      },
+      listeners: {
+        down: '_updateNoink',
+        tap: '_onTap'
+      },
+      attached: function() {
+        this._updateNoink();
+      },
+      get _parentNoink () {
+        var parent = Polymer.dom(this).parentNode;
+        return !!parent && !!parent.noink;
+      },
+      _updateNoink: function() {
+        this.noink = !!this.noink || !!this._parentNoink;
+      },
+      _onTap: function(event) {
+        if (this.link) {
+          var anchor = this.queryEffectiveChildren('a');
+          if (!anchor) {
+            return;
+          }
+          // Don't get stuck in a loop delegating
+          // the listener from the child anchor
+          if (event.target === anchor) {
+            return;
+          }
+          anchor.click();
+        }
+      }
+    });
+  </script>
+</dom-module>