tweetcast/nodejs-bis/client/index.html
author Raphael Velt <raph.velt@gmail.com>
Wed, 23 Nov 2011 18:49:52 +0100
changeset 391 698e4280d270
parent 390 239f91ac1f31
permissions -rw-r--r--
minor changes (highlighting search results, ...)
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     1
<!doctype html>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     2
<html>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     3
    <head>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     4
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     5
        <title>Polemic Tweet “TweetCast”</title>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
     6
        <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
     7
        <script type="text/javascript" src="config.js"></script>
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
     8
        <script type="text/javascript">
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
     9
            if( typeof STANDALONE_APP == "undefined" || !STANDALONE_APP) {
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    10
                document.write('<script type="text/javascript" src="/socket.io/socket.io.js"><' + '/script>');
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    11
            }
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
    12
        </script>
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    13
        <script type="text/javascript" src="js/raphael-min.js"></script>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    14
        <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
391
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    15
        <script type="text/javascript" src="js/underscore-min.js"></script>
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    16
        <script type="text/javascript" src="js/script.js"></script>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    17
        <link rel="stylesheet" href="css/style.css" type="text/css" />
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    18
    </head>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    19
    <body>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    20
        <div id="container">
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    21
            <div id="colgauche">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    22
                <div class="barre">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    23
                    <img id="headlogo" src="img/head_logo.gif" width="171" height="63" />
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    24
                    <ul class="menu">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    25
                        <li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    26
                            <a class="menuLink" href="#">Accueil</a>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    27
                        </li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    28
                        <li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    29
                            <a class="menuLink" href="#">Programme</a>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    30
                        </li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    31
                        <li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    32
                            <a class="menuLink" href="#">A propos</a>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    33
                        </li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    34
                    </ul>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    35
                </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    36
                <div id="twwWrap">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    37
                    <div id="tweetWriter">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    38
                        <h3>Annotations polémiques</h3>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    39
                    </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    40
                </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    41
                <div id="tweetviz">
390
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    42
                    <div class="barre">
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    43
                        <form id="recherche">
391
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    44
                            <input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
390
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    45
                            <input id="inp_submit" type="submit" />
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    46
                            <input id="inp_reset" type="reset" />
391
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    47
                            <div id="time_controls">
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    48
                                <div id="time_legende"></div>
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    49
                                <div id="time_scale"></div>
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    50
                                <a href="#" id="time_zoomout"></a>
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    51
                                <a href="#" id="time_zoomin"></a>
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    52
                            </div>
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    53
                            <div id="recherche_annot">
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    54
                                Recherche par annotation : <span id="rech_list_annot"></span><br />
698e4280d270 minor changes (highlighting search results, ...)
Raphael Velt <raph.velt@gmail.com>
parents: 390
diff changeset
    55
                            </div>
390
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    56
                        </form>
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    57
                    </div>
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    58
                    <ul id="tweetlist"></ul>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    59
                    <div id="timeline"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    60
                    <div id="scrollcont">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    61
                        <div id="scrollin"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    62
                    </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    63
                </div>
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
    64
            </div>
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    65
            <div id="coldroite">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    66
                <div id="vlWrap">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    67
                    <div id="videoLivePlayer"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    68
                </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    69
                <div id="out_fleche">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    70
                    <div id="in_fleche"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    71
                </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    72
                <ul id="accordeon">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    73
                    <li><h3>Nuage de mots-clés</h3></li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    74
                    <li class="deplie" id="motscles"></li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    75
                </ul>
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
    76
            </div>
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
    77
        </div>
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    78
        <div id="hovertweet">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    79
            <div id="hovercontent"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    80
            <div id="hoverarrow"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    81
        </div>
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    82
    </body>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    83
</html>