<commit_before><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Wizard of OZ</title>
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="">
    <meta name="author" content="<NAME>">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">

    <!-- Custom Fonts -->
    <script src="https://use.fontawesome.com/ebd2d08b0e.js"></script>
    <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

</head>

<body id="page-top" class="index">
<section>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="col-lg-12 text-xs-center">
                <h2>Tower Building</h2>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-6 offset-md-3 text-xs-center">
                <h3 style="display: inline-block; margin-bottom: 20px;">Robot State: </h3>
                <h3 style="display: inline-block;" id="robotstate"></h3>
            </div>
            <div class="col-md-6 offset-md-3 text-xs-center">
                <h3 style="display: inline-block; margin-bottom: 20px;">Answer: </h3>
                <h3 style="display: inline-block;" id="robotanswer"></h3>
            </div>
            <!-- <div class="col-xl-6 offset-xl-3 text-center">
                <div id="svg-container" class="svg-container">
                    <svg></svg>
                </div>
            </div> -->
            <div class="col-xl-5 offset-xl-1 text-xs-center">
                <h3 style="margin-top:40px;">Ask Object</h3>
                <div class="interface">
                    <button type="button" class="wood top btn btn-info btn-lg">3</button>
                    <button type="button" class="white top btn btn-info btn-lg">6</button>
                    <button type="button" class="blue top btn btn-info btn-lg">9</button>
                </div>
                <div class="interface">
                    <button type="button" class="wood bottom btn btn-info btn-lg">2</button>
                    <button type="button" class="white bottom btn btn-info btn-lg">5</button>
                    <button type="button" class="blue bottom btn btn-info btn-lg">8</button><commit_msg>[web-interface][tower_building] Better alignment of robot state and answer<commit_after><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Wizard of OZ</title>
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="">
    <meta name="author" content="<NAME>">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">

    <!-- Custom Fonts -->
    <script src="https://use.fontawesome.com/ebd2d08b0e.js"></script>
    <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

</head>

<body id="page-top" class="index">
<section>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="col-lg-12 text-xs-center">
                <h2>Tower Building</h2>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-3 offset-md-3 text-xs-right">
                <h3 style="display: inline-block; margin-bottom: 20px;">Robot State: </h3>
            </div>
            <div class="col-md-3 text-xs-left">
                <h3 style="display: inline-block;" id="robotstate"></h3>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3 offset-md-3 text-xs-right">
                <h3 style="display: inline-block; margin-bottom: 20px;">Answer: </h3>
            </div>
            <div class="col-md-3 text-xs-left">
                <h3 style="display: inline-block;" id="robotanswer"></h3>
            </div>
        </div>
        <div class="row">
            <!-- <div class="col-xl-6 offset-xl-3 text-center">
                <div id="svg-container" class="svg-container">
                    <svg></svg>
                </div>
            </div> -->
            <div class="col-xl-5 offset-xl-1 text-xs-center">
                <h3 style="margin-top:40px;">Ask Object</h3>
                <div class="interface">
                    <button type="button" class="wood top btn btn-info btn-lg">3</button>
                    <button type="button" class="white top btn btn-info btn-lg">6</button>
                    <button type="button" class="blue top btn btn-info btn-lg">9</button>
                </div>
                <div class="interface">
                    <button type="button" class="wood bottom btn btn-info btn-lg">2</button>
                    <button type="button" class="white bottom btn btn-info btn-lg">5</button>
                    <button type="button" class="blue bottom btn btn-info btn-lg">8</button>
{'fraction_non_alphanumeric': 0.17670609645131938, 'fraction_numerical': 0.02256596906278435, 'mean_word_length': 2.234844025897587, 'pattern_counts': {'":': 0, '<': 149, '<?xml version=': 0, '>': 149, 'https://': 4, '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': '3860945', 'n_tokens_mistral': 1798, 'n_tokens_neox': 1688, 'n_words': 334}