updated readme to explain configuration, usage, and customization

1 files changed, 116 insertions, 0 deletions

diff --git a/source/test/typography.haml b/source/test/typography.haml
new file mode 100644
index 00000000..f7e7b17b
--- /dev/null
+++ b/source/test/typography.haml
@@ -0,0 +1,116 @@
+---
+layout: default
+title: Typography Debug
+---
+
+%h1 Level 01 Heading
+%h2 Level 02 Heading
+%h3 Level 03 Heading
+%h4 Level 04 Heading
+%h5 Level 05 Heading
+%h6 Level 06 Heading
+
+%p
+  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce sodales ligula sed urna. Aliquam posuere arcu
+  viverra erat. Pellentesque et enim dapibus ante facilisis bibendum. Nam congue dapibus urna. Vestibulum consequat
+  arcu at magna. Nunc faucibus mollis lacus. Nulla tempor luctus tellus. Donec blandit lobortis pede. Vestibulum
+  vel pede ut urna eleifend lacinia.
+%p
+  Maecenas ligula nibh, imperdiet at, interdum eget, sagittis eu, enim. Vivamus vel urna. Donec fringilla
+  ullamcorper sem. In risus arcu, pellentesque cursus, faucibus cursus, consequat quis, est. Aliquam id erat.
+  Aliquam arcu. Phasellus vulputate. Integer sem diam, mattis vel, viverra ullamcorper, ultricies quis, nisl. Sed
+  sollicitudin quam ut nisi. Vivamus velit sapien, volutpat eu, faucibus id, nonummy id, urna.
+%p
+  Take it<sub>2</sub> to the power of<sup>3</sup>
+  Praesent iaculis pellentesque est. Nulla facilisi. Etiam fringilla vehicula orci. Aliquam fermentum ipsum id
+  nulla. Aliquam interdum laoreet leo. Cras accumsan. Nam pharetra diam id nunc. Integer blandit tellus vulputate
+  felis. Cras aliquam, eros in euismod aliquam, enim nisl mollis metus, quis fringilla ipsum diam ut pede. Mauris a
+  libero ac velit interdum pulvinar. Nunc ipsum mauris, semper rhoncus, feugiat ut, egestas id, diam. Nullam
+  porttitor condimentum risus. Vivamus nec enim eget nisi commodo euismod. Ut turpis. Nullam malesuada rutrum
+  neque. Nam sodales porta elit. Mauris mollis nisl vel augue.
+
+%p
+  And we were like <q>Woah</q>, and he was like <q>Woah</q>, and they were like <q>WOAH!</q>
+
+%p
+  %abbr(title="For The Win!") FTW!
+%p
+  
+%h3 Unordered lists
+%ul
+  %li Lorem ipsum dolor sit amet
+  %li Consectetur adipisicing elit
+  %li Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
+  %li Ut enim ad minim veniam
+
+%h3 Ordered lists
+%ol
+  %li Consectetur adipisicing elit
+  %li Sed do eiusmod tempor incididunt ut labore
+  %li Et dolore magna aliqua
+  
+%h3 Blockquotes
+%blockquote
+  %p
+    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.
+
+%h3 Tables
+%table
+  %caption
+    Jimi Hendrix - albums
+    %thead
+      %tr
+        %th Album
+        %th Year
+        %th Price
+    %tfoot
+      %tr
+        %td Album
+        %td Year
+        %td Price
+    %tbody
+      %tr
+        %td Are You Experienced
+        %td 1967
+        %td $10.00
+      %tr
+        %td Axis: Bold as Love
+        %td 1967
+        %td $12.00
+      %tr
+        %td Electric Ladyland
+        %td 1968
+        %td $10.00
+      %tr
+        %td Band of Gypsys
+        %td 1970
+        %td $12.00
+%p
+  %a(href="#")Link
+  %br/
+  %strong &lt;strong&gt;
+  %br/
+  %del &lt;del&gt; deleted
+  %br/
+  %dfn &lt;dfn&gt; dfn
+  %br/
+  %em &lt;em&gt; emphasis
+  %br/
+
+%pre
+  %code
+    &lt;html&gt;
+    &lt;head&gt;
+    &lt;/head&gt;
+    &lt;body&gt;
+    &lt;div class = "main"&gt; &lt;div&gt;
+    &lt;/body&gt;
+    &lt;/html&gt;
+
+%tt
+  &lt;tt&gt;
+  Pellentesque tempor, dui ut ultrices viverra, neque urna blandit nisi, id accumsan dolor est vitae risus.
+%hr
\ No newline at end of file