<commit_before><!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=9">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">

        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script type="text/javascript" language="javascript" src="../js/webpods-client.js"></script>

        <script>
            var pathName = document.location.pathname.replace("demo/text-monitor.html", "");
            var wsUri = "ws://" + document.location.host + pathName + "socket";
            var wp = new Client(wsUri);
        </script>

        <script type="text/javascript" language="javascript" src="../js/widgets/text-monitor.js"></script>
        <link rel="stylesheet" href="../js/widgets/text-monitor.css">

        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
        <title>Text monitor examples</title>
    </head>
    <body>

        <div class="container" style="width:90%">
            <div class="row">
                <div class="col-lg-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Simple monitoring</div>
                        <div class="panel-body">
                            <p>sim/ramp: <span class="text-monitor" data-channel="sim/ramp"></span></p>
                            <p>sim/noise: <span class="text-monitor" data-channel="sim/noise"></span></p>
                            <p>sim/strings: <span class="text-monitor" data-channel="sim/strings"></span></p>
                            <p>sim/table: <span class="text-monitor" data-channel="sim/table"></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Changing size</div>
                        <div class="panel-body">
                            <p>width:50px; height: 10px - <span class="text-monitor" data-channel="sim/noise" style="width:50px; height: 10px"></span></p>
                            <p>width:100px; height: 14px - <span class="text-monitor" data-channel="sim/noise" style="width:100px; height: 14px"></span></p>
                            <p>width:150px; height: 18px - <span class="text-monitor" data-channel="sim/noise" style="width:150px; height: 18px"></span></p>
                            <p>width:200px; height: 22px - <span class="text-monitor" data-channel="sim/noise" style="width:200px; height: 22px"></span></p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Changing fonts</div>
                        <div class="panel-body">
                            <p>font-family: monospace - <span class="text-monitor" data-channel="sim/ramp" style="font-family: monospace"></span></p>
                            <p>font-family: serif - <span class="text-monitor" data-channel="sim/ramp" style="font-family: serif"></span></p>
                            <p>font: italic bold 18px Georgia, serif - <span class="text-monitor" data-channel="sim/ramp" style="font: italic bold 18px Georgia, serif;"></span></p>
                            <p style="font: 14px monospace;">font: 14px monospace (on parent) - <span class="text-monitor" data-channel="sim/ramp"></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Changing text alignment</div>
                        <div class="panel-body">
                            <p>text-align: left - <span class="text-monitor" data-channel="sim/ramp" style="text-align: left"></span></p>
                            <p>text-align: center - <span class="text-monitor" data-channel="sim/ramp" style="text-align: center"></span></p>
                            <p>text-align: right - <span class="text-monitor" data-channel="sim/ramp" style="text-align: right"></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Positioning</div>
                        <div class="panel-body">
                            <p>margin-left: 50px - <span class="text-monitor" data-channel="sim/ramp" style="margin-left: 50px"></span></p>
                            <p>float: right - <span class="text-monitor" data-channel="sim/ramp" style="float: right"></span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </body>
</html><commit_msg>webpods: adding navbar and links<commit_after><!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=9">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">

        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script type="text/javascript" language="javascript" src="../js/webpods-client.js"></script>

        <script>
            var pathName = document.location.pathname.replace("demo/text-monitor.html", "");
            var wsUri = "ws://" + document.location.host + pathName + "socket";
            var wp = new Client(wsUri);
        </script>

        <script type="text/javascript" language="javascript" src="../js/widgets/text-monitor.js"></script>
        <link rel="stylesheet" href="../js/widgets/text-monitor.css">

        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

        <!-- Latest compiled and minified JavaScript -->
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
        <title>Text monitor examples</title>
    </head>
    <body>
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">WebPODS</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="..">Home</a></li>
                        <li><a href=".">Examples</a></li>
                        <li class="active"><a href="#">text-monitor</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Useful links <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="http://diirt.org">diirt.org</a></li>
                                <li class="divider"></li>
                                <li><a href="https://github.com/diirt/diirt/wiki/WebPODS-users">User documentation</a></li>
                                <li><a href="https://github.com/diirt/diirt/wiki/WebPods">Developer documentation</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div>
        </nav>
        <div class="container-fluid" >
            <div class="row">
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Simple monitoring</div>
                        <div class="panel-body">
                            <p>sim/ramp: <span class="text-monitor" data-channel="sim/ramp"></span></p>
                            <p>sim/noise: <span class="text-monitor" data-channel="sim/noise"></span></p>
                            <p>sim/strings: <span class="text-monitor" data-channel="sim/strings"></span></p>
                            <p>sim/table: <span class="text-monitor" data-channel="sim/table"></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Changing size</div>
                        <div class="panel-body">
                            <p>width:50px; height: 10px - <span class="text-monitor" data-channel="sim/noise" style="width:50px; height: 10px"></span></p>
                            <p>width:100px; height: 14px - <span class="text-monitor" data-channel="sim/noise" style="width:100px; height: 14px"></span></p>
                            <p>width:150px; height: 18px - <span class="text-monitor" data-channel="sim/noise" style="width:150px; height: 18px"></span></p>
                            <p>width:200px; height: 22px - <span class="text-monitor" data-channel="sim/noise" style="width:200px; height: 22px"></span></p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Changing fonts</div>
                        <div class="panel-body">
                            <p>font-family: monospace - <span class="text-monitor" data-channel="sim/ramp" style="font-family: monospace"></span></p>
                            <p>font-family: serif - <span class="text-monitor" data-channel="sim/ramp" style="font-family: serif"></span></p>
                            <p>font: italic bold 18px Georgia, serif - <span class="text-monitor" data-channel="sim/ramp" style="font: italic bold 18px Georgia, serif;"></span></p>
                            <p style="font: 14px monospace;">font: 14px monospace (on parent) - <span class="text-monitor" data-channel="sim/ramp"></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Changing text alignment</div>
                        <div class="panel-body">
                            <p>text-align: left - <span class="text-monitor" data-channel="sim/ramp" style="text-align: left"></span></p>
                            <p>text-align: center - <span class="text-monitor" data-channel="sim/ramp" style="text-align: center"></span></p>
                            <p>text-align: right - <span class="text-monitor" data-channel="sim/ramp" style="text-align: right"></span></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-default">
                        <div class="panel-heading">Positioning</div>
                        <div class="panel-body">
                            <p>margin-left: 50px - <span class="text-monitor" data-channel="sim/ramp" style="margin-left: 50px"></span></p>
                            <p>float: right - <span class="text-monitor" data-channel="sim/ramp" style="float: right"></span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </body>
</html>
{'fraction_non_alphanumeric': 0.16962627238279218, 'fraction_numerical': 0.012185154914926815, 'mean_word_length': 1.6532623694066628, 'pattern_counts': {'":': 0, '<': 356, '<?xml version=': 0, '>': 356, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '974643', 'n_tokens_mistral': 3967, 'n_tokens_neox': 3681, 'n_words': 648}