Skip to content

Commit 7d2a9b5

Browse files
bradfrostbradfrost
committed
Add Handlebars Demo Starterkit
1 parent 39c0bb2 commit 7d2a9b5

File tree

197 files changed

+6129
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

197 files changed

+6129
-0
lines changed

‎packages/starterkit-handlebars-demo/LICENSE

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2016 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.

‎packages/starterkit-handlebars-demo/README.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
# Demo StarterKit for Handlebars
2+
3+
The Demo StarterKit for Handlebars is meant to be used as a demonstration of a Handlebars-based project in Pattern Lab.
4+
5+
## Requirements
6+
7+
The Base StarterKit for Mustache requires the following PatternEngine:
8+
9+
- `@pattern-lab/patternengine-node-handebars`: [npm](https://www.npmjs.com/package/@pattern-lab/patternengine-node-handebars), [Github](https://github.com/pattern-lab/patternengine-node-handlebars)
10+
11+
## Install
12+
13+
[Installation Instructions](http://patternlab.io/docs/advanced-starterkits.html)
14+
15+
## Edit Files
16+
17+
After installation the files for this StarterKit can be found in `source/`.

‎packages/starterkit-handlebars-demo/dist/_data/blocks.json

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"stackedBlockMedia": {
3+
"src": "http://via.placeholder.com/600x400"
4+
},
5+
"stripeField": true,
6+
"cartPrice": {
7+
"label": "Label",
8+
"meta": "meta"
9+
}
10+
}

‎packages/starterkit-handlebars-demo/dist/_data/buttons.json

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
"buttonTag" : true,
3+
"buttonText" : "Button",
4+
"buttonGroup" : [
5+
{
6+
"buttonTag": true,
7+
"buttonText": "Button"
8+
},
9+
{
10+
"styleModifier": "c-btn--bare",
11+
"buttonTag": true,
12+
"buttonText": "Button"
13+
}
14+
]
15+
}

‎packages/starterkit-handlebars-demo/dist/_data/colors.json

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
{
2+
"brandColors" : [
3+
{
4+
"colorHex" : "#0000ff",
5+
"colorName" : "Brand Blue",
6+
"variable" : "$color-brand-blue"
7+
}
8+
],
9+
"neutralColors" : [
10+
{
11+
"colorHex" : "#ffffff",
12+
"colorName" : "White",
13+
"variable" : "$color-white"
14+
},
15+
{
16+
"colorHex" : "#f9f9f9",
17+
"colorName" : "02% Gray",
18+
"variable" : "$color-gray-02"
19+
},
20+
{
21+
"colorHex" : "#eeeeee",
22+
"colorName" : "07% Gray",
23+
"variable" : "$color-gray-07"
24+
},
25+
{
26+
"colorHex" : "#dddddd",
27+
"colorName" : "13% Gray",
28+
"variable" : "$color-gray-13"
29+
},
30+
{
31+
"colorHex" : "#bbbbbb",
32+
"colorName" : "27% Gray",
33+
"variable" : "$color-gray-27"
34+
},
35+
{
36+
"colorHex" : "#808080",
37+
"colorName" : "50% Gray",
38+
"variable" : "$color-gray-50"
39+
},
40+
{
41+
"colorHex" : "#666666",
42+
"colorName" : "60% Gray",
43+
"variable" : "$color-gray-60"
44+
},
45+
{
46+
"colorHex" : "#444444",
47+
"colorName" : "73% Gray",
48+
"variable" : "$color-gray-73"
49+
},
50+
{
51+
"colorHex" : "#131313",
52+
"colorName" : "93% Gray",
53+
"variable" : "$color-gray-93"
54+
},
55+
{
56+
"colorHex" : "#000000",
57+
"colorName" : "Black",
58+
"variable" : "$color-black"
59+
}
60+
],
61+
"utilityColors" : [
62+
{
63+
"colorHex" : "#0192d0",
64+
"colorName" : "Info",
65+
"variable" : "$color-utility-info"
66+
},
67+
{
68+
"colorHex" : "#d3f2ff",
69+
"colorName" : "Info Light",
70+
"variable" : "$color-utility-info-light"
71+
},
72+
{
73+
"colorHex" : "#b12a0b",
74+
"colorName" : "Error",
75+
"variable" : "$color-utility-error"
76+
},
77+
{
78+
"colorHex" : "#fdded8",
79+
"colorName" : "Error Light",
80+
"variable" : "$color-utility-error-light"
81+
},
82+
{
83+
"colorHex" : "#a59b15",
84+
"colorName" : "Warning",
85+
"variable" : "$color-utility-warning"
86+
},
87+
{
88+
"colorHex" : "#fffecf",
89+
"colorName" : "Warning Light",
90+
"variable" : "$color-utility-warning-light"
91+
},
92+
{
93+
"colorHex" : "#03804d",
94+
"colorName" : "Success",
95+
"variable" : "$color-utility-success"
96+
},
97+
{
98+
"colorHex" : "#d4f3e6",
99+
"colorName" : "Success Light",
100+
"variable" : "$color-utility-success-light"
101+
}
102+
]
103+
}

