tweetcast/nodejs-bis/client/index.html
author Raphael Velt <raph.velt@gmail.com>
Tue, 22 Nov 2011 18:33:51 +0100
changeset 390 239f91ac1f31
parent 385 886bfa7441d0
child 391 698e4280d270
permissions -rw-r--r--
Ajout de la recherche dans page live
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>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    15
        <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
    16
        <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
    17
    </head>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    18
    <body>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    19
        <div id="container">
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    20
            <div id="colgauche">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    21
                <div class="barre">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    22
                    <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
    23
                    <ul class="menu">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    24
                        <li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    25
                            <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
    26
                        </li>
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
                            <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
    29
                        </li>
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
                            <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
    32
                        </li>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    33
                    </ul>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    34
                </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    35
                <div id="twwWrap">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    36
                    <div id="tweetWriter">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    37
                        <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
    38
                    </div>
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 id="tweetviz">
390
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    41
                    <div class="barre">
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    42
                        <form id="recherche">
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    43
                            <input class="greyed" name="q" id="inp_q" value="Rechercher dans les tweets" />
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    44
                            <input id="inp_submit" type="submit" />
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    45
                            <input id="inp_reset" type="reset" />
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    46
                        </form>
239f91ac1f31 Ajout de la recherche dans page live
Raphael Velt <raph.velt@gmail.com>
parents: 385
diff changeset
    47
                    </div>
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    48
                    <ul id="tweetlist"></ul>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    49
                    <div id="timeline"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    50
                    <div id="scrollcont">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    51
                        <div id="scrollin"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    52
                    </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    53
                </div>
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
    54
            </div>
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    55
            <div id="coldroite">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    56
                <div id="vlWrap">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    57
                    <div id="videoLivePlayer"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    58
                </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    59
                <div id="out_fleche">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    60
                    <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
    61
                </div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    62
                <ul id="accordeon">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    63
                    <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
    64
                    <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
    65
                </ul>
380
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
    66
            </div>
b3f66379fed7 Ameliorations visu live des tweets
Raphael Velt <raph.velt@gmail.com>
parents: 360
diff changeset
    67
        </div>
385
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    68
        <div id="hovertweet">
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    69
            <div id="hovercontent"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    70
            <div id="hoverarrow"></div>
886bfa7441d0 Debut integration des creas de samuel dans PT live
Raphael Velt <raph.velt@gmail.com>
parents: 380
diff changeset
    71
        </div>
360
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    72
    </body>
d49991fe4892 Version mieux adaptee aux volumes de tweets des conferences
Raphael Velt <raph.velt@gmail.com>
parents:
diff changeset
    73
</html>