<commit_before><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Mbot WebBluetooth</title>
    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="manifest" href="manifest.json">
    <!--<meta name="HandheldFriendly" content="true" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="apple-mobile-web-app-title" content="Phaser App">-->
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
    <script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
    <link rel="icon" type="image/png" href="./assets/images/logo.png">
</head>

<body>
    <!-- Always shows a header, even in smaller screens. -->

    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
        <header class="mdl-layout__header">
            <div class="mdl-layout__header-row">
                <!-- Title -->
                <img src="./assets/images/logo_128.png">
                <span class="mdl-layout-title">MBot Application</span>

            </div>
        </header>
        <div class="mdl-layout__content">
            <div class="page-content">
                <!-- Your content goes here -->
                <section id="noBluetooth">

                    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
                        <div class="mdl-card__title">
                            <h2 class="mdl-card__title-text">No Bluetooth</h2>
                        </div>
                        <div class="mdl-card__supporting-text">
                            Web Bluetooth isn't currently enabled. Please check that your browser and device support it and have any necessary development
                            flags set.
                        </div>
                        <div class="mdl-card__actions mdl-card--border">
                            <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" target="_blank" href="https://github.com/WebBluetoothCG/web-bluetooth#web-bluetooth">
      More info
    </a>
                        </div>
                        <div class="mdl-card__menu">
                            <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
                                <i class="material-icons">bluetooth_disabled</i>
                            </button>
                        </div>
                    </div>
                </section>
                <section id="stepConnect" style="display:none;">
                    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
                        <div class="mdl-card__title">
                            <h2 class="mdl-card__title-text">Connect to mBot</h2>
                        </div>
                        <div class="mdl-card__supporting-text">
                            You have to be connect to the mBot to play with it
                        </div>
                        <div class="mdl-card__actions mdl-card--border">
                            <button id="connectBtn" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
                                Connect <i class="material-icons">bluetooth</i>
                            </button>
                        </div>
                    </div>
                    <!-- Raised disabled button-->
                </section>
                <section id="stepControl" style="display:none;">
                    <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
                        <div class="mdl-tabs__tab-bar">
                            <a href="#control-panel" class="mdl-tabs__tab is-active">Controls</a>
                            <a href="#color-panel" class="mdl-tabs__tab">Color</a>
                            <a href="#sound-panel" class="mdl-tabs__tab">Sound</a>
                        </div>

                        <div class="mdl-tabs__panel is-active" id="control-panel">
                            <div class="panel-flex">
                                <h2 class="mdl-card__title-text">Move your mbot</h2>
                                <div class="part-button">
                                    <div class="row">
                                        <div class="flex20"></div>
                                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex60" id="btnUp">
                                            Up
                                        </button>
                                        <div class="flex20"></div>
                                    </div>
                                    <div class="row">
                                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex40" id="btnLeft">
                                            Left
                                        </button>
                                        <div class="flex20"></div>
                                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex40" id="btnRight">
                                            Right
                                        </button>
                                    </div>
                                    <div class="row">
                                        <div class="flex20"></div>
                                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex60" id="btnDown">
                                            Down
                                        </button>
                                        <div class="flex20"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mdl-tabs__panel" id="color-panel">
                            <div class="panel-flex">
                                <h2 class="mdl-card__title-text">Choose the color to apply</h2>
                                <canvas mbot-colorpicker="bleCtrl.changeColor(red,blue,green)"></canvas>
                            </div>
                        </div>
                        <div class="mdl-tabs__panel" id="sound-panel">
                            <div class="panel-flex">
                                <h2 class="mdl-card__title-text">Press the button to change the sound</h2>
                                <div class="row">
                                    <div class="flex20"></div>
                                    <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex60" id="btnBuzz">
                                        Buzz
                                    </button>
                                    <div class="flex20"></div>
                                </div>
                            </div>
                        </div>
                    </div>





                </section>
            </div>
        </div>
    </div>
    <script src="./bundle.js"></script>
</body>

</html><commit_msg>ajout origin trial for webbluetooth<commit_after><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Mbot WebBluetooth</title>
    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="manifest" href="manifest.json">
    <!-- Origin Trial Token, feature = Web Bluetooth, origin = https://jef.binomed.fr, expires = 2016-09-08 -->
    <meta http-equiv="origin-trial" content="<KEY> />
    <!--<meta name="HandheldFriendly" content="true" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="apple-mobile-web-app-title" content="Phaser App">-->
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css">
    <script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script>
    <link rel="icon" type="image/png" href="./assets/images/logo.png">
