Skip to content
This repository was archived by the owner on Apr 7, 2019. It is now read-only.

Commit 1a7d1d3

Browse files
dmolsendmolsen
committed
fixing whitespace
1 parent fab04e1 commit 1a7d1d3

File tree

7 files changed

+1060
-1064
lines changed

7 files changed

+1060
-1064
lines changed

‎README.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,3 @@ It is recommended that you **do not** install this StarterKit as a dependency fo
1919
## Edit Files
2020

2121
After installation the files for this StarterKit can be found in `source/`.
22-
23-
## Maintainers Wanted
24-
25-
Interested in making the Twig demo match the Mustache demo? Drop us a note in the issues.

‎composer.json

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,39 @@
11
{
2-
"name": "pattern-lab/starterkit-twig-demo",
3-
"description": "Pattern Lab's Demo StarterKit for Twig.",
4-
"keywords": ["twig", "pattern lab", "starterkit", "demo"],
5-
"homepage": "http://patternlab.io",
6-
"license": "MIT",
7-
"type": "patternlab-starterkit",
8-
"authors": [
9-
{
10-
"name": "Dave Olsen",
11-
"email": "[email protected]",
12-
"homepage": "http://dmolsen.com",
13-
"role": "Lead Developer"
14-
},
15-
{
16-
"name": "Brad Frost",
17-
"homepage": "http://bradfrostweb.com",
18-
"role": "Creator"
19-
}
20-
],
21-
"support": {
22-
"issues": "https://github.com/pattern-lab/starterkit-twig-demo/issues",
23-
"wiki": "http://patternlab.io/docs/",
24-
"source": "https://github.com/pattern-lab/starterkit-twig-demo/releases"
25-
},
26-
"require": {
27-
"pattern-lab/core": "dev-dev",
28-
"pattern-lab/patternengine-twig": "dev-dev"
29-
},
30-
"extra": {
31-
"patternlab": {
32-
"dist": {
33-
"sourceDir": [
34-
{ "*": "*" }
35-
]
36-
}
37-
}
38-
}
2+
"name": "pattern-lab/starterkit-twig-demo",
3+
"description": "Pattern Lab's Demo StarterKit for Twig.",
4+
"keywords": ["twig", "pattern lab", "starterkit", "demo"],
5+
"homepage": "http://patternlab.io",
6+
"license": "MIT",
7+
"type": "patternlab-starterkit",
8+
"authors": [
9+
{
10+
"name": "Dave Olsen",
11+
"email": "[email protected]",
12+
"homepage": "http://dmolsen.com",
13+
"role": "Lead Developer"
14+
},
15+
{
16+
"name": "Brad Frost",
17+
"homepage": "http://bradfrostweb.com",
18+
"role": "Creator"
19+
}
20+
],
21+
"support": {
22+
"issues": "https://github.com/pattern-lab/starterkit-twig-demo/issues",
23+
"wiki": "http://patternlab.io/docs/",
24+
"source": "https://github.com/pattern-lab/starterkit-twig-demo/releases"
25+
},
26+
"require": {
27+
"pattern-lab/core": "dev-dev",
28+
"pattern-lab/patternengine-twig": "dev-dev"
29+
},
30+
"extra": {
31+
"patternlab": {
32+
"dist": {
33+
"sourceDir": [
34+
{ "*": "*" }
35+
]
36+
}
37+
}
38+
}
3939
}

