107 lines
4.1 KiB
HTML
107 lines
4.1 KiB
HTML
|
<!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>
|