Adding image, list, and text patterns. Remove unused image files, added placeholder directories in source folder.

public/styleguide/js/styleguide.js

@@ -195,7 +195,7 @@
 
 	$sizePx.on('keyup', function(e){
 		var val = Math.floor($(this).val());
-		updateSizeReading(val,'updateEmInput');
+		updateSizeReading(val,'px','updateEmInput');
 	});
 
 	//Em input

source/data/data.json

@@ -2,11 +2,11 @@
 	"atoms": {
 		"images": {
 			"landscape-4x3": {
-				"src": "/images/fpo_landscape.png",
+				"src": "/images/fpo_4x3.png",
 				"alt": "4x3 Image"
 			},
 			"landscape-16x9": {
-				"src": "/images/fpo-landscape-16x9.png",
+				"src": "/images/fpo_16x9.png",
 				"alt": "16x9 Image"
 			},
 			"logo": {

source/patterns/a-images-avatar/a-images-avatar.mustache

@@ -0,0 +1 @@
+<img src="images/fpo_avatar.png" alt="Avatar" />

source/patterns/a-images-favicon/a-images-favicon.mustache

@@ -0,0 +1,2 @@
+<img src="images/favicon_16x16.jpg" alt="Favicon 16x16" />
+<img src="images/favicon_32x32.jpg" alt="Favicon 32x32" />

source/patterns/a-images-loading-icon/a-images-loading-icon.mustache

@@ -0,0 +1 @@
+<img src="images/ajax-loader.gif" alt="Loading" />

source/patterns/a-lists-definition/a-lists-definition.mustache

@@ -0,0 +1,10 @@
+<dl>
+	<dt>Definition List</dt>
+	<dd>A number of connected items or names written or printed consecutively, typically one below the other.</dd>
+    <dt>This is a term.</dt>
+    <dd>This is the definition of that term, which both live in a <code>dl</code>.</dd>
+    <dt>Here is another term.</dt>
+    <dd>And it gets a definition too, which is this line.</dd>
+    <dt>Here is term that shares a definition with the term below.</dt>
+    <dd>And it gets a definition too, which is this line.</dd>
+</dl>

source/patterns/a-lists-ordered/a-lists-ordered.mustache

@@ -0,0 +1,14 @@
+<div class="text">
+	<ol>
+		<li>This is a list item in an ordered list</li>
+		<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>
+		<li>
+			Lists can be nested inside of each other
+			<ol>
+				<li>This is a nested list item</li>
+				<li>This is another nested list item in an ordered list</li>
+			</ol>
+		</li>
+		<li>This is the last list item</li>
+	</ol>
+</div>

source/patterns/a-lists-unordered/a-lists-unordered.mustache

@@ -0,0 +1,14 @@
+<div class="text">
+	<ul>
+		<li>This is a list item in an unordered list</li>
+		<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>
+		<li>
+			Lists can be nested inside of each other
+			<ul>
+				<li>This is a nested list item</li>
+				<li>This is another nested list item in an unordered list</li>
+			</ul>
+		</li>
+		<li>This is the last list item</li>
+	</ul>
+</div>

source/patterns/a-text-preformatted-text/a-text-preformatted-text.mustache

@@ -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>

source/patterns/a-text-time/a-text-time.mustache

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