<commit_before><!DOCTYPE html>
<html>
  <head>
    <title>Dropbeat</title>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name = "viewport" content = "user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
    <link rel="shortcut icon" href="images/favicon.ico?">
    <meta name="google" content="notranslate"/>

    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/dropbeat.css" rel="stylesheet" type="text/css" />

    <script data-main="js/main.js" src="js/lib/require.js"></script>
    <script src="http://www.youtube.com/iframe_api"></script>
    <script id="tmpl-signout" type="text/x-handlebars-template">
      <a class="signout-btn">
        <span>SIGN OUT</span>
        </br>
        <span class="help-text">{{email}}</span>
      </a>
    </script>
    <script id="tmpl-signin" type="text/x-handlebars-template">
      <a class="signin-btn">
        <span>SIGN IN</span>
        </br>
        <span class="help-text">YOU CAN CREATE PLAYLIST AFTER SIGNIN</span>
      </a>
      <a class="signup-btn">
        <span>SIGN UP</span>
      </a>
    </script>
    <script id="search-result-template" type="text/x-handlebars-template">
        {{#searchResults}}
        <div class="search-result-item">
          <div class="item-wrapper" data-uid={{id}}>
            <img class="item-thumbnail" src="{{thumbnail}}" />
            <div class="item-content">
              <p class="item-title">{{title}}</p>
              <p class="item-duration">{{duration}}</p>
            </div>
            {{#if ../authorized}}
            <div class="add-button">
              <a class="add-to-playlist">+</a>
            </div>
            {{/if}}
          </div>
        </div>
        {{/searchResults}}
    </script>
    <script id="playlist-track-template" type="text/x-handlebars-template">
      {{#tracks}}
      <li class="playlist-track">
        <div class="playlist-track-inner" data-uid={{uid}} data-source={{source}}>
          <a class="track-title-wrapper">
            <span class="track-index">
              {{#if idx}}
                {{idx}}
              {{else}}
                {{@key}}
              {{/if}}
            .</span>
            <span class="track-on-icon">
              <i class="ic"></i>
            </span>
            <span class="track-title-scroll-wrapper">
              <span class="track-title">{{name}}</span>
            </span>
          </a>
          <div class="menus">
            <a class="track-remove">remove</a>
          </div>
        </div>
      </li>
      {{/tracks}}
    </script>
    <script id="playlist-template" type="text/x-handlebars-template">
      {{#playlists}}
      <li class="playlist {{#if selected}}selected{{/if}}{{#if editing}}edit-mode{{/if}}"
        data-uid={{uid}}>
        <div class="nonedit-mode-view">
          <div class="menus">
            <a class="button remove-button">remove</a>
            <a class="button rename-button">rename</a>
          </div>
          <a class="title">
            {{name}}
          </a>
        </div>
        <div class="edit-mode-view">
          <div class="menus">
            <a class="button cancel-edit-button">cancel</a>
            <a class="button apply-edit-button">ok</a>
          </div>
          <div class="title-input-field">
            <form class="playlist-form">
              <input type="text" class="title-input" maxlength="95" autocomplete="off" placeholder="Type playlist name"
                value=
                {{#if uid}}
                  "{{name}}"
                {{else}}
                  ""
                {{/if}} />
              <input type="submit"/>
            </form>
          </div>
        </div>
      </li>
      {{/playlists}}
    </script>
  </head>
  <body>
    <div id="dropbeat">
      <div class="auth-container">
        <div class="auth-container-bg"></div>
        <div class="form-wrapper signin">
          <label class="title">SIGN IN</label>
            <input type="text" placeholder="Email" name="email" required>
            <input type="password" placeholder="Password" name="password" required>
            <button class="signin-submit-btn" type="submit">Enter</button>
          <button class="cancel-btn">Cancel</button>
        </div>
        <div class="form-wrapper signup">
          <label class="title">SIGN UP</label>
            <input type="text" placeholder="Email" name="email" required>
            <input type="password" placeholder="Password" name="password" required>
            <button class="signup-submit-btn" type="submit">Register</button>
          <button class="cancel-btn">Cancel</button>
        </div>
      </div>
      <div id="external-player">
        <div id="youtube-player"></div>
        <div id="soundcloud-player"></div>
      </div>
      <div class="play-controls">
        <div class="account-menus"></div>
        <div class="player-section">
          <div class="player-filter"></div>
          <div id="player">
            <div class="status-wrapper">- <span class="status">STARTING</span> -</div>
            <div class="title-scroll-wrapper">
              <span class="title">INITIALIZING...</span>
            </div>
            <div class="progress">
              <div class="progress-bar">
                <div class="progress-bar-inner">
                  <div class="buffer"></div>
                  <div class="bullet"></div>
                </div>
              </div>
              <div class="curr-play-time">00:00</div>
              <div class="total-play-time">00:00</div>
              <div class="progress-handle">
                <div class="progress-handle-inner"></div>
              </div>
            </div>
            <div class="controls">
              <a class="ctrl ctrl-shuffle">shuffle</a>
              <a class="ctrl ctrl-repeat">repeat</a>
              <a class="ctrl ctrl-play">&gt;</a>
              <a class="ctrl ctrl-next">&gt;&gt;</a>
            </div>
          </div>
        </div>
        <div class="playlist-section">
          <div class="playlist-name">-</div>
          <div class="playlist-search">
            <div class="playlist-search-field">
            <i class="ic"></i>
            <input type="text" id="search-playlist-input" placeholder="Search within Playlist"/>
            </div>
          </div>
          <div class="playlist">
            <ul class="playlist-inner"></ul>
          </div>
          <div class="playlist-footer">
            <a class="my-playlist-button button">
              <i class="ic ic-my-playlist"></i>
              <span class="text">MY PLAYLISTS</span>
            </a>
            <div class="divider"></div>
            <a class="share-playlist-button button">
              <i class="ic ic-share-playlist"></i>
              <span class="text">SHARE</span>
            </a>
          </div>
        </div>
        <div class="my-playlist">
          <a class="close-button"></a>
          <div class="title">MY PLAYLISTS</div>
          <div class="create-new-playlist-wrapper">
            <a class="create-new-playlist-button">+ CREATE NEW PLAYLIST</a>
          </div>
          <div class="playlists-wrapper">
            <ul class="playlists"></ul>
          </div>
        </div>
      </div>
      <div class="contents">
        <div class="header-section">
          <a href="/" class="logo">
            <i class="ic-logo"></i>
          </a>
          <a href="https://github.com/daftshady/dropbeat" target="_blank" class="github">
            <i></i>
          </a>
        </div>
        <div class="body-section">
          <div class="search-section">
            <div class="search-input-field">
              <input type="text" id="search-input" autofocus autocomplete="off"/>
            </div>
            <div id="autocomplete-words" class="search-autocomplete overlay">
              <div class="autocomplete-bg"></div>
            </div>
          </div>
          <div class="search-result-section">
            <span class="catchphrase">Stop suffering from YouTube, Soundcloud,</br>Dropbeat is a superior interface for web music.</span>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
<commit_msg>changed youtube api scheme<commit_after><!DOCTYPE html>
<html>
  <head>
    <title>Dropbeat</title>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name = "viewport" content = "user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
    <link rel="shortcut icon" href="images/favicon.ico?">
    <meta name="google" content="notranslate"/>

    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/dropbeat.css" rel="stylesheet" type="text/css" />

    <script data-main="js/main.js" src="js/lib/require.js"></script>
    <script src="//www.youtube.com/iframe_api"></script>
    <script id="tmpl-signout" type="text/x-handlebars-template">
      <a class="signout-btn">
        <span>SIGN OUT</span>
        </br>
        <span class="help-text">{{email}}</span>
      </a>
    </script>
    <script id="tmpl-signin" type="text/x-handlebars-template">
      <a class="signin-btn">
        <span>SIGN IN</span>
        </br>
        <span class="help-text">YOU CAN CREATE PLAYLIST AFTER SIGNIN</span>
      </a>
      <a class="signup-btn">
        <span>SIGN UP</span>
      </a>
    </script>
    <script id="search-result-template" type="text/x-handlebars-template">
        {{#searchResults}}
        <div class="search-result-item">
          <div class="item-wrapper" data-uid={{id}}>
            <img class="item-thumbnail" src="{{thumbnail}}" />
            <div class="item-content">
              <p class="item-title">{{title}}</p>
              <p class="item-duration">{{duration}}</p>
            </div>
            {{#if ../authorized}}
            <div class="add-button">
              <a class="add-to-playlist">+</a>
            </div>
            {{/if}}
          </div>
        </div>
        {{/searchResults}}
    </script>
    <script id="playlist-track-template" type="text/x-handlebars-template">
      {{#tracks}}
      <li class="playlist-track">
        <div class="playlist-track-inner" data-uid={{uid}} data-source={{source}}>
          <a class="track-title-wrapper">
            <span class="track-index">
              {{#if idx}}
                {{idx}}
              {{else}}
                {{@key}}
              {{/if}}
            .</span>
            <span class="track-on-icon">
              <i class="ic"></i>
            </span>
            <span class="track-title-scroll-wrapper">
              <span class="track-title">{{name}}</span>
            </span>
          </a>
          <div class="menus">
            <a class="track-remove">remove</a>
          </div>
        </div>
      </li>
      {{/tracks}}
    </script>
    <script id="playlist-template" type="text/x-handlebars-template">
      {{#playlists}}
      <li class="playlist {{#if selected}}selected{{/if}}{{#if editing}}edit-mode{{/if}}"
        data-uid={{uid}}>
        <div class="nonedit-mode-view">
          <div class="menus">
            <a class="button remove-button">remove</a>
            <a class="button rename-button">rename</a>
          </div>
          <a class="title">
            {{name}}
          </a>
        </div>
        <div class="edit-mode-view">
          <div class="menus">
            <a class="button cancel-edit-button">cancel</a>
            <a class="button apply-edit-button">ok</a>
          </div>
          <div class="title-input-field">
            <form class="playlist-form">
              <input type="text" class="title-input" maxlength="95" autocomplete="off" placeholder="Type playlist name"
                value=
                {{#if uid}}
                  "{{name}}"
                {{else}}
                  ""
                {{/if}} />
              <input type="submit"/>
            </form>
          </div>
        </div>
      </li>
      {{/playlists}}
    </script>
  </head>
  <body>
    <div id="dropbeat">
      <div class="auth-container">
        <div class="auth-container-bg"></div>
        <div class="form-wrapper signin">
          <label class="title">SIGN IN</label>
            <input type="text" placeholder="Email" name="email" required>
            <input type="password" placeholder="Password" name="password" required>
            <button class="signin-submit-btn" type="submit">Enter</button>
          <button class="cancel-btn">Cancel</button>
        </div>
        <div class="form-wrapper signup">
          <label class="title">SIGN UP</label>
            <input type="text" placeholder="Email" name="email" required>
            <input type="password" placeholder="Password" name="password" required>
            <button class="signup-submit-btn" type="submit">Register</button>
          <button class="cancel-btn">Cancel</button>
        </div>
      </div>
      <div id="external-player">
        <div id="youtube-player"></div>
        <div id="soundcloud-player"></div>
      </div>
      <div class="play-controls">
        <div class="account-menus"></div>
        <div class="player-section">
          <div class="player-filter"></div>
          <div id="player">
            <div class="status-wrapper">- <span class="status">STARTING</span> -</div>
            <div class="title-scroll-wrapper">
              <span class="title">INITIALIZING...</span>
            </div>
            <div class="progress">
              <div class="progress-bar">
                <div class="progress-bar-inner">
                  <div class="buffer"></div>
                  <div class="bullet"></div>
                </div>
              </div>
              <div class="curr-play-time">00:00</div>
              <div class="total-play-time">00:00</div>
              <div class="progress-handle">
                <div class="progress-handle-inner"></div>
              </div>
            </div>
            <div class="controls">
              <a class="ctrl ctrl-shuffle">shuffle</a>
              <a class="ctrl ctrl-repeat">repeat</a>
              <a class="ctrl ctrl-play">&gt;</a>
              <a class="ctrl ctrl-next">&gt;&gt;</a>
            </div>
          </div>
        </div>
        <div class="playlist-section">
          <div class="playlist-name">-</div>
          <div class="playlist-search">
            <div class="playlist-search-field">
            <i class="ic"></i>
            <input type="text" id="search-playlist-input" placeholder="Search within Playlist"/>
            </div>
          </div>
          <div class="playlist">
            <ul class="playlist-inner"></ul>
          </div>
          <div class="playlist-footer">
            <a class="my-playlist-button button">
              <i class="ic ic-my-playlist"></i>
              <span class="text">MY PLAYLISTS</span>
            </a>
            <div class="divider"></div>
            <a class="share-playlist-button button">
              <i class="ic ic-share-playlist"></i>
              <span class="text">SHARE</span>
            </a>
          </div>
        </div>
        <div class="my-playlist">
          <a class="close-button"></a>
          <div class="title">MY PLAYLISTS</div>
          <div class="create-new-playlist-wrapper">
            <a class="create-new-playlist-button">+ CREATE NEW PLAYLIST</a>
          </div>
          <div class="playlists-wrapper">
            <ul class="playlists"></ul>
          </div>
        </div>
      </div>
      <div class="contents">
        <div class="header-section">
          <a href="/" class="logo">
            <i class="ic-logo"></i>
          </a>
          <a href="https://github.com/daftshady/dropbeat" target="_blank" class="github">
            <i></i>
          </a>
        </div>
        <div class="body-section">
          <div class="search-section">
            <div class="search-input-field">
              <input type="text" id="search-input" autofocus autocomplete="off"/>
            </div>
            <div id="autocomplete-words" class="search-autocomplete overlay">
              <div class="autocomplete-bg"></div>
            </div>
          </div>
          <div class="search-result-section">
            <span class="catchphrase">Stop suffering from YouTube, Soundcloud,</br>Dropbeat is a superior interface for web music.</span>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

{'fraction_non_alphanumeric': 0.1821845302538193, 'fraction_numerical': 0.0019246962588716468, 'mean_word_length': 1.8048245614035088, 'pattern_counts': {'":': 0, '<': 523, '<?xml version=': 0, '>': 523, 'https://': 2, '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': '5798987', 'n_tokens_mistral': 4979, 'n_tokens_neox': 4896, 'n_words': 913}