<commit_before><!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="description" content="Listen to YouTube videos, without the distracting visuals">
    <meta name="author" content="<NAME>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="google-site-verification" content="D3SjNR3tmNYOusESQijh_oH5SGmU9QsAIVwlqizwRBU" />

    <title>Zen Audio Player</title>

    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="bower_components/primer-css/css/primer.css">
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="bower_components/seiyria-bootstrap-slider/dist/css/bootstrap-slider.min.css">
    <link rel="stylesheet" href="css/styles.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="bower_components/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js"></script>
    <script src="https://www.youtube.com/iframe_api"></script>
    <script src="js/everything.js"></script>
</head>
<body>
    <header>
        <!-- The logo & description -->
        <figure>
            <a href="https://zen-audio-player.github.io" title="Zen Audio Player">
                <img src="img/zen-audio-player-905.png" class="logo" alt="Zen Audio Player logo">
            </a>
            <figcaption>Listen to YouTube videos, without the distracting visuals.</figcaption>
        </figure>
    </header>
    <div id="container">
        <!-- The form -->
        <form id="form">
            <div class="input-group">
                <input type="text" id="v" name="v" placeholder="Enter a YouTube video ID or URL">
                <span class="input-group-button">
                    <button class="btn" id="submit">
                        <i class="fa fa-search"></i>
                    </button>
                </span>
            </div>
        </form>
        <br>

        <!-- The video, along with related content & messages -->
        <div id="audioplayer">
            <div id="zen-video-error" class="flash flash-error"></div>
            <div id="player">
                <br>
            </div>
            <h3><a id="zen-video-title"></a></h3>
            <div id="zen-video-description"></div>
            <div id="playerTime">
                <span id="currentTime"></span> / <span id="totalTime"></span>
            </div>
            <div id="playerControls">
                <button class="btn" id="playPause">
                    <i class="fa fa-play" id="play"></i>
                    <i class="fa fa-pause" id="pause"></i>
                </button>
                <button class="btn" id="togglePlayer">
                    Show Player
                </button>
                <br>
                <br>
                <i class="fa fa-volume-down fa-lg"></i>
                <input id="volume" type="text">
                <i class="fa fa-volume-up fa-lg"></i>
            </div>
            <br>
            <a id="demo" href="#">Click for Demo</a>
        </div>
    </div>
    <footer>
        <!-- Twitter hashtag button: #ZenAudioPlayer -->
        <p>
            <a href="https://twitter.com/intent/tweet?button_hashtag=ZenAudioPlayer&text=Listen%20to%20YouTube%20videos%2C%20without%20the%20distracting%20visuals" class="twitter-hashtag-button" data-related="_shakeel" data-url="http://zen-audio-player.github.io/">Tweet #ZenAudioPlayer</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </p>
        <!-- Attribution, and links -->
        <p>Created by <a href="https://twitter.com/_Shakeel" target="_blank">@_Shakeel</a></p>
        <p>Source available on <a href="https://github.com/zen-audio-player/zen-audio-player.github.io" target="_blank">GitHub</a></p>
        <p><a href="https://chrome.google.com/webstore/detail/zen-youtube-audio-player/jlkomkpeedajclllhhfkloddbihmcjlm" target="_blank">Get the Chrome extension</a> - (<a href="https://github.com/zen-audio-player/extension-chrome" target="_blank">source</a>)</p>
    </footer>
    <!-- Schema.org structured data -->
    <script type="application/ld+json">
        {
            "@context": "http://schema.org",
            "@type": "Organization",
            "url": "http://zen-audio-player.github.io",
            "logo": "http://zen-audio-player.github.io/img/zen-audio-player-905.png"
        }
    </script>
