base.html 2.8 KB

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