A complete refactor

_config.yml

@@ -1,21 +1,22 @@
-safe: true
-markdown: kramdown
-pygments: true
-permalink: /:title.html
-relative_permalinks: false
+# Jekyll
+safe:        true
+markdown:    kramdown
+highlighter: pygments
+permalink:   /:title.html
+# Leave it blank, or use either relative path or absolute path
+url:         
 
-default_theme: ribbon
-default_width: 792
-default_lang: en
-default_body_class: list
+collections:
+  examples:
+    output: true
+  slides:
+    output: true
 
-author:
-    name: Yours Truly
-    # url:  http://example.com/
-    company:
-        name: Famous Inc.
-        # url:  http://example.com/
-
-fork_url: https://github.com/shower/shower
-progress: true
-line_numbers: true
+# Shower
+default:
+  lang:      en
+  width:     792
+  theme:     ribbon
+  mode:      list
+  progress:  true
+  mathjax:   false

_examples/bright.md

@@ -0,0 +1,189 @@
+---
+layout: slide
+theme: bright
+title: Presentation Title
+subtitle: '<a href="http://shwr.me/shower/themes/ribbon/">Yours Truly</a>, Famous Inc.'
+badge:
+  text: Fork me on Github
+  url: https://github.com/shower/shower
+---
+
+## Header
+
+Typewriter etsy messenger bag [fingerstache](), aesthetic vinyl semiotics twee **DIY** forage chillwave. Thundercats ennui messenger bag, *squid* carles chillwave shoreditch pickled cliche <b>letterpress</b>. DIY beard locavore <i>occupy</i> salvia, whatever single-origin `<coffee>` fanny pack 3 wolf moon typewriter gastropub<sup>1</sup> kale H<sub>2</sub>O chips. Ennui keffiyeh <mark>thundercats</mark> jean shorts biodiesel. Terry richardson, swag blog locavore umami vegan helvetica. Fingerstache kale chips.
+
+
+## Header
+
+Thundercats ennui messenger bag, squid carles chillwave shoreditch pickled cliche letterpress. DIY beard locavore occupy salvia, whatever single-origin coffee fanny pack 3 wolf moon typewriter gastropub kale chips. Ennui keffiyeh thundercats jean shorts biodiesel. Terry richardson, swag blog locavore umami vegan helvetica. 
+
+Typewriter etsy messenger bag fingerstache.
+{: .note }
+
+
+## Lists in English typography
+
+- Ennui keffiyeh thundercats
+- Jean shorts biodiesel
+- Terry richardson, swag blog
+  1. Locavore umami vegan helvetica
+  2. Fingerstache kale chips
+  3. Keytar sriracha gluten-free
+- Before they sold out master
+
+
+## Lists in Russian typography
+{: lang="ru" }
+
+- Ennui keffiyeh thundercats
+- Jean shorts biodiesel
+- Terry richardson, swag blog
+  1. Locavore umami vegan helvetica
+  2. Fingerstache kale chips
+  3. Keytar sriracha gluten-free
+- Before they sold out master
+
+
+## Lists in English typography
+
+1. Locavore umami vegan helvetica
+2. Fingerstache kale chips
+3. Keytar sriracha gluten-free
+
+- Ennui keffiyeh thundercats
+- Jean shorts biodiesel
+- Terry richardson, swag blog
+
+
+## Quote
+
+> Typewriter etsy messenger bag fingerstache, aesthetic vinyl semiotics twee DIY forage chillwave. Thundercats ennui messenger bag, squid carles chillwave shoreditch pickled cliche letterpress.
+
+--Author Name
+
+DIY beard locavore occupy salvia, whatever single-origin coffee fanny pack 3 wolf moon typewriter gastropub kale chips.
+
+
+## Table
+
+|  Locavore        | Umami       | Helvetica | Vegan     |
++------------------|-------------|-----------|-----------+
+| **Fingerstache** | Kale        | Chips     | Keytar    |
+| **Sriracha**     | Gluten-free | Ennui     | Keffiyeh  |
+| **Thundercats**  | Jean        | Shorts    | Biodiesel |
+| **Terry**        | Richardson  | Swag      | Blog      |
+
+Typewriter etsy messenger bag fingerstache.
+
+
+## Numbered code listing - HTML
+
+{% raw %}
+<pre>
+  <code>&lt;html lang="en"&gt;</code>
+  <code><mark>&lt;head&gt;</mark> <mark class="comment">&lt;!--Comment--&gt;</mark></code>
+  <code>    &lt;title&gt;Shower&lt;/title&gt;</code>
+  <code>    &lt;meta charset="<mark class="important">UTF-8</mark>"&gt;</code>
+  <code>    &lt;link rel="stylesheet" href="s/screen.css"&gt;</code>
+  <code>    &lt;script src="j/jquery.js"&gt;&lt;/script&gt;</code>
+  <code><mark>&lt;/head&gt;</mark></code>
+</pre>
+{% endraw %}
+
+
+## Numbered code listing - Markdown
+
+{% highlight html linenos %}
+<html lang="en">
+<head> <!--Comment-->
+    <title>Shower</title>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="s/screen.css">
+    <script src="j/jquery.js"></script>
+</head>
+{% endhighlight %}
+
+
+## Plain code listing
+
+{% raw %}
+<pre><code>&lt;html lang="en"&gt;
+<mark>&lt;head&gt;</mark> <mark class="comment">&lt;!--Comment--&gt;</mark>
+    &lt;title&gt;Shower&lt;/title&gt;
+    &lt;meta charset="<mark class="important">UTF-8</mark>"&gt;
+    &lt;link rel="stylesheet" href="s/screen.css"&gt;
+    &lt;script src="j/jquery.js"&gt;&lt;/script&gt;
+<mark>&lt;/head&gt;</mark></code>
+</pre>
+{% endraw %}
+
+
+## Plain code listing - Markdown
+
+{% highlight html %}
+<html lang="en">
+<head> <!--Comment-->
+    <title>Shower</title>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="s/screen.css">
+    <script src="j/jquery.js"></script>
+</head>
+{% endhighlight %}
+
+
+## You Can<br />Shout This Way
+{: .shout}
+
+## [Linked Shout]()
+{: .shout}
+
+## Sliding Right
+{: .shout .right }
+
+## Sliding Up
+{: .shout .up }
+
+## ![]({{ site.url }}/themes/bright/pictures/exact.png)
+{: .cover }
+
+## ![]({{ site.url }}/themes/bright/pictures/wide.png)
+{: .cover .w }
+
+## ![]({{ site.url }}/themes/bright/pictures/tall.png)
+{: .cover .h }
+
+## ![]({{ site.url }}/themes/bright/pictures/wide.png)
+{: .cover .h }
+
+## ![]({{ site.url }}/themes/bright/pictures/tall.png)
+{: .cover .w }
+
+##  
+{: .shout}
+
+![]({{ site.url }}/themes/bright/pictures/square.png){: .place .t .l }
+![]({{ site.url }}/themes/bright/pictures/square.png){: .place .t }
+![]({{ site.url }}/themes/bright/pictures/square.png){: .place .t .r }
+![]({{ site.url }}/themes/bright/pictures/square.png){: .place .l }
+![]({{ site.url }}/themes/bright/pictures/square.png){: .place }
+![]({{ site.url }}/themes/bright/pictures/square.png){: .place .r }
+![]({{ site.url }}/themes/bright/pictures/square.png){: .place .b .l }
+![]({{ site.url }}/themes/bright/pictures/square.png){: .place .b }
+![]({{ site.url }}/themes/bright/pictures/square.png){: .place .b .r }
+
+
+## Timer
+{: data-timing="00:03" }
+
+Three seconds to go.
+
+
+## List navigation
+
+1. Ennui keffiyeh thundercats
+2. ...Jean shorts biodiesel
+3. ...Terry richardson, swag blog
+4. ...Locavore umami vegan helvetica
+5. ...Fingerstache kale chips
+
+...Before they sold out master