</body>
</html>
<commit_msg>Moving description between player controls and demo sections<commit_after><!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="description" content="Listen to YouTube videos, without the distracting visuals">
    <meta name="author" content="<NAME>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="google-site-verification" content="D3SjNR3tmNYOusESQijh_oH5SGmU9QsAIVwlqizwRBU" />

    <title>Zen Audio Player</title>

    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="bower_components/primer-css/css/primer.css">
    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="bower_components/seiyria-bootstrap-slider/dist/css/bootstrap-slider.min.css">
    <link rel="stylesheet" href="css/styles.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="bower_components/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js"></script>
    <script src="https://www.youtube.com/iframe_api"></script>
    <script src="js/everything.js"></script>
</head>
<body>
    <header>
        <!-- The logo & description -->
        <figure>
            <a href="https://zen-audio-player.github.io" title="Zen Audio Player">
                <img src="img/zen-audio-player-905.png" class="logo" alt="Zen Audio Player logo">
            </a>
            <figcaption>Listen to YouTube videos, without the distracting visuals.</figcaption>
        </figure>
    </header>
    <div id="container">
        <!-- The form -->
        <form id="form">
            <div class="input-group">
                <input type="text" id="v" name="v" placeholder="Enter a YouTube video ID or URL">
                <span class="input-group-button">
                    <button class="btn" id="submit">
                        <i class="fa fa-search"></i>
                    </button>
                </span>
            </div>
        </form>
        <br>

        <!-- The video, along with related content & messages -->
        <div id="audioplayer">
            <div id="zen-video-error" class="flash flash-error"></div>
            <div id="player">
                <br>
            </div>
            <h3><a id="zen-video-title"></a></h3>
            <div id="playerTime">
                <span id="currentTime"></span> / <span id="totalTime"></span>
            </div>
            <div id="playerControls">
                <button class="btn" id="playPause">
                    <i class="fa fa-play" id="play"></i>
                    <i class="fa fa-pause" id="pause"></i>
                </button>
                <button class="btn" id="togglePlayer">
                    Show Player
                </button>
                <br>
                <br>
                <i class="fa fa-volume-down fa-lg"></i>
                <input id="volume" type="text">
                <i class="fa fa-volume-up fa-lg"></i>
            </div>
            <br>
            <br>
            <div id="zen-video-description"></div>
            <br/>
            <a id="demo" href="#">Click for Demo</a>
        </div>
    </div>
    <footer>
        <!-- Twitter hashtag button: #ZenAudioPlayer -->
        <p>
            <a href="https://twitter.com/intent/tweet?button_hashtag=ZenAudioPlayer&text=Listen%20to%20YouTube%20videos%2C%20without%20the%20distracting%20visuals" class="twitter-hashtag-button" data-related="_shakeel" data-url="http://zen-audio-player.github.io/">Tweet #ZenAudioPlayer</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </p>
        <!-- Attribution, and links -->
        <p>Created by <a href="https://twitter.com/_Shakeel" target="_blank">@_Shakeel</a></p>
        <p>Source available on <a href="https://github.com/zen-audio-player/zen-audio-player.github.io" target="_blank">GitHub</a></p>
        <p><a href="https://chrome.google.com/webstore/detail/zen-youtube-audio-player/jlkomkpeedajclllhhfkloddbihmcjlm" target="_blank">Get the Chrome extension</a> - (<a href="https://github.com/zen-audio-player/extension-chrome" target="_blank">source</a>)</p>
    </footer>
    <!-- Schema.org structured data -->
    <script type="application/ld+json">
        {
            "@context": "http://schema.org",
            "@type": "Organization",
            "url": "http://zen-audio-player.github.io",
            "logo": "http://zen-audio-player.github.io/img/zen-audio-player-905.png"
        }
    </script>
</body>
</html>

{'fraction_non_alphanumeric': 0.18167797655768045, 'fraction_numerical': 0.006991568990335184, 'mean_word_length': 2.402238544945785, 'pattern_counts': {'":': 8, '<': 247, '<?xml version=': 0, '>': 247, 'https://': 16, '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': '3888304', 'n_tokens_mistral': 3139, 'n_tokens_neox': 3033, 'n_words': 505}