<!DOCTYPE html>
<html lang='zxx'>
<head>
  <title>TetaWebApp - {% block title %}Accueil{% endblock %}</title>
  <meta name="viewport" content="initial-scale=1.0" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="/static/styles/colors.css" />
  <link rel="stylesheet" type="text/css" href="/static/styles/fonts.css" />
  <link rel="stylesheet" type="text/css" href="/static/styles/tetawebapp.css" />
  <link rel="icon" type="image/png" href="/static/images/favicon.png" />
  <script src="/static/scripts/tetawebapp.js"></script>
</head>
{% block bodyheader %}
<body>
{% endblock %}
  <header>{% block banner %}TetaWebApp{% endblock %}</header>
  <div class='content'>
    {% block nav %}
    <nav class='vertical'>
      {% block menu %}
        {% for item in menu %}
          {% for key in item[1] %}
            {% if item[2] == 1 %}
              <a class='selected' href='{{ key }}'>{{ item[0] }}</a>
            {% else %}
              <a href='{{ key }}'>{{ item[0] }}</a>
            {% endif %}
          {% endfor %}
        {% endfor %}
      {% endblock %}
    </nav>
    {% endblock%}
    <main>
        {% if navbar %}
          <div class='navbar_container'>
            <ul class='horizontal'>
            {% for item in navbar %}
              {% set selected = ['', 'selected'] %}
              {% set last = ['right_border', 'last'] %}
              {% for url in item[1] %}
                <li><a class='{{ last[item[3]] }} {{ selected[item[2]] }}' href='{{ url }}'>{{ item[0] }}</a></li>
              {% endfor %}
            {% endfor %}
            </ul>
          </div>
        {% endif %}
      {% block main %}
      <article class='right'>
        <h3>TetaWebApp demo</h3>
        <p>
          Welcome to the <strong>TetaWebApp</strong> demo
        </p>
        <p>
          TetaWebApp is a basic web application template based on <a href='http://flask.pocoo.org/'>Python/Flask</a>
          and <a href='https://www.w3schools.com/js/js_ajax_intro.asp'>AJAX</a> made by
          <a href='mailto:doug.letough@free.fr'>Doug Le Tough</a> from <a href='https://www.tetalab.org'>Tetalab</a>.
        </p>
        <p>
          The goal of this project is to provide a basic framework to make any web application you need while
          letting you complete freedom on how to use or extend it <strong>without</strong> using any Google,
          Bootstrap or any other piece of <strong>shitty free spyware</strong>.
        </p>
          TetaWebApp will <strong>never</strong> download or upload anything in any way.
        <p>
        </p>
        <p>There is <strong>no</strong> limitation, you can use all or only parts of <strong>TetaWebApp</strong>
        and you can <strong title='bullshit inside'>virtually</strong> do any app you want with TetaWebApp.
        </p>
        <p>
          But be sure that freedom has a cost: You <strong>will</strong> need work to make it work ;-)
        </p>
        <p>
          <strong>TetaWebApp</strong> is released under the only real <strong>free</strong> license: The
          <a href='http://www.wtfpl.net/'><img src='http://www.wtfpl.net/wp-content/uploads/2012/12/wtfpl-badge-2.png'
          title='WTFPL' alt='WTFPL' /></a>.
        </p>
        <pre>
        DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE 
                    Version 2, December 2004 

 Copyright (C) 2004 Sam Hocevar <sam@hocevar.net> 

 Everyone is permitted to copy and distribute verbatim or modified 
 copies of this license document, and changing it is allowed as long 
 as the name is changed. 

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE 
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 

  0. You just DO WHAT THE FUCK YOU WANT TO.
        </pre>
        <p>
          Get a copy of <strong>TetaWebApp</strong>:<br/>
          <pre>
git clone git://git.tetalab.org/tetalab/tetawebapp
          </pre>
        </p>
      </article>
      {% endblock %}
    </main>
  </div>
  {% block footer %}
  <footer>© - Tetalab - Le hacker space Toulousaing' putaing' cong' -</footer>
  {% endblock%}
</body>
</html>
