A topbar modification for strapdown.js
Example #1 Left aligned top links http://joedf.github.io/strapdown-topbar/template.html
Example #2 Right aligned top links http://joedf.github.io/strapdown-topbar/template-right.html
Example MFixed Fixed topbar on mobile devices http://joedf.github.io/strapdown-topbar/template-mfixed.html
Have your topbar setting in the <body>.
<topbar style="display:none;">
<item><a href="#">Home</a></item>
<item><a href="#">About</a></item>
<menu name="Dropdown Menu">
<item><a href="#">Item #1</a></item>
<item><a href="#">Item #2</a></item>
<item><a href="#">Item #3</a></item>
<item></item> <!-- add a divider -->
<item><a href="#">Item #4</a></item>
</menu>
<toc>My TOC</toc>
<item><small>(Powered by <a href="http://strapdownjs.com/">StrapDown.js</a>)</small></item>
</topbar>Then, simply include strapdown-topbar.js AFTER strapdown.js.
<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
<!-- Include it AFTER strapdown -->
<script src="assets/strapdown/strapdown-topbar.min.js"></script>
<!-- Example: Manually adding a logo -->
<!-- Include it AFTER EVERYTHING -->
<script src="assets/logo.js"></script>