coloriseur.html 1.72 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="http://i3l.univ-grenoble-alpes.fr/~coulangs/panneaux-de-couleurs/css/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
    
    <div>
        <h1>Coloriseur phonographémique</h1>
    </div>
Sylvain Coulange's avatar
Sylvain Coulange committed
16

Sylvain Coulange's avatar
Sylvain Coulange committed
17
18
19
20
21
    <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
22
            <button formaction="/app/0">Effacer</button>
Sylvain Coulange's avatar
Sylvain Coulange committed
23
24
25
        </form>
    </div>

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

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

42
43
44
45
46
47
    <footer>
        <div class="footer">S.Coulange, {{data.update}} | 
        <a href="https://gricad-gitlab.univ-grenoble-alpes.fr/pedagogies-multimodales/wikicolor">Code source</a>
         - <a href="https://gricad-gitlab.univ-grenoble-alpes.fr/pedagogies-multimodales/wikicolor/commits/master">Journal des modifications</a>
        </div>
    </footer>
48

Sylvain Coulange's avatar
Sylvain Coulange committed
49
50
</body>
</html>