base.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. {% block head %}
  5. <title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/bootstrap.css" media="screen"/>
  8. <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/bootstrap-responsive.css" media="screen"/>
  9. <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/style.css" media="screen"/>
  10. {% endblock %}
  11. </head>
  12. <body>
  13. <script src="http://code.jquery.com/jquery.js"></script>
  14. <script src="{{ SITEURL }}/theme/js/bootstrap.min.js"></script>
  15. <div class="navbar navbar-static-top navbar-inverse">
  16. <div class="navbar-inner">
  17. <div class="container">
  18. <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  19. <span class="icon-bar"></span>
  20. <span class="icon-bar"></span>
  21. <span class="icon-bar"></span>
  22. </a>
  23. <a class="brand" href="{{ SITEURL }}/">{{ SITENAME }}</a>
  24. <div class="nav-collapse collapse">
  25. <ul class="nav pull-right">
  26. <li {% if page_name == "index" %} class="active"{% endif %}><a href="{{ SITEURL }}">Home</a></li>
  27. {% if DISPLAY_PAGES_ON_MENU %}
  28. {% for page in pages %}
  29. <li {% if output_file == page.url %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a></li>
  30. {% endfor %}
  31. {% endif %}
  32. <li {% if page_name == "categories" %} class="active"{% endif %}><a href="{{ SITEURL }}/categories.html">Categories</a></li>
  33. <li {% if page_name == "tags" %} class="active"{% endif %}><a href="{{ SITEURL }}/tags.html">Tags</a></li>
  34. <li {% if page_name == "archives" %} class="active"{% endif %}><a href="{{ SITEURL }}/archives.html">Archives</a></li>
  35. <li><form class="navbar-search"> <input type="text" class="search-query" placeholder="Search"></form></li>
  36. </ul>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="container-fluid">
  42. <div class="row-fluid">
  43. <div class="span1"></div>
  44. <div class="span10">
  45. {% block content %}
  46. {% endblock content %}
  47. </div>
  48. <div class="span1"></div>
  49. </div>
  50. </div>
  51. </body>
  52. </html>