‎dist/_annotations/annotations.js

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,34 @@
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.</p><p>Further reading: <a href=\"http://bradfrostweb.com/blog/mobile/hi-res-optimization/\">Optimizing Web Experiences for High Resolution Screens</a></p>"
12-
},
13-
{
14-
"el": "#nav",
15-
"title" : "Navigation",
16-
"comment": "<p>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. <a href=\"http://bagcheck.com/\">Bagcheck</a> and <a href=\"http://contentsmagazine.com/\">Contents Magazine</a> 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, <a href=\"http://m.espn.com\">ESPN's mobile navigation</a> overlays the main content of the page.</p><p>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.<p><p>See also: <a href=\"http://bradfrostweb.com/blog/web/responsive-nav-patterns/\">Responsive Navigation Patterns</a></p>"
17-
},
18-
{
19-
"el": ".search-form",
20-
"title" : "Search",
21-
"comment": "<p>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 <a href=\"http://burton.com\">Burton</a> and <a href=\"http://yelp.com\">Yelp</a> mobile sites for great examples of experiences that prioritize search.</p><p>We're also using the <a href=\"http://dev.w3.org/html5/markup/input.search.html\">HTML5 search input type</a>, which is great for mobile devices that can <a href=\"http://diveintohtml5.info/forms.html\">bring up the appropriate virtual keyboard</a> 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. </p>"
22-
},
23-
{
24-
"el": ".article-header h1",
25-
"title" : "Article Header",
26-
"comment": "<p>The article header should be no more than 140 characters. </p>"
27-
},
28-
{
29-
"el": ".block-hero",
30-
"title" : "Hero",
31-
"comment": "<p>The hero area highlights one major story using a large image and a captivating headline.</p>"
32-
}
33-
]
34-
};
1+
{
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.</p><p>Further reading: <a href=\"http://bradfrostweb.com/blog/mobile/hi-res-optimization/\">Optimizing Web Experiences for High Resolution Screens</a></p>"
12+
},
13+
{
14+
"el": "#nav",
15+
"title" : "Navigation",
16+
"comment": "<p>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. <a href=\"http://bagcheck.com/\">Bagcheck</a> and <a href=\"http://contentsmagazine.com/\">Contents Magazine</a> 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, <a href=\"http://m.espn.com\">ESPN's mobile navigation</a> overlays the main content of the page.</p><p>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.<p><p>See also: <a href=\"http://bradfrostweb.com/blog/web/responsive-nav-patterns/\">Responsive Navigation Patterns</a></p>"
17+
},
18+
{
19+
"el": ".search-form",
20+
"title" : "Search",
21+
"comment": "<p>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 <a href=\"http://burton.com\">Burton</a> and <a href=\"http://yelp.com\">Yelp</a> mobile sites for great examples of experiences that prioritize search.</p><p>We're also using the <a href=\"http://dev.w3.org/html5/markup/input.search.html\">HTML5 search input type</a>, which is great for mobile devices that can <a href=\"http://diveintohtml5.info/forms.html\">bring up the appropriate virtual keyboard</a> 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. </p>"
22+
},
23+
{
24+
"el": ".article-header h1",
25+
"title" : "Article Header",
26+
"comment": "<p>The article header should be no more than 140 characters. </p>"
27+
},
28+
{
29+
"el": ".block-hero",
30+
"title" : "Hero",
31+
"comment": "<p>The hero area highlights one major story using a large image and a captivating headline.</p>"
32+
}
33+
]
34+
}

‎dist/_data/data.json

