Initial proof of concept

where we use the markdown and example from Patterns repo instead of from Patterns-site

See #4

_layouts/demo.html

@@ -1,4 +1,4 @@
---- 
+---
 layout: shell
 ---
 
@@ -7,9 +7,11 @@ <h1>
 </h1>
 
 <div id="demo">
-	<a href="/demo/{{ page.id }}/index.html#content" class="pat-inject" data-pat-inject="target: #demo; trigger: autoload">Load demo</a>	
+	<a href="/src/bower_components/patternslib/demo/{{page.id}}/index.html#content"
+        class="pat-inject" data-pat-inject="target: #demo; trigger: autoload">Load demo</a>
 </div>
 
 <article>
-	{{ content }}
-</article>
+    <a href="/src/bower_components/patternslib/demo/{{page.id}}/documentation.md"
+        class="pat-inject" data-pat-inject="data-type: markdown; source: ::element; target: self::element; trigger: autoload">Documentation</a>
+</article>

_layouts/shell.html

@@ -6,7 +6,7 @@
 		<link rel="stylesheet" href="/style/screen.css" media="screen" type="text/css">
     	<meta name="viewport" content="width=device-width, initial-scale=1" />
 
-		<script src="{{ site.baseurl }}/bundles/patterns.min.js" type="text/javascript"></script>
+		<script src="{{ site.baseurl }}/src/bower_components/patternslib/bundle.js" type="text/javascript"></script>
 		<script type="text/javascript">
 		  var _gaq = _gaq || [];
 		  _gaq.push(['_setAccount', 'UA-37987884-1']);
@@ -37,4 +37,4 @@
 			{{ content }}
 		</div>
 	</body>
-</html>
+</html>

_posts/2014-08-27-collapsible.md

@@ -6,7 +6,7 @@ description: "A *collapsible* is an element where content is can be shown or vis
 by clicking on a triggering element."
 ---
 
- One way to use collapsible is to implement a very minimal accordeon.
+One way to use collapsible is to implement a very minimal accordeon.
 
     <section class="pat-collapsible">
       <h3>About us</h3>