added overview for series

_data/sidebar.yml

@@ -22,14 +22,6 @@ entries:
           print: true
           web: false
 
-        - title: Introduction
-          url: /
-          audience: writer, designer
-          platform: all
-          product: all
-          version: all
-          print: true
-
         - title: Getting started
           url: /getting_started/
           audience: writer, designer

_includes/custom/acme_series.html

@@ -1,6 +1,6 @@
 <div class="seriesContext">
 <div class="btn-group">
-    <button type="button" data-toggle="dropdown" class="btn btn-primary dropdown-toggle">Acme Process <span class="caret"></span></button>
+    <button type="button" data-toggle="dropdown" class="btn btn-primary dropdown-toggle">Series Demo <span class="caret"></span></button>
     <ol class="dropdown-menu">
         {% assign pages = site.pages | sort:"weight"  %}
         {% for p in pages %}

pages/special-layouts/scroll.html

@@ -192,9 +192,9 @@ $('#small-box-links').localScroll({
 
     <div id="lamp"><h5>lamp</h5>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris aliquam dapibus blandit. Donec porta, enim hendrerit venenatis vulputate, orci diam lacinia nibh, faucibus rutrum dolor dui ut quam.</div>
 
-    <div id="manifold"><h5>manifold</h5> Donec finibus massa vel nisi ullamcorper, vitae ornare enim euismod. Aliquam auctor quam erat. Duis interdum rutrum orci, ac interdum urna pharetra eget.</div>
+    <div id="manifold"><h5>manifold</h5>Donec finibus massa vel nisi ullamcorper, vitae ornare enim euismod. Aliquam auctor quam erat. Duis interdum rutrum orci, ac interdum urna pharetra eget.</div>
 
-    <div id="octopus"><h5><octopus</h5>Nulla id egestas enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Curabitur eu lobortis ligula.</div>
+    <div id="octopus"><h5>octopus</h5>Nulla id egestas enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Curabitur eu lobortis ligula.</div>
 
     <div id="paranoia"><h5>paranoia</h5>Aenean hendrerit mauris ipsum, non laoreet ipsum luctus vel. Curabitur tristique auctor elit ut pulvinar. Quisque arcu arcu, condimentum aliquam sodales nec, dignissim nec justo. Nunc tristique sem felis, pharetra euismod lorem volutpat sed. Ut porttitor metus sit amet elit rhoncus semper.</div>
 

pages/special-layouts/series.md

@@ -14,6 +14,19 @@ summary: "You can automatically link together topics belonging to the same serie
 
 Here's a demo that pulls together three posts that are part of an "acme_series".
 
+{% assign pages = site.pages | sort:"weight"  %}
+<ol>
+  {% for p in pages %}
+  {% if p.series == "acme_series" %}
+    <li>
+      <b><a {% if p.url == page.url %}class="active"{% endif %} href="{{p.url | prepend: site.baseurl | append: site.suffix}}">{{p.title}}</a>.</b> {{p.summary}}
+    </li>
+    {% endif %}
+  {% endfor %}
+</ol>
+
+When you click on each link, you'll see a Series selector that looks like this:
+
 {% include custom/acme_series.html %}
 
 None of the pages in the list are highlighted because you're not on that page. If you go to a series page, the active page isn't linked, appears in bold, and has a left arrow pointing to it. This allows the user to know where he or she is within the series.