{%- extends "basic/layout.html" %}

{%- macro navBar() %}
<div class="navbar">
  <ul>
    <li>
      <a class="brand" href="{{ pathto(master_doc) }}">{{ project|e }}</a>
      <span class="navbar-text">{{ version|e }}</span>
    </li>
    <li><a href="http://forum.drawbot.com">Forum</a></li>
    <!-- <li><a href="{{ pathto('content/quickReference.html', 1) }}">Quick Reference</a></li> -->
    <li><a href="{{ pathto('content/download.html', 1) }}">Download</a></li>
    <li><a href="{{ pathto('genindex.html', 1) }}">Index</a></li>
  </ul>
  {%- include "searchbox.html" %}
</div>
{%- endmacro %}

{%- block extrahead %}
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- favicon files, generated through https://realfavicongenerator.net -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ pathto('_static/favicons/apple-touch-icon.png',1) }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ pathto('_static/favicons/favicon-32x32.png',1) }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ pathto('_static/favicons/favicon-16x16.png',1) }}">
<link rel="manifest" href="{{ pathto('_static/favicons/site.webmanifest',1) }}">
<link rel="mask-icon" href="{{ pathto('_static/favicons/safari-pinned-tab.svg" color="#5bbad5',1) }}">
<link rel="shortcut icon" href="{{ pathto('_static/favicons/favicon.ico',1) }}">
<link href="https://typo.social/@drawbot" rel="me">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-config" content="_static/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- END favicon files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript" src="{{ pathto('_static/drawBotURLhandler.js', 1) }}"></script>
<script>
  document.documentElement.className += (("ontouchstart" in document.documentElement) ? ' touch' : ' no-touch');
</script>
{% endblock %}

{%- block header %}
<div class="container">
  <div class="header">
    <div class="sixteen columns">
      {%- if pagename == "index" %}
      <img src="{{ pathto('_static/drawBotIcon.svg', 1) }}" class="logo" alt="One of the colorful icons of the Drawbot app, used as a header image">
      {%- endif %}
      <div class="header-text">
        <h1><a href="{{ pathto(master_doc) }}">DrawBot</a></h1>
      </div>
    </div>
    <div class="three columns">&nbsp;</div>
    <div class="eleven columns">
      {{ navBar() }}
    </div>
  </div>
  <div class="clearer"></div>
  {% endblock %}

  {%- block relbar1 %}
  {% endblock %}

  {%- block sidebar1 %}
  <div class="three columns">
    <div class="sphinxsidebarwrapper">
      {{ toctree(includehidden=True) }}
    </div>
    <div class="canhide">

      {%- if prev %}
        <div class="canhide">
          <h4>{{ _('Previous') }}</h4>
          <p class="topless">
            <a href="{{ prev.link|e }}" title="{{ _('previous chapter') }}">{{ prev.title }}</a>
          </p>
        </div>
      {%- endif %}
      {%- if next %}
        <div class="canhide">
          <h4>{{ _('Next') }}</h4>
          <p class="topless">
            <a href="{{ next.link|e }}" title="{{ _('next chapter') }}">{{ next.title }}</a>
          </p>
        </div>
      {%- endif %}

      <h3>More</h3>
      <ul>
        <li><a href="http://docs.python.org/">Python</a></li>
        <li><a href="https://github.com/typemytype/drawbot">DrawBot Source</a></li>
        <li><a href="http://forum.drawbot.com">Forum</a></li>
      </ul>
    </div>
  </div>
  {% endblock %}

  {% block document %}
  <div class="eleven columns">
    <div class="documentwrapper">
      {%- if render_sidebar %}
      <div class="bodywrapper">
        {%- endif %}
        <div class="body" id="content">
          {% block body %} {% endblock %}
          {%- if pagename == "index" %}
          <h2>Toots</h2>
          <iframe allowfullscreen sandbox="allow-top-navigation allow-scripts" width="640" height="500" src="https://www.mastofeed.com/apiv2/feed?userurl=https%3A%2F%2Ftypo.social%2Fusers%2FDrawBot&theme=auto&size=100&header=false&replies=false&boosts=false"></iframe>
          {%- endif %}
        </div>
        {%- if render_sidebar %}
      </div>
      {%- endif %}
    </div>
  </div>
  {% endblock %}




  {%- block relbar2 %}
  {% endblock %}

  {%- block footer %}
</div>
{%- if pagename == "genindex" %}
<script>
  content = $("#content");
  html = content.html();
  html = html.replace(/\(\) \(in module drawBot\)/g, '');
  html = html.replace(/\(\) \(built-in function\)/g, '');
  content.html(html);
</script>
{%- endif %}
<div class="sixteen columns">
  <div class="footer">
    <div class="description">Drawing With <a href="http://www.python.org">Python</a></div>
    <div>
      &copy; Copyright <script>
        document.write(new Date().getFullYear())
      </script>
      <a href="http://letterror.com">Just van Rossum</a>, <a href="http://letterror.com">Erik van Blokland</a>, <a href="http://typemytype.com">Frederik Berlaen</a>
    </div>
    {%- if last_updated %}
    <div>
      {% trans last_updated=last_updated|e %}Last updated on {{ last_updated }}.{% endtrans %}
    </div>
    {%- endif %}
    {%- if show_sphinx %}
    <div>
      {% trans sphinx_version=sphinx_version|e %}Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> {{ sphinx_version }}.{% endtrans %}
    </div>
    {%- endif %}
  </div>
</div>
{%- endblock %}