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

Commit 39d2b83

Browse files
dmolsendmolsen
committed
Merge pull request #3 from EvanLovely/dev
Adding all patterns from Mustache demo
2 parents e8c9d9d + a1b1cf1 commit 39d2b83

File tree

74 files changed

+922
-12
lines changed

Some content is hidden

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

74 files changed

+922
-12
lines changed

‎dist/_data/data.json

Lines changed: 18 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@
33
"htmlClass": "pl",
44
"bodyClass": "body",
55
"img": {
6-
"landscape-4x3": {
6+
"landscape_4x3": {
77
"src": "../../images/fpo_4x3.png",
88
"alt": "4x3 Image"
99
},
10-
"landscape-16x9": {
10+
"landscape_16x9": {
1111
"src": "../../images/fpo_16x9.png",
1212
"alt": "16x9 Image"
1313
},
@@ -73,9 +73,21 @@
7373
},
7474
"seconds" : "31",
7575
"author" : {
76-
"first-name": "Author",
77-
"last-name": "Name"
76+
"first_name": "Author",
77+
"last_name": "Name"
7878
},
7979
"hero": true,
80-
"emergency" : false
81-
}
80+
"emergency" : false,
81+
"touts" : [
82+
{ },
83+
{ },
84+
{ }
85+
],
86+
"latest_posts" : [
87+
{ },
88+
{ },
89+
{ },
90+
{ },
91+
{ }
92+
]
93+
}

‎dist/_patterns/00-atoms/02-text/00-headings.twig

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<h1>Heading Level 1</h1>
2+
<h2>Heading Level 2</h2>
3+
<h3>Heading Level 3</h3>
4+
<h4>Heading Level 4</h4>
5+
<h5>Heading Level 5</h5>
6+
<h6>Heading Level 6</h6>

‎dist/_patterns/00-atoms/02-text/01-paragraph.twig

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<p>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.</p>

‎dist/_patterns/00-atoms/02-text/02-blockquote.twig

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<blockquote>
2+
<p>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.</p>
3+
</blockquote>

‎dist/_patterns/00-atoms/02-text/03-inline-elements.twig

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<div class="text">
2+
<p><a href="#">This is a text link</a></p>
3+
4+
<p><strong>Strong is used to indicate strong importance</strong></p>
5+
6+
<p><em>This text has added emphasis</em></p>
7+
8+
<p>The <b>b element</b> is stylistically different text from normal text, without any special importance</p>
9+
10+
<p>The <i>i element</i> is text that is set off from the normal text</p>
11+
12+
<p>The <u>u element</u> is text with an unarticulated, though explicitly rendered, non-textual annotation</p>
13+
14+
<p><del>This text is deleted</del> and <ins>This text is inserted</ins></p>
15+
16+
<p><s>This text has a strikethrough</s></p>
17+
18+
<p>Superscript<sup>®</sup></p>
19+
20+
<p>Subscript for things like H<sub>2</sub>O</p>
21+
22+
<p><small>This small text is small for for fine print, etc.</small></p>
23+
24+
<p>Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p>
25+
26+
<p>Keybord input: <kbd>Cmd</kbd></p>
27+
28+
<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q></p>
29+
30+
<p><cite>This is a citation</cite>
31+
32+
</p><p>The <dfn>dfn element</dfn> indicates a definition.</p>
33+
34+
<p>The <mark>mark element</mark> indicates a highlight</p>
35+
36+
<p><code>This is what inline code looks like.</code></p>
37+
38+
<p><samp>This is sample output from a computer program</samp></p>
39+
40+
<p>The <var>variarble element</var>, such as <var>x</var> = <var>y</var></p>
41+
</div><!--end .text-->

‎dist/_patterns/00-atoms/02-text/04-time.twig

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<time datetime="2013-04-06T12:32+00:00">2 weeks ago</time>

‎dist/_patterns/00-atoms/02-text/05-preformatted-text.twig

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<pre>
2+
P R E F O R M A T T E D T E X T
3+
! " # $ % &amp; ' ( ) * + , - . /
4+
0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?
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+
</pre>

‎dist/_patterns/00-atoms/02-text/06-hr.twig

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<hr />

‎dist/_patterns/00-atoms/03-lists/00-unordered.twig

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<div class="text">
2+
<ul>
3+
<li>This is a list item in an unordered list</li>
4+
<li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line. </li>
5+
<li>
6+
Lists can be nested inside of each other
7+
<ul>
8+
<li>This is a nested list item</li>
9+
<li>This is another nested list item in an unordered list</li>
10+
</ul>
11+
</li>
12+
<li>This is the last list item</li>
13+
</ul>
14+
</div>

‎dist/_patterns/00-atoms/03-lists/01-ordered.twig

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<div class="text">
2+
<ol>
3+
<li>This is a list item in an ordered list</li>
4+
<li>An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.</li>
5+
<li>
6+
Lists can be nested inside of each other
7+
<ol>
8+
<li>This is a nested list item</li>
9+
<li>This is another nested list item in an ordered list</li>
10+
</ol>
11+
</li>
12+
<li>This is the last list item</li>
13+
</ol>
14+
</div>

0 commit comments

Comments
 (0)