coloriseur.html 2.1 KB
Newer Older
Sylvain Coulange's avatar
Sylvain Coulange committed
1
2
3
4
5
6
{% load static %}
<!DOCTYPE html>
<html>
<head>
    <title>Coloriseur phonographémique</title>
    <meta charset="utf-8">
7
    <link rel="stylesheet" type="text/css" href="{% static 'styles/kinephones_style_v2.css'%}">
Sylvain Coulange's avatar
Sylvain Coulange committed
8
    <link rel="stylesheet" type="text/css" href="{% static 'styles/styles.css'%}">
9
    <!-- <link rel="stylesheet" type="text/css" href="{% static 'styles/kinephones_style.css'%}"> -->
Sylvain Coulange's avatar
Sylvain Coulange committed
10
11
</head>
<body>
12
13
14
15
16
    {% include 'header.html' %}
    <h2>
            <span class="phon_k">C</span><span class="phon_o_maj">o</span><span class="phon_l">l</span><span class="phon_o_maj">o</span><span class="phon_r_maj">r</span><span class="phon_i">i</span><span class="phon_z">s</span><span class="phon_9">eu</span><span class="phon_r_maj">r</span>
            <span> </span><span class="phon_f">Ph</span><span class="phon_o_maj">o</span><span class="phon_n">n</span><span class="phon_o_maj">o</span><span class="phon_g">g</span><span class="phon_r_maj">r</span><span class="phon_a">a</span><span class="phon_f">ph</span><span class="phon_e">é</span><span class="phon_m">m</span><span class="phon_i">i</span><span class="phon_k">que</span>
    </h2>
Sylvain Coulange's avatar
Sylvain Coulange committed
17

Sylvain Coulange's avatar
Sylvain Coulange committed
18
19
20
21
22
    <div class="inputDiv">
        <form action="/app/" method="post">{% csrf_token %}
            <h2>Entrer du texte à coloriser :</h2>
            <textarea name="inText">{{ data.text }}</textarea><br/>
            <input type="submit" value="Coloriser"/>
Sylvain Coulange's avatar
Sylvain Coulange committed
23
            <button formaction="/app/0">Effacer</button>
Sylvain Coulange's avatar
Sylvain Coulange committed
24
25
26
        </form>
    </div>

27
    <div class="win-black outputMainDiv">
Sylvain Coulange's avatar
Sylvain Coulange committed
28
        <h2>Résultat :</h2>
29
        <div class="output">
30
31
32
33
34
            {% for phonographieList in data.pphh %}
                {% for phonographie in phonographieList %}
                    {% for entree in phonographie %}<span class="{{entree.phon}}">{{entree.graph}}</span>{% endfor %}
                    <span> </span>
                {% endfor %}
35
36
            {% endfor %}
        </div>
37
38
    </div>

Sylvain Coulange's avatar
Sylvain Coulange committed
39
    <div>
40
        <form method="POST">{% csrf_token %}
Sylvain Coulange's avatar
Sylvain Coulange committed
41
42
43
44
            <button formaction="/app/dico/">Éditer le dictionnaire</button>
        </form>
    </div>

45
    {% include 'footer.html' %}
46

Sylvain Coulange's avatar
Sylvain Coulange committed
47
48
</body>
</html>