theme/templates/base.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8" />
   5     <title>{% block title %}{% endblock %} | {{ SITENAME }}</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   7     <meta name="keywords" content="{{ KEYWORDS }}" />
   8     <meta name="author" content="{{ AUTHOR }}" />
   9
  10     <link rel="stylesheet" href="{{ SITEURL }}/theme/css/bootstrap.min.css" type="text/css" />
  11     <link href="{{ SITEURL }}/theme/css/bootstrap-responsive.min.css" rel="stylesheet">
  12     <link href="{{ SITEURL }}/theme/css/font-awesome.css" rel="stylesheet">
  13     <link href="{{ SITEURL }}/theme/css/pygments.css" rel="stylesheet">
  14     <style type="text/css">
  15       body {
  16         padding-top: 60px;
  17         padding-bottom: 40px;
  18       }
  19       .sidebar-nav {
  20         padding: 9px 0;
  21       }
  22       .tag-1 {
  23         font-size: 13pt;
  24       }
  25       .tag-2 {
  26         font-size: 10pt;
  27       }
  28       .tag-2 {
  29         font-size: 8pt;
  30       }
  31       .tag-4 {
  32         font-size: 6pt;
  33       }
  34       #content li {
  35         margin: 0 0 9px;
  36       }
  37       #content li > p {
  38         margin: 0;
  39       }
  40     </style>
  41
  42     <link rel="shortcut icon" href="{{ SITEURL }}/theme/img/favicon.ico">
  43     <link rel="apple-touch-icon" href="{{ SITEURL }}/theme/img/apple-touch-icon.png">
  44     <link rel="apple-touch-icon" sizes="72x72" href="{{ SITEURL }}/theme/img/apple-touch-icon-72x72.png">
  45     <link rel="apple-touch-icon" sizes="114x114" href="{{ SITEURL }}/theme/img/apple-touch-icon-114x114.png">
  46
  47     <link href="{{ SITEURL }}/{{ FEED }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
  48 {% if FEED_RSS %}
  49     <link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
  50 {% endif %}
  51     {% if page %}
  52         <link rel="canonical" href="{{ SITEURL }}/{{ page.url }}">
  53     {% elif article %}
  54         <link rel="canonical" href="{{ SITEURL }}/{{ article.url }}">
  55     {% elif page_name == 'index' and not articles_previous_page %}
  56         <link rel="canonical" href="{{ SITEURL }}">
  57     {% elif author or category or tag or page_name == 'index' %}
  58         <link rel="canonical" href="{{ SITEURL }}/{{ articles_page.url }}">
  59     {% endif %}
  60   </head>
  61   <body>
  62     <div class="navbar navbar-fixed-top">
  63       <div class="navbar-inner">
  64         <div class="container-fluid">
  65           <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  66             <span class="icon-bar"></span>
  67             <span class="icon-bar"></span>
  68             <span class="icon-bar"></span>
  69           </a>
  70           <a class="brand" href="{{ SITEURL }}/">{{ SITENAME }} {% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a>
  71           <div class="nav-collapse">
  72             <ul class="nav">
  73             {% for title, link in MENUITEMS %}
  74               <li><a href="{{ link }}">{{ title }}</a></li>
  75             {% endfor %}
  76             {% if DISPLAY_PAGES_ON_MENU %}
  77             {% for gpage in pages %}
  78               <li {% if page == gpage %}class="active"{% endif %}><a href="{{ SITEURL }}/{{ gpage.url }}">{{ gpage.title }}</a></li>
  79             {% endfor %}
  80               <li class="divider-vertical"></li>
  81             {% endif %}
  82             {% for cat, null in categories %}
  83               <li {% if cat == category %}class="active"{% endif %}>
  84                 <a href="{{ SITEURL }}/{{ cat.url }}"><i class="icon-folder-open icon-large"></i>{{ cat }}</a>
  85               </li>
  86             {% endfor %}
  87             <!--<ul class="nav pull-right">
  88                   <li><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}"><i class="icon-th-list"></i>Archives</a></li>
  89             </ul>-->
  90             </ul>
  91           </div>
  92         </div>
  93       </div>
  94     </div>
  95
  96     <div class="container">
  97       <div class="row">
  98         <div class="span8" id="content">
  99             {% block content %}
 100             {% endblock %}
 101         </div>
 102         <div class="span3 well sidebar-nav" id="sidebar">
 103             {% include 'sidebar.html' %}
 104         </div>
 105       </div>
 106       <hr>
 107       {% include 'footer.html' %}
 108     </div>
 109
 110     <!-- Placed at the end of the document so the pages load faster -->
 111     <script src="{{ SITEURL }}/theme/js/jquery-1.7.2.min.js"></script>
 112     <script src="{{ SITEURL }}/theme/js/bootstrap.min.js"></script>
 113   </body>
 114 </html>