{#
    tinkerturquoise/layout.html
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Layout for tinkerturquoise theme.

    :copyright: Copyright 2013 by naoiwata
    :license: FreeBSD, see LICENSE file
#}

{% extends "boilerplate/layout.html" %}

{%- block header -%}
{# Move navigation above the header #}
  {{ super() }}
  <nav>
    <ul>
      {%- block quicklinks -%}
        {%- if rss_in_page_nav -%}
        <li class="quicklink">{{ rss_link() }}</li>
        {%- endif -%}
      {%- endblock -%}
      {% for page in pages -%}
        <li class="main-nav">
          <a href="{{ pathto(page[0]) }}">{{ page[1]|e }}</a>
        </li>
      {% endfor -%}
        <li>
          <a href="{{ pathto('archive') }}">Archives</a>
        </li>
    </ul>
  </nav>
{%- endblock -%}
{%- block navigation -%}
{%- endblock -%}

{#- Post layout -#}
{%- block document -%}
    <article>
        {%- block body -%}{%- endblock -%}
        {%- block relbar -%}{{ relbar() }}{%- endblock -%}
        {%- block comments_section -%}{%- endblock -%}
    </article>
{%- endblock -%}

{%- block footer -%}
  <footer class="wrapper">&copy; Copyright {{ copyright }}. Powered by <a href="http://www.tinkerer.me/" target="_blank">Tinkerer</a> and <a href="http://sphinx.pocoo.org/" target="_blank">Sphinx</a>. This theme is originally designed by <a href="http://naoiwata.github.com/" target="_blank">naoiwata</a>.</footer>
  <script type="text/javascript">
    var FixZoom,
    __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
    FixZoom = (function() {
      var ua;
      ua = window.navigator.userAgent.toLowerCase();

      function FixZoom() {
        this.on_resize = __bind(this.on_resize, this);
        this.dom_id = 'wrap';
        this.max_width = 640;
        this.device_width = null;
        this.device_height = null;
        this.window_width = window.innerWidth;
        this.window_height = window.innerHeight;
        this.iphone = ua.indexOf('iphone') > -1;
        this.ipod = ua.indexOf('ipod') > -1;
        this.ipad = ua.indexOf('ipad') > -1;
        this.android = ua.indexOf('android') > -1;
      }

      FixZoom.prototype.init = function(dom_id, max) {
        var _this = this;
        this.dom_id = dom_id;
        if (max > 0) {
          this.max_width = max;
        }
        setTimeout(function() {
          window.scrollTo(0, 1);
          return _this.on_resize();
        }, 100);
        this.set_ua();
        this.on_resize();
        window.addEventListener('resize', this.on_resize);
      };

      FixZoom.prototype.on_resize = function() {
        var wrapper;
        if (!this.iphone && !this.ipod && !this.android) {
          return;
        }
        this.window_width = window.innerWidth;
        wrapper = document.getElementById(this.dom_id);
        if (this.window_width >= this.max_width) {
          wrapper.style.width = this.max_width + 'px';
          wrapper.style.margin = '0 auto';
        } else {
          wrapper.style.zoom = this.window_width / this.max_width;
        }
      };

      FixZoom.prototype.set_ua = function() {
        if (this.iphone || this.ipod || this.android) {
          document.body.className += ' sp';
        } else if (this.ipad) {
          document.body.className += ' ipad';
        } else {
          document.body.className += ' pc';
        }
      };

      return FixZoom;

    })();

    window.fix_zoom = new FixZoom();
    $('head').append('<meta content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport" />');
    fix_zoom.init('container', 640);
  </script>
{%- endblock -%}