nav.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <header class="navbar navbar-expand-md navbar-light fixed-top bg-light" role="navigation">
  2. <!-- Main title -->
  3. <a class="navbar-brand" href="{{ nav.homepage.url }}">{{ config.site_name }}</a>
  4. <!-- Collapsed navigation -->
  5. {% if nav|length>1 or (page.next_page or page.previous_page) or config.repo_url %}
  6. <!-- Expander button -->
  7. <button type="button" class="navbar-toggler" data-toggle="collapse" data-target=".navbar-collapse" aria-label="Toggle navigation">
  8. <span class="navbar-toggler-icon"></span>
  9. </button>
  10. {% endif %}
  11. <!-- Expanded navigation -->
  12. <div class="navbar-collapse collapse">
  13. {% if nav|length>1 %}
  14. <!-- Main navigation -->
  15. <ul class="navbar-nav mr-auto">
  16. {% for nav_item in nav %}
  17. {% if nav_item.children %}
  18. <li class="dropdown{% if nav_item.active %} active{% endif %}">
  19. <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ nav_item.title }} <b class="caret"></b></a>
  20. <ul class="dropdown-menu">
  21. {% for nav_item in nav_item.children %}
  22. {% include "nav-sub.html" %}
  23. {% endfor %}
  24. </ul>
  25. </li>
  26. {% else %}
  27. <li class="nav-item{% if nav_item.active %} active{% endif %}">
  28. <a class="nav-link" href="{{ nav_item.url }}">{{ nav_item.title }}</a>
  29. </li>
  30. {% endif %}
  31. {% endfor %}
  32. </ul>
  33. {% endif %}
  34. <ul class="navbar-nav ml-auto">
  35. {% if config.repo_url %}
  36. <li class="nav-item">
  37. <a class="nav-link" href="{{ config.repo_url }}">
  38. {% if config.repo_name == 'GitHub' %}
  39. <i class="fa fa-github"></i>
  40. {% elif config.repo_name == 'Bitbucket' %}
  41. <i class="fa fa-bitbucket"></i>
  42. {% endif %}
  43. {{ config.repo_name }}
  44. </a>
  45. </li>
  46. {% endif %}
  47. </ul>
  48. </div>
  49. </header>