‎packages/starterkit-handlebars-demo/dist/_data/data.json

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
{
2+
"title": "Soul Soles",
3+
"company": {
4+
"name": "Soul Soles",
5+
"url": "http://soulsoles.com"
6+
},
7+
"user": {
8+
"name": "Thisisauser Withaverylongname",
9+
"username": "thisisalongusernamenamename"
10+
},
11+
"page": {
12+
"title": "This is the page title",
13+
"description": "This is the page description"
14+
},
15+
"heading": "Heading ipsum dol (33 characters)",
16+
"headline": "Heading ipsum dol (33 characters)",
17+
"excerpt": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",
18+
"url": "#",
19+
"htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam necessitatibus reprehenderit ipsum repellat quasi ratione sit possimus 🙂 eveniet, ea, ut mollitia repudiandae eligendi unde aperiam molestiae voluptatibus error. Dolorem, iure.</p><p>Lorem <strong>ipsum dolor sit amet</strong>, consectetur adipiscing elit. Integer fringilla sem a urna porttitor fringilla. Nulla eget justo felis. eget volutpat justo mattis nec. Sed a orci turpis. Aliquam aliquet placerat dui.</p><h2>This is a second-level heading</h2><p><a href='#'>Aliquam erat volutpat.</a> Mauris vulputate scelerisque feugiat. <em>Cras a erat a diam venenatis aliquam</em>. Sed tempus, purus ac pretium varius, risus orci sagittis purus, quis auctor libero magna nec magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas eros dolor.</p><ol> <li>Ordered list item</li><li>Another ordered list item</li><li>Yet another ordered list item</li></ol><h3>This is a third-level heading</h3><p>Aliquam ultrices cursus mauris, eget volutpat justo mattis nec. Sed a orci turpis. Aliquam aliquet placerat dui, consectetur tincidunt leo tristique et. Vivamus enim nisi, blandit a venenatis quis, convallis et arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris libero sapien, placerat in sodales eu, tempor quis dui. Vivamus egestas faucibus pulvinar. Maecenas eget diam nunc. Phasellus at sem eros, ac suscipit neque. Phasellus sollicitudin libero a odio dignissim scelerisque. Aliquam purus nulla, tempor eget ullamcorper quis, rhoncus non dui.</p><h3><a href='#'>This is a linked heading</a></h3><ul> <li>Bulleted list item</li><li>Another bulleted list item</li><li>Yet bulleted list item</li><li>And here's yet another bulleted list item</li></ul><blockquote>This is a blockquote. Eget volutpat justo mattis nec. Sed a orci turpis. Aliquam aliquet placerat dui, consectetur tincidunt leo eget est blandit dignissim a eu ante. Morbi augue nulla <cite>Cite Source</cite></blockquote><h4>This is a fourth-level heading</h4><p>Cras at fringilla ipsum. Donec nec libero eget est blandit dignissim a eu ante. Morbi augue nulla, luctus eu sagittis vel, malesuada ut felis. Aliquam erat volutpat. Morbi malesuada augue ac massa hendrerit fermentum. Integer scelerisque lacus a dolor convallis lobortis. Curabitur mollis ante in massa ultricies dignissim.</p><h5>This is a fifth-level heading</h5><p>Cras at fringilla ipsum. Donec nec libero eget est blandit dignissim a eu ante. Morbi augue nulla, luctus eu sagittis vel.</p><h6>This is a sixth-level heading</h6> <p>Lorem ipsum dolor sit amet.</p>",
20+
"cta": "Call to Action",
21+
"sectionTitle": "Section Title",
22+
"hero": true,
23+
"promoBlock": true
24+
}

