Merge pull request #14 from autotraderuk/fragments-and-background-inc…

…ludes

Replace plugins with includes for GHP compatibility

README.md

@@ -142,23 +142,23 @@ To use vertical slides, do the same, but use two dashes:
 Fragments allow slide elements to come one by one. This is often used in lists to subsequently show
 fragments of a list during a presentation.
 
-To use fragments, jekyll-reveal.js includes a jekyll-plugin, that simplifies the use of fragments
-in markdown. To specify the current element as a fragment, use the {% fragment %}-tag like this:
+Jekyll-reveal.js simplifies the reveal.js syntax. To specify the current element as a fragment, use `<fragment/>` like 
+this:
 
     # Slide
 
-    * This {% fragment %}
-    * will {% fragment %}
-    * come one by one {% fragment %}
+    * This <fragment/>
+    * will <fragment/>
+    * come one by one <fragment/>
 
 ### Slide backgrounds
 
-To modify the background of the current slide, jekyll-reveal.js also includes a simplification
-plugin:
+To modify the background of the current slide, jekyll-reveal.js simplifies the syntax to 
+`<background>color</background>`:
 
     # Slide
 
-    {% background white %}
+    <background>white</background>
 
     This slide has a white background
 

_layouts/reveal.html

@@ -45,7 +45,13 @@
 
             <div class="slides">
 
-                {{ content }}
+				{% for post in site.posts reversed %}
+				<section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$" data-notes="^Note:">
+					<script type="text/template">
+						{{ post.content | replace:'<fragment/>','<!-- .element: class="fragment" -->' | replace:'<background>','<!-- .slide: data-background="' | replace:'<background/>','" -->' }}
+					</script>
+				</section>
+				{% endfor %}
 
             </div>
 

_posts/0000-01-03-fragments.md

@@ -2,5 +2,6 @@
 
 It's also possible to do fragments.
 
-- Like {% fragment %}
-- This {% fragment %}
+- You can use <fragment/> to step your list items
+- like <fragment/>
+- this <fragment/>

_posts/0000-01-05-background.md

@@ -1,5 +1,7 @@
 # Backgrounds
 
-{% background green %} 
+<background>green<background/> 
 
 Or use different backgrounds.
+
+&lt;background&gt;green&lt;background/&gt;

index.html

@@ -1,12 +1,4 @@
 ---
 layout: reveal
 title: not used. Use _config.yml!
----
-
-{% for post in site.posts reversed %}
-<section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$" data-notes="^Note:">
-<script type="text/template">
-{{ post.content }}
-</script>
-</section>
-{% endfor %}
+---