Lines changed: 92 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -1,93 +1,93 @@
11
{
2-
"title" : "Pattern Lab",
3-
"htmlClass": "pl",
4-
"bodyClass": "body",
5-
"img": {
6-
"landscape_4x3": {
7-
"src": "../../images/fpo_4x3.png",
8-
"alt": "4x3 Image"
9-
},
10-
"landscape_16x9": {
11-
"src": "../../images/fpo_16x9.png",
12-
"alt": "16x9 Image"
13-
},
14-
"square": {
15-
"src": "../../images/fpo_square.png",
16-
"alt": "Square Thumbnail"
17-
},
18-
"avatar" : {
19-
"src" : "../../images/fpo_avatar.png",
20-
"alt" : "Person Name"
21-
},
22-
"rectangle": {
23-
"src": "http://placeimg.com/400/300/tech",
24-
"alt": "Rectangle"
25-
}
26-
},
27-
"headline" : {
28-
"short" : "Lorem ipsum dolor sit (37 characters)",
29-
"medium" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)"
30-
},
31-
"excerpt" : {
32-
"short" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",
33-
"medium" : "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.",
34-
"long" : "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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
35-
},
36-
"description" : "So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.",
37-
"url" : "#",
38-
"name" : {
39-
"first": "Lacy",
40-
"firsti": "L",
41-
"middle": "Tommie",
42-
"middlei": "T",
43-
"last": "Way",
44-
"lasti": "W"
45-
},
46-
"year" : {
47-
"long": "2013",
48-
"short": "13"
49-
},
50-
"month" : {
51-
"long": "February",
52-
"short": "Feb",
53-
"digit": "02"
54-
},
55-
"dayofweek" : {
56-
"long": "Monday",
57-
"short": "Mon"
58-
},
59-
"day" : {
60-
"long": "10",
61-
"short": "10",
62-
"ordinal": "th"
63-
},
64-
"hour" : {
65-
"long": "01",
66-
"short": "1",
67-
"military": "13",
68-
"ampm": "pm"
69-
},
70-
"minute" : {
71-
"long": "20",
72-
"short": "20"
73-
},
74-
"seconds" : "31",
75-
"author" : {
76-
"first_name": "Author",
77-
"last_name": "Name"
78-
},
79-
"hero": true,
80-
"emergency" : false,
81-
"touts" : [
82-
{ },
83-
{ },
84-
{ }
85-
],
86-
"latest_posts" : [
87-
{ },
88-
{ },
89-
{ },
90-
{ },
91-
{ }
92-
]
93-
}
2+
"title" : "Pattern Lab",
3+
"htmlClass": "pl",
4+
"bodyClass": "body",
5+
"img": {
6+
"landscape_4x3": {
7+
"src": "../../images/fpo_4x3.png",
8+
"alt": "4x3 Image"
9+
},
10+
"landscape_16x9": {
11+
"src": "../../images/fpo_16x9.png",
12+
"alt": "16x9 Image"
13+
},
14+
"square": {
15+
"src": "../../images/fpo_square.png",
16+
"alt": "Square Thumbnail"
17+
},
18+
"avatar" : {
19+
"src" : "../../images/fpo_avatar.png",
20+
"alt" : "Person Name"
21+
},
22+
"rectangle": {
23+
"src": "http://placeimg.com/400/300/tech",
24+
"alt": "Rectangle"
25+
}
26+
},
27+
"headline" : {
28+
"short" : "Lorem ipsum dolor sit (37 characters)",
29+
"medium" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)"
30+
},
31+
"excerpt" : {
32+
"short" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam",
33+
"medium" : "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.",
34+
"long" : "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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
35+
},
36+
"description" : "So, setting about it as methodically as men might smoke out a wasps' nest, the Martians spread this strange stifling vapour over the Londonward country. The horns of the crescent slowly moved apart, until at last they formed a line from Hanwell to Coombe and Malden. All night through their destructive tubes advanced.",
37+
"url" : "#",
38+
"name" : {
39+
"first": "Lacy",
40+
"firsti": "L",
41+
"middle": "Tommie",
42+
"middlei": "T",
43+
"last": "Way",
44+
"lasti": "W"
45+
},
46+
"year" : {
47+
"long": "2013",
48+
"short": "13"
49+
},
50+
"month" : {
51+
"long": "February",
52+
"short": "Feb",
53+
"digit": "02"
54+
},
55+
"dayofweek" : {
56+
"long": "Monday",
57+
"short": "Mon"
58+
},
59+
"day" : {
60+
"long": "10",
61+
"short": "10",
62+
"ordinal": "th"
63+
},
64+
"hour" : {
65+
"long": "01",
66+
"short": "1",
67+
"military": "13",
68+
"ampm": "pm"
69+
},
70+
"minute" : {
71+
"long": "20",
72+
"short": "20"
73+
},
74+
"seconds" : "31",
75+
"author" : {
76+
"first_name": "Author",
77+
"last_name": "Name"
78+
},
79+
"hero": true,
80+
"emergency" : false,
81+
"touts" : [
82+
{ },
83+
{ },
84+
{ }
85+
],
86+
"latest_posts" : [
87+
{ },
88+
{ },
89+
{ },
90+
{ },
91+
{ }
92+
]
93+
}

0 commit comments

Comments
 (0)