<commit_before><!DOCTYPE html>
<html>
    <head>
        <title>Matching game</title>

        <style>
          img {
            position: absolute;
          }

          div {
            width: 500px;
            height: 500px;
            position: absolute;
          }

          #rightSide {
            left: 500px;
            border-left: 1px solid black;
          }
        </style>
    </head>
    <body>
        <h1> Matching Game </h1>
        <p> Click on the extra smiling face on the left !</p>
        <div id="leftSide"></div>
        <div id="rightSide"></div>

        <script>
        var numberOfFaces = 5;
        var theLeftSide = document.getElementById("leftSide");

        function generateFaces(number) {
          var newImg = null;
          for(var i = 0; i<number; i++) {
            var rand = random();
            newImg = document.createElement("img");
            newImg.src = "smile.png";
            newImg.style.top = rand[0]+"px";
            newImg.style.left = rand[1]+"px";
            theLeftSide.appendChild(newImg);
          }
        }

        function random() {
          var pos = [];
          pos[0] = Math.floor(Math.random() * 400);
          pos[1] = Math.floor(Math.random() * 400);
          return pos;
        }

        (function start() {
          generateFaces(numberOfFaces);
        })()
        </script>
    </body>
</html><commit_msg>clone image from left to right<commit_after><!DOCTYPE html>
<html>
    <head>
        <title>Matching game</title>

        <style>
          img {
            position: absolute;
          }

          div {
            width: 500px;
            height: 500px;
            position: absolute;
          }

          #rightSide {
            left: 500px;
            border-left: 1px solid black;
          }
        </style>
    </head>
    <body>
        <h1> Matching Game </h1>
        <p> Click on the extra smiling face on the left !</p>
        <div id="leftSide"></div>
        <div id="rightSide"></div>

        <script>
        var numberOfFaces = 5;
        var theLeftSide = document.getElementById("leftSide");
        var theRightSide = document.getElementById("rightSide");

        function generateFaces(number) {
          var newImg = null;
          for(var i = 0; i<number; i++) {
            var rand = random();
            newImg = document.createElement("img");
            newImg.src = "smile.png";
            newImg.style.top = rand[0]+"px";
            newImg.style.left = rand[1]+"px";
            theLeftSide.appendChild(newImg);
          }

          clone();
        }

        function random() {
          var pos = [];
          pos[0] = Math.floor(Math.random() * 400);
          pos[1] = Math.floor(Math.random() * 400);
          return pos;
        }

        function clone() {
          var leftSideImages = theLeftSide.cloneNode(true);
          leftSideImages.removeChild(leftSideImages.lastChild);
          theRightSide.appendChild(leftSideImages);
        }

        (function start() {
          generateFaces(numberOfFaces);
        })()
        </script>
    </body>
</html>
{'fraction_non_alphanumeric': 0.12946428571428573, 'fraction_numerical': 0.015306122448979591, 'mean_word_length': 1.47397476340694, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 45, 'https://': 0, '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': '6757109', 'n_tokens_mistral': 946, 'n_tokens_neox': 889, 'n_words': 201}