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

Commit 544c47a

Browse files
bradfrostbradfrost
committed
Article page content. Hiding unfinished controls temporarily.
1 parent 8f33061 commit 544c47a

File tree

10 files changed

+123
-38
lines changed

10 files changed

+123
-38
lines changed

‎source/_data/data.json

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
"alt": "Square Thumbnail"
1414
},
1515
"avatar" : {
16-
"src" : "../../images/fpo_square.png",
16+
"src" : "../../images/fpo_avatar.png",
1717
"alt" : "Person Name"
1818
}
1919
},
@@ -64,5 +64,9 @@
6464
"long": "20",
6565
"short": "20"
6666
},
67-
"seconds" : "31"
67+
"seconds" : "31",
68+
"author" : {
69+
"first-name": "Author",
70+
"last-name": "Name"
71+
}
6872
}

‎source/_patternlab-files/partials/ishControls.mustache

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@
1919
<li class="sg-half"><a href="#" class="mode-link" id="sg-size-hay">Hay!</a></li>
2020
</ul>
2121
</li>
22+
<!--
2223
<li class="sg-view">
2324
<a href="#" class="sg-acc-handle sg-control-trigger sg-icon icon-eye" id="sg-t-toggle"><span class="is-vishidden">View</span></a>
2425
<ul class="sg-view sg-acc-panel sg-right sg-checklist" id="sg-view">
@@ -35,6 +36,7 @@
3536
<li><a href="#" id="contentSyncButton" class="sg-checkbox sg-auto-reload" data-state="off">Auto-reload</a></li>
3637
</ul>
3738
</li>
39+
-->
3840
</ul>
3941

4042
</div>

‎source/_patterns/01-molecules/00-text/00-byline-author-only.mustache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<div class="byline">by Author Name</div>
1+
<div class="byline">by {{ author.first-name }} {{ author.last-name }}</div>

‎source/_patterns/01-molecules/00-text/01-byline-author-time.mustache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<div class="byline">by Author Name on <time datetime="2013-04-06T12:32+00:00">June 3rd</time></div>
1+
<div class="byline">by {{ author.first-name }} {{ author.last-name }} on <time datetime="2013-04-06T12:32+00:00">June 3rd</time></div>

‎source/_patterns/02-organisms/01-article/00-article-body.mustache

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22

33
<p><a href="#">Aliquam erat volutpat.</a> Mauris vulputate scelerisque feugiat. Cras a erat a diam venenatis aliquam. 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, rutrum eu sollicitudin eu, commodo at leo. Suspendisse potenti. Sed eu nibh sit amet quam auctor feugiat vel et risus. Maecenas eu urna adipiscing neque dictum mollis suscipit in augue. Praesent pulvinar condimentum sagittis. Maecenas laoreet neque non eros consectetur fringilla. Donec vitae risus leo, vitae pharetra ipsum. Sed placerat eros eget elit iaculis semper. Aliquam congue blandit orci ac pretium.</p>
44

5+
{{> atoms-landscape-16x9 }}
6+
57
<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.
68
</p>
79

‎source/_patterns/03-templates/01-blog.mustache

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
<div class="page" id="page">
22
{{> organisms-header }}
33
<div role="main">
4-
<h1>Latest Posts</h1>
4+
<h1 class="section-title">Our Outdoor Blog</h1>
55
<div class="l-two-col">
66
<div class="l-main">
7+
{{> organisms-latest-posts }}
78
{{> molecules-pagination }}
89
</div><!--end l-main-->
910

1011
<div class="l-sidebar">
11-
12+
{{> organisms-recent-tweets }}
1213
</div><!--end l-sidebar-->
1314
</div><!--end two-col-->
1415
</div><!--End role=main-->

‎source/_patterns/04-pages/01-blog.json

