_includes/topnav.html in sanskrit-documentation-theme-0.1.6 vs _includes/topnav.html in sanskrit-documentation-theme-0.1.7
- old
+ new
@@ -1,32 +1,22 @@
<!-- Navigation -->
-<nav class="navbar navbar-inverse navbar-static-top">
+<nav class="navbar">
<div class="container topnavlinks">
+ <!--Heavily based on http://yago.io/Bootsketch/styleguide/components_-_navbar.html# .-->
<div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="fa fa-home fa-lg navbar-brand" href="{{"/index.html" | prepend: site.baseurl}}"> <span class="projectTitle"> {{site.site_title}}</span></a>
+ <!--fa is font-awesome.-->
+ <a class="fa fa-home fa-lg projectTitle" href="{{"/index.html" | prepend: site.baseurl}}"> {{site.site_title}}</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
- <ul class="nav navbar-nav navbar-right">
- <!-- toggle sidebar button -->
- <li><a id="tg-sb-link" href="#"><i id="tg-sb-icon" class="fa fa-toggle-on"></i> Nav</a></li>
-
+ <ul class="navbar-nav navbar-right">
{% assign topnav = site.data.sidebars[page.topnav] %}
<!-- {{topnav}} -->
<li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ <a href="#" class="btn btn-default" data-toggle="dropdown">
{{ topnav.title }}
<b class="caret"></b></a>
- <ul class="dropdown-menu">
- {% for subitem in topnav.contents %}
- {% include /functions/recursive_item_to_list.html item=subitem level=1 %}
- {% endfor %}
+ <ul id="topnav_dropdown" class="dropdown-menu">
</ul>
</li>
<!-- conditional logic to control which topnav appears for the audience defined in the configuration file.-->
<!--comment out this block if you want to hide search-->
<li>
@@ -48,10 +38,10 @@
})
</script>
<!--end search-->
</li>
<li>
- <a href=" {{ site.baseurl}}/assets/google-us.html">Google us!</a>
+ <a class="btn btn-default" href="{{ site.baseurl}}/assets/google-us.html">Google us!</a>
</li>
</ul>
</div>
</div>
<!-- /.container -->