<!doctype html>
<html lang="{{ DEFAULT_LANG }}" itemscope itemtype="http://schema.org/Person">
<head>
    {% block head %}
        <meta charset="utf-8">
        <!-- Site Meta Data -->
        <title>{% block title %} {{ SITENAME }} | {{ SIDEBAR_DIGEST }} {% endblock %}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="{{ AUTHOR_DESCRIPTION }}">
        <meta name="author" content="{{ AUTHOR }}">

        <link rel="shortcut icon" href="{{ FAVICON }}">

        <!-- schema.org -->
        <meta itemprop="name" content="{{ SITENAME }}">
        <meta itemprop="image" content="{{ AVATAR }}">
        <meta itemprop="description" content="{{ AUTHOR_DESCRIPTION }}">

        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
        <!-- Style Meta Data -->
        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css" type="text/css"/>
        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/large.css" type="text/css"/>
        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/pygments.css" type="text/css"/>
        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/social.css" type="text/css"/>
        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/license.css" type="text/css"/>
        <link rel="stylesheet" href="{{ SITEURL }}/theme/css/partners.css" type="text/css"/>

        <!-- Feed Meta Data -->
        {% if FEED_ALL_ATOM %}
            <link href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate"
                  title="{{ SITENAME }} ATOM Feed"/>
        {% endif %}
        {% if FEED_ALL_RSS %}
            <link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate"
                  title="{{ SITENAME }} RSS Feed"/>
        {% endif %}

        <!-- Twitter Feed -->
        <meta name="twitter:card" content="summary">
        <meta name="twitter:site" content="{{ TWITTER_USERNAME }}">
        <meta name="twitter:image" content="">
    {% endblock %}
    <script src="https://kit.fontawesome.com/0a2f7dbe4a.js" crossorigin="anonymous"></script>
    <script src="/js/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    <script type="text/javascript">
      function mobileMenu() {
        $( "nav.nav" ).toggle();
      }
    </script>
</head>

<body>
<!-- Sidebar -->
<aside>
    <div class="sidetitle">
      <center id="avatar"><a href="{{ SITEURL }}"><img src="{{ AVATAR }}"></a></center>
      <h1>{{ SITENAME }}</h1>
      <span><a href="javascript:void(0);" onclick="mobileMenu()"><i class="fa fa-bars"></i></a></span>
    </div>
    {% if SIDEBAR_DIGEST %}
    <div class="digest">
      <p>{{ SIDEBAR_DIGEST }}</p>
    </div>
    {% endif %}

    {% if TWITTER_USERNAME %}
    <div class="twitter">
        <a class="twitter-follow-button"
           href="https://twitter.com/{{ TWITTER_USERNAME }}"
           data-show-count="false"
           data-lang="en">
            Follow @twitterdev
        </a>
        <script type="text/javascript">
            window.twttr = (function (d, s, id) {
                var t, js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s);
                js.id = id;
                js.src = "https://platform.twitter.com/widgets.js";
                fjs.parentNode.insertBefore(js, fjs);
                return window.twttr || (t = {
                        _e: [], ready: function (f) {
                            t._e.push(f)
                        }
                    });
            }(document, "script", "twitter-wjs"));
        </script>
      </div>
    {% endif %}

    <nav class="nav">
      <ul class="list-bare">

	{% for name, link, blank in MENUITEMS %}
	{% if blank %}
	<li><a id="nav_{{ name | lower() }}" class="nav__link" href="{{ link }}" title="{{ name|striptags }}" target="_blank">{{ name }}</a></li>
	{% else %}
	<li><a id="nav_{{ name | lower() }}" class="nav__link" href="{{ link }}" title="{{ name|striptags }}">{{ name }}</a></li>
	{% endif %}
	{% endfor %}

	{% if DISPLAY_PAGES_ON_MENU and pages %}{% for p in pages %}
	<li><a class="nav__link" href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
	{% endfor %}{% endif %}
	<li class="mobile-only"><a class="nav__link" href="/partners" title="Partners">Partners</a></li>
	<li class="mobile-only"><a class="nav__link" href="/social" title="Social Media">Social Media</a></li>
	<li class="mobile-only"><a class="nav__link" href="/colophon" title="Colophon">Colophon</a></li>
      </ul>
      <script src="/js/livepointers.js" type="text/javascript"></script>
    </nav>

    {% if DISPLAY_CATEGORIES_ON_MENU and categories %}
    <div class="categories">
      <h2>Categories</h2>
      <ul class="navbar">
	{% for cat, null in categories %}
	<li{% if cat == category %} class="active"{% endif %}><a
	  href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
	{% endfor %}
      </ul>
    </div>
    {% endif %}

    {% if LINKS %}
    <div class="links">
      <h2 class="blog_roll_link"><br/>BLOGROLLS</h2>
      <ul class="navbar">
	{% for name, link in LINKS %}
	<li><a href="{{ link }}">{{ name }}</a></li>
	{% endfor %}
      </ul>
    </div>
    {% endif %}

    {% include "partners.html" %}
    {% include "social.html" %}
    {% include "license.html" %}
</aside>

<!-- Content -->
<article>
    {% block content %}
    {% endblock %}
</article>

<!-- Footer -->
{% if DISPLAY_FOOTER or DISPLAY_FOOTER is not defined %}
<footer>
  <p>I contenuti del sito sono tutti rilasciati con licenza <a href="https://creativecommons.org/licenses/by/3.0/it/" title="Creative Commons - Attiribuzione 3.0">CC BY 3.0</a><br/>
  <a href="https://creativecommons.org/licenses/by/3.0/it/" title="Creative Commons - Attiribuzione 3.0"><img src="https://i0.wp.com/www.libreitalia.org/wp-content/uploads/2017/11/by.png?fit=249%2C87&amp;ssl=1" alt="Creative Commons BY Logo" /></a>
  </p>
</footer>
{% endif %}

{% if GOOGLE_ANALYTICS %}
<!-- Analytics -->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '{{ GOOGLE_ANALYTICS }}']);
  _gaq.push(['_trackPageview']);
  (function () {
   var ga = document.createElement('script');
   ga.type = 'text/javascript';
   ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0];
   s.parentNode.insertBefore(ga, s);
   })();
</script>
{% endif %}

</body>
</html>