Semanticize the HTML in the chapter index a bit.

Author: jgaskins

chapters/index.html

@@ -17,20 +17,24 @@
 - Databases
 ---
 
-{% for chapter in page.chapters %}
-  {% capture url %}/chapters/{{ chapter | replace: ' ', '_' | downcase }}{% endcapture %}
-  {% capture indexurl %}{{ url }}/index.html{% endcapture %}
+<ol id="chapters">
+  {% for chapter in page.chapters %}
+    {% capture url %}/chapters/{{ chapter | replace: ' ', '_' | downcase }}{% endcapture %}
+    {% capture indexurl %}{{ url }}/index.html{% endcapture %}
 
-<h2><a href="{{ url }}">{{ chapter }}</a></h2>
+    <li class="chapter">
+    <h2><a href="{{ url }}">{{ chapter }}</a></h2>
 
-<ul>
-  {% for page in site.pages %}
-    {% if page.url contains url %}
-      {% unless page.url == indexurl %}
-<li><a href="{{ page.url | replace: '.html', '' }}">{{ page.title }}</a></li>
-      {% endunless %}
-    {% endif %}
-  {% endfor %}
-</ul>
+    <ul id="recipes">
+      {% for page in site.pages %}
+        {% if page.url contains url %}
+          {% unless page.url == indexurl %}
+            <li class="recipe"><a href="{{ page.url | replace: '.html', '' }}">{{ page.title }}</a></li>
+          {% endunless %}
+        {% endif %}
+      {% endfor %}
+    </ul>
+    </li>
 
-{% endfor %}
+  {% endfor %}
+</ul>

index.html

@@ -21,20 +21,24 @@ <h1>Welcome</h1>
 
 <p>Welcome to the CoffeeScript Cookbook! CoffeeScript recipes for the community <em>by</em> the community. Head over to the <a href="/contributing">Contributing</a> page and see what you can do to help out!</p>
 
-{% for chapter in page.chapters %}
-  {% capture url %}/chapters/{{ chapter | replace: ' ', '_' | downcase }}{% endcapture %}
-  {% capture indexurl %}{{ url }}/index.html{% endcapture %}
+<ol id="chapters">
+  {% for chapter in page.chapters %}
+    {% capture url %}/chapters/{{ chapter | replace: ' ', '_' | downcase }}{% endcapture %}
+    {% capture indexurl %}{{ url }}/index.html{% endcapture %}
 
-<h2><a href="{{ url }}">{{ chapter }}</a></h2>
+    <li class="chapter">
+    <h2><a href="{{ url }}">{{ chapter }}</a></h2>
 
-<ul>
-  {% for page in site.pages %}
-    {% if page.url contains url %}
-      {% unless page.url == indexurl %}
-<li><a href="{{ page.url | replace: '.html', '' }}">{{ page.title }}</a></li>
-      {% endunless %}
-    {% endif %}
-  {% endfor %}
-</ul>
+    <ul id="recipes">
+      {% for page in site.pages %}
+        {% if page.url contains url %}
+          {% unless page.url == indexurl %}
+            <li class="recipe"><a href="{{ page.url | replace: '.html', '' }}">{{ page.title }}</a></li>
+          {% endunless %}
+        {% endif %}
+      {% endfor %}
+    </ul>
+    </li>
 
-{% endfor %}
+  {% endfor %}
+</ul>