Lines changed: 64 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,76 @@
11
{
2-
"hero" : [
2+
"latest-posts" : [
33
{
44
"img": {
5-
"landscape-16x9": {
6-
"src": "../../images/sample/landscape-16x9-mountains.jpg",
7-
"alt": "Mountains"
5+
"square": {
6+
"src": "../../images/sample/thumb-square-river.jpg",
7+
"alt": "Post Thumbnail"
88
}
99
},
1010
"headline" : {
11-
"medium" : "Come visit our glorious mountain ranges"
11+
"short" : "Navigate the Allegheny River"
12+
},
13+
"exerpt" : {
14+
"medium" : "The Allegheny River is a principal tributary of the Ohio River; it is located in the Eastern United States. The Allegheny River joins with the Monongahela River to form the Ohio River at the Point of Point State Park in Downtown Pittsburgh, Pennsylvania."
15+
}
16+
},
17+
{
18+
"img": {
19+
"square": {
20+
"src": "../../images/sample/thumb-square-ivy.jpg",
21+
"alt": "Ivy"
22+
}
23+
},
24+
"headline" : {
25+
"short" : "How to detect and avoid poison ivy"
26+
},
27+
"exerpt" : {
28+
"medium" : "Toxicodendron radicans, commonly known as poison ivy is a poisonous North American plant that is well known for its production of urushiol"
1229
}
13-
}
14-
],
15-
"img": {
16-
"landscape-4x3": {
17-
"src": "../../images/sample/landscape-16x9-mountains.jpg",
18-
"alt": "Mountains"
1930
},
20-
"landscape-16x9": {
21-
"src": "../../images/sample/landscape-16x9-mountains.jpg",
22-
"alt": "Mountains"
31+
{
32+
"img": {
33+
"square": {
34+
"src": "../../images/sample/thumb-square-yosemite.jpg",
35+
"alt": "Yosemite"
36+
}
37+
},
38+
"headline" : {
39+
"short" : "Top 10 hiking mountains"
40+
},
41+
"exerpt" : {
42+
"medium" : "Yosemite National Park is a United States National Park spanning eastern portions of Tuolumne, Mariposa and Madera counties in the central eastern portion of the U.S. state of California."
43+
}
44+
},
45+
{
46+
"img": {
47+
"square": {
48+
"src": "../../images/sample/thumb-square-fire.jpg",
49+
"alt": "Fire"
50+
}
51+
},
52+
"headline" : {
53+
"short" : "How to build a campfire"
54+
},
55+
"exerpt" : {
56+
"medium" : "A campfire is a fire lit at a campsite, to serve the following functions: light, warmth, a beacon, an insect and/or apex predator deterrent, to cook, and for a psychological sense of security. "
57+
}
58+
},
59+
{
60+
"img": {
61+
"square": {
62+
"src": "../../images/sample/thumb-square-gear.jpg",
63+
"alt": "Camping Gear"
64+
}
65+
},
66+
"headline" : {
67+
"short" : "Pick the right camping gear"
68+
},
69+
"exerpt" : {
70+
"medium" : "The equipment used in camping varies with the particular type of camping. For instance, in survival camping the equipment consists of small items which have the purpose of helping the camper in providing food, heat and safety."
71+
}
2372
}
24-
},
73+
],
2574
"inset-blocks" : [
2675
{
2776
"headline" : "This is the headline for the inset block"

‎source/_patterns/04-pages/01-blog.mustache

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,23 @@
11
<div class="page" id="page">
22
{{> organisms-header }}
33
<div role="main">
4-
<h1>Latest Posts</h1>
4+
<h1 class="section-title">Our Outdoor Blog</h1>
55
<div class="l-two-col">
66
<div class="l-main">
7+
<section class="section latest-posts">
8+
9+
<ul class="post-list">
10+
{{# latest-posts}}
11+
<li>{{> molecules-media-block }}</li>
12+
{{/ latest-posts}}
13+
</ul>
14+
<a href="#" class="text-btn">View more posts</a>
15+
</section>
716
{{> molecules-pagination }}
817
</div><!--end l-main-->
918

1019
<div class="l-sidebar">
11-
20+
{{> organisms-recent-tweets }}
1221
</div><!--end l-sidebar-->
1322
</div><!--end two-col-->
1423
</div><!--End role=main-->

‎source/_patterns/04-pages/02-article.json

Lines changed: 4 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,8 @@
11
{
2-
"hero" : [
3-
{
4-
"img": {
5-
"landscape-16x9": {
6-
"src": "../../images/sample/landscape-16x9-mountains.jpg",
7-
"alt": "Mountains"
8-
}
9-
},
10-
"headline" : {
11-
"medium" : "Come visit our glorious mountain ranges"
12-
}
13-
}
14-
],
2+
"author" : {
3+
"first-name" : "Julianne",
4+
"last-name" : "McCormick"
5+
},
156
"img": {
167
"landscape-4x3": {
178
"src": "../../images/sample/landscape-16x9-mountains.jpg",

‎source/_patterns/04-pages/02-article.mustache

Lines changed: 29 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,37 @@
55
<div class="l-main">
66
<article class="article">
77
<header class="article-header">
8-
<h1>Article Headline Lorem ipsum dolor sit amet</h1>
8+
<h1>Top 10 Trails You Have To Hike Before You Die</h1>
99
{{> molecules-byline-author-time }}
1010
</header>
11-
{{> organisms-article-body }}
11+
<p class="intro">This is where a post about hiking trails would live. I'm not going to write an article about hiking trails. That would take a lot of time.</p>
12+
13+
<p><a href="#">This is a link, possibly to an external resource.</a> In a post about hiking trails, there would probably be talk about how to get to featured trails, what to pack, where to camp, and so on and so forth. I don't have any expertise in this subject matter so I'm not going to attempt to write about it.</p>
14+
15+
{{> atoms-landscape-16x9 }}
16+
17+
<p>If I were to write about it, I'd probably do some research on the topic first. But even then, I probably 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.
18+
</p>
19+
20+
<blockquote>
21+
This trail is amazing. I've never seen anything like it.
22+
</blockquote>
23+
24+
<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.
25+
</p>
26+
27+
{{> atoms-unordered }}
28+
29+
{{> atoms-ordered }}
30+
31+
<p>Donec posuere fringilla nunc, vitae venenatis diam scelerisque vel. Nullam vitae mauris magna. Mauris et diam quis justo volutpat tincidunt congue nec magna. Curabitur vitae orci elit. Ut mollis massa id magna vestibulum consequat. Proin rutrum lectus justo, sit amet tincidunt est. Vivamus vitae lacinia risus.
32+
</p>
33+
34+
{{> molecules-pullquote }}
35+
36+
<p>Donec venenatis imperdiet tortor, vitae blandit odio interdum ut. Integer orci metus, lobortis id lacinia eget, rutrum vitae justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In pretium fermentum justo nec pharetra. Maecenas eget dapibus justo. Ut quis est risus. Nullam et eros at odio commodo venenatis quis et augue. Sed sed augue at tortor porttitor hendrerit nec ut nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sollicitudin enim consectetur mi commodo quis cursus ante pretium. Nunc gravida cursus nisi in gravida. Suspendisse eget tortor sed urna consequat tincidunt. Etiam eget convallis lectus. Suspendisse cursus rutrum massa ac faucibus.
37+
</p>
38+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, suscipit repellendus nulla accusantium deserunt sed explicabo voluptate sapiente ratione inventore molestiae nihil earum repellat quia odit vitae perspiciatis aliquam amet?</p>
1239
</article><!--end .article-->
1340
{{> molecules-social-share }}
1441
{{> organisms-comment-thread }}

0 commit comments

Comments
 (0)