<commit_before><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />

  <title>Fries</title>

  <link rel="shortcut icon" href="favicon.png" />

  <link rel="stylesheet" href="../dist/themes/holo-dark/holo-dark.min.css" />

  <!-- For demo purposes only -->
  <style type="text/css">
  body {
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
  }

  h1.intro {
    font-weight: 200;
    margin: 0.2em 0;
  }

  p {
    color: #999;
    margin-bottom: 1em;
  }

  .center-me {
    text-align: center;
  }

  .list i[class*="icon-"] {
    float: left;
    font-size: 36px;
    color: #999;
  }
  .i-class {
    float: left;
    line-height: 36px;
    margin-left: 8px;
  }
  .footnote {
    display: block;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    color: #222;
    font-size: 11px;
  }
  </style>
</head>
<body>

  <div class="page">
    <header class="action-bar fixed-top">
      <a href="javascript: void(0);" class="app-icon action" data-ignore="true">
        <i class="icon-fries"></i>
      </a>
      <h1 class="title">Fries</h1>
    </header>

    <div class="content">
      <ul class="list inset">
        <li class="list-divider">Fries Components</li>
        <li class="list-item-single-line selectable"><a href="action-bars.html" data-transition="push">Action Bars</a></li>
        <li class="list-item-single-line selectable"><a href="fixed-tabs-and-lists.html" data-transition="push">Fixed Tabs and Lists</a></li>
        <li class="list-item-single-line selectable"><a href="spinners.html" data-transition="push">Spinners</a></li>
        <li class="list-item-single-line selectable"><a href="forms-and-page-actions.html" data-transition="push">Forms and Page Actions</a></li>
        <li class="list-item-single-line selectable"><a href="iconography.html" data-transition="push">Iconography</a></li>
        <li class="list-item-single-line selectable"><a href="javascript: void(0);" data-ignore="true" id="open-dialog">Dialogs</a></li>
        <li class="list-item-single-line selectable"><a href="javascript: void(0);" data-ignore="true" id="show-toast">Toast Notifications</a></li>
      </ul>

      <div class="footnote">Copyright &copy; 2013. <NAME>. Fries.</div>
    </div>

    <div class="dialogs">
      <div id="my-dialog" class="dialog">
        <header class="dialog-title-region">
          <h1 class="title">Howdy!</h1>
        </header>
        <div class="dialog-content">
          <div class="inset">
            <p>This is an example of a dialog</p>
          </div>
        </div>
        <ul class="dialog-actions">
          <li><a href="javascript: void(0);" class="dialog-cancel-button">Cancel</a></li>
          <li><a href="javascript: void(0);" class="dialog-ok-button">OK</a></li>
        </ul>
      </div>
    </div>
  </div>


  <script src="../dist/fries.min.js"></script>

  <script src="js/fingerblast.js"></script>

  <script type="text/javascript">
    var init = function () {
      // Make sure the dialog is in the DOM
      if (document.querySelector('#my-dialog')) {
        var dialog = new fries.Dialog({
          selector: '#my-dialog',
          callbackOk: function () {
            var toast = new fries.Toast({
              content: "Pressed OK",
              duration: fries.Toast.duration.SHORT
            });

            this.hide(); // this refers to the dialog
          },
          callbackCancel: function () {
            var toast = new fries.Toast({
              content: "Pressed Cancel",
              duration: fries.Toast.duration.SHORT
            });

            this.hide(); // this refers to the dialog
          }
        });

        document.querySelector('#open-dialog').addEventListener('touchend', function () {
          dialog.show();
        }, false);
      }

      document.querySelector('#show-toast').addEventListener('touchend', function () {
        var toast = new fries.Toast({ content: "Hi, I'm a Toast notification." });

      }, false);
    };

    window.addEventListener('push', init, false);
    window.addEventListener('popstate', init, false);

    // To enable touch events on desktop
    // Remove this when building in PhoneGap
    window.onload = new FingerBlast('body');
  </script>
</body>
</html><commit_msg>Try to fix issue #65<commit_after><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />

  <title>Fries</title>

  <link rel="shortcut icon" href="favicon.png" />

  <link rel="stylesheet" href="../dist/themes/holo-dark/holo-dark.min.css" />

  <!-- For demo purposes only -->
  <style type="text/css">
  body {
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
  }

  h1.intro {
    font-weight: 200;
    margin: 0.2em 0;
  }

  p {
    color: #999;
    margin-bottom: 1em;
  }

  .center-me {
    text-align: center;
  }

  .list i[class*="icon-"] {
    float: left;
    font-size: 36px;
    color: #999;
  }
  .i-class {
    float: left;
    line-height: 36px;
    margin-left: 8px;
  }
  .footnote {
    display: block;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    color: #222;
    font-size: 11px;
  }
  </style>
