WIP

_config.yml

@@ -11,7 +11,6 @@ collections:
     output: true
   tags:
     output: true
-    permalink: /tags/:path/
 exclude:
   - README.md
   - CNAME

_tags/control-flow.md

@@ -1,138 +0,0 @@
----
-title: Control Flow
----
-
-Control Flow tags determine which block of code should be executed based on different conditions.
-
-
-## if
-
-<p>Executes a block of code only if a certain condition is met.</p>
-
-<p class="input">Input</p>
-
-<div>
-{% highlight html %}{% raw %}
-{% if product.title == 'Awesome Shoes' %}
-	These shoes are awesome!
-{% endif %}
-{% endraw %}{% endhighlight %}
-</div>
-
-<p class="output">Output</p>
-
-<div>
-{% highlight html %}{% raw %}
-These shoes are awesome!
-{% endraw %}{% endhighlight %}
-</div>
-
-
-## elsif / else
-
-<p>Adds more conditions within an <code>if</code> or <code>unless</code> block.</p>
-
-<p class="input">Input</p>
-
-<div>
-{% highlight html %}{% raw %}
-	<!-- If customer.name = 'anonymous' -->
-  {% if customer.name == 'kevin' %}
-    Hey Kevin!
-  {% elsif customer.name == 'anonymous' %}
-    Hey Anonymous!
-  {% else %}
-    Hi Stranger!
-  {% endif %}
-{% endraw %}{% endhighlight %}
-</div>
-
-<p class="output">Output</p>
-
-<div>
-{% highlight html %}{% raw %}
-Hey Anonymous!
-{% endraw %}{% endhighlight %}
-</div>
-
-
-
-
-## case/when
-
-<p>Creates a switch statement to compare a variable with different values. <code>case</code> initializes the switch statement, and <code>when</code> compares its values.</p>
-
-<p class="input">Input</p>
-
-<div>
-{% highlight html %}{% raw %}
-{% assign handle = 'cake' %}
-{% case handle %}
-  {% when 'cake' %}
-     This is a cake
-  {% when 'cookie' %}
-     This is a cookie
-  {% else %}
-     This is not a cake nor a cookie
-{% endcase %}
-{% endraw %}{% endhighlight %}
-</div>
-
-<p class="output">Output</p>
-
-<div>
-{% highlight html %}{% raw %}
-This is a cake
-{% endraw %}{% endhighlight %}
-</div>
-
-
-
-
-
-
-
-## unless
-
-<p>Similar to <code>if</code>, but executes a block of code only if a certain condition is <strong>not</strong> met.</p>
-
-<p class="input">Input</p>
-
-<div>
-{% highlight html %}{% raw %}
-  {% unless product.title == 'Awesome Shoes' %}
-    These shoes are not awesome.
-  {% endunless %}
-{% endraw %}{% endhighlight %}
-</div>
-
-<p class="output">Output</p>
-
-<div>
-{% highlight html %}{% raw %}
-These shoes are not awesome.
-{% endraw %}{% endhighlight %}
-</div>
-
-This would be the equivalent of doing the following:
-
-<div>
-{% highlight html %}{% raw %}
-  {% if product.title != 'Awesome Shoes' %}
-    These shoes are not awesome.
-  {% endif %}
-{% endraw %}{% endhighlight %}
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-

_tags/control-flow/case-when

@@ -0,0 +1,27 @@
+## case/when
+
+<p>Creates a switch statement to compare a variable with different values. <code>case</code> initializes the switch statement, and <code>when</code> compares its values.</p>
+
+<p class="input">Input</p>
+
+<div>
+{% highlight html %}{% raw %}
+{% assign handle = 'cake' %}
+{% case handle %}
+  {% when 'cake' %}
+     This is a cake
+  {% when 'cookie' %}
+     This is a cookie
+  {% else %}
+     This is not a cake nor a cookie
+{% endcase %}
+{% endraw %}{% endhighlight %}
+</div>
+
+<p class="output">Output</p>
+
+<div>
+{% highlight html %}{% raw %}
+This is a cake
+{% endraw %}{% endhighlight %}
+</div>

_tags/control-flow/elsif-else.md

@@ -0,0 +1,26 @@
+## elsif / else
+
+<p>Adds more conditions within an <code>if</code> or <code>unless</code> block.</p>
+
+<p class="input">Input</p>
+
+<div>
+{% highlight html %}{% raw %}
+  <!-- If customer.name = 'anonymous' -->
+  {% if customer.name == 'kevin' %}
+    Hey Kevin!
+  {% elsif customer.name == 'anonymous' %}
+    Hey Anonymous!
+  {% else %}
+    Hi Stranger!
+  {% endif %}
+{% endraw %}{% endhighlight %}
+</div>
+
+<p class="output">Output</p>
+
+<div>
+{% highlight html %}{% raw %}
+Hey Anonymous!
+{% endraw %}{% endhighlight %}
+</div>

_tags/control-flow/if.md

@@ -0,0 +1,21 @@
+## if
+
+<p>Executes a block of code only if a certain condition is met.</p>
+
+<p class="input">Input</p>
+
+<div>
+{% highlight html %}{% raw %}
+{% if product.title == 'Awesome Shoes' %}
+  These shoes are awesome!
+{% endif %}
+{% endraw %}{% endhighlight %}
+</div>
+
+<p class="output">Output</p>
+
+<div>
+{% highlight html %}{% raw %}
+These shoes are awesome!
+{% endraw %}{% endhighlight %}
+</div>

_tags/control-flow/index.html

@@ -0,0 +1,15 @@
+---
+layout: default
+---
+
+CONTROL FLOW HERE
+ sss
+
+{% for doc in site.collections["tags"].docs %}
+  <div id="{{ doc.title }}" class="content__item">
+    <h2 class="content__header">{{ doc.title }}</h2>
+    <div class="content">
+      {{ doc.content }}
+    </div>
+  </div>
+{% endfor %}

_tags/control-flow/unless.md

@@ -0,0 +1,31 @@
+## unless
+
+<p>Similar to <code>if</code>, but executes a block of code only if a certain condition is <strong>not</strong> met.</p>
+
+<p class="input">Input</p>
+
+<div>
+{% highlight html %}{% raw %}
+  {% unless product.title == 'Awesome Shoes' %}
+    These shoes are not awesome.
+  {% endunless %}
+{% endraw %}{% endhighlight %}
+</div>
+
+<p class="output">Output</p>
+
+<div>
+{% highlight html %}{% raw %}
+These shoes are not awesome.
+{% endraw %}{% endhighlight %}
+</div>
+
+This would be the equivalent of doing the following:
+
+<div>
+{% highlight html %}{% raw %}
+  {% if product.title != 'Awesome Shoes' %}
+    These shoes are not awesome.
+  {% endif %}
+{% endraw %}{% endhighlight %}
+</div>

basics/index.html

@@ -2,11 +2,3 @@
 layout: default
 ---
 
-{% for doc in site.collections["basics"].docs %}
-  <div id="{{ doc.title }}" class="content__item">
-    <h2 class="content__header">{{ doc.title }}</h2>
-    <div class="content">
-      {{ doc.content }}
-    </div>
-  </div>
-{% endfor %}

tags/index.html

@@ -2,5 +2,10 @@
 layout: default
 ---
 
-Tags here.
+sss
 
+{{ site.collections["tags"] }}
+
+{% for doc in site.collections["tags"].docs %}
+
+{% endfor %}