<commit_before><!DOCTYPE HTML>
<html>
<head>
    <title>Simone says</title>

    <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="../static/css/freelancer.css" rel="stylesheet">

    <!-- jQuery -->
    <script src="../static/js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="../static/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="../static/js/classie.js"></script>
    <script src="../static/js/cbpAnimatedHeader.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="../static/js/freelancer.js"></script>

    <!-- JQuery cookies -->
    <script src="../static/js/jquery.cookie.js"></script>

    
    <script type="text/javascript" src="//code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.16/socket.io.min.js"></script>
    <script type="text/javascript" charset="utf-8">

        $(document).ready(function(){
            namespace = '/test'; // change to an empty string to use the global namespace

            // the socket.io documentation recommends sending an explicit package upon connection
            // this is specially important when using the global namespace

            socket = io.connect('http://' + document.domain + ':' + location.port + namespace);

            socket.on('connect', function() {
                socket.emit('my event', {data: 'I\'m connected!'});
                socket.emit('get game id', {});
                console.log("invoking start");
            });
            socket.on('game id', function(msg) {
                console.log(msg);
                socket.emit('my event', {data: 'I\'m connected!'});
                var elements = $('#games').children();

                for (var i = 0; i < elements.length; i++) {
                    $(elements[i]).hide();
                }
                $('#'+msg.id).show();
                socket.emit('get game data', {});
            });
            socket.on('game data', function(msg) {console.log(msg)});

            // event handler for server sent data
            // the data is displayed in the "Received" section of the page
	    socket.on('err', function(msg) {
                window.alert(msg.data);
            });

	 $('form#game1').submit(function(event) {
                socket.emit('game', {data: "game1"});
                return false;
            });

		
            socket.on('user list', function(msg) {
                $('#users').text(msg.data);
            });
})

    </script>
</head>
<body>
    <div class="container">
        <div id="games">
            <div id="game1">
                <form id="game1" method="POST" action='#'/>
                    <input type="submit" value="Push me!"/>
                </form>
            </div>
            <div id="pickone">
                <button type="button" class="btn btn-default" aria-label="Left Align"></button>
                <button type="button" class="btn btn-primary" aria-label="Left Align"></button>
            </div>
            <div id="wait" style="background-color:red;height:100px;width:100px" >

            </div>

        </div>
    </div>
    <div id="users">
    </div>
    <div id="log">
    </div>
</body>
</html><commit_msg>Fix for the template.<commit_after><!DOCTYPE HTML>
<html>
<head>
    <title>Simone says</title>

    <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="../static/css/freelancer.css" rel="stylesheet">

    <!-- jQuery -->
    <script src="../static/js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="../static/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="//code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.16/socket.io.min.js"></script>
    <script type="text/javascript" charset="utf-8">

    $(document).ready(function(){
        namespace = '/test'; // change to an empty string to use the global namespace

        // the socket.io documentation recommends sending an explicit package upon connection
        // this is specially important when using the global namespace

        socket = io.connect('http://' + document.domain + ':' + location.port + namespace);

        socket.on('connect', function() {
            socket.emit('my event', {data: 'I\'m connected!'});
            socket.emit('get game id', {});
            console.log("invoking start");
        });
        socket.on('game id', function(msg) {
            console.log(msg);
            socket.emit('my event', {data: 'I\'m connected!'});
            var elements = $('#games').children();

            for (var i = 0; i < elements.length; i++) {
                $(elements[i]).hide();
            }
            $('#'+msg.id).show();
            socket.emit('get game data', {});
        });
        socket.on('game data', function(msg) {console.log(msg)});

        // event handler for server sent data
        // the data is displayed in the "Received" section of the page
        socket.on('err', function(msg) {
            window.alert(msg.data);
        });

        $('form#game1').submit(function(event) {
            socket.emit('game', {data: "game1"});
            return false;
        });

        socket.on('user list', function(msg) {
            $('#users').text(msg.data);
        });
})

    </script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div id="games">
                <div id="game1">
                    <form id="game1" method="POST" action='#'/>
                        <input type="submit" value="Push me!"/>
                    </form>
                </div>
                <div id="pickone">
                    <button type="button" class="btn btn-default" aria-label="Left Align"></button>
                    <button type="button" class="btn btn-primary" aria-label="Left Align"></button>
                </div>
                <div id="wait" style="background-color:red;height:100px;width:100px" >

                </div>

            </div>
        </div>
    </div>
    <div id="users">
    </div>
    <div id="log">
    </div>
</body>
</html>
{'fraction_non_alphanumeric': 0.18328220858895705, 'fraction_numerical': 0.005828220858895706, 'mean_word_length': 1.928154467894028, 'pattern_counts': {'":': 0, '<': 110, '<?xml version=': 0, '>': 108, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2608610', 'n_tokens_mistral': 1915, 'n_tokens_neox': 1803, 'n_words': 408}