anchor.diff:        </div>
       <%- end -%>
     </div>
  +
  +  <%- content_for :minimap do -%>
  +<script>
  +  $(document).on("ornament:refresh", function(){
  +    $(".oslide-4").oslide({
  +      itemWidth: 190,
  +      minimap: true,
  +      slideBy: "visible"
  +    });
  +  });
  +</script>
  +  <%- end -%>
  +  <%= yield :minimap -%>
  +  <pre class="sg-pre prettyprint"><%= render_source(yield :minimap) -%></pre>
   
     <h2 class="heading-two">Custom Navigation Buttons</h2>
   
  
positive.code:     <%- end -%>
    </div>
  
    <h2 class="heading-two">HTML Example</h2>
  
    <div class="oslide oslide-1 oslide__html" data-oslide>
      <%- (1..10).each do |i| -%>
  
negative.code:     <%- end -%>
    </div>
  
    <%- content_for :one_by_one do -%>
  <script>
    $(document).on("ornament:refresh", function(){
      $(".oslide-3").oslide({
        slideBy: 1,
        itemWidth: 190
      });
    });
  </script>
    <%- end -%>
    <%= yield :one_by_one -%>
    <pre class="sg-pre prettyprint"><%= render_source(yield :one_by_one) -%></pre>
  
    <h2 class="heading-two">Minimap</h2>
  
  