</head>

<body>
    <!-- Always shows a header, even in smaller screens. -->

    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
        <header class="mdl-layout__header">
            <div class="mdl-layout__header-row">
                <!-- Title -->
                <img src="./assets/images/logo_128.png">
                <span class="mdl-layout-title">MBot Application</span>

            </div>
        </header>
        <div class="mdl-layout__content">
            <div class="page-content">
                <!-- Your content goes here -->
                <section id="noBluetooth">

                    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
                        <div class="mdl-card__title">
                            <h2 class="mdl-card__title-text">No Bluetooth</h2>
                        </div>
                        <div class="mdl-card__supporting-text">
                            Web Bluetooth isn't currently enabled. Please check that your browser and device support it and have any necessary development
                            flags set.
                        </div>
                        <div class="mdl-card__actions mdl-card--border">
                            <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" target="_blank" href="https://github.com/WebBluetoothCG/web-bluetooth#web-bluetooth">
      More info
    </a>
                        </div>
                        <div class="mdl-card__menu">
                            <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
                                <i class="material-icons">bluetooth_disabled</i>
                            </button>
                        </div>
                    </div>
                </section>
                <section id="stepConnect" style="display:none;">
                    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
                        <div class="mdl-card__title">
                            <h2 class="mdl-card__title-text">Connect to mBot</h2>
                        </div>
                        <div class="mdl-card__supporting-text">
                            You have to be connect to the mBot to play with it
                        </div>
                        <div class="mdl-card__actions mdl-card--border">
                            <button id="connectBtn" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">
                                Connect <i class="material-icons">bluetooth</i>
                            </button>
                        </div>
                    </div>
                    <!-- Raised disabled button-->
                </section>
                <section id="stepControl" style="display:none;">
                    <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
                        <div class="mdl-tabs__tab-bar">
                            <a href="#control-panel" class="mdl-tabs__tab is-active">Controls</a>
                            <a href="#color-panel" class="mdl-tabs__tab">Color</a>
                            <a href="#sound-panel" class="mdl-tabs__tab">Sound</a>
                        </div>

                        <div class="mdl-tabs__panel is-active" id="control-panel">
                            <div class="panel-flex">
                                <h2 class="mdl-card__title-text">Move your mbot</h2>
                                <div class="part-button">
                                    <div class="row">
                                        <div class="flex20"></div>
                                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex60" id="btnUp">
                                            Up
                                        </button>
                                        <div class="flex20"></div>
                                    </div>
                                    <div class="row">
                                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex40" id="btnLeft">
                                            Left
                                        </button>
                                        <div class="flex20"></div>
                                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex40" id="btnRight">
                                            Right
                                        </button>
                                    </div>
                                    <div class="row">
                                        <div class="flex20"></div>
                                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex60" id="btnDown">
                                            Down
                                        </button>
                                        <div class="flex20"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mdl-tabs__panel" id="color-panel">
                            <div class="panel-flex">
                                <h2 class="mdl-card__title-text">Choose the color to apply</h2>
                                <canvas mbot-colorpicker="bleCtrl.changeColor(red,blue,green)"></canvas>
                            </div>
                        </div>
                        <div class="mdl-tabs__panel" id="sound-panel">
                            <div class="panel-flex">
                                <h2 class="mdl-card__title-text">Press the button to change the sound</h2>
                                <div class="row">
                                    <div class="flex20"></div>
                                    <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect flex60" id="btnBuzz">
                                        Buzz
                                    </button>
                                    <div class="flex20"></div>
                                </div>
                            </div>
                        </div>
                    </div>





                </section>
            </div>
        </div>
    </div>
    <script src="./bundle.js"></script>
</body>

</html>
{'fraction_non_alphanumeric': 0.1271252942715145, 'fraction_numerical': 0.007193303688202982, 'mean_word_length': 1.098668862357623, 'pattern_counts': {'":': 0, '<': 294, '<?xml version=': 0, '>': 294, 'https://': 9, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 92, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6216498', 'n_tokens_mistral': 3953, 'n_tokens_neox': 3718, 'n_words': 702}