‎packages/starterkit-handlebars-demo/dist/_data/forms.json

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
{
2+
"legend" : "Legend",
3+
"label" : "Label",
4+
"value" : "",
5+
"placeholder" : "Placeholder",
6+
"fieldNote" : "This is a note about the field",
7+
"id" : "",
8+
"selectOptions" : [
9+
{
10+
"value" : "option-1",
11+
"option" : "Option 1"
12+
},
13+
{
14+
"value" : "option-2",
15+
"option" : "Option 2"
16+
}
17+
],
18+
"checkboxes" : [
19+
{
20+
"label" : "Option 1",
21+
"id" : "check-1",
22+
"name" : "checkname",
23+
"checked" : true
24+
},
25+
{
26+
"label" : "Option 2",
27+
"id" : "check-2",
28+
"name" : "checkname"
29+
}
30+
],
31+
"radios" : [
32+
{
33+
"label" : "Option 1",
34+
"id" : "radio-1",
35+
"name" : "radioname",
36+
"checked" : true
37+
},
38+
{
39+
"label" : "Option 2",
40+
"id" : "radio-2",
41+
"name" : "radioname"
42+
}
43+
],
44+
"searchForm": true,
45+
"searchFormButton": {
46+
"buttonTag": true,
47+
"styleModifier": "u-is-vishidden",
48+
"buttonText": "Search"
49+
},
50+
"fields": [
51+
{}
52+
],
53+
"selectField": [
54+
{}
55+
],
56+
"formFields": {
57+
"items": [
58+
{
59+
"textField": {
60+
"label" : "Name"
61+
}
62+
},
63+
{
64+
"selectField": {
65+
"label": "Select",
66+
"selectOptions" : [
67+
{
68+
"value" : "option-1",
69+
"option" : "Option 1"
70+
},
71+
{
72+
"value" : "option-2",
73+
"option" : "Option 2"
74+
}
75+
]
76+
}
77+
},
78+
{
79+
"checkboxField": {
80+
"label": "Checkbox Field",
81+
"checkboxes" : [
82+
{
83+
"label" : "Option 1",
84+
"id" : "check-1",
85+
"name" : "checkname",
86+
"checked" : true
87+
},
88+
{
89+
"label" : "Option 2",
90+
"id" : "check-2",
91+
"name" : "checkname"
92+
}
93+
]
94+
}
95+
},
96+
{
97+
"textAreaField": {
98+
"label" : "Textarea Field"
99+
}
100+
},
101+
{
102+
"radioField": {
103+
"label": "Radios",
104+
"radios" : [
105+
{
106+
"label" : "Option 1",
107+
"id" : "radio-1",
108+
"name" : "radioname",
109+
"checked" : true
110+
},
111+
{
112+
"label" : "Option 2",
113+
"id" : "radio-2",
114+
"name" : "radioname"
115+
}
116+
]
117+
}
118+
}
119+
]
120+
},
121+
"formButtons": [
122+
{},
123+
{
124+
"styleModifier": "c-btn--bare"
125+
}
126+
]
127+
}

‎packages/starterkit-handlebars-demo/dist/_data/global.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"footerLogo": {
3+
"styleModifier": "c-logo--light"
4+
}
5+
}

‎packages/starterkit-handlebars-demo/dist/_data/icons.json

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"iconPath" : "../../icons.svg",
3+
"icon" : "search",
4+
"icons" : [
5+
{ "icon" : "minus" },
6+
{ "icon" : "plus" },
7+
{ "icon" : "search" },
8+
{ "icon" : "triangle-down" },
9+
{ "icon" : "triangle-up" },
10+
{ "icon" : "triangle-right" },
11+
{ "icon" : "triangle-left" }
12+
]
13+
}

‎packages/starterkit-handlebars-demo/dist/_data/images.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"src" : "http://via.placeholder.com/1200x800",
3+
"alt": "landscape image",
4+
"logoImg" : "../../images/logo.png"
5+
}

0 commit comments

Comments
 (0)