136 lines
6.2 KiB
HTML
136 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='zxx'>
|
|
<head>
|
|
<title>{% 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" />
|
|
<script type="text/javascript" src="/static/scripts/tetawebapp.js"></script>
|
|
</head>
|
|
{% block bodyheader %}
|
|
<body>
|
|
{% endblock %}
|
|
<header>{% block banner %}TetaWebApp{% endblock %}</header>
|
|
<div class='content'>
|
|
{% block nav %}
|
|
<nav>
|
|
{% block menu %}
|
|
{% for item in menu %}
|
|
{% if item[2] == 1 %}
|
|
<a class='selected' href='{{ item[1] }}'>{{ item[0] }}</a>
|
|
{% else %}
|
|
<a href='{{ item[1] }}'>{{ item[0] }}</a>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endblock %}
|
|
</nav>
|
|
{% endblock%}
|
|
<main>
|
|
{% block main %}
|
|
<article class='right'>
|
|
<h3>Le putain de titre</h3>
|
|
<img src='/static/images/dummy_pic.png' alt='dummy pic' title='dummy pic'/>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
|
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
|
officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
sed do eiusmod tempor incididunt ut labore
|
|
</p>
|
|
<p>This <a href='/plop.html'>link</a> may lead to an error page</p>
|
|
<p>
|
|
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
|
officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
|
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
|
officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
</article>
|
|
<article class='left'>
|
|
<h3>Le putain de titre 2</h3>
|
|
<img src='/static/images/dummy_pic.png' alt='dummy pic' title='dummy pic'/>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
|
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
|
officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
sed do eiusmod tempor incididunt ut labore
|
|
</p>
|
|
<p>
|
|
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
|
officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
|
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
|
officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
</article>
|
|
<article>
|
|
<h3>Inputs demo</h3>
|
|
<ul>
|
|
<li>plop</li>
|
|
<li>plap</li>
|
|
<li>plip</li>
|
|
</ul>
|
|
<ol>
|
|
<li>plop</li>
|
|
<li>plap</li>
|
|
<li>plip</li>
|
|
</ol>
|
|
<input type='text'/>
|
|
<button>Click me</button>
|
|
<br/>
|
|
<textarea cols='25'></textarea>
|
|
<br/>
|
|
<select>
|
|
{% for item in menu %}
|
|
<option>{{ item[0] }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<input type='submit' value='Click me too'/>
|
|
<br/>
|
|
<input type='button' value='And me !' />
|
|
<br/>
|
|
<input type='image' value='' src='/static/images/add.png' title='add' alt='add'/>
|
|
<input type='image' value='' src='/static/images/edit.png' title='edit' alt='edit'/>
|
|
<input type='image' value='' src='/static/images/login.png' title='login' alt='login'/>
|
|
<input type='image' value='' src='/static/images/logout.png' title='logout' alt='logout'/>
|
|
<input type='image' value='' src='/static/images/refresh.png' title='refresh' alt='refresh'/>
|
|
<input type='image' value='' src='/static/images/save.png' title='save' alt='save'/>
|
|
<input type='image' value='' src='/static/images/search.png' title='search' alt='search'/>
|
|
<input type='image' value='' src='/static/images/trash.png' title='trash' alt='trash'/>
|
|
<br/>
|
|
<pre>
|
|
#!/bin/sh
|
|
# This is code sample
|
|
while [ 1 ]
|
|
do
|
|
echo "Tits or GTFO !"
|
|
sleep .1
|
|
done
|
|
</pre>
|
|
</article>
|
|
{% endblock %}
|
|
</main>
|
|
</div>
|
|
{% block footer %}
|
|
<footer>© - Tetalab - Le hacker space Toulousaing' putaing' cong' -</footer>
|
|
{% endblock%}
|
|
</body>
|
|
</html>
|