<commit_before><!doctype html>
<html lang=en>
    <head>
        <meta charset="utf-8">
        <title lang=fr>Autour de moi</title>
        
        <meta name="description" content="Autour de moi">

        <script defer src="https://d3js.org/d3-collection.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-dispatch.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-quadtree.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-timer.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-force.v1.js"></script>
        <script defer src="https://d3js.org/d3-color.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-interpolate.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>

        <script defer src="https://rawgit.com/DavidBruant/8b628704eee463dfb40e/raw/63f05483acd3cf0538a92814fd8ec5d88ff8ed18/remember.js"></script>

        <script defer src="client/js/rememberGraph.js"></script>

        <script defer src="client/js/constants.js"></script>
        <script defer src="client/js/store.js"></script>
        <script defer src="client/js/reducers.js"></script>
        
        <script defer src="client/js/components/editPanel.js"></script>
        <script defer src="client/js/components/graphNode.js"></script>
        
        <script defer src="client/js/main.js"></script>

        <link rel="stylesheet" href="https://rawgit.com/DavidBruant/better-defaults/master/defaults.css">

        <style>
            html, body{
                height: 100%;
                width: 100%;
            }

            body{
                display: flex;
                flex-direction: column;

                justify-content: start;
                align-items: center;
            }

            h1{
                padding: 0.3em;
                margin: 0;
            }

            svg{
                background-color: moccasin;
            }

            .graph-container{
                height: 80%;
                width: 80%;

                display: flex;
                justify-content: center;
                align-items: start;
            }

            .node{}

            .node.selected circle{
                stroke: gold;
                stroke-width: 2;
            }

            .edge{
                stroke: lightblue;
                stroke-width: 2;
            }


            /*
                Edit panel
            */
            .edit-panel{
                position: fixed;
                height: 100%;
                width: 23vw;
                right: 0;
                background-color: beige;

                padding: 0.5em;
            }

            label {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            label > input,
            label > textarea {
                margin: 0 0.5em;
                flex: 1;
            }

            label > textarea{
                height: 10em;
            }

            /*
                Color picker
            */

            .color-picker{
                display: flex;
                justify-content: space-between;
                align-items: center;

                margin: 0.5em 0;

                height: 2em;
            }

            .color-picker > *{
                height: 100%;
                width: 2em;
            }

        </style>
    </head>

    <body>
        <h1>Autour de moi</h1>
        <div class="graph-container"></div>
    </body>
</html>
<commit_msg>polyfills<commit_after><!doctype html>
<html lang=en>
    <head>
        <meta charset="utf-8">
        <title lang=fr>Autour de moi</title>
        
        <meta name="description" content="Autour de moi">

        <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

        <script defer src="https://d3js.org/d3-collection.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-dispatch.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-quadtree.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-timer.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-force.v1.js"></script>
        <script defer src="https://d3js.org/d3-color.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-interpolate.v1.min.js"></script>
        <script defer src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>

        <script defer src="https://rawgit.com/DavidBruant/8b628704eee463dfb40e/raw/63f05483acd3cf0538a92814fd8ec5d88ff8ed18/remember.js"></script>

        <script defer src="client/js/rememberGraph.js"></script>

        <script defer src="client/js/constants.js"></script>
        <script defer src="client/js/store.js"></script>
        <script defer src="client/js/reducers.js"></script>
        
        <script defer src="client/js/components/editPanel.js"></script>
        <script defer src="client/js/components/graphNode.js"></script>
        
        <script defer src="client/js/main.js"></script>

        <link rel="stylesheet" href="https://rawgit.com/DavidBruant/better-defaults/master/defaults.css">

        <style>
            html, body{
                height: 100%;
                width: 100%;
            }

            body{
                display: flex;
                flex-direction: column;

                justify-content: start;
                align-items: center;
            }

            h1{
                padding: 0.3em;
                margin: 0;
            }

            svg{
                background-color: moccasin;
            }

            .graph-container{
                height: 80%;
                width: 80%;

                display: flex;
                justify-content: center;
                align-items: start;
            }

            .node{}

            .node.selected circle{
                stroke: gold;
                stroke-width: 2;
            }

            .edge{
                stroke: lightblue;
                stroke-width: 2;
            }


            /*
                Edit panel
            */
            .edit-panel{
                position: fixed;
                height: 100%;
                width: 23vw;
                right: 0;
                background-color: beige;

                padding: 0.5em;
            }

            label {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            label > input,
            label > textarea {
                margin: 0 0.5em;
                flex: 1;
            }

            label > textarea{
                height: 10em;
            }

            /*
                Color picker
            */

            .color-picker{
                display: flex;
                justify-content: space-between;
                align-items: center;

                margin: 0.5em 0;

                height: 2em;
            }

            .color-picker > *{
                height: 100%;
                width: 2em;
            }

        </style>
    </head>

    <body>
        <h1>Autour de moi</h1>
        <div class="graph-container"></div>
    </body>
</html>

{'fraction_non_alphanumeric': 0.12960939633979787, 'fraction_numerical': 0.027724665391969407, 'mean_word_length': 1.2211101000909919, 'pattern_counts': {'":': 0, '<': 105, '<?xml version=': 0, '>': 113, 'https://': 21, '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': '2909423', 'n_tokens_mistral': 2346, 'n_tokens_neox': 2060, 'n_words': 358}