<commit_before><!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta charset="utf-8">
        <title>Say</title>
        <style>
            html, body {
                margin: 0;
                padding: 0;
                overflow: hidden;
                font-family: Arial, Helvetica, sans-serif;
                width: 100%;
                height: 100%;
            }
            .center {
                width: 90%;
                height: 50%;
                margin: auto;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
            }
            input[type="text"] {
              display: inline-block;
              margin: 0;
              width: 90%;
              font-family: sans-serif;
              font-size: 18px;
              appearance: none;
              box-shadow: none;
              border-radius: none;
            }
            input[type="text"]:focus {
              outline: none;
            }
            input {
                padding: 10px;
                border: none;
                border-bottom: solid 2px #c9c9c9;
                transition: border 0.3s;
            }
            input:focus {
                border-bottom: solid 2px #969696;
            }
            h1 {
                width: 100%;
            }
            button {
                display: inline-block;
                background-color: #abafaf;
                border: none;
                color: white;
                width: 92.5%;
                padding: 10px 20px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
            }
            .footer {
                position: fixed;
                bottom: 15px;
                width: 100%;
                text-align: center;
            }
            @-webkit-keyframes typing {
                from { width: 0 }
                to { width:13em }
            }

            @-moz-keyframes typing {
                from { width: 0 }
                to { width:13em }
            }

            @-webkit-keyframes blink-caret {
                from, to { border-color: transparent }
                50% { border-color: black }
            }

            @-moz-keyframes blink-caret {
                from, to { border-color: transparent }
                50% { border-color: black }
            }

            h5 {
                font-style: italic;
                font-size:16px;
                width:13em;
                white-space:nowrap;
                overflow:hidden;
                border-right: .1em solid black;
                -webkit-animation: typing 5s steps(30, end),blink-caret 1s step-end;
                -moz-animation: typing 5s steps(30, end), blink-caret 1s step-end;
            }
        </style>
    </head>
    <body>
        <div class="center">
            <h2>Say</h2>
            <h5 id="subtext">When letters aren't enough</h5>
            <input id="sayInput" type="text" placeholder="type something" /><button id="btnDecode">Decode</button>
            <h3 id="sayOutput"></h3>
        </div>
        <script src="dist/saywhat.js"></script>
        <script>
            setTimeout(function(){
                document.querySelector('#subtext').innerHTML = window.Say.encode(document.querySelector('#subtext').innerHTML);
            }, 5000)
            document.querySelector('#sayInput').onkeyup = function() {
                document.querySelector('#sayOutput').innerHTML = window.Say.encode(document.querySelector('#sayInput').value);
            }
            document.querySelector('#btnDecode').onclick = function() {
                document.querySelector('#sayOutput').innerHTML = window.Say.decode(document.querySelector('#sayInput').value);
            }
        </script>
        <div class="footer">
            <i>Made with 🖕by <a href="http://www.gabejc.com"><NAME></a> | <a href="https://github.com/gabrielcsapo/saywhat">Source</a>
        </div>
    </body>
</html>
<commit_msg>adds package version in index.html<commit_after><!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta charset="utf-8">
        <title>Say</title>
        <style>
            html, body {
                margin: 0;
                padding: 0;
                overflow: hidden;
                font-family: Arial, Helvetica, sans-serif;
                width: 100%;
                height: 100%;
            }
            .center {
                width: 90%;
                height: 50%;
                margin: auto;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
            }
            input[type="text"] {
              display: inline-block;
              margin: 0;
              width: 90%;
              font-family: sans-serif;
              font-size: 18px;
              appearance: none;
              box-shadow: none;
              border-radius: none;
            }
            input[type="text"]:focus {
              outline: none;
            }
            input {
                padding: 10px;
                border: none;
                border-bottom: solid 2px #c9c9c9;
                transition: border 0.3s;
            }
            input:focus {
                border-bottom: solid 2px #969696;
            }
            h1 {
                width: 100%;
            }
            button {
                display: inline-block;
                background-color: #abafaf;
                border: none;
                color: white;
                width: 92.5%;
                padding: 10px 20px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
            }
            .footer {
                position: fixed;
                bottom: 15px;
                width: 100%;
                text-align: center;
            }
            @-webkit-keyframes typing {
                from { width: 0 }
                to { width:13em }
            }

            @-moz-keyframes typing {
                from { width: 0 }
                to { width:13em }
            }

            @-webkit-keyframes blink-caret {
                from, to { border-color: transparent }
                50% { border-color: black }
            }

            @-moz-keyframes blink-caret {
                from, to { border-color: transparent }
                50% { border-color: black }
            }

            h5 {
                font-style: italic;
                font-size:16px;
                width:13em;
                white-space:nowrap;
                overflow:hidden;
                border-right: .1em solid black;
                -webkit-animation: typing 5s steps(30, end),blink-caret 1s step-end;
                -moz-animation: typing 5s steps(30, end), blink-caret 1s step-end;
            }
        </style>
    </head>
    <body>
        <div class="center">
            <h2>Say</h2>
            <h5 id="subtext">When letters aren't enough</h5>
            <input id="sayInput" type="text" placeholder="type something" /><button id="btnDecode">Decode</button>
            <h3 id="sayOutput"></h3>
        </div>
        <script src="dist/saywhat.js"></script>
        <script>
            setTimeout(function(){
                document.querySelector('#subtext').innerHTML = window.Say.encode(document.querySelector('#subtext').innerHTML);
            }, 5000)
            document.querySelector('#sayInput').onkeyup = function() {
                document.querySelector('#sayOutput').innerHTML = window.Say.encode(document.querySelector('#sayInput').value);
            }
            document.querySelector('#btnDecode').onclick = function() {
                document.querySelector('#sayOutput').innerHTML = window.Say.decode(document.querySelector('#sayInput').value);
            }
        </script>
        <div class="footer">
            <i>Made with 🖕by <a href="http://www.gabejc.com"><NAME></a> | <a href="https://github.com/gabrielcsapo/saywhat">Source</a> | <a href="https://npmjs.org/packages/saywhat">v0.2.0</a>
        </div>
    </body>
</html>

{'fraction_non_alphanumeric': 0.11855364552459988, 'fraction_numerical': 0.021695317131001778, 'mean_word_length': 1.1691951658524042, 'pattern_counts': {'":': 0, '<': 77, '<?xml version=': 0, '>': 77, 'https://': 3, 'lorem ipsum': 0, 'www.': 2, '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': '4059675', 'n_tokens_mistral': 2429, 'n_tokens_neox': 2168, 'n_words': 452}