base.html 5.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. {% if article and article.author %}
  7. <meta name="author" content="{{ article.author }}" />
  8. <meta name="copyright" content="{{ article.author }}" />
  9. {% elif page and page.author %}
  10. <meta name="author" content="{{ page.author }}" />
  11. <meta name="copyright" content="{{ page.author }}" />
  12. {% else %}
  13. <meta name="author" content="{{ AUTHOR }}" />
  14. <meta name="copyright" content="{{ AUTHOR }}" />
  15. {% endif %}
  16. {% if SITE_DESCRIPTION %}
  17. <meta name="description" content="{% block head_description %}{{ SITE_DESCRIPTION }}{% endblock head_description %}" />
  18. {% endif %}
  19. {% block meta_tags_in_head %}
  20. {% endblock meta_tags_in_head %}
  21. <title>{% block title %}{{ SITENAME|striptags }}{% endblock title %}</title>
  22. {% block head_links %}
  23. <link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
  24. <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
  25. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet">
  26. <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/elegant.css" media="screen">
  27. <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/solarizedlight.css" media="screen">
  28. {%if CUSTOM_CSS %}
  29. <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/custom.css" media="screen">
  30. {% endif %}
  31. {% endblock head_links %}
  32. <link rel="shortcut icon" href="{{ SITEURL }}/theme/images/favicon.ico" type="image/x-icon" />
  33. <link rel="apple-touch-icon" href="{{ SITEURL }}/theme/images/apple-touch-icon.png" />
  34. <link rel="apple-touch-icon" sizes="57x57" href="{{ SITEURL }}/theme/images/apple-touch-icon-57x57.png" />
  35. <link rel="apple-touch-icon" sizes="72x72" href="{{ SITEURL }}/theme/images/apple-touch-icon-72x72.png" />
  36. <link rel="apple-touch-icon" sizes="114x114" href="{{ SITEURL }}/theme/images/apple-touch-icon-114x114.png" />
  37. <link rel="apple-touch-icon" sizes="144x144" href="{{ SITEURL }}/theme/images/apple-touch-icon-144x144.png" />
  38. <link rel="icon" href="{{ SITEURL }}/theme/images/apple-touch-icon-144x144.png" />
  39. {% include 'feeds.html' %}
  40. {% include 'analytics.html' %}
  41. </head>
  42. <body>
  43. <div id="content-sans-footer">
  44. <div class="navbar navbar-static-top">
  45. <div class="navbar-inner">
  46. <div class="container">
  47. <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  48. <span class="icon-bar"></span>
  49. <span class="icon-bar"></span>
  50. <span class="icon-bar"></span>
  51. </a>
  52. <a class="brand" href="{{ SITEURL }}/"><span class=site-name>{{ SITENAME }}</span></a>
  53. <div class="nav-collapse collapse">
  54. <ul class="nav pull-right top-menu">
  55. <li {% if page_name == "index" %} class="active"{% endif %}><a href="{{ SITEURL }}">Home</a></li>
  56. {% if DISPLAY_PAGES_ON_MENU %}
  57. {% for page in pages %}
  58. <li {% if output_file == page.url %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a></li>
  59. {% endfor %}
  60. {% endif %}
  61. <li {% if page_name == "categories" %} class="active"{% endif %}><a href="{{ SITEURL }}/categories.html">Categories</a></li>
  62. <li {% if page_name == "tags" %} class="active"{% endif %}><a href="{{ SITEURL }}/tags.html">Tags</a></li>
  63. <li {% if page_name == "archives" %} class="active"{% endif %}><a href="{{ SITEURL }}/archives.html">Archives</a></li>
  64. <li><form class="navbar-search" action="{{ SITEURL }}/search.html" onsubmit="return validateForm(this.elements['q'].value);"> <input type="text" class="search-query" placeholder="Search" name="q" id="tipue_search_input"></form></li>
  65. </ul>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="container-fluid">
  71. <div class="row-fluid">
  72. <div class="span1"></div>
  73. <div class="span10">
  74. {% block content %}
  75. {% endblock content %}
  76. </div>
  77. <div class="span1"></div>
  78. </div>
  79. </div>
  80. </div>
  81. {% include 'footer.html' %}
  82. {% block script %}
  83. <script src="http://code.jquery.com/jquery.min.js"></script>
  84. <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
  85. <script>
  86. function validateForm(query)
  87. {
  88. return (query.length > 0);
  89. }
  90. </script>
  91. {% endblock script %}
  92. </body>
  93. </html>