</head>
<body>

  <div class="page">
    <header class="action-bar fixed-top">
      <a href="javascript: void(0);" class="app-icon action" data-ignore="true">
        <i class="icon-fries"></i>
      </a>
      <h1 class="title">Fries</h1>
    </header>

    <div class="content">
      <ul class="list inset">
        <li class="list-divider">Fries Components</li>
        <li class="list-item-single-line selectable"><a href="action-bars.html" data-transition="push">Action Bars</a></li>
        <li class="list-item-single-line selectable"><a href="fixed-tabs-and-lists.html" data-transition="push">Fixed Tabs and Lists</a></li>
        <li class="list-item-single-line selectable"><a href="spinners.html" data-transition="push">Spinners</a></li>
        <li class="list-item-single-line selectable"><a href="forms-and-page-actions.html" data-transition="push">Forms and Page Actions</a></li>
        <li class="list-item-single-line selectable"><a href="iconography.html" data-transition="push">Iconography</a></li>
        <li class="list-item-single-line selectable"><a href="javascript: void(0);" data-ignore="true" id="open-dialog">Dialogs</a></li>
        <li class="list-item-single-line selectable"><a href="javascript: void(0);" data-ignore="true" id="show-toast">Toast Notifications</a></li>
      </ul>

      <div class="footnote">Copyright &copy; 2013. <NAME>. Fries.</div>
    </div>

    <div class="dialogs">
      <div id="my-dialog" class="dialog">
        <header class="dialog-title-region">
          <h1 class="title">Howdy!</h1>
        </header>
        <div class="dialog-content">
          <div class="inset">
            <p>This is an example of a dialog</p>
          </div>
        </div>
        <ul class="dialog-actions">
          <li><a href="javascript: void(0);" class="dialog-cancel-button">Cancel</a></li>
          <li><a href="javascript: void(0);" class="dialog-ok-button">OK</a></li>
        </ul>
      </div>
    </div>
  </div>


  <script src="../dist/fries.min.js"></script>

  <script src="js/fingerblast.js"></script>

  <script type="text/javascript">
    var init = function () {
      // Make sure the dialog is in the DOM
      if (document.querySelector('#my-dialog')) {
        var dialog = new fries.Dialog({
          selector: '#my-dialog',
          callbackOk: function () {
            var toast = new fries.Toast({
              content: "Pressed OK",
              duration: fries.Toast.duration.SHORT
            });

            this.hide(); // this refers to the dialog
          },
          callbackCancel: function () {
            var toast = new fries.Toast({
              content: "Pressed Cancel",
              duration: fries.Toast.duration.SHORT
            });

            this.hide(); // this refers to the dialog
          }
        });

        document.querySelector('#open-dialog').addEventListener('touchend', function () {
          dialog.show();
        }, false);
      }

      document.querySelector('#show-toast').addEventListener('touchend', function () {
        var toast = new fries.Toast({ content: "Hi, I'm a Toast notification." });

      }, false);
    };

    var isMobile = function () {
      if( navigator.userAgent.match(/Android/i)
        || navigator.userAgent.match(/webOS/i)
        || navigator.userAgent.match(/iPhone/i)
        || navigator.userAgent.match(/iPad/i)
        || navigator.userAgent.match(/iPod/i)
        || navigator.userAgent.match(/BlackBerry/i)
        || navigator.userAgent.match(/Windows Phone/i)
      ) {
        return true;
      }
      else {
        return false;
      }
    };

    window.addEventListener('push', init, false);
    window.addEventListener('popstate', init, false);

    // To enable touch events on desktop
    // Remove this when building in PhoneGap
    if (!isMobile) {
      window.onload = new FingerBlast('body');
    }
  </script>
</body>
</html>
{'fraction_non_alphanumeric': 0.17702091874277304, 'fraction_numerical': 0.011142646904236308, 'mean_word_length': 2.5394345238095237, 'pattern_counts': {'":': 0, '<': 191, '<?xml version=': 0, '>': 191, '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': '3175000', 'n_tokens_mistral': 3183, 'n_tokens_neox': 3042, 'n_words': 626}