theme/templates/base.html

   1 <!doctype html>
   2 <html lang="{{ HTML_LANG }}">
   3 <head>
   4         <meta charset="utf-8"/>
   5         <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
   6         <meta name="author" content="{{ AUTHOR }}">
   7
   8         {% block extra_meta %}
   9         {% endblock %}
  10
  11         <link rel="top" href="#" /><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic|Source+Code+Pro' rel='stylesheet' type='text/css'></link>
  12         <link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
  13
  14         {% block scripts %}
  15         {% endblock %}
  16
  17     {% if FEED_ALL_ATOM %}
  18     <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
  19     {% endif %}
  20     {% if FEED_ALL_RSS %}
  21     <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
  22     {% endif %}
  23 </head>
  24
  25 <body>
  26 {{ FEED_ATOM }}
  27     <div class="container">
  28
  29           <header role="banner">
  30             <div class="feeds">
  31               {% if FEED_ALL_ATOM %}
  32                 <a href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" rel="alternate"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/feed-32px.png" alt="atom feed"/></a>
  33               {% endif %}
  34           {% if FEED_ALL_RSS %}
  35             <a href="{{ SITEURL }}/{{ FEED_ALL_RSS }}" rel="alternate"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/feed-32px.png" alt="rss feed"/></a>
  36           {% endif %}
  37             </div>
  38             {% if PAGES %}
  39               <nav class="pages">
  40                 {% for p in PAGES %}
  41                           <a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
  42                           {% if not loop.last %}-{% endif %}
  43                         {% endfor %}
  44               </nav>
  45             {% endif %}
  46             <a href="{{ SITEURL }}" class="title">☆✦ {{ SITENAME }} ✦☆♀ …</a>
  47       </header>
  48
  49           <div class="wrapper">
  50
  51                   <div role="main" class="content">
  52                     {% block content %}{% endblock %}
  53                   </div>
  54
  55                   <div class="sidebar">
  56
  57                 <nav>
  58                   <h2>Categories</h2>
  59                   <ul>
  60                     {% for cat, null in categories %}
  61                       <li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
  62                     {% endfor %}
  63                   </ul>
  64                 </nav>
  65
  66                 {% if SOCIAL %}
  67                   <aside>
  68                   <h2>Social</h2>
  69                             <ul class="social">
  70                                   {% for name, link in SOCIAL %}
  71                                   <li><a href="{{ link }}">{{ name }}</a><i></i></li>
  72                                   {% endfor %}
  73                             </ul>
  74                           </aside>
  75                         {% endif %}
  76
  77                 {% if LINKS %}
  78                   <aside>
  79                     <h2>Blogroll</h2>
  80                     <ul>
  81                       {% for name, link in LINKS %}
  82                         <li><a href="{{ link }}">{{ name }}</a></li>
  83                       {% endfor %}
  84                     </ul>
  85                   </aside>
  86                 {% endif %}
  87
  88                   </div>
  89
  90           </div>
  91
  92       <footer>
  93                 <p role="contentinfo">
  94                   ©2016 {{ AUTHOR }} • Proudly powered by <a href="http://docs.getpelican.com/en/3.6.3/">Pelican</a>. Theme modified from <a href="https://github.com/fle/pelican-simplegrey">pelican-simplegrey</a>.
  95         </p>
  96
  97           </footer>
  98
  99         </div>
 100
 101         {% if GOOGLE_ANALYTICS %}
 102           <script>
 103            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 104                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 105                                     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 106            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 107
 108            ga('create', '{{ GOOGLE_ANALYTICS }}', 'auto');
 109            ga('send', 'pageview');
 110           </script>
 111         {% endif %}
 112
 113 </body>
 114 </html>