├── dist ├── _patterns │ ├── 00-atoms │ │ ├── 01-text │ │ │ ├── 06-hr.mustache │ │ │ ├── 04-time.mustache │ │ │ ├── 00-headings.mustache │ │ │ ├── 05-preformatted-text.mustache │ │ │ ├── 02-blockquote.mustache │ │ │ ├── 01-paragraph.mustache │ │ │ └── 03-inline-elements.mustache │ │ ├── 03-badges │ │ │ ├── 00-badge.md │ │ │ ├── 00-badge.mustache │ │ │ └── .DS_Store │ │ ├── 04-buttons │ │ │ ├── 00-button.md │ │ │ ├── 01-button-variants.md │ │ │ ├── 00-button.mustache │ │ │ ├── .DS_Store │ │ │ └── 01-button-variants.mustache │ │ ├── .DS_Store │ │ ├── 00-global │ │ │ ├── 02-animations.mustache │ │ │ ├── 01-fonts.mustache │ │ │ └── 00-colors.mustache │ │ └── 02-lists │ │ │ ├── 01-ordered.mustache │ │ │ ├── 02-definition.mustache │ │ │ └── 00-unordered.mustache │ ├── 01-molecules │ │ ├── 00-cards │ │ │ ├── 00-card.md │ │ │ ├── 01-card-variants.md │ │ │ ├── 00-card.mustache │ │ │ └── 01-card-variants.mustache │ │ ├── 01-layout │ │ │ ├── 07-tabs.md │ │ │ ├── 00-header.md │ │ │ ├── 09-fixed-tabs.md │ │ │ ├── 02-fixed-header.md │ │ │ ├── 05-fixed-drawer.md │ │ │ ├── 12-content-tabs.md │ │ │ ├── 13-mega-footer.md │ │ │ ├── 14-mini-footer.md │ │ │ ├── 01-header-variants.md │ │ │ ├── 08-scrollable-tabs.md │ │ │ ├── 10-responsive-grid.md │ │ │ ├── 01-transparent-header.md │ │ │ ├── 03-scrolling-header.md │ │ │ ├── 04-waterfall-header.md │ │ │ ├── 06-fixed-header-drawer.md │ │ │ ├── 11-responsive-grid-variants.md │ │ │ ├── .DS_Store │ │ │ ├── 10-responsive-grid.mustache │ │ │ ├── 07-tabs.mustache │ │ │ ├── 14-mini-footer.mustache │ │ │ ├── 00-header.mustache │ │ │ ├── 05-fixed-drawer.mustache │ │ │ ├── 11-responsive-grid-variants.mustache │ │ │ ├── 08-scrollable-tabs.mustache │ │ │ ├── 09-fixed-tabs.mustache │ │ │ ├── 12-content-tabs.mustache │ │ │ ├── 03-scrolling-header.mustache │ │ │ ├── 02-fixed-header.mustache │ │ │ ├── 06-fixed-header-drawer.mustache │ │ │ ├── 01-transparent-header.mustache │ │ │ ├── 13-mega-footer.mustache │ │ │ ├── 04-waterfall-header.mustache │ │ │ └── 01-header-variants.mustache │ │ ├── 03-menus │ │ │ ├── 00-menu.md │ │ │ ├── 01-menu-variants.md │ │ │ ├── 00-menu.mustache │ │ │ └── 01-menu-variants.mustache │ │ ├── 02-loading │ │ │ ├── 02-spinner.md │ │ │ ├── 00-progress-bar.md │ │ │ ├── 03-spinner-variants.md │ │ │ ├── 01-progress-bar-variants.md │ │ │ ├── 02-spinner.mustache │ │ │ ├── 03-spinner-variants.mustache │ │ │ ├── 00-progress-bar.mustache │ │ │ └── 01-progress-bar-variants.mustache │ │ ├── 04-sliders │ │ │ ├── 00-sliders.md │ │ │ ├── 01-sliders-variants.md │ │ │ ├── 01-sliders-variants.mustache │ │ │ └── 00-sliders.mustache │ │ ├── 07-toggles │ │ │ ├── 04-switch.md │ │ │ ├── 00-checkbox.md │ │ │ ├── 01-radio.md │ │ │ ├── 02-icon-toggle.md │ │ │ ├── 05-switch-variants.md │ │ │ ├── 03-icon-toggle-variants.md │ │ │ ├── .DS_Store │ │ │ ├── 04-switch.mustache │ │ │ ├── 05-switch-variants.mustache │ │ │ ├── 01-radio.mustache │ │ │ ├── 00-checkbox.mustache │ │ │ ├── 03-icon-toggle-variants.mustache │ │ │ └── 02-icon-toggle.mustache │ │ ├── 05-tables │ │ │ ├── 00-data-table.md │ │ │ └── 00-data-table.mustache │ │ ├── 06-text-fields │ │ │ ├── 00-text-field.md │ │ │ ├── 01-text-field-variants.md │ │ │ ├── 02-text-field-expandable.md │ │ │ ├── .DS_Store │ │ │ ├── 00-text-field.mustache │ │ │ ├── 02-text-field-expandable.mustache │ │ │ └── 01-text-field-variants.mustache │ │ ├── 08-tooltips │ │ │ ├── 00-tooltip.md │ │ │ ├── 01-tooltip-variants.md │ │ │ ├── .DS_Store │ │ │ ├── 00-tooltip.mustache │ │ │ └── 01-tooltip-variants.mustache │ │ └── .DS_Store │ ├── 04-pages │ │ └── .DS_Store │ ├── 02-organisms │ │ ├── .DS_Store │ │ ├── 00-buttons │ │ │ └── .DS_Store │ │ ├── 01-cards │ │ │ └── .DS_Store │ │ ├── 02-loading │ │ │ └── .DS_Store │ │ ├── 07-toggles │ │ │ └── .DS_Store │ │ └── 08-tooltips │ │ │ └── .DS_Store │ └── 03-templates │ │ └── .DS_Store ├── css │ └── .DS_Store ├── favicon.ico ├── js │ ├── .DS_Store │ └── material.min.js ├── fonts │ ├── icons.eot │ ├── icons.ttf │ ├── icons.woff │ ├── icons.svg │ └── icons.dev.svg ├── images │ ├── dog.png │ ├── logo.png │ ├── fpo_4x3.png │ ├── fpo_16x9.png │ ├── ajax-loader.gif │ ├── fpo_avatar.png │ ├── fpo_square.png │ ├── image_card.jpg │ ├── transparent.jpg │ ├── welcome_card.jpg │ ├── favicon_16x16.jpg │ ├── favicon_32x32.jpg │ └── sample │ │ ├── tout-4x3-stream.jpg │ │ ├── thumb-square-fire.jpg │ │ ├── thumb-square-gear.jpg │ │ ├── thumb-square-ivy.jpg │ │ ├── tout-4x3-climber.jpg │ │ ├── tout-4x3-climbers.jpg │ │ ├── thumb-square-river.jpg │ │ ├── thumb-square-yosemite.jpg │ │ └── landscape-16x9-mountains.jpg ├── _meta │ ├── _01-foot.mustache │ └── _00-head.mustache ├── _data │ ├── data.json │ └── listitems.json └── _annotations │ └── annotations.js ├── README.md ├── package.json ├── LICENSE └── composer.json /dist/_patterns/00-atoms/01-text/06-hr.mustache: -------------------------------------------------------------------------------- 1 |
-------------------------------------------------------------------------------- /dist/_patterns/00-atoms/03-badges/00-badge.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Badge 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/04-buttons/00-button.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Button 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/00-cards/00-card.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Card 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/07-tabs.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Tabs 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/03-menus/00-menu.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Menu 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/00-header.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Header 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/02-loading/02-spinner.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Spinner 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/03-menus/01-menu-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Menu 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/04-sliders/00-sliders.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Sliders 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/04-switch.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Switch 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/09-fixed-tabs.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Fixed Tabs 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/05-tables/00-data-table.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Data Table 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/00-checkbox.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Check Box 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/01-radio.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Radio Button 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/00-cards/01-card-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Card Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/02-fixed-header.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Fixed Header 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/05-fixed-drawer.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Fixed Drawer 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/12-content-tabs.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Content Tabs 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/13-mega-footer.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Mega Footer 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/14-mini-footer.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Mini Footer 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/02-loading/00-progress-bar.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Progress Bar 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/06-text-fields/00-text-field.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Text Field 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/02-icon-toggle.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Icon Toggle 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/08-tooltips/00-tooltip.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Tooltip Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/08-tooltips/01-tooltip-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Tooltip 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/04-buttons/01-button-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Button Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/01-header-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Header Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/08-scrollable-tabs.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Scrollable Tabs 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/10-responsive-grid.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Responsive Grid 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/05-switch-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Switch Variants 3 | --- -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # starterkit-mustache-materialdesign 2 | A Material Design starter kit for Pattern Lab 3 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/01-transparent-header.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Transparent Header 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/03-scrolling-header.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Scrolling Header 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/04-waterfall-header.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Waterfall Header 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/02-loading/03-spinner-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Spinner Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/04-sliders/01-sliders-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Sliders Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/01-text/04-time.mustache: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/03-badges/00-badge.mustache: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/06-fixed-header-drawer.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Fixed Header Drawer 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/03-icon-toggle-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Icon Toggle Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/02-loading/01-progress-bar-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Progress Bar Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/06-text-fields/01-text-field-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Text Field Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/11-responsive-grid-variants.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Responsive Grid Variants 3 | --- -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/06-text-fields/02-text-field-expandable.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Text Field Expandable 3 | --- -------------------------------------------------------------------------------- /dist/css/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/css/.DS_Store -------------------------------------------------------------------------------- /dist/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/favicon.ico -------------------------------------------------------------------------------- /dist/js/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/js/.DS_Store -------------------------------------------------------------------------------- /dist/fonts/icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/fonts/icons.eot -------------------------------------------------------------------------------- /dist/fonts/icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/fonts/icons.ttf -------------------------------------------------------------------------------- /dist/images/dog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/dog.png -------------------------------------------------------------------------------- /dist/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/logo.png -------------------------------------------------------------------------------- /dist/fonts/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/fonts/icons.woff -------------------------------------------------------------------------------- /dist/images/fpo_4x3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/fpo_4x3.png -------------------------------------------------------------------------------- /dist/images/fpo_16x9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/fpo_16x9.png -------------------------------------------------------------------------------- /dist/images/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/ajax-loader.gif -------------------------------------------------------------------------------- /dist/images/fpo_avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/fpo_avatar.png -------------------------------------------------------------------------------- /dist/images/fpo_square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/fpo_square.png -------------------------------------------------------------------------------- /dist/images/image_card.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/image_card.jpg -------------------------------------------------------------------------------- /dist/images/transparent.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/transparent.jpg -------------------------------------------------------------------------------- /dist/images/welcome_card.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/welcome_card.jpg -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/04-buttons/00-button.mustache: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/images/favicon_16x16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/favicon_16x16.jpg -------------------------------------------------------------------------------- /dist/images/favicon_32x32.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/favicon_32x32.jpg -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/00-atoms/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/04-pages/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/04-pages/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/01-molecules/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/02-organisms/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/02-organisms/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/03-templates/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/03-templates/.DS_Store -------------------------------------------------------------------------------- /dist/images/sample/tout-4x3-stream.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/sample/tout-4x3-stream.jpg -------------------------------------------------------------------------------- /dist/images/sample/thumb-square-fire.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/sample/thumb-square-fire.jpg -------------------------------------------------------------------------------- /dist/images/sample/thumb-square-gear.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/sample/thumb-square-gear.jpg -------------------------------------------------------------------------------- /dist/images/sample/thumb-square-ivy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/sample/thumb-square-ivy.jpg -------------------------------------------------------------------------------- /dist/images/sample/tout-4x3-climber.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/sample/tout-4x3-climber.jpg -------------------------------------------------------------------------------- /dist/images/sample/tout-4x3-climbers.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/sample/tout-4x3-climbers.jpg -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/03-badges/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/00-atoms/03-badges/.DS_Store -------------------------------------------------------------------------------- /dist/images/sample/thumb-square-river.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/sample/thumb-square-river.jpg -------------------------------------------------------------------------------- /dist/_meta/_01-foot.mustache: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{{ patternLabFoot }}} 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/04-buttons/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/00-atoms/04-buttons/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/02-loading/02-spinner.mustache: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /dist/images/sample/thumb-square-yosemite.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/sample/thumb-square-yosemite.jpg -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/01-molecules/01-layout/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/01-molecules/07-toggles/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/02-organisms/00-buttons/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/02-organisms/00-buttons/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/02-organisms/01-cards/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/02-organisms/01-cards/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/02-organisms/02-loading/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/02-organisms/02-loading/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/02-organisms/07-toggles/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/02-organisms/07-toggles/.DS_Store -------------------------------------------------------------------------------- /dist/images/sample/landscape-16x9-mountains.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/images/sample/landscape-16x9-mountains.jpg -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/08-tooltips/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/01-molecules/08-tooltips/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/02-organisms/08-tooltips/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/02-organisms/08-tooltips/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/06-text-fields/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pattern-lab/starterkit-mustache-materialdesign/HEAD/dist/_patterns/01-molecules/06-text-fields/.DS_Store -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/02-loading/03-spinner-variants.mustache: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/10-responsive-grid.mustache: -------------------------------------------------------------------------------- 1 |
2 | {{# gridList }} 3 |
{{ text }}
4 | {{/ gridList }} 5 |
6 | 7 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/04-sliders/01-sliders-variants.mustache: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/01-text/00-headings.mustache: -------------------------------------------------------------------------------- 1 |

Heading Level 1

2 |

Heading Level 2

3 |

Heading Level 3

4 |

Heading Level 4

5 |
Heading Level 5
6 |
Heading Level 6
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/04-sliders/00-sliders.mustache: -------------------------------------------------------------------------------- 1 | 2 | 4 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/08-tooltips/00-tooltip.mustache: -------------------------------------------------------------------------------- 1 | 2 |
{{ tooltipIcon }}
3 |
4 | {{ text }} 5 |
6 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/07-tabs.mustache: -------------------------------------------------------------------------------- 1 |
2 | {{# tabList }} 3 | {{ text }} 4 | {{/ tabList }} 5 |
6 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/04-switch.mustache: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/05-switch-variants.mustache: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/01-radio.mustache: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/00-checkbox.mustache: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/06-text-fields/00-text-field.mustache: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 |
7 |
8 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/03-icon-toggle-variants.mustache: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/01-text/05-preformatted-text.mustache: -------------------------------------------------------------------------------- 1 | 
  	
2 | P R E F O R M A T T E D T E X T
3 | ! " # $ % & ' ( ) * + , - . /
4 | 0 1 2 3 4 5 6 7 8 9 : ; < = > ?
5 | @ A B C D E F G H I J K L M N O
6 | P Q R S T U V W X Y Z [ \ ] ^ _
7 | ` a b c d e f g h i j k l m n o
8 | p q r s t u v w x y z { | } ~ 
9 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/07-toggles/02-icon-toggle.mustache: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/00-global/02-animations.mustache: -------------------------------------------------------------------------------- 1 |
Fade: Duration: 0.3s Easing: ease-out (Hover to see effect)
2 | 3 |
Movement: Duration: 0.8s Easing: ease-in-out; (Hover to see effect)
-------------------------------------------------------------------------------- /dist/_patterns/00-atoms/01-text/02-blockquote.mustache: -------------------------------------------------------------------------------- 1 |
2 |

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

3 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/02-loading/00-progress-bar.mustache: -------------------------------------------------------------------------------- 1 | 2 |
3 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/14-mini-footer.mustache: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/01-text/01-paragraph.mustache: -------------------------------------------------------------------------------- 1 |

A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/00-cards/00-card.mustache: -------------------------------------------------------------------------------- 1 |
2 |

{{ heading }}

3 |
4 |
5 | {{ text }} 6 |
7 |
8 | {{> atoms-button }} 9 |
10 | {{# shareButton}} 11 |
12 | {{> atoms-button }} 13 |
14 | {{/ shareButton}} 15 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/03-menus/00-menu.mustache: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 13 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/02-loading/01-progress-bar-variants.mustache: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 5 |
6 | 12 | -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/02-lists/01-ordered.mustache: -------------------------------------------------------------------------------- 1 |
2 |
    3 |
  1. This is a list item in an ordered list
    2. 4 |
  2. An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
    3. 5 |
  3. 6 | Lists can be nested inside of each other 7 |
      8 |
    1. This is a nested list item
      2. 9 |
    2. This is another nested list item in an ordered list
      3. 10 |
    11 |
    4. 12 |
  4. This is the last list item
    5. 13 |
14 |
-------------------------------------------------------------------------------- /dist/_patterns/00-atoms/02-lists/02-definition.mustache: -------------------------------------------------------------------------------- 1 |
2 |
Definition List
3 |
A number of connected items or names written or printed consecutively, typically one below the other.
4 |
This is a term.
5 |
This is the definition of that term, which both live in a dl.
6 |
Here is another term.
7 |
And it gets a definition too, which is this line.
8 |
Here is term that shares a definition with the term below.
9 |
And it gets a definition too, which is this line.
10 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/00-header.mustache: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 | {{ title }} 5 | 6 |
7 | 8 | 13 |
14 |
-------------------------------------------------------------------------------- /dist/_meta/_00-head.mustache: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ title }} 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | {{{ patternLabHead }}} 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/08-tooltips/01-tooltip-variants.mustache: -------------------------------------------------------------------------------- 1 | 2 |
print
3 |
4 | Print 5 |
6 | 7 | 8 |
cloud_upload
9 |
10 | Upload file.zip 11 |
12 | 13 | 14 |
share
15 |
16 | Share your content
via social media 17 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/06-text-fields/02-text-field-expandable.mustache: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 7 |
8 | 9 | 10 |
11 |
12 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/05-fixed-drawer.mustache: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | {{ title }} 5 | 10 |
11 |
12 |
13 |
14 |
-------------------------------------------------------------------------------- /dist/_patterns/00-atoms/00-global/01-fonts.mustache: -------------------------------------------------------------------------------- 1 |
Primary font: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
2 |
Primary font italic: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
3 |
Primary font bold: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
4 |
Secondary font: Georgia, Times, "Times New Roman", serif;
5 |
Secondary font italic: Georgia, Times, "Times New Roman", serif;
6 |
Secondary font bold; Georgia, Times, "Times New Roman", serif;
-------------------------------------------------------------------------------- /dist/_patterns/00-atoms/02-lists/00-unordered.mustache: -------------------------------------------------------------------------------- 1 |
2 | 14 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/05-tables/00-data-table.mustache: -------------------------------------------------------------------------------- 1 | {{# table }} 2 | 3 | {{# thead }} 4 | 5 | 6 | {{# th }} 7 | 8 | {{/ th }} 9 | 10 | 11 | {{/ thead }} 12 | {{# tbody }} 13 | 14 | {{# tr }} 15 | 16 | {{# td }} 17 | 18 | {{/ td }} 19 | 20 | {{/ tr }} 21 | 22 | {{/ tbody }} 23 |
{{ title }}
{{ text }}
24 | {{/ table }} -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "starterkit-mustache-materialdesign", 3 | "version": "0.1.2", 4 | "description": "A Material Design starter kit for Pattern Lab", 5 | "main": "README.md", 6 | "repository": { 7 | "type": "git", 8 | "url": "git+https://github.com/pattern-lab/starterkit-mustache-materialdesign.git" 9 | }, 10 | "keywords": [ 11 | "Pattern Lab", 12 | "Atomic Design", 13 | "Mustache", 14 | "Material Design", 15 | "Starterkit" 16 | ], 17 | "author": "Ian Frost", 18 | "license": "MIT", 19 | "bugs": { 20 | "url": "https://github.com/pattern-lab/starterkit-mustache-materialdesign/issues" 21 | }, 22 | "homepage": "https://github.com/pattern-lab/starterkit-mustache-materialdesign#readme" 23 | } 24 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/11-responsive-grid-variants.mustache: -------------------------------------------------------------------------------- 1 |
2 |
4 Columns
3 |
4 Columns
4 |
4 Columns
5 |
6 |
7 |
6 columns
8 |
4 columns
9 |
2 columns
10 |
11 |
12 |
6 (8 tablet)
13 |
4 (6 tablet)
14 |
2 (4 phone)
15 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/08-scrollable-tabs.mustache: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 | 6 | {{ title }} 7 |
8 | 9 | {{> molecules-tabs }} 10 |
11 |
12 | {{ title }} 13 |
14 |
15 | {{# contentList }} 16 |
17 |
18 |
19 | {{/ contentList }} 20 |
21 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/09-fixed-tabs.mustache: -------------------------------------------------------------------------------- 1 | 2 |
4 |
5 |
6 | 7 | {{ title }} 8 |
9 | 10 | {{> molecules-tabs }} 11 |
12 |
13 | {{ title }} 14 |
15 |
16 | {{# contentList }} 17 |
18 |
19 |
20 | {{/ contentList }} 21 | 22 |
23 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/12-content-tabs.mustache: -------------------------------------------------------------------------------- 1 |
2 |
3 | Starks 4 | Lannisters 5 | Targaryens 6 |
7 | 8 |
9 | 18 |
19 |
20 | 26 |
27 |
28 | 32 |
33 |
-------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2013-14 Brad Frost, http://bradfrostweb.com & Dave Olsen, http://dmolsen.com 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software is furnished to do so, 10 | subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/03-scrolling-header.mustache: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | 5 | Title 6 | 7 |
8 | 9 | 15 |
16 |
17 |
18 | Title 19 | 25 |
26 |
27 |
28 |
29 |
-------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pattern-lab/starterkit-mustache-materialdesign", 3 | "description": "The Mustache-based Material Design StarterKit for Pattern Lab.", 4 | "keywords": ["mustache", "pattern lab", "starterkit", "materialdesign", "material design"], 5 | "homepage": "http://patternlab.io", 6 | "license": "MIT", 7 | "type": "patternlab-starterkit", 8 | "authors": [ 9 | { 10 | "name": "Dave Olsen", 11 | "email": "dmolsen@gmail.com", 12 | "homepage": "http://dmolsen.com", 13 | "role": "Lead Developer" 14 | }, 15 | { 16 | "name": "Brad Frost", 17 | "homepage": "http://bradfrost.com", 18 | "role": "Creator" 19 | } 20 | ], 21 | "support": { 22 | "issues": "https://github.com/pattern-lab/starterkit-mustache-materialdesign/issues", 23 | "wiki": "http://patternlab.io/docs/", 24 | "source": "https://github.com/pattern-lab/starterkit-mustache-materialdesign/releases" 25 | }, 26 | "require": { 27 | "pattern-lab/core": "dev-dev", 28 | "pattern-lab/patternengine-mustache": "dev-dev" 29 | }, 30 | "minimum-stability": "dev", 31 | "extra": { 32 | "patternlab": { 33 | "dist": { 34 | "sourceDir": [ 35 | { "*": "*" } 36 | ] 37 | } 38 | } 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/02-fixed-header.mustache: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 | 6 | Title 7 | 8 |
9 | 10 | 16 |
17 |
18 |
19 | Title 20 | 26 |
27 |
28 |
29 |
30 |
-------------------------------------------------------------------------------- /dist/_patterns/00-atoms/00-global/00-colors.mustache: -------------------------------------------------------------------------------- 1 | 43 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/06-fixed-header-drawer.mustache: -------------------------------------------------------------------------------- 1 | 3 |
5 |
6 |
7 |
8 |
10 | 14 |
15 | 17 |
18 |
19 |
20 |
21 |
22 | {{ title }} 23 | 28 |
29 |
30 |
31 |
32 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/06-text-fields/01-text-field-variants.mustache: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | 5 | 6 | Input is not a number! 7 |
8 |
9 | 10 | 11 |
12 |
13 | 14 | 15 |
16 |
17 | 18 | 19 |
20 |
21 | 22 | 23 |
24 |
25 | 26 | 27 |
28 |
29 | 30 | 31 | Input is not a number! 32 |
33 |
34 | -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/01-text/03-inline-elements.mustache: -------------------------------------------------------------------------------- 1 |
2 |

This is a text link.

3 | 4 |

Strong is used to indicate strong importance.

5 | 6 |

This text has added emphasis.

7 | 8 |

The b element is stylistically different text from normal text, without any special importance.

9 | 10 |

The i element is text that is set off from the normal text.

11 | 12 |

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation.

13 | 14 |

This text is deleted and This text is inserted.

15 | 16 |

This text has a strikethrough.

17 | 18 |

Superscript®.

19 | 20 |

Subscript for things like H2O.

21 | 22 |

This small text is small for for fine print, etc..

23 | 24 |

Abbreviation: HTML.

25 | 26 |

Keyboard input: Cmd.

27 | 28 |

This text is a short inline quotation.

29 | 30 |

This is a citation 31 | 32 |

The dfn element indicates a definition.

33 | 34 |

The mark element indicates a highlight.

35 | 36 |

This is what inline code looks like.

37 | 38 |

This is sample output from a computer program.

39 | 40 |

The variable element, such as x = y.

41 |
42 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/01-transparent-header.mustache: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 |
15 |
16 |
17 | 18 | Title 19 | 20 |
21 | 22 | 28 |
29 |
30 |
31 | Title 32 | 38 |
39 |
40 |
41 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/03-menus/01-menu-variants.mustache: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 14 | 15 |
16 | 17 | 21 | 22 | 29 | 30 |
31 | 32 | 36 | 37 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/13-mega-footer.mustache: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/04-waterfall-header.mustache: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 |
9 |
10 | 11 |
12 | 13 | Title 14 |
15 |
17 | 21 |
22 | 24 |
25 |
26 |
27 | 28 |
29 |
30 | 31 | 37 |
38 |
39 |
40 | Title 41 | 47 |
48 |
49 |
50 |
51 |
-------------------------------------------------------------------------------- /dist/_data/data.json: -------------------------------------------------------------------------------- 1 | { 2 | "title" : "Pattern Lab", 3 | "heading" : "Page Header", 4 | "subheading" : "Subtext For Header", 5 | "text" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", 6 | "url" : "#", 7 | "cta" : "Call To Action", 8 | "placeholder" : "Placeholder Text", 9 | "listItem" : "List Item", 10 | "listItemNested" : "Nested List Item", 11 | "term" : "Term", 12 | "definition" : "This is the definition of the term.", 13 | "badge" : "23", 14 | "buttonClass" : "", 15 | "shareButton" : false, 16 | "cardActionsClass" : "mdl-card--border", 17 | "headerClass" : "", 18 | "linkList" : [ 19 | {"text" : "Link 1"}, 20 | {"text" : "Link 2"}, 21 | {"text" : "Link 3"}, 22 | {"text" : "Link 4"} 23 | ], 24 | "searchButton" : "search", 25 | "tabsClass" : "", 26 | "tabList" : [ 27 | { 28 | "url" : "#id-1", 29 | "text" : "Tab 1", 30 | "activeClass" : "is-active" 31 | }, 32 | { 33 | "url" : "#id-2", 34 | "text" : "Tab 2" 35 | }, 36 | { 37 | "url" : "id-3", 38 | "text" : "Tab 3" 39 | }, 40 | { 41 | "url" : "#id-4", 42 | "text" : "Tab 4" 43 | } 44 | ], 45 | "contentList" : [ 46 | { 47 | "url" : "id-1", 48 | "activeClass" : "is-active" 49 | }, 50 | { 51 | "url" : "id-2" 52 | }, 53 | { 54 | "url" : "id-3" 55 | }, 56 | { 57 | "url" : "id-4" 58 | } 59 | ], 60 | "columnClass" : "mdl-cell--1-col", 61 | "gridList" : [ 62 | {"text" : "1 Column"}, 63 | {"text" : "1 Column"}, 64 | {"text" : "1 Column"}, 65 | {"text" : "1 Column"}, 66 | {"text" : "1 Column"}, 67 | {"text" : "1 Column"} 68 | ], 69 | "progressBarClass" : "", 70 | "progressBarNumber" : "30", 71 | "spinnerColorClass" : "", 72 | "menuIcon" : "more_vert", 73 | "menuClass" : "mdl-menu--bottom-left mdl-js-ripple-effect", 74 | "sliderMin" : "0", 75 | "sliderMax" : "100", 76 | "sliderValue" : "0", 77 | "tableClass" : "mdl-data-table--selectable mdl-shadow--2dp", 78 | "table" : { 79 | "thead" : { 80 | "th" : [ 81 | { 82 | "title" : "Table Heading 1", 83 | "nonnumericClass" : true 84 | }, 85 | { "title" : "Table Heading 2" }, 86 | { "title" : "Table Heading 3" }, 87 | { "title" : "Table Heading 4" } 88 | ] 89 | }, 90 | "tbody" : { 91 | "tr" : [ 92 | { 93 | "td" : [ 94 | { 95 | "text" : "row 1 cell 1", 96 | "nonnumericClass" : true 97 | }, 98 | { "text" : "row 1 cell 2" }, 99 | { "text" : "row 1 cell 3" }, 100 | { "text" : "row 1 cell 4" } 101 | ] 102 | } 103 | ] 104 | } 105 | }, 106 | "checkboxClass" : "mdl-js-ripple-effect", 107 | "checkboxLabel" : "Checkbox", 108 | "checkedCheckbox" : "checked", 109 | "radioClass" : "mdl-js-ripple-effect", 110 | "radioLabel" : "First", 111 | "checkedRadio" : "", 112 | "iconToggleClass" : "mdl-js-ripple-effect", 113 | "iconToggleText" : "format_bold", 114 | "switchClass" : "mdl-js-ripple-effect", 115 | "tooltipClass" : "", 116 | "tooltipIcon" : "add" 117 | } -------------------------------------------------------------------------------- /dist/_patterns/00-atoms/04-buttons/01-button-variants.mustache: -------------------------------------------------------------------------------- 1 | 2 | 5 |
6 | 7 | 10 |
11 | 12 | 15 |
16 | 17 | 20 |
21 | 22 | 25 |
26 | 27 | 30 |
31 | 32 | 35 |
36 | 37 | 40 |
41 | 42 | 45 |
46 | 47 | 50 |
51 | 52 | 55 |
56 | 57 | 60 |
61 | 62 | 65 |
66 | 67 | 70 |
71 | 72 | 75 |
76 | 77 | 80 |
81 | 82 | 85 |
86 | 87 | 90 |
91 | 92 | 95 |
96 | 97 | -------------------------------------------------------------------------------- /dist/_annotations/annotations.js: -------------------------------------------------------------------------------- 1 | var comments = { 2 | "comments" : [ 3 | { 4 | "el": "header[role=banner]", 5 | "title" : "Masthead", 6 | "comment": "The main header of the site doesn't take up too much screen real estate in order to keep the focus on the core content. It's using a linear CSS gradient instead of a background image to give greater design flexibility and reduce HTTP requests." 7 | }, 8 | { 9 | "el": ".logo", 10 | "title" : "Logo", 11 | "comment": "The logo image is an SVG file, which ensures that the logo displays crisply even on high resolution displays. A PNG fallback is provided for browsers that don't support SVG images.

Further reading: Optimizing Web Experiences for High Resolution Screens

" 12 | }, 13 | { 14 | "el": "#nav", 15 | "title" : "Navigation", 16 | "comment": "

Navigation for adaptive web experiences can be tricky. Top navigations are typical on desktop sites, but mobile screen sizes don't give us the luxury of space. We're dealing with this situation by creating a simple menu anchor that toggles the main navigation on small screens. This is just one method. Bagcheck and Contents Magazine add an anchor in the header that jumps users to the navigation which is placed in the footer. This solution works well because it doesn't require any Javascript in order to work. Other methods exist too. For example, ESPN's mobile navigation overlays the main content of the page.

The nav is only hidden when a certain level of javascript is supported in order to ensure that users with little/poor javascript support can still access the navigation. Once the screen size is large enough to accommodate the nav, we show the main navigation links and hide the menu anchor.

See also: Responsive Navigation Patterns

" 17 | }, 18 | { 19 | "el": ".search-form", 20 | "title" : "Search", 21 | "comment": "

Search is an incredibly important priority, especially for mobile. It is a great idea to give users the ability to jump directly to what they are looking for without forcing them to wade through your site's navigation. Check out the Burton and Yelp mobile sites for great examples of experiences that prioritize search.

We're also using the HTML5 search input type, which is great for mobile devices that can bring up the appropriate virtual keyboard for many smartphones. And like the main header navigation, we're hiding the search form on small screens to save space. Clicking the search anchor toggles the form.

" 22 | }, 23 | { 24 | "el": ".article-header h1", 25 | "title" : "Article Header", 26 | "comment": "

The article header should be no more than 140 characters.

" 27 | }, 28 | { 29 | "el": ".block-hero", 30 | "title" : "Hero", 31 | "comment": "

The hero area highlights one major story using a large image and a captivating headline.

" 32 | } 33 | ] 34 | }; -------------------------------------------------------------------------------- /dist/_patterns/01-molecules/00-cards/01-card-variants.mustache: -------------------------------------------------------------------------------- 1 | 2 | 15 | 16 |
17 |
18 |

Welcome

19 |
20 |
21 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 22 | Mauris sagittis pellentesque lacus eleifend lacinia... 23 |
24 |
25 | 26 | Get Started 27 | 28 |
29 |
30 | 33 |
34 |
35 | 36 | 37 | 48 | 49 |
50 |
51 |

Update

52 |
53 |
54 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 55 | Aenan convallis. 56 |
57 |
58 | 59 | View Updates 60 | 61 |
62 |
63 | 64 | 65 | 82 | 83 |
84 |
85 |
86 | Image.jpg 87 |
88 |
89 | 90 | 91 | 92 | 118 | 119 |
120 |
121 |

122 | Featured event:
123 | May 24, 2016
124 | 7-11pm 125 |

126 |
127 |
128 | 129 | Add to Calendar 130 | 131 |
132 | event 133 |
134 |
-------------------------------------------------------------------------------- /dist/_patterns/01-molecules/01-layout/01-header-variants.mustache: -------------------------------------------------------------------------------- 1 | 2 | 3 | 14 | 15 |
16 |
17 |
18 | 19 | Title 20 | 21 |
22 | 23 | 29 |
30 |
31 |
32 | Title 33 | 39 |
40 |
41 |
42 |
43 | 44 |
45 |
46 | 47 | 48 | 49 |
50 |
51 |
52 | 53 | Title 54 | 55 |
56 | 57 | 63 |
64 |
65 |
66 | Title 67 | 73 |
74 |
75 |
76 |
77 |
78 | 79 |
80 |
81 | 82 | 83 |
84 |
85 |
86 | 87 | Title 88 | 89 |
90 | 91 | 97 |
98 |
99 |
100 | Title 101 | 107 |
108 |
109 |
110 |
111 |
112 | 113 |
114 |
115 | 116 |
117 |
118 | 119 |
120 | 121 | Title 122 |
123 |
125 | 129 |
130 | 132 |
133 |
134 |
135 | 136 |
137 |
138 | 139 | 145 |
146 |
147 |
148 | Title 149 | 155 |
156 |
157 |
158 |
159 |
-------------------------------------------------------------------------------- /dist/fonts/icons.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG font generated by IcoMoon. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 20 | 24 | 32 | 36 | 46 | 50 | 51 | 52 | 55 | 58 | 59 | 61 | 64 | 66 | 69 | 70 | 76 | 85 | 92 | 98 | 101 | 102 | 103 | -------------------------------------------------------------------------------- /dist/fonts/icons.dev.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | This is a custom SVG font generated by IcoMoon. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 20 | 24 | 32 | 36 | 46 | 50 | 51 | 52 | 55 | 58 | 59 | 61 | 64 | 66 | 69 | 70 | 76 | 85 | 92 | 98 | 101 | 102 | 103 | -------------------------------------------------------------------------------- /dist/_data/listitems.json: -------------------------------------------------------------------------------- 1 | { 2 | "1": { 3 | "title": "Nullizzle shizznit velizzle, hizzle, suscipit own yo', gravida vizzle, arcu.", 4 | "img": { 5 | "avatar": { 6 | "src": "http://placeimg.com/100/100/people", 7 | "alt": "Avatar" 8 | }, 9 | "square": { 10 | "src": "http://placeimg.com/300/300/nature", 11 | "alt": "Square" 12 | }, 13 | "rectangle": { 14 | "src": "http://placeimg.com/400/300/tech", 15 | "alt": "Rectangle" 16 | }, 17 | "landscape-4x3": { 18 | "src": "http://placeimg.com/400/300/tech", 19 | "alt": "4x3 Image" 20 | }, 21 | "landscape-16x9": { 22 | "src": "http://placeimg.com/640/360/tech", 23 | "alt": "16x9 Image" 24 | } 25 | }, 26 | "headline": { 27 | "short": "Lorizzle pimpin' dolizzle sit amet I", 28 | "medium": "Rizzle adipiscing elizzle. Nullam sapien velizzle, shit volutpizzle, my" 29 | }, 30 | "excerpt": { 31 | "short": "Shizz fo shizzle mah nizzle fo rizzle, mah home g-dizzle, gravida vizzle, arcu. Pellentesque crunk tortizzle. Sed erizzle. Black izzle sheezy telliv.", 32 | "medium": "Izzle crazy tempizzle sizzle. We gonna chung gangsta get down get down fo shizzle turpizzle. Away break it down black. Pellentesque bling bling rhoncus fo shizzle. In hac the bizzle platea dictumst. Black dapibizzle. Crackalackin.", 33 | "long": "Curabitizzle fo shizzle diam quizzle nisi nizzle mollizzle. Suspendisse boofron. Morbi odio. Sure pizzle. Crazy orci. Shut the shizzle up maurizzle get down get down, check out this a, go to hizzle sit amizzle, malesuada izzle, pede. Pellentesque gravida. Vestibulizzle check it out mi, volutpat izzle, shiz sed, shiznit sempizzle, da bomb. Funky fresh in ipsum. Da bomb volutpat felis vizzle daahng dawg. Crizzle quis dope izzle fo shizzle my ni." 34 | }, 35 | "description": "Fizzle crazy tortor. Sed rizzle. Ass pimpin' dolor dapibizzle turpis tempizzle fo shizzle my nizzle. Maurizzle pellentesque its fo rizzle izzle turpis. Get down get down we gonna chung nizzle. Shizzlin dizzle eleifend rhoncizzle break it down. In yo ghetto platea dictumst. Bling bling dapibizzle. Curabitur break yo neck, yall fo, pretizzle eu, go to hizzle dope, own yo' vitae, nunc. Bizzle suscipizzle. Ass semper velit sizzle fo.", 36 | "url": "http://lorizzle.nl/", 37 | "name": { 38 | "first": "Junius", 39 | "firsti": "J", 40 | "middle": "Marius", 41 | "middlei": "M", 42 | "last": "Koolen", 43 | "lasti": "K" 44 | }, 45 | "year": { 46 | "long": "2013", 47 | "short": "13" 48 | }, 49 | "month": { 50 | "long": "January", 51 | "short": "Jan", 52 | "digit": "01" 53 | }, 54 | "dayofweek": { 55 | "long": "Sunday", 56 | "short": "Sun" 57 | }, 58 | "day": { 59 | "long": "01", 60 | "short": "1", 61 | "ordinal": "st" 62 | }, 63 | "hour": { 64 | "long": "06", 65 | "short": "6", 66 | "military": "06", 67 | "ampm": "am" 68 | }, 69 | "minute": { 70 | "long": "20", 71 | "short": "20" 72 | }, 73 | "seconds": "31" 74 | }, 75 | "2": { 76 | "title": "Veggies sunt bona vobis, proinde vos postulo", 77 | "img": { 78 | "avatar": { 79 | "src": "http://placeimg.com/100/100/nature", 80 | "alt": "Avatar" 81 | }, 82 | "square": { 83 | "src": "http://placeimg.com/300/300/tech", 84 | "alt": "Square" 85 | }, 86 | "rectangle": { 87 | "src": "http://placeimg.com/400/300/people", 88 | "alt": "Rectangle" 89 | }, 90 | "landscape-4x3": { 91 | "src": "http://placeimg.com/400/300/people", 92 | "alt": "4x3 Image" 93 | }, 94 | "landscape-16x9": { 95 | "src": "http://placeimg.com/640/360/people", 96 | "alt": "16x9 Image" 97 | } 98 | }, 99 | "headline": { 100 | "short": "Veggies sunt bona vobis, proinde vos", 101 | "medium": "Postulo esse magis azuki bean burdock brussels sprout quandong komatsun" 102 | }, 103 | "excerpt": { 104 | "short": "A fava bean collard greens endive tomatillo lotus root okra winter purslane zucchini parsley spinach artichoke. Brussels sprout pea turnip catsear.", 105 | "medium": "Bush tomato gumbo potato garbanzo ricebean burdock daikon coriander kale quandong. Bok choy celery leek avocado shallot horseradish aubergine parsley. Bok choy bell pepper kale celery desert raisin kakadu plum bok choy bunya nuts.", 106 | "long": "Spinach tigernut. Corn cucumber grape black-eyed pea asparagus spinach avocado dulse bunya nuts epazote celery desert raisin celtuce burdock plantain yarrow napa cabbage. Plantain okra seakale endive tigernut pea sprouts asparagus corn chard peanut beet greens groundnut radicchio carrot coriander gumbo gram celtuce. Jícama nori bamboo shoot collard greens okra radicchio tomato. Catsear mustard corn tigernut celery kale water spinach bok choy." 107 | }, 108 | "description": "Mung bean squash sorrel taro coriander collard greens gumbo bitterleaf tomato. Taro water chestnut celtuce turnip yarrow celery endive scallion black-eyed pea onion. Aubergine dulse turnip greens mustard salsify garlic soybean parsley bitterleaf desert raisin courgette.", 109 | "url": "http://veggieipsum.com", 110 | "name": { 111 | "first": "Siguror", 112 | "firsti": "S", 113 | "middle": "Aron", 114 | "middlei": "A", 115 | "last": "Hanigan", 116 | "lasti": "H" 117 | }, 118 | "year": { 119 | "long": "2013", 120 | "short": "13" 121 | }, 122 | "month": { 123 | "long": "February", 124 | "short": "Feb", 125 | "digit": "02" 126 | }, 127 | "dayofweek": { 128 | "long": "Monday", 129 | "short": "Mon" 130 | }, 131 | "day": { 132 | "long": "10", 133 | "short": "10", 134 | "ordinal": "th" 135 | }, 136 | "hour": { 137 | "long": "01", 138 | "short": "1", 139 | "military": "13", 140 | "ampm": "pm" 141 | }, 142 | "minute": { 143 | "long": "20", 144 | "short": "20" 145 | }, 146 | "seconds": "31" 147 | }, 148 | "3": { 149 | "title": "Bacon ipsum dolor sit amet turducken strip steak beef ribs shank", 150 | "img": { 151 | "avatar": { 152 | "src": "http://placeimg.com/100/100/tech", 153 | "alt": "Avatar" 154 | }, 155 | "square": { 156 | "src": "http://placeimg.com/300/300/people", 157 | "alt": "Square" 158 | }, 159 | "rectangle": { 160 | "src": "http://placeimg.com/400/300/nature", 161 | "alt": "Rectangle" 162 | }, 163 | "landscape-4x3": { 164 | "src": "http://placeimg.com/400/300/nature", 165 | "alt": "4x3 Image" 166 | }, 167 | "landscape-16x9": { 168 | "src": "http://placeimg.com/640/360/nature", 169 | "alt": "16x9 Image" 170 | } 171 | }, 172 | "headline": { 173 | "short": "Bacon ipsum dolor sit amet spare rib", 174 | "medium": "Tongue pancetta short ribs bacon. Kielbasa ball tip cow bresaola, capic" 175 | }, 176 | "excerpt": { 177 | "short": "Tail jerky rump shoulder t-bone meatball meatloaf salami. Filet mignon shank t-bone venison, ham hock ribeye drumstick bresaola kielbasa. Frankfurter.", 178 | "medium": "Doner biltong turducken leberkas. Rump swine pork loin ribeye ball tip meatloaf, pork chop ground round pig pancetta cow biltong brisket. Beef corned beef beef ribs, bacon pork belly sausage meatball boudin doner ham hock. Swine gro.", 179 | "long": "Und round meatball, bacon pig leberkas corned beef tongue shoulder. Drumstick pork loin prosciutto ball tip shank pancetta spare ribs jowl pastrami. Frankfurter boudin filet mignon ribeye. Pig hamburger strip steak ham turducken prosciutto bresaola ground round pancetta frankfurter jowl. Frankfurter tongue brisket tenderloin, beef ribs pastrami biltong tail bresaola flank. Biltong pork chop beef boudin hamburger bacon. Capicola bresaola sausage." 180 | }, 181 | "description": "Boudin sausage jerky pastrami ground round salami biltong. Sausage fatback strip steak doner pork loin, pork belly drumstick ham short loin hamburger shankle. Short ribs sirloin rump tri-tip beef biltong. Meatball pig salami, jowl pork loin fatback short loin drumstick andouille.", 182 | "url": "http://baconipsum.com/", 183 | "name": { 184 | "first": "Teun", 185 | "firsti": "T", 186 | "middle": "Jodocus", 187 | "middlei": "J", 188 | "last": "Richard", 189 | "lasti": "R" 190 | }, 191 | "year": { 192 | "long": "2013", 193 | "short": "13" 194 | }, 195 | "month": { 196 | "long": "March", 197 | "short": "Mar", 198 | "digit": "03" 199 | }, 200 | "dayofweek": { 201 | "long": "Tuesday", 202 | "short": "Tue" 203 | }, 204 | "day": { 205 | "long": "22", 206 | "short": "22", 207 | "ordinal": "nd" 208 | }, 209 | "hour": { 210 | "long": "04", 211 | "short": "4", 212 | "military": "16", 213 | "ampm": "pm" 214 | }, 215 | "minute": { 216 | "long": "45", 217 | "short": "45" 218 | }, 219 | "seconds": "11" 220 | }, 221 | "4": { 222 | "title": "Whatever swag accusamus occupy, gentrify butcher tote bag", 223 | "img": { 224 | "avatar": { 225 | "src": "http://placeimg.com/100/100/animals", 226 | "alt": "Avatar" 227 | }, 228 | "square": { 229 | "src": "http://placeimg.com/300/300/arch", 230 | "alt": "Square" 231 | }, 232 | "rectangle": { 233 | "src": "http://placeimg.com/400/300/people/grayscale", 234 | "alt": "Rectangle" 235 | }, 236 | "landscape-4x3": { 237 | "src": "http://placeimg.com/400/300/people/greyscale", 238 | "alt": "4x3 Image" 239 | }, 240 | "landscape-16x9": { 241 | "src": "http://placeimg.com/640/360/people/greyscale", 242 | "alt": "16x9 Image" 243 | } 244 | }, 245 | "headline": { 246 | "short": "Nesciunt sunt cillum keytar Pitchfork", 247 | "medium": "Tote bag mixtape PBR Helvetica scenester forage four loko. Irure Tonx" 248 | }, 249 | "excerpt": { 250 | "short": "Golf quis +1, Wes Anderson church-key lo-fi keffiyeh selvage culpa authentic Brooklyn fap chambray. Id synth yr, 3 wolf moon locavore +1 mixtape do.", 251 | "medium": "Sed single-origin coffee anim eu. Bicycle rights Neutra Truffaut pop-up. Paleo hella irure meh Banksy, Wes Anderson typewriter VHS jean shorts yr. Eiusmod officia banjo Thundercats, odio laborum magna deep v cornhole nostrud kitsch.", 252 | "long": "Tattooed Williamsburg. Jean shorts proident kogi laboris. Non tote bag pariatur elit slow-carb, Vice irure eu Echo Park ea aliqua chillwave. Cornhole Etsy quinoa Pinterest cardigan. Excepteur quis forage, Blue Bottle keffiyeh velit hoodie direct trade typewriter Etsy. Fingerstache squid non, sriracha drinking vinegar Shoreditch pork belly. Paleo sartorial mollit 3 wolf moon chambray whatever, sed tote bag small batch freegan. Master cleanse." 253 | }, 254 | "description": "Fanny pack ullamco et veniam semiotics. Shoreditch PBR reprehenderit cliche, magna Tonx aesthetic. Narwhal photo booth DIY aute post-ironic anim. Vice cliche brunch est before they sold out fap, street art Odd Future fashion axe messenger bag nihil Tonx tattooed. Nihil hashtag incididunt, do eu art party Banksy jean shorts four loko typewriter.", 255 | "url": "http://hipsteripsum.me/", 256 | "name": { 257 | "first": "Duane", 258 | "firsti": "D", 259 | "middle": "Edvin", 260 | "middlei": "E", 261 | "last": "Wilms", 262 | "lasti": "W" 263 | }, 264 | "year": { 265 | "long": "2013", 266 | "short": "13" 267 | }, 268 | "month": { 269 | "long": "April", 270 | "short": "Apr", 271 | "digit": "04" 272 | }, 273 | "dayofweek": { 274 | "long": "Wednesday", 275 | "short": "Wed" 276 | }, 277 | "day": { 278 | "long": "13", 279 | "short": "13", 280 | "ordinal": "th" 281 | }, 282 | "hour": { 283 | "long": "10", 284 | "short": "10", 285 | "military": "10", 286 | "ampm": "am" 287 | }, 288 | "minute": { 289 | "long": "14", 290 | "short": "14" 291 | }, 292 | "seconds": "52" 293 | }, 294 | "5": { 295 | "title": "Marshall McLuhan Colbert bump backpack journalist vast wasteland Romenesko CPM", 296 | "img": { 297 | "avatar": { 298 | "src": "http://placeimg.com/100/100/people/grayscale", 299 | "alt": "Avatar" 300 | }, 301 | "square": { 302 | "src": "http://placeimg.com/300/300/animals", 303 | "alt": "Square" 304 | }, 305 | "rectangle": { 306 | "src": "http://placeimg.com/400/300/arch", 307 | "alt": "Rectangle" 308 | }, 309 | "landscape-4x3": { 310 | "src": "http://placeimg.com/400/300/arch", 311 | "alt": "4x3 Image" 312 | }, 313 | "landscape-16x9": { 314 | "src": "http://placeimg.com/640/360/arch", 315 | "alt": "16x9 Image" 316 | } 317 | }, 318 | "headline": { 319 | "short": "Blog meme masthead DocumentCloud Fou", 320 | "medium": "Square tabloid Andy Carvin stupid commenters, Nick Denton mathewi semip" 321 | }, 322 | "excerpt": { 323 | "short": "I love the Weather & Opera section Groupon copyright in the slot, Journal Register open newsroom analytics future totally blowing up on Twitter AOL.", 324 | "medium": "CTR mthomps Flipboard do what you do best and link to the rest Buttry media bias Journal Register RT, newspaper strike do what you do best and link to the rest semipermeable learnings cognitive surplus mathewi, Encyclo Google News.", 325 | "long": "Pulse mathewi Project Thunderdome digital first. HuffPo social media optimization try PR dying the notion of the public monetization data visualization audience atomization overcome community, libel lawyer twitterati should isn't a business model fair use innovation Facebook AOL, Walter Cronkite died for your sins horse-race coverage crowdfunding Patch but what's the business model rubber cement horse-race coverage. Lucius Nieman content farm." 326 | }, 327 | "description": "Like button audience atomization overcome Colbert bump Free Darko inverted pyramid we will make them pay, digital circulation strategy Like button totally blowing up on Twitter church of the savvy. Pictures of Goats section open source discuss Frontline analog thinking filters paidContent.", 328 | "url": "http://www.niemanlab.org/journo-ipsum/", 329 | "name": { 330 | "first": "Frans", 331 | "firsti": "F", 332 | "middle": "Fabius", 333 | "middlei": "F", 334 | "last": "Keegan", 335 | "lasti": "K" 336 | }, 337 | "year": { 338 | "long": "2013", 339 | "short": "13" 340 | }, 341 | "month": { 342 | "long": "May", 343 | "short": "May", 344 | "digit": "05" 345 | }, 346 | "dayofweek": { 347 | "long": "Thursday", 348 | "short": "Thu" 349 | }, 350 | "day": { 351 | "long": "26", 352 | "short": "26", 353 | "ordinal": "th" 354 | }, 355 | "hour": { 356 | "long": "06", 357 | "short": "6", 358 | "military": "18", 359 | "ampm": "pm" 360 | }, 361 | "minute": { 362 | "long": "37", 363 | "short": "37" 364 | }, 365 | "seconds": "24" 366 | }, 367 | "6": { 368 | "title": "Thunder, thunder, thundercats, Ho!", 369 | "img": { 370 | "avatar": { 371 | "src": "http://placeimg.com/100/100/arch", 372 | "alt": "Avatar" 373 | }, 374 | "square": { 375 | "src": "http://placeimg.com/300/300/animals", 376 | "alt": "Square" 377 | }, 378 | "rectangle": { 379 | "src": "http://placeimg.com/400/300/people/grayscale", 380 | "alt": "Rectangle" 381 | }, 382 | "landscape-4x3": { 383 | "src": "http://placeimg.com/400/300/people/grayscale", 384 | "alt": "4x3 Image" 385 | }, 386 | "landscape-16x9": { 387 | "src": "http://placeimg.com/640/360/people/grayscale", 388 | "alt": "16x9 Image" 389 | } 390 | }, 391 | "headline": { 392 | "short": "Hong Kong Phooey, number one super g", 393 | "medium": "Hong Kong Phooey, quicker than the human eye. He's got style, a groovy" 394 | }, 395 | "excerpt": { 396 | "short": "Style, and a car that just won't stop. When the going gets tough, he's really rough, with a Hong Kong Phooey chop (Hi-Ya!). Hong Kong Phooey, number.", 397 | "medium": "One super guy. Hong Kong Phooey, quicker than the human eye. Hong Kong Phooey, he's fan-riffic! One for all and all for one, Muskehounds are always ready. One for all and all for one, helping everybody. One for all and all for one.", 398 | "long": "It's a pretty story. Sharing everything with fun, that's the way to be. One for all and all for one, Muskehounds are always ready. One for all and all for one, helping everybody. One for all and all for one, can sound pretty corny. If you've got a problem chum, think how it could be. This is my boss, Jonathan Hart, a self-made millionaire, he's quite a guy. This is Mrs H., she's gorgeous, she's one lady who knows how to take care of herself." 399 | }, 400 | "description": "Beats all you've ever saw, been in trouble with the law since the day they was born. Straight'nin' the curve, flat'nin' the hills. Someday the mountain might get 'em, but the law never will. Makin' their way, the only way they know how, that's just a little bit more than the law will allow. Just good ol' boys, wouldn't change if they could, fightin' the system like a true modern day Robin Hood.", 401 | "url": "http://www.malevole.com/mv/misc/text/", 402 | "name": { 403 | "first": "Fergus", 404 | "firsti": "F", 405 | "middle": "Jon", 406 | "middlei": "J", 407 | "last": "Althuis", 408 | "lasti": "A" 409 | }, 410 | "year": { 411 | "long": "2013", 412 | "short": "13" 413 | }, 414 | "month": { 415 | "long": "June", 416 | "short": "Jun", 417 | "digit": "06" 418 | }, 419 | "dayofweek": { 420 | "long": "Friday", 421 | "short": "Fri" 422 | }, 423 | "day": { 424 | "long": "08", 425 | "short": "8", 426 | "ordinal": "th" 427 | }, 428 | "hour": { 429 | "long": "11", 430 | "short": "11", 431 | "military": "23", 432 | "ampm": "pm" 433 | }, 434 | "minute": { 435 | "long": "37", 436 | "short": "37" 437 | }, 438 | "seconds": "33" 439 | }, 440 | "7": { 441 | "title": "Yeah, I like animals better than people sometimes", 442 | "img": { 443 | "avatar": { 444 | "src": "http://placeimg.com/100/100/any", 445 | "alt": "Avatar" 446 | }, 447 | "square": { 448 | "src": "http://placeimg.com/300/300/any", 449 | "alt": "Square" 450 | }, 451 | "rectangle": { 452 | "src": "http://placeimg.com/400/300/any", 453 | "alt": "Rectangle" 454 | }, 455 | "landscape-4x3": { 456 | "src": "http://placeimg.com/400/300/any", 457 | "alt": "4x3 Image" 458 | }, 459 | "landscape-16x9": { 460 | "src": "http://placeimg.com/640/360/any", 461 | "alt": "16x9 Image" 462 | } 463 | }, 464 | "headline": { 465 | "short": "Now that we know who you are, I know", 466 | "medium": "Who I am. I'm not a mistake! It all makes sense! In a comic, you know" 467 | }, 468 | "excerpt": { 469 | "short": "How you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me.", 470 | "medium": "The lysine contingency - it's intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism. The animals can't manufacture the amin.", 471 | "long": "Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that's what you see at a toy store. And you must think you're in a toy store, because you're here shopping for an infant named Jeb. Acid lysine. Unless they're." 472 | }, 473 | "description": "Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people. Like pit bulls. The dog of dogs. Pit bull can be the right man's best friend... or the wrong man's worst enemy. You going to give me a dog for a pet, give me a pit bull.", 474 | "url": "http://slipsum.com/lite/", 475 | "name": { 476 | "first": "Bertil", 477 | "firsti": "B", 478 | "middle": "Pier", 479 | "middlei": "P", 480 | "last": "Aaij", 481 | "lasti": "A" 482 | }, 483 | "year": { 484 | "long": "2013", 485 | "short": "13" 486 | }, 487 | "month": { 488 | "long": "July", 489 | "short": "Jul", 490 | "digit": "07" 491 | }, 492 | "dayofweek": { 493 | "long": "Saturday", 494 | "short": "Sat" 495 | }, 496 | "day": { 497 | "long": "22", 498 | "short": "22", 499 | "ordinal": "nd" 500 | }, 501 | "hour": { 502 | "long": "11", 503 | "short": "11", 504 | "military": "11", 505 | "ampm": "am" 506 | }, 507 | "minute": { 508 | "long": "12", 509 | "short": "12" 510 | }, 511 | "seconds": "47" 512 | }, 513 | "8": { 514 | "title": "Webtwo ipsum dolor sit amet, eskobo chumby doostang bebo", 515 | "img": { 516 | "avatar": { 517 | "src": "http://placeimg.com/100/100/any/grayscale", 518 | "alt": "Avatar" 519 | }, 520 | "square": { 521 | "src": "http://placeimg.com/300/300/any/grayscale", 522 | "alt": "Square" 523 | }, 524 | "rectangle": { 525 | "src": "http://placeimg.com/400/300/any/grayscale", 526 | "alt": "Rectangle" 527 | }, 528 | "landscape-4x3": { 529 | "src": "http://placeimg.com/400/300/any/grayscale", 530 | "alt": "4x3 Image" 531 | }, 532 | "landscape-16x9": { 533 | "src": "http://placeimg.com/640/360/any/grayscale", 534 | "alt": "16x9 Image" 535 | } 536 | }, 537 | "headline": { 538 | "short": "Webtwo ipsum dolor sit amet, eskobo", 539 | "medium": "Chumby doostang bebo. Wakoopa oooj geni zoho loopt eskobo sifteo chart" 540 | }, 541 | "excerpt": { 542 | "short": "Dropio, chumby waze dopplr plugg oooj yammer jibjab imvu yuntaa knewton, mobly trulia airbnb bitly chegg tivo empressr knewton. Plickers spock voxy.", 543 | "medium": "Zooomr kippt voxy zinch appjet napster trulia, zappos wufoo zapier spotify mzinga jaiku fleck, disqus lijit voxy voki yoono. Dogster elgg jibjab xobni kazaa bebo udemy sifteo kiko, elgg knewton skype mog octopart zoodles kazaa udem.", 544 | "long": "Appjet spock handango empressr lijit palantir weebly dropio jibjab revver kaboodle spotify orkut mobly chegg akismet, handango ebay woopra revver joukuu kosmix unigo oooooc wufoo zanga kno zinch spock knewton. Balihoo greplin bebo squidoo skype kaboodle meebo disqus joost gooru, zlio tumblr edmodo palantir eskobo shopify kiko gsnap. Greplin balihoo chartly plugg imeem diigo trulia plickers qeyno wikia akismet, palantir grockit prezi jabber zo." 545 | }, 546 | "description": "Wufoo diigo grockit sifteo divvyshot, unigo zooomr revver. Edmodo appjet joyent skype bubbli jajah zoodles joukuu xobni hojoki edmodo appjet, mozy mzinga akismet yuntaa joost yuntaa geni tivo insala yoono chumby, grockit sococo loopt zanga etsy cloudera koofers empressr jiglu blippy. Omgpop lanyrd joukuu sococo zimbra airbnb movity jibjab, foodzie.", 547 | "url": "http://web20ipsum.com", 548 | "name": { 549 | "first": "Freyr", 550 | "firsti": "F", 551 | "middle": "Ninian", 552 | "middlei": "N", 553 | "last": "Hines", 554 | "lasti": "H" 555 | }, 556 | "year": { 557 | "long": "2013", 558 | "short": "13" 559 | }, 560 | "month": { 561 | "long": "August", 562 | "short": "Aug", 563 | "digit": "08" 564 | }, 565 | "dayofweek": { 566 | "long": "Sunday", 567 | "short": "Sun" 568 | }, 569 | "day": { 570 | "long": "31", 571 | "short": "31", 572 | "ordinal": "st" 573 | }, 574 | "hour": { 575 | "long": "03", 576 | "short": "3", 577 | "military": "15", 578 | "ampm": "pm" 579 | }, 580 | "minute": { 581 | "long": "42", 582 | "short": "42" 583 | }, 584 | "seconds": "21" 585 | }, 586 | "9": { 587 | "title": "Rebel Mission to Ord Mantell", 588 | "img": { 589 | "avatar": { 590 | "src": "http://placeimg.com/100/100/any/sepia", 591 | "alt": "Avatar" 592 | }, 593 | "square": { 594 | "src": "http://placeimg.com/300/300/any/sepia", 595 | "alt": "Square" 596 | }, 597 | "rectangle": { 598 | "src": "http://placeimg.com/400/300/any/sepia", 599 | "alt": "Rectangle" 600 | }, 601 | "landscape-4x3": { 602 | "src": "http://placeimg.com/400/300/any/sepia", 603 | "alt": "4x3 Image" 604 | }, 605 | "landscape-16x9": { 606 | "src": "http://placeimg.com/640/360/any/sepia", 607 | "alt": "16x9 Image" 608 | } 609 | }, 610 | "headline": { 611 | "short": "All right. Well, take care of yourself, Han", 612 | "medium": "You don't believe in the Force, do you? The Force is strong with this one" 613 | }, 614 | "excerpt": { 615 | "short": "I'm trying not to, kid. I find your lack of faith disturbing. You are a part of the Rebel Alliance and a traitor! Take her away! I want to come with.", 616 | "medium": "I'm surprised you had the courage to take the responsibility yourself. Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. You don't be.", 617 | "long": "A tremor in the Force. The last time I felt it was in the presence of my old master. You don't believe in the Force, do you? I have traced the Rebel spies to her. Now she is my only link to finding their secret base. A tremor in the Force. The last time I felt it was in the presence of my old master. I'm trying not to, kid. The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. There's nothing for me here." 618 | }, 619 | "description": "I find your lack of faith disturbing. A tremor in the Force. The last time I felt it was in the presence of my old master. Don't act so surprised, Your Highness. You weren't on any mercy mission this time. Several transmissions were beamed to this ship by Rebel spies. I want to know what happened to the plans they sent you. The plans you refer to will soon be back in our hands.", 620 | "url": "http://chrisvalleskey.com/fillerama/", 621 | "name": { 622 | "first": "Jacobus", 623 | "firsti": "J", 624 | "middle": "Domitianus", 625 | "middlei": "D", 626 | "last": "Sneiders", 627 | "lasti": "S" 628 | }, 629 | "year": { 630 | "long": "2013", 631 | "short": "13" 632 | }, 633 | "month": { 634 | "long": "September", 635 | "short": "Sep", 636 | "digit": "09" 637 | }, 638 | "dayofweek": { 639 | "long": "Monday", 640 | "short": "Mon" 641 | }, 642 | "day": { 643 | "long": "04", 644 | "short": "4", 645 | "ordinal": "th" 646 | }, 647 | "hour": { 648 | "long": "09", 649 | "short": "9", 650 | "military": "09", 651 | "ampm": "am" 652 | }, 653 | "minute": { 654 | "long": "04", 655 | "short": "4" 656 | }, 657 | "seconds": "37" 658 | }, 659 | "10": { 660 | "title": "Help, help, I'm being repressed!", 661 | "img": { 662 | "avatar": { 663 | "src": "http://placeimg.com/100/100/tech/grayscale", 664 | "alt": "Avatar" 665 | }, 666 | "square": { 667 | "src": "http://placeimg.com/300/300/nature/grayscale", 668 | "alt": "Square" 669 | }, 670 | "rectangle": { 671 | "src": "http://placeimg.com/400/300/arch/grayscale", 672 | "alt": "Rectangle" 673 | }, 674 | "landscape-4x3": { 675 | "src": "http://placeimg.com/400/300/arch/grayscale", 676 | "alt": "4x3 Image" 677 | }, 678 | "landscape-16x9": { 679 | "src": "http://placeimg.com/640/360/arch/grayscale", 680 | "alt": "16x9 Image" 681 | } 682 | }, 683 | "headline": { 684 | "short": "The swallow may fly south with the sun", 685 | "medium": "On second thoughts, let's not go there. It is a silly place. You don't" 686 | }, 687 | "excerpt": { 688 | "short": "The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land.", 689 | "medium": "The Knights Who Say Ni demand a sacrifice! Found them? In Mercia?! The coconut's tropical! Where'd you get the coconuts? Why do you think that she is a witch? I am your king. You don't vote for kings. But you are dressed as one. Oh, ow!", 690 | "long": "Well, I didn't vote for you. Burn her! Be quiet! He hasn't got shit all over him. Where'd you get the coconuts? The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land. No! Yes, yes. A bit. But she's got a wart. Shut up! Will you shut up?! I have to push the pram a lot. Now, look here, my good man. Frighten us, English pig-dogs! Go and boil your bottoms." 691 | }, 692 | "description": "The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migrate? Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods. You don't frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!", 693 | "url": "http://chrisvalleskey.com/fillerama/", 694 | "name": { 695 | "first": "Plinius", 696 | "firsti": "P", 697 | "middle": "Varinius", 698 | "middlei": "V", 699 | "last": "Sloane", 700 | "lasti": "S" 701 | }, 702 | "year": { 703 | "long": "2013", 704 | "short": "13" 705 | }, 706 | "month": { 707 | "long": "October", 708 | "short": "Oct", 709 | "digit": "10" 710 | }, 711 | "dayofweek": { 712 | "long": "Tuesday", 713 | "short": "Tue" 714 | }, 715 | "day": { 716 | "long": "25", 717 | "short": "25", 718 | "ordinal": "th" 719 | }, 720 | "hour": { 721 | "long": "03", 722 | "short": "3", 723 | "military": "03", 724 | "ampm": "am" 725 | }, 726 | "minute": { 727 | "long": "51", 728 | "short": "51" 729 | }, 730 | "second": "19" 731 | }, 732 | "11": { 733 | "title": "Danish danish candy canes bonbon cheesecake danish marzipan", 734 | "img": { 735 | "avatar": { 736 | "src": "http://placeimg.com/100/100/tech/sepia", 737 | "alt": "Avatar" 738 | }, 739 | "square": { 740 | "src": "http://placeimg.com/300/300/animals/sepia", 741 | "alt": "Square" 742 | }, 743 | "rectangle": { 744 | "src": "http://placeimg.com/400/300/arch/sepia", 745 | "alt": "Rectangle" 746 | }, 747 | "landscape-4x3": { 748 | "src": "http://placeimg.com/400/300/arch/sepia", 749 | "alt": "4x3 Image" 750 | }, 751 | "landscape-16x9": { 752 | "src": "http://placeimg.com/640/360/arch/sepia", 753 | "alt": "16x9 Image" 754 | } 755 | }, 756 | "headline": { 757 | "short": "Carrot cake fruitcake dessert apple", 758 | "medium": "Pie powder lemon drops sesame snaps cake brownie. Biscuit ice cream gin" 759 | }, 760 | "excerpt": { 761 | "short": "Bread cotton candy marzipan. Baker too go gingerbread topping cupcake donut. Fruitcake marzipan bear claw tart toffee candy cheesecake. Lemon drops.", 762 | "medium": "Cupcake chupa chups pudding gummies. Unerdwear.com cupcake candy soufflé sesame snaps macaroon sesame snaps. Tart dragée muffin. Sweet roll gummi bears caramels fruitcake candy cake. Cotton candy carrot cake tart cotton candy. Jelly.", 763 | "long": "Gingerbread candy icing pastry cake bonbon fruitcake donut. Powder liquorice dessert tart croissant cake. Dessert chocolate cake sweet roll candy candy sesame snaps tiramisu ice cream. Candy candy canes marzipan biscuit cupcake pie pudding. Donut cotton candy muffin. Pastry bear claw icing halvah. Gingerbread cotton candy sweet roll toffee chocolate jujubes. Wafer jujubes danish ice cream lemon drops wafer. Sesame snaps cupcake gummies browni." 764 | }, 765 | "description": "Sugar plum wafer soufflé ice cream. Wafer topping biscuit pie gummi bears topping. Gummies toffee powder applicake oat cake cookie. Bear claw candy tootsie roll fruitcake danish applicake candy canes macaroon. Liquorice tiramisu danish cotton candy gummies. Tiramisu dessert gummi bears macaroon sweet roll jelly-o gummi bears marzipan.", 766 | "url": "http://cupcakeipsum.com/", 767 | "name": { 768 | "first": "Matthias", 769 | "firsti": "M", 770 | "middle": "Brady", 771 | "middlei": "B", 772 | "last": "Macguinness", 773 | "lasti": "M" 774 | }, 775 | "year": { 776 | "long": "2013", 777 | "short": "13" 778 | }, 779 | "month": { 780 | "long": "November", 781 | "short": "Nov", 782 | "digit": "11" 783 | }, 784 | "dayofweek": { 785 | "long": "Wednesday", 786 | "short": "Wed" 787 | }, 788 | "day": { 789 | "long": "19", 790 | "short": "19", 791 | "ordinal": "th" 792 | }, 793 | "hour": { 794 | "long": "11", 795 | "short": "11", 796 | "military": "23", 797 | "ampm": "pm" 798 | }, 799 | "minute": { 800 | "long": "55", 801 | "short": "55" 802 | }, 803 | "seconds": "12" 804 | }, 805 | "12": { 806 | "title": "Cottage cheese brie lancashire. Boursin when the cheese comes out.", 807 | "img": { 808 | "avatar": { 809 | "src": "http://placeimg.com/100/100/people/sepia", 810 | "alt": "Avatar" 811 | }, 812 | "square": { 813 | "src": "http://placeimg.com/300/300/people/sepia", 814 | "alt": "Square" 815 | }, 816 | "rectangle": { 817 | "src": "http://placeimg.com/400/300/people/sepia", 818 | "alt": "Rectangle" 819 | }, 820 | "landscape-4x3": { 821 | "src": "http://placeimg.com/400/300/people/sepia", 822 | "alt": "4x3 Image" 823 | }, 824 | "landscape-16x9": { 825 | "src": "http://placeimg.com/640/360/people/sepia", 826 | "alt": "16x9 Image" 827 | } 828 | }, 829 | "headline": { 830 | "short": "Cauliflower cheese cream cheese baby", 831 | "medium": "Lancashire cheesy feet rubber cheese cheese and wine gouda the big chee" 832 | }, 833 | "excerpt": { 834 | "short": "Queso fromage. Taleggio boursin bavarian bergkase cream cheese when the cheese comes out everybody's happy port-salut halloumi pecorino. Caerphilly cut the cheese manchego camembert de normandie goat melted cheese cheese and biscuit.", 835 | "medium": "Pecorino queso lancashire. Manchego lancashire cheesy feet emmental babybel cheese strings dolcelatte bavarian bergkase. Ricotta cheese slices cheesy grin cow cheesecake smelly cheese mascarpone lancashire. Cow say cheese babybel do.", 836 | "long": "Cheesy grin macaroni cheese airedale. Fromage frais airedale cheese and wine brie cow swiss swiss mozzarella. Emmental cheese triangles edam rubber cheese pepper jack ricotta airedale airedale. Brie parmesan smelly cheese cheese strings stinking bishop cheese strings taleggio. Bocconcini blue castello gouda. Everyone loves caerphilly rubber cheese halloumi smelly cheese melted cheese melted cheese bavarian bergkase. Rubber cheese ricotta emm." 837 | }, 838 | "description": "Queso caerphilly cheesecake. Parmesan chalk and cheese port-salut port-salut babybel cottage cheese cheesy grin pepper jack. Croque monsieur paneer st. agur blue cheese emmental airedale monterey jack bavarian bergkase cheese triangles. Halloumi parmesan.", 839 | "url": "http://www.cheeseipsum.co.uk/", 840 | "name": { 841 | "first": "Aquila", 842 | "firsti": "A", 843 | "middle": "Gaius", 844 | "middlei": "G", 845 | "last": "Achterkamp", 846 | "lasti": "A" 847 | }, 848 | "year": { 849 | "long": "2013", 850 | "short": "13" 851 | }, 852 | "month": { 853 | "long": "December", 854 | "short": "Dec", 855 | "digit": "12" 856 | }, 857 | "dayofweek": { 858 | "long": "Thursday", 859 | "short": "Thu" 860 | }, 861 | "day": { 862 | "long": "28", 863 | "short": "28", 864 | "ordinal": "th" 865 | }, 866 | "hour": { 867 | "long": "08", 868 | "short": "8", 869 | "military": "08", 870 | "ampm": "am" 871 | }, 872 | "minute": { 873 | "long": "34", 874 | "short": "34" 875 | }, 876 | "seconds": "56" 877 | } 878 | } -------------------------------------------------------------------------------- /dist/js/material.min.js: -------------------------------------------------------------------------------- 1 | /** 2 | * material-design-lite - Material Design Components in CSS, JS and HTML 3 | * @version v1.0.6 4 | * @license Apache-2.0 5 | * @copyright 2015 Google, Inc. 6 | * @link https://github.com/google/material-design-lite 7 | */ 8 | !function(){"use strict";function e(e,t){if(e){if(t.element_.classList.contains(t.CssClasses_.MDL_JS_RIPPLE_EFFECT)){var s=document.createElement("span");s.classList.add(t.CssClasses_.MDL_RIPPLE_CONTAINER),s.classList.add(t.CssClasses_.MDL_JS_RIPPLE_EFFECT);var i=document.createElement("span");i.classList.add(t.CssClasses_.MDL_RIPPLE),s.appendChild(i),e.appendChild(s)}e.addEventListener("click",function(s){s.preventDefault();var i=e.href.split("#")[1],n=t.element_.querySelector("#"+i);t.resetTabState_(),t.resetPanelState_(),e.classList.add(t.CssClasses_.ACTIVE_CLASS),n.classList.add(t.CssClasses_.ACTIVE_CLASS)})}}function t(e,t,s,i){if(i.tabBar_.classList.contains(i.CssClasses_.JS_RIPPLE_EFFECT)){var n=document.createElement("span");n.classList.add(i.CssClasses_.RIPPLE_CONTAINER),n.classList.add(i.CssClasses_.JS_RIPPLE_EFFECT);var a=document.createElement("span");a.classList.add(i.CssClasses_.RIPPLE),n.appendChild(a),e.appendChild(n)}e.addEventListener("click",function(n){n.preventDefault();var a=e.href.split("#")[1],l=i.content_.querySelector("#"+a);i.resetTabState_(t),i.resetPanelState_(s),e.classList.add(i.CssClasses_.IS_ACTIVE),l.classList.add(i.CssClasses_.IS_ACTIVE)})}var s={upgradeDom:function(e,t){},upgradeElement:function(e,t){},upgradeElements:function(e){},upgradeAllRegistered:function(){},registerUpgradedCallback:function(e,t){},register:function(e){},downgradeElements:function(e){}};s=function(){function e(e,t){for(var s=0;sd;d++){if(r=l[d],!r)throw new Error("Unable to find a registered component for the given class.");a.push(r.className),i.setAttribute("data-upgraded",a.join(","));var h=new r.classConstructor(i);h[C]=r,c.push(h);for(var u=0,m=r.callbacks.length;m>u;u++)r.callbacks[u](i);r.widget&&(i[r.className]=h);var E=document.createEvent("Events");E.initEvent("mdl-componentupgraded",!0,!0),i.dispatchEvent(E)}}function a(e){Array.isArray(e)||(e="function"==typeof e.item?Array.prototype.slice.call(e):[e]);for(var t,s=0,i=e.length;i>s;s++)t=e[s],t instanceof HTMLElement&&(n(t),t.children.length>0&&a(t.children))}function l(t){var s="undefined"==typeof t.widget&&"undefined"==typeof t.widget,i=!0;s||(i=t.widget||t.widget);var n={classConstructor:t.constructor||t.constructor,className:t.classAsString||t.classAsString,cssClass:t.cssClass||t.cssClass,widget:i,callbacks:[]};if(p.forEach(function(e){if(e.cssClass===n.cssClass)throw new Error("The provided cssClass has already been registered: "+e.cssClass);if(e.className===n.className)throw new Error("The provided className has already been registered")}),t.constructor.prototype.hasOwnProperty(C))throw new Error("MDL component classes must not have "+C+" defined as a property.");var a=e(t.classAsString,n);a||p.push(n)}function o(t,s){var i=e(t);i&&i.callbacks.push(s)}function r(){for(var e=0;e0&&this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)&&(e.keyCode===this.Keycodes_.UP_ARROW?(e.preventDefault(),t[t.length-1].focus()):e.keyCode===this.Keycodes_.DOWN_ARROW&&(e.preventDefault(),t[0].focus()))}},_.prototype.handleItemKeyboardEvent_=function(e){if(this.element_&&this.container_){var t=this.element_.querySelectorAll("."+this.CssClasses_.ITEM+":not([disabled])");if(t&&t.length>0&&this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)){var s=Array.prototype.slice.call(t).indexOf(e.target);if(e.keyCode===this.Keycodes_.UP_ARROW)e.preventDefault(),s>0?t[s-1].focus():t[t.length-1].focus();else if(e.keyCode===this.Keycodes_.DOWN_ARROW)e.preventDefault(),t.length>s+1?t[s+1].focus():t[0].focus();else if(e.keyCode===this.Keycodes_.SPACE||e.keyCode===this.Keycodes_.ENTER){e.preventDefault();var i=new MouseEvent("mousedown");e.target.dispatchEvent(i),i=new MouseEvent("mouseup"),e.target.dispatchEvent(i),e.target.click()}else e.keyCode===this.Keycodes_.ESCAPE&&(e.preventDefault(),this.hide())}}},_.prototype.handleItemClick_=function(e){e.target.hasAttribute("disabled")?e.stopPropagation():(this.closing_=!0,window.setTimeout(function(e){this.hide(),this.closing_=!1}.bind(this),this.Constant_.CLOSE_TIMEOUT))},_.prototype.applyClip_=function(e,t){this.element_.classList.contains(this.CssClasses_.UNALIGNED)?this.element_.style.clip="":this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)?this.element_.style.clip="rect(0 "+t+"px 0 "+t+"px)":this.element_.classList.contains(this.CssClasses_.TOP_LEFT)?this.element_.style.clip="rect("+e+"px 0 "+e+"px 0)":this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?this.element_.style.clip="rect("+e+"px "+t+"px "+e+"px "+t+"px)":this.element_.style.clip=""},_.prototype.addAnimationEndListener_=function(){var e=function(){this.element_.removeEventListener("transitionend",e),this.element_.removeEventListener("webkitTransitionEnd",e),this.element_.classList.remove(this.CssClasses_.IS_ANIMATING)}.bind(this);this.element_.addEventListener("transitionend",e),this.element_.addEventListener("webkitTransitionEnd",e)},_.prototype.show=function(e){if(this.element_&&this.container_&&this.outline_){var t=this.element_.getBoundingClientRect().height,s=this.element_.getBoundingClientRect().width;this.container_.style.width=s+"px",this.container_.style.height=t+"px",this.outline_.style.width=s+"px",this.outline_.style.height=t+"px";for(var i=this.Constant_.TRANSITION_DURATION_SECONDS*this.Constant_.TRANSITION_DURATION_FRACTION,n=this.element_.querySelectorAll("."+this.CssClasses_.ITEM),a=0;a=this.maxRows&&e.preventDefault()},E.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},E.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},E.prototype.updateClasses_=function(){this.checkDisabled(),this.checkValidity(),this.checkDirty()},E.prototype.checkDisabled=function(){this.input_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},E.prototype.checkDisabled=E.prototype.checkDisabled,E.prototype.checkValidity=function(){this.input_.validity&&(this.input_.validity.valid?this.element_.classList.remove(this.CssClasses_.IS_INVALID):this.element_.classList.add(this.CssClasses_.IS_INVALID))},E.prototype.checkValidity=E.prototype.checkValidity,E.prototype.checkDirty=function(){this.input_.value&&this.input_.value.length>0?this.element_.classList.add(this.CssClasses_.IS_DIRTY):this.element_.classList.remove(this.CssClasses_.IS_DIRTY)},E.prototype.checkDirty=E.prototype.checkDirty,E.prototype.disable=function(){this.input_.disabled=!0,this.updateClasses_()},E.prototype.disable=E.prototype.disable,E.prototype.enable=function(){this.input_.disabled=!1,this.updateClasses_()},E.prototype.enable=E.prototype.enable,E.prototype.change=function(e){this.input_.value=e||"",this.updateClasses_()},E.prototype.change=E.prototype.change,E.prototype.init=function(){if(this.element_&&(this.label_=this.element_.querySelector("."+this.CssClasses_.LABEL),this.input_=this.element_.querySelector("."+this.CssClasses_.INPUT),this.input_)){this.input_.hasAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE)&&(this.maxRows=parseInt(this.input_.getAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE),10),isNaN(this.maxRows)&&(this.maxRows=this.Constant_.NO_MAX_ROWS)),this.boundUpdateClassesHandler=this.updateClasses_.bind(this),this.boundFocusHandler=this.onFocus_.bind(this),this.boundBlurHandler=this.onBlur_.bind(this),this.input_.addEventListener("input",this.boundUpdateClassesHandler),this.input_.addEventListener("focus",this.boundFocusHandler),this.input_.addEventListener("blur",this.boundBlurHandler),this.maxRows!==this.Constant_.NO_MAX_ROWS&&(this.boundKeyDownHandler=this.onKeyDown_.bind(this),this.input_.addEventListener("keydown",this.boundKeyDownHandler));var e=this.element_.classList.contains(this.CssClasses_.IS_INVALID);this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED),e&&this.element_.classList.add(this.CssClasses_.IS_INVALID)}},E.prototype.mdlDowngrade_=function(){this.input_.removeEventListener("input",this.boundUpdateClassesHandler),this.input_.removeEventListener("focus",this.boundFocusHandler),this.input_.removeEventListener("blur",this.boundBlurHandler),this.boundKeyDownHandler&&this.input_.removeEventListener("keydown",this.boundKeyDownHandler)},E.prototype.mdlDowngrade=E.prototype.mdlDowngrade_,E.prototype.mdlDowngrade=E.prototype.mdlDowngrade,s.register({constructor:E,classAsString:"MaterialTextfield",cssClass:"mdl-js-textfield",widget:!0});var L=function(e){this.element_=e,this.init()};window.MaterialTooltip=L,L.prototype.Constant_={},L.prototype.CssClasses_={IS_ACTIVE:"is-active"},L.prototype.handleMouseEnter_=function(e){e.stopPropagation();var t=e.target.getBoundingClientRect(),s=t.left+t.width/2,i=-1*(this.element_.offsetWidth/2);0>s+i?(this.element_.style.left=0,this.element_.style.marginLeft=0):(this.element_.style.left=s+"px",this.element_.style.marginLeft=i+"px"),this.element_.style.top=t.top+t.height+10+"px",this.element_.classList.add(this.CssClasses_.IS_ACTIVE),window.addEventListener("scroll",this.boundMouseLeaveHandler,!1),window.addEventListener("touchmove",this.boundMouseLeaveHandler,!1)},L.prototype.handleMouseLeave_=function(e){e.stopPropagation(),this.element_.classList.remove(this.CssClasses_.IS_ACTIVE),window.removeEventListener("scroll",this.boundMouseLeaveHandler),window.removeEventListener("touchmove",this.boundMouseLeaveHandler,!1)},L.prototype.init=function(){if(this.element_){var e=this.element_.getAttribute("for");e&&(this.forElement_=document.getElementById(e)),this.forElement_&&(this.forElement_.hasAttribute("tabindex")||this.forElement_.setAttribute("tabindex","0"),this.boundMouseEnterHandler=this.handleMouseEnter_.bind(this),this.boundMouseLeaveHandler=this.handleMouseLeave_.bind(this),this.forElement_.addEventListener("mouseenter",this.boundMouseEnterHandler,!1),this.forElement_.addEventListener("click",this.boundMouseEnterHandler,!1),this.forElement_.addEventListener("blur",this.boundMouseLeaveHandler),this.forElement_.addEventListener("touchstart",this.boundMouseEnterHandler,!1),this.forElement_.addEventListener("mouseleave",this.boundMouseLeaveHandler))}},L.prototype.mdlDowngrade_=function(){this.forElement_&&(this.forElement_.removeEventListener("mouseenter",this.boundMouseEnterHandler,!1),this.forElement_.removeEventListener("click",this.boundMouseEnterHandler,!1),this.forElement_.removeEventListener("touchstart",this.boundMouseEnterHandler,!1),this.forElement_.removeEventListener("mouseleave",this.boundMouseLeaveHandler))},L.prototype.mdlDowngrade=L.prototype.mdlDowngrade_,L.prototype.mdlDowngrade=L.prototype.mdlDowngrade,s.register({constructor:L,classAsString:"MaterialTooltip",cssClass:"mdl-tooltip"});var I=function(e){this.element_=e,this.init()};window.MaterialLayout=I,I.prototype.Constant_={MAX_WIDTH:"(max-width: 1024px)",TAB_SCROLL_PIXELS:100,MENU_ICON:"menu",CHEVRON_LEFT:"chevron_left",CHEVRON_RIGHT:"chevron_right"},I.prototype.Mode_={STANDARD:0,SEAMED:1,WATERFALL:2,SCROLL:3},I.prototype.CssClasses_={CONTAINER:"mdl-layout__container",HEADER:"mdl-layout__header",DRAWER:"mdl-layout__drawer",CONTENT:"mdl-layout__content",DRAWER_BTN:"mdl-layout__drawer-button",ICON:"material-icons",JS_RIPPLE_EFFECT:"mdl-js-ripple-effect",RIPPLE_CONTAINER:"mdl-layout__tab-ripple-container",RIPPLE:"mdl-ripple",RIPPLE_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events",HEADER_SEAMED:"mdl-layout__header--seamed",HEADER_WATERFALL:"mdl-layout__header--waterfall",HEADER_SCROLL:"mdl-layout__header--scroll",FIXED_HEADER:"mdl-layout--fixed-header",OBFUSCATOR:"mdl-layout__obfuscator",TAB_BAR:"mdl-layout__tab-bar",TAB_CONTAINER:"mdl-layout__tab-bar-container",TAB:"mdl-layout__tab",TAB_BAR_BUTTON:"mdl-layout__tab-bar-button",TAB_BAR_LEFT_BUTTON:"mdl-layout__tab-bar-left-button",TAB_BAR_RIGHT_BUTTON:"mdl-layout__tab-bar-right-button",PANEL:"mdl-layout__tab-panel",HAS_DRAWER:"has-drawer",HAS_TABS:"has-tabs",HAS_SCROLLING_HEADER:"has-scrolling-header",CASTING_SHADOW:"is-casting-shadow",IS_COMPACT:"is-compact",IS_SMALL_SCREEN:"is-small-screen",IS_DRAWER_OPEN:"is-visible",IS_ACTIVE:"is-active",IS_UPGRADED:"is-upgraded",IS_ANIMATING:"is-animating",ON_LARGE_SCREEN:"mdl-layout--large-screen-only",ON_SMALL_SCREEN:"mdl-layout--small-screen-only"},I.prototype.contentScrollHandler_=function(){this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)||(this.content_.scrollTop>0&&!this.header_.classList.contains(this.CssClasses_.IS_COMPACT)?(this.header_.classList.add(this.CssClasses_.CASTING_SHADOW),this.header_.classList.add(this.CssClasses_.IS_COMPACT),this.header_.classList.add(this.CssClasses_.IS_ANIMATING)):this.content_.scrollTop<=0&&this.header_.classList.contains(this.CssClasses_.IS_COMPACT)&&(this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW),this.header_.classList.remove(this.CssClasses_.IS_COMPACT),this.header_.classList.add(this.CssClasses_.IS_ANIMATING)))},I.prototype.screenSizeHandler_=function(){this.screenSizeMediaQuery_.matches?this.element_.classList.add(this.CssClasses_.IS_SMALL_SCREEN):(this.element_.classList.remove(this.CssClasses_.IS_SMALL_SCREEN),this.drawer_&&(this.drawer_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN),this.obfuscator_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN)))},I.prototype.drawerToggleHandler_=function(){this.drawer_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN),this.obfuscator_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN)},I.prototype.headerTransitionEndHandler_=function(){this.header_.classList.remove(this.CssClasses_.IS_ANIMATING)},I.prototype.headerClickHandler_=function(){this.header_.classList.contains(this.CssClasses_.IS_COMPACT)&&(this.header_.classList.remove(this.CssClasses_.IS_COMPACT),this.header_.classList.add(this.CssClasses_.IS_ANIMATING))},I.prototype.resetTabState_=function(e){for(var t=0;tn;n++){var a=s[n];a.classList&&a.classList.contains(this.CssClasses_.HEADER)&&(this.header_=a),a.classList&&a.classList.contains(this.CssClasses_.DRAWER)&&(this.drawer_=a),a.classList&&a.classList.contains(this.CssClasses_.CONTENT)&&(this.content_=a)}this.header_&&(this.tabBar_=this.header_.querySelector("."+this.CssClasses_.TAB_BAR));var l=this.Mode_.STANDARD;if(this.header_&&(this.header_.classList.contains(this.CssClasses_.HEADER_SEAMED)?l=this.Mode_.SEAMED:this.header_.classList.contains(this.CssClasses_.HEADER_WATERFALL)?(l=this.Mode_.WATERFALL,this.header_.addEventListener("transitionend",this.headerTransitionEndHandler_.bind(this)),this.header_.addEventListener("click",this.headerClickHandler_.bind(this))):this.header_.classList.contains(this.CssClasses_.HEADER_SCROLL)&&(l=this.Mode_.SCROLL,e.classList.add(this.CssClasses_.HAS_SCROLLING_HEADER)),l===this.Mode_.STANDARD?(this.header_.classList.add(this.CssClasses_.CASTING_SHADOW),this.tabBar_&&this.tabBar_.classList.add(this.CssClasses_.CASTING_SHADOW)):l===this.Mode_.SEAMED||l===this.Mode_.SCROLL?(this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW),this.tabBar_&&this.tabBar_.classList.remove(this.CssClasses_.CASTING_SHADOW)):l===this.Mode_.WATERFALL&&(this.content_.addEventListener("scroll",this.contentScrollHandler_.bind(this)),this.contentScrollHandler_())),this.drawer_){var o=this.element_.querySelector("."+this.CssClasses_.DRAWER_BTN);if(!o){o=document.createElement("div"),o.classList.add(this.CssClasses_.DRAWER_BTN);var r=document.createElement("i");r.classList.add(this.CssClasses_.ICON),r.textContent=this.Constant_.MENU_ICON,o.appendChild(r)}this.drawer_.classList.contains(this.CssClasses_.ON_LARGE_SCREEN)?o.classList.add(this.CssClasses_.ON_LARGE_SCREEN):this.drawer_.classList.contains(this.CssClasses_.ON_SMALL_SCREEN)&&o.classList.add(this.CssClasses_.ON_SMALL_SCREEN),o.addEventListener("click",this.drawerToggleHandler_.bind(this)),this.element_.classList.add(this.CssClasses_.HAS_DRAWER),this.element_.classList.contains(this.CssClasses_.FIXED_HEADER)?this.header_.insertBefore(o,this.header_.firstChild):this.element_.insertBefore(o,this.content_);var d=document.createElement("div");d.classList.add(this.CssClasses_.OBFUSCATOR),this.element_.appendChild(d),d.addEventListener("click",this.drawerToggleHandler_.bind(this)),this.obfuscator_=d}if(this.screenSizeMediaQuery_=window.matchMedia(this.Constant_.MAX_WIDTH),this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this)),this.screenSizeHandler_(),this.header_&&this.tabBar_){this.element_.classList.add(this.CssClasses_.HAS_TABS);var _=document.createElement("div");_.classList.add(this.CssClasses_.TAB_CONTAINER),this.header_.insertBefore(_,this.tabBar_),this.header_.removeChild(this.tabBar_);var h=document.createElement("div");h.classList.add(this.CssClasses_.TAB_BAR_BUTTON),h.classList.add(this.CssClasses_.TAB_BAR_LEFT_BUTTON);var p=document.createElement("i");p.classList.add(this.CssClasses_.ICON),p.textContent=this.Constant_.CHEVRON_LEFT,h.appendChild(p),h.addEventListener("click",function(){this.tabBar_.scrollLeft-=this.Constant_.TAB_SCROLL_PIXELS}.bind(this));var c=document.createElement("div");c.classList.add(this.CssClasses_.TAB_BAR_BUTTON),c.classList.add(this.CssClasses_.TAB_BAR_RIGHT_BUTTON);var u=document.createElement("i");u.classList.add(this.CssClasses_.ICON),u.textContent=this.Constant_.CHEVRON_RIGHT,c.appendChild(u),c.addEventListener("click",function(){this.tabBar_.scrollLeft+=this.Constant_.TAB_SCROLL_PIXELS}.bind(this)),_.appendChild(h),_.appendChild(this.tabBar_),_.appendChild(c);var C=function(){this.tabBar_.scrollLeft>0?h.classList.add(this.CssClasses_.IS_ACTIVE):h.classList.remove(this.CssClasses_.IS_ACTIVE),this.tabBar_.scrollLeft0)return;this.setFrameCount(1);var i,n,a=e.currentTarget.getBoundingClientRect();if(0===e.clientX&&0===e.clientY)i=Math.round(a.width/2),n=Math.round(a.height/2);else{var l=e.clientX?e.clientX:e.touches[0].clientX,o=e.clientY?e.clientY:e.touches[0].clientY;i=Math.round(l-a.left),n=Math.round(o-a.top)}this.setRippleXY(i,n),this.setRippleStyles(!0),window.requestAnimationFrame(this.animFrameHandler.bind(this))}},b.prototype.upHandler_=function(e){e&&2!==e.detail&&this.rippleElement_.classList.remove(this.CssClasses_.IS_VISIBLE),window.setTimeout(function(){this.rippleElement_.classList.remove(this.CssClasses_.IS_VISIBLE)}.bind(this),0)},b.prototype.init=function(){if(this.element_){var e=this.element_.classList.contains(this.CssClasses_.RIPPLE_CENTER);this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT_IGNORE_EVENTS)||(this.rippleElement_=this.element_.querySelector("."+this.CssClasses_.RIPPLE),this.frameCount_=0,this.rippleSize_=0,this.x_=0,this.y_=0,this.ignoringMouseDown_=!1,this.boundDownHandler=this.downHandler_.bind(this),this.element_.addEventListener("mousedown",this.boundDownHandler),this.element_.addEventListener("touchstart",this.boundDownHandler),this.boundUpHandler=this.upHandler_.bind(this),this.element_.addEventListener("mouseup",this.boundUpHandler),this.element_.addEventListener("mouseleave",this.boundUpHandler),this.element_.addEventListener("touchend",this.boundUpHandler),this.element_.addEventListener("blur",this.boundUpHandler),this.getFrameCount=function(){return this.frameCount_},this.setFrameCount=function(e){this.frameCount_=e},this.getRippleElement=function(){return this.rippleElement_},this.setRippleXY=function(e,t){this.x_=e,this.y_=t},this.setRippleStyles=function(t){if(null!==this.rippleElement_){var s,i,n,a="translate("+this.x_+"px, "+this.y_+"px)";t?(i=this.Constant_.INITIAL_SCALE,n=this.Constant_.INITIAL_SIZE):(i=this.Constant_.FINAL_SCALE,n=this.rippleSize_+"px",e&&(a="translate("+this.boundWidth/2+"px, "+this.boundHeight/2+"px)")),s="translate(-50%, -50%) "+a+i,this.rippleElement_.style.webkitTransform=s,this.rippleElement_.style.msTransform=s,this.rippleElement_.style.transform=s,t?this.rippleElement_.classList.remove(this.CssClasses_.IS_ANIMATING):this.rippleElement_.classList.add(this.CssClasses_.IS_ANIMATING)}},this.animFrameHandler=function(){this.frameCount_-->0?window.requestAnimationFrame(this.animFrameHandler.bind(this)):this.setRippleStyles(!1)})}},b.prototype.mdlDowngrade_=function(){this.element_.removeEventListener("mousedown",this.boundDownHandler),this.element_.removeEventListener("touchstart",this.boundDownHandler),this.element_.removeEventListener("mouseup",this.boundUpHandler),this.element_.removeEventListener("mouseleave",this.boundUpHandler),this.element_.removeEventListener("touchend",this.boundUpHandler),this.element_.removeEventListener("blur",this.boundUpHandler)},b.prototype.mdlDowngrade=b.prototype.mdlDowngrade_,b.prototype.mdlDowngrade=b.prototype.mdlDowngrade,s.register({constructor:b,classAsString:"MaterialRipple",cssClass:"mdl-js-ripple-effect",widget:!1})}(); 10 | //# sourceMappingURL=material.min.js.map 11 | --------------------------------------------------------------------------------