<commit_before><!DOCTYPE html>
<html>
<head>
    <title>ChatGlobal</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script src="static/js/chat.js"></script>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/chat.css">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>

<body>

    <div class="row">
        <div class="">
            <div class="container" style="padding-top: 15px">
                <div class="jumbotron">
                    <h1>ChatGlobal.</h1>
                    <p>Break the language barrier. Chat around the world.</p>
                    <br>
                    <p>
                        <button type="button" class="btn btn-primary" id="getUserInfo">
                            Get started
                            <span class="glyphicon glyphicon-chevron-right"></span>
                        </button>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div id="overlay">
        <div class="row">
            <div class="col-sm-10 col-md-10 col-lg-10 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h2 class="panel-title">Let's get started</h2>
                    </div>
                    <div class="panel-body">
                        <form role="form" class="form-horizontal">
                            <div class="form-group">
                                <label for="user_name" class="col-sm-5 col-md-3 control-label">What's your name?</label>
                                <div class="col-sm-7 col-md-9">
                                    <input type="text" class="form-control" id="user_name" placeholder="Enter name">
                                </div>
                            </div>
<!--                             <div id="username_alert" style="height:0;overflow:hidden" class="col-sm-8 col-sm-offset-4">
                                <div class="alert alert-danger" style="padding-bottom:10px;">
                                    You need a username!
                                </div>
                            </div>
 -->                            <div class="form-group">
                                <label for="user_lang" class="col-sm-5 col-md-3 control-label">What's your language?</label>
                                <div class="col-sm-7 col-md-9">
                                    <select class="form-control" id="user_lang">
                                        <option value="en">English</option>
                                        <option value="es">Spanish</option>
                                        <option value="fr">French</option>
                                    </select>
                                </div>
                            </div>
                        </form>
                        <button type="button" class="btn btn-default" id="overlay_cancel">Cancel</button>
                        <button type="button" class="btn btn-primary" id="overlay_submit">Start chatting</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="chat" class="hide">
        <div class="row">
            <div class="col-sm-10 col-md-10 col-lg-10 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
                <div class="page-header">
                    <h1>ChatGlobal <small>Chat around the world.</small></h1>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-10 col-md-10 col-lg-10 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
                <div id="messages">
                    <table id="message_list" class="list-group">
                    </table>
                </div>
            </div><commit_msg>Fixes for mobile header<commit_after><!DOCTYPE html>
<html>
<head>
    <title>ChatGlobal</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script src="static/js/chat.js"></script>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/chat.css">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>

<body>

    <div class="row">
        <div class="">
            <div class="container" style="padding-top: 15px">
                <div class="jumbotron">
                    <h1>ChatGlobal.</h1>
                    <p>Break the language barrier. Chat around the world.</p>
                    <br>
                    <p>
                        <button type="button" class="btn btn-primary" id="getUserInfo">
                            Get started
                            <span class="glyphicon glyphicon-chevron-right"></span>
                        </button>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div id="overlay">
        <div class="row">
            <div class="col-sm-10 col-md-10 col-lg-10 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h2 class="panel-title">Let's get started</h2>
                    </div>
                    <div class="panel-body">
                        <form role="form" class="form-horizontal">
                            <div class="form-group">
                                <label for="user_name" class="col-sm-5 col-md-3 control-label">What's your name?</label>
                                <div class="col-sm-7 col-md-9">
                                    <input type="text" class="form-control" id="user_name" placeholder="Enter name">
                                </div>
                            </div>
<!--                             <div id="username_alert" style="height:0;overflow:hidden" class="col-sm-8 col-sm-offset-4">
                                <div class="alert alert-danger" style="padding-bottom:10px;">
                                    You need a username!
                                </div>
                            </div>
 -->                            <div class="form-group">
                                <label for="user_lang" class="col-sm-5 col-md-3 control-label">What's your language?</label>
                                <div class="col-sm-7 col-md-9">
                                    <select class="form-control" id="user_lang">
                                        <option value="en">English</option>
                                        <option value="es">Spanish</option>
                                        <option value="fr">French</option>
                                    </select>
                                </div>
                            </div>
                        </form>
                        <button type="button" class="btn btn-default" id="overlay_cancel">Cancel</button>
                        <button type="button" class="btn btn-primary" id="overlay_submit">Start chatting</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="chat" class="hide">
        <div class="row">
            <div class="col-sm-10 col-md-10 col-lg-10 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
                <div class="page-header hidden-xs">
                    <h1>ChatGlobal <small>Chat around the world.</small></h1>
                </div>
                <div class="visible-xs">
                    <h1>ChatGlobal <small>Chat around the world.</small></h1>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-10 col-md-10 col-lg-10 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
                <div id="messages">
                    <table id="message_list" class="list-group">
                    </table>
                </div>
            </div>
{'fraction_non_alphanumeric': 0.145751331326696, 'fraction_numerical': 0.01435517480898356, 'mean_word_length': 1.247983346344002, 'pattern_counts': {'":': 0, '<': 209, '<?xml version=': 0, '>': 209, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 16, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3648991', 'n_tokens_mistral': 2426, 'n_tokens_neox': 2272, 'n_words': 425}