adding atoms/text files

Author: EvanLovely

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

@@ -0,0 +1,6 @@
+<h1>Heading Level 1</h1>
+<h2>Heading Level 2</h2>
+<h3>Heading Level 3</h3>  
+<h4>Heading Level 4</h4>
+<h5>Heading Level 5</h5> 
+<h6>Heading Level 6</h6>

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

@@ -0,0 +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

@@ -0,0 +1,3 @@
+<blockquote>
+	<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>
+</blockquote>

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

@@ -0,0 +1,41 @@
+<div class="text">
+	<p><a href="#">This is a text link</a></p>
+
+	<p><strong>Strong is used to indicate strong importance</strong></p>
+
+	<p><em>This text has added emphasis</em></p>
+
+	<p>The <b>b element</b> is stylistically different text from normal text, without any special importance</p>
+
+	<p>The <i>i element</i> is text that is set off from the normal text</p>
+
+	<p>The <u>u element</u> is text with an unarticulated, though explicitly rendered, non-textual annotation</p>
+
+	<p><del>This text is deleted</del> and <ins>This text is inserted</ins></p>
+
+	<p><s>This text has a strikethrough</s></p>
+
+	<p>Superscript<sup>®</sup></p>
+
+	<p>Subscript for things like H<sub>2</sub>O</p>
+
+	<p><small>This small text is small for for fine print, etc.</small></p>
+
+	<p>Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p>
+
+	<p>Keybord input: <kbd>Cmd</kbd></p>
+
+	<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q></p>
+
+	<p><cite>This is a citation</cite>
+
+	</p><p>The <dfn>dfn element</dfn> indicates a definition.</p>
+
+	<p>The <mark>mark element</mark> indicates a highlight</p>
+
+	<p><code>This is what inline code looks like.</code></p>
+
+	<p><samp>This is sample output from a computer program</samp></p>
+
+	<p>The <var>variarble element</var>, such as <var>x</var> = <var>y</var></p>
+</div><!--end .text-->

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

@@ -0,0 +1 @@
+<time datetime="2013-04-06T12:32+00:00">2 weeks ago</time>

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

@@ -0,0 +1,9 @@
+<pre>  	
+P R E F O R M A T T E D T E X T
+! " # $ % &amp; ' ( ) * + , - . /
+0 1 2 3 4 5 6 7 8 9 : ; &lt; = &gt; ?
+@ A B C D E F G H I J K L M N O
+P Q R S T U V W X Y Z [ \ ] ^ _
+` a b c d e f g h i j k l m n o
+p q r s t u v w x y z { | } ~ 
+</pre>

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

@@ -0,0 +1 @@
+<hr />