<commit_before><!--
MyGrade - Grade Viewer App
@version v1.0
@author <NAME> | Part-time faculty | WVSU - IICT
@link  -->

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>MyGrade - Grade Viewer App</title>
  <meta name="description" content="MyGrade - Grade Viewer Web App">

<!-- hosted -->
  <!-- mdl -->
  <link rel="stylesheet" href="https://code.getmdl.io/1.1.2/material.blue_grey-orange.min.css" />
  <script defer src="https://code.getmdl.io/1.1.2/material.min.js"></script>
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <!-- dialog-polyfill -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.4.3/dialog-polyfill.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.4.3/dialog-polyfill.min.js" charset="utf-8"></script>
  <!-- google-charts -->
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <!-- firebase -->
  <script src="https://cdn.firebase.com/js/client/2.4.1/firebase.js"></script>
  <!-- jquery -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js" charset="utf-8"></script>
<!-- hosted -->

  <!-- build:remove -->
  <link rel="stylesheet" href="bower_components/dialog-polyfill/dialog-polyfill.css">
  <script src="bower_components/dialog-polyfill/dialog-polyfill.js" charset="utf-8"></script>
  <script src="bower_components/firebase/firebase.js" charset="utf-8"></script>
  <script src="bower_components/jquery/dist/jquery.min.js" charset="utf-8"></script>
  <!-- /build -->

  <!-- build:css css/index.min.css -->
  <link rel="stylesheet" href="css/index.css" media="screen" title="no title" charset="utf-8">
  <!-- /build -->

  <!-- build:replace '<link rel="stylesheet" href="css/gh-fork-ribbon.css">' -->
  <link rel="stylesheet" href="bower_components/github-fork-ribbon-css/gh-fork-ribbon.css">
  <!-- /build -->

  <!-- build:replace '<link rel="shortcut icon" href="images/favicon.ico">' -->
  <link rel="shortcut icon" href="favicon/favicon.ico">
  <!-- /build -->
</head>

<body>
  <section id="section-login">
    <div class="mdl-layout mdl-js-layout mdl-color--grey-100">
      <main class="mdl-layout__content">
        <div class="mdl-card mdl-shadow--6dp card-login">
          <div class="mdl-card__title mdl-color--primary mdl-color-text--white">
            <h2 class="mdl-card__title-text">Login</h2>
          </div>
          <div class="mdl-card__supporting-text">
            <form action="#">
              <div class="login-pages">
                <div id="account-id">
                  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input" type="text" id="acct_id" />
                    <label class="mdl-textfield__label" for="acct_id">Account ID</label>
                  </div>
                  <div class="mdl-card__actions">
                    <button class="mdl-button next-button mdl-button--raised mdl-js-button mdl-js-ripple-effect expand">
                      Next
                    </button>
                  </div>
                </div>
                <div id="account-pass">
                  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input" type="password" id="acct_pass" />
                    <label class="mdl-textfield__label" for="acct_pass">Pass Code</label>
                  </div>
                  <div class="mdl-card__actions">
                    <button class="mdl-button login-button mdl-button--raised mdl-js-button mdl-js-ripple-effect expand">
                      Login
                    </button>
                  </div>
                </div>
                <div>
                  <p class="right"><a id="login-help" href="#">Can&apos;t login?</a></p>
                </div>
                <div class="mdl-menu__item--full-bleed-divider"></div>
                <p class="mdl-typography--text-center lovedev"><small>2016 | &lt;/&gt; + &lt;3 mjs</small></p>
              </div>
            </form>
          </div>
        </div>
      </main>
    </div>
  </section>
  <section id="section-dashboard">
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header mdl-color--grey-300">
      <header class="mdl-layout__header">
        <div class="mdl-layout__header-row">
          <div class="mdl-layout-spacer"></div>
          <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
                      mdl-textfield--floating-label mdl-textfield--align-right">
            <label id="gen-help" class="mdl-button mdl-js-button mdl-button--icon" for="fixed-header-drawer-exp">
              <i class="material-icons">help</i>
            </label>
            <div class="mdl-textfield__expandable-holder">
              <input class="mdl-textfield__input" type="text" name="sample" id="fixed-header-drawer-exp">
            </div>
          </div>
        </div>
      </header>
      <div class="mdl-layout__drawer">
        <header class="drawer-header profile">
          <img class="profile-picture" src="images/robot.png" alt="" />
          <span class="mdl-layout-title">
            <span class="profile-name"></span>&apos;s Grade</span>
        </header>
        <nav class="mdl-navigation">
          <a class="mdl-navigation__link" href="#to-components">Components</a>
          <a class="mdl-navigation__link" href="#to-guides">Guide</a>
          <a class="mdl-navigation__link" href="#attachments">Attachments</a>
          <a class="mdl-navigation__link" href="#mygrade">My Grade</a>
        </nav>
      </div>
      <main class="mdl-layout__content">
        <div id="dashboard-contents" class="page-content mdl-grid wait">
          <div id="to-components">
          <div class="chart mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
            <h4 class="chart-title mdl-color-text--grey-800">Midterm Grading Components</h4>
            <div id="chart-midterm-components" class="chart-content"></div>
          </div>
          <div class="chart mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
            <h4 class="chart-title mdl-color-text--grey-800">Finalterm Grading Components</h4>
            <div id="chart-finalterm-components" class="chart-content"></div>
          </div>
          </div>

          <div class="chart mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--6-col mdl-grid">
            <h4 class="chart-title mdl-color-text--grey-800">Midterm Grading Guide</h4>
            <div id="chart-midterm-guide" class="chart-content"></div>
            </div>

          <div class="chart mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--6-col mdl-grid">
            <h4 class="chart-title mdl-color-text--grey-800">Finalterm Grading Guide</h4>
            <div id="chart-finalterm-guide" class="chart-content"></div>
          </div>

          <div class="attachments-card mdl-cell mdl-cell--12-col mdl-card mdl-shadow--2dp">
            <div class="mdl-card__title mdl-color--primary">
              <h2 class="mdl-card__title-text">Attachments</h2>
            </div>
            <div class="mdl-card__supporting-text">
              <table class="mdl-data-table attachments-table mdl-js-data-table">
                <thead>
                  <tr>
                    <th class="mdl-data-table__cell--non-numeric">Item</th>
                    <th class="mdl-data-table__cell--non-numeric">Link</th>
                  </tr>
                </thead>
                <tbody id="attachments">
                </tbody>
              </table>
            </div>
          </div>

          <div class="mdl-cell mdl-cell--12-col mygrade-card mdl-card mdl-shadow--2dp">
            <div class="mdl-card__title mdl-color--primary">
              <div id="mygrade"></div>
              <h2 class="mdl-card__title-text">My Grade</h2>
            </div>
            <div class="mdl-card__supporting-text" style="overflow:scroll; width: 100%">
              <div id="chart-final-grade" class="chart-content"></div>
              <br>
              <div class="mdl-grid">
                <h5 class="mdl-cell mdl-cell-6">Equivalent: <span id="ggEquiv"></span></h5>
                <h5 class="mdl-cell mdl-cell-6">Description: <span id="ggDesc"></span></h5>
              </div>
            </div>
          </div>

        </div>
      </main>
    </div>

    <div class="mdl-tooltip mdl-tooltip--left" for="logout">
      Logout
    </div>
    <button id="logout-button" class="logout-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
      <i class="material-icons mdl-color-text--white">exit_to_app</i>
    </button>
  </section>

  <!-- Dialogs and toasts -->
  <div id="toast" class="mdl-js-snackbar mdl-snackbar">
    <div class="mdl-snackbar__text"></div>
    <button class="mdl-snackbar__action" type="button"></button>
  </div>
  <dialog id="login-help-dialog" class="mdl-dialog">
    <h4 class="mdl-dialog__title">Login Help</h4>
    <div class="mdl-dialog__content">
      <p>
        Your Account ID is the lowercased concatenated form of your School ID number and subject code.
        <br> Example:
        <span class="highlight">20150037mnis217c</span>
        <br> Your Pass Code is the 7-digit password that we have on your personal Monsta FTP account.
      </p>
    </div>
    <div class="mdl-dialog__actions">
      <button type="button" class="mdl-button ok">OK</button>
    </div>
  </dialog>
  <dialog id="gen-help-dialog" class="mdl-dialog">
    <h4 class="mdl-dialog__title">Help</h4>
    <div class="mdl-dialog__content">
      <p>Need more help? Please checkout the faq.pdf file in the attachments section.
      </p>
    </div>
    <div class="mdl-dialog__actions">
      <button type="button" class="mdl-button ok">OK</button>
    </div>
  </dialog>
  <dialog id="wait" class="mdl-dialog">
    <div class="mdl-dialog__content mdl-typography--text-center">
      <p>One moment...</p>
      <div class="mdl-spinner mdl-js-spinner is-active"></div>
    </div>
  </dialog>
  <a class="github-fork-ribbon left-bottom" href="https://github.com/wvsu-iict-code/mygrade" title="Fork me on GitHub">Fork me on GitHub</a>
  <!-- build:js js/index.min.js -->
  <script src="js/data.js" charset="utf-8"></script>
  <script src="js/global-utilities.js" charset="utf-8"></script>
  <script src="js/grading-formulas.js"></script>
  <script src="js/app.js" charset="utf-8"></script>
  <script src="js/index.js" charset="utf-8"></script>
  <!-- /build -->
</body>

</html>
<commit_msg>Added tracker<commit_after><!--
MyGrade - Grade Viewer App
@version v1.0
@author <NAME> | Part-time faculty | WVSU - IICT
@link  -->

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>MyGrade - Grade Viewer App</title>
  <meta name="description" content="MyGrade - Grade Viewer Web App">

<!-- hosted -->
  <!-- mdl -->
  <link rel="stylesheet" href="https://code.getmdl.io/1.1.2/material.blue_grey-orange.min.css" />
  <script defer src="https://code.getmdl.io/1.1.2/material.min.js"></script>
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <!-- dialog-polyfill -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.4.3/dialog-polyfill.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.4.3/dialog-polyfill.min.js" charset="utf-8"></script>
  <!-- google-charts -->
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <!-- firebase -->
  <script src="https://cdn.firebase.com/js/client/2.4.1/firebase.js"></script>
  <!-- jquery -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js" charset="utf-8"></script>
<!-- hosted -->

  <!-- build:remove -->
  <link rel="stylesheet" href="bower_components/dialog-polyfill/dialog-polyfill.css">
  <script src="bower_components/dialog-polyfill/dialog-polyfill.js" charset="utf-8"></script>
  <script src="bower_components/firebase/firebase.js" charset="utf-8"></script>
  <script src="bower_components/jquery/dist/jquery.min.js" charset="utf-8"></script>
  <!-- /build -->

  <!-- build:css css/index.min.css -->
  <link rel="stylesheet" href="css/index.css" media="screen" title="no title" charset="utf-8">
  <!-- /build -->

  <!-- build:replace '<link rel="stylesheet" href="css/gh-fork-ribbon.css">' -->
  <link rel="stylesheet" href="bower_components/github-fork-ribbon-css/gh-fork-ribbon.css">
  <!-- /build -->

  <!-- build:replace '<link rel="shortcut icon" href="images/favicon.ico">' -->
  <link rel="shortcut icon" href="favicon/favicon.ico">
  <!-- /build -->
</head>

<body>
  <section id="section-login">
    <div class="mdl-layout mdl-js-layout mdl-color--grey-100">
      <main class="mdl-layout__content">
        <div class="mdl-card mdl-shadow--6dp card-login">
          <div class="mdl-card__title mdl-color--primary mdl-color-text--white">
            <h2 class="mdl-card__title-text">Login</h2>
          </div>
          <div class="mdl-card__supporting-text">
            <form action="#">
              <div class="login-pages">
                <div id="account-id">
                  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input" type="text" id="acct_id" />
                    <label class="mdl-textfield__label" for="acct_id">Account ID</label>
                  </div>
                  <div class="mdl-card__actions">
                    <button class="mdl-button next-button mdl-button--raised mdl-js-button mdl-js-ripple-effect expand">
                      Next
                    </button>
                  </div>
                </div>
                <div id="account-pass">
                  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                    <input class="mdl-textfield__input" type="password" id="acct_pass" />
                    <label class="mdl-textfield__label" for="acct_pass">Pass Code</label>
                  </div>
                  <div class="mdl-card__actions">
                    <button class="mdl-button login-button mdl-button--raised mdl-js-button mdl-js-ripple-effect expand">
                      Login
                    </button>
                  </div>
                </div>
                <div>
                  <p class="right"><a id="login-help" href="#">Can&apos;t login?</a></p>
                </div>
                <div class="mdl-menu__item--full-bleed-divider"></div>
                <p class="mdl-typography--text-center lovedev"><small>2016 | &lt;/&gt; + &lt;3 mjs</small></p>
              </div>
            </form>
          </div>
        </div>
      </main>
    </div>
  </section>
  <section id="section-dashboard">
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header mdl-color--grey-300">
      <header class="mdl-layout__header">
        <div class="mdl-layout__header-row">
          <div class="mdl-layout-spacer"></div>
          <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
                      mdl-textfield--floating-label mdl-textfield--align-right">
            <label id="gen-help" class="mdl-button mdl-js-button mdl-button--icon" for="fixed-header-drawer-exp">
              <i class="material-icons">help</i>
            </label>
            <div class="mdl-textfield__expandable-holder">
              <input class="mdl-textfield__input" type="text" name="sample" id="fixed-header-drawer-exp">
            </div>
          </div>
        </div>
      </header>
      <div class="mdl-layout__drawer">
        <header class="drawer-header profile">
          <img class="profile-picture" src="images/robot.png" alt="" />
          <span class="mdl-layout-title">
            <span class="profile-name"></span>&apos;s Grade</span>
        </header>
        <nav class="mdl-navigation">
          <a class="mdl-navigation__link" href="#to-components">Components</a>
          <a class="mdl-navigation__link" href="#to-guides">Guide</a>
          <a class="mdl-navigation__link" href="#attachments">Attachments</a>
          <a class="mdl-navigation__link" href="#mygrade">My Grade</a>
        </nav>
      </div>
      <main class="mdl-layout__content">
        <div id="dashboard-contents" class="page-content mdl-grid wait">
          <div id="to-components">
          <div class="chart mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
            <h4 class="chart-title mdl-color-text--grey-800">Midterm Grading Components</h4>
            <div id="chart-midterm-components" class="chart-content"></div>
          </div>
          <div class="chart mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
            <h4 class="chart-title mdl-color-text--grey-800">Finalterm Grading Components</h4>
            <div id="chart-finalterm-components" class="chart-content"></div>
          </div>
          </div>

          <div class="chart mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--6-col mdl-grid">
            <h4 class="chart-title mdl-color-text--grey-800">Midterm Grading Guide</h4>
            <div id="chart-midterm-guide" class="chart-content"></div>
            </div>

          <div class="chart mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--6-col mdl-grid">
            <h4 class="chart-title mdl-color-text--grey-800">Finalterm Grading Guide</h4>
            <div id="chart-finalterm-guide" class="chart-content"></div>
          </div>

          <div class="attachments-card mdl-cell mdl-cell--12-col mdl-card mdl-shadow--2dp">
            <div class="mdl-card__title mdl-color--primary">
              <h2 class="mdl-card__title-text">Attachments</h2>
            </div>
            <div class="mdl-card__supporting-text">
              <table class="mdl-data-table attachments-table mdl-js-data-table">
                <thead>
                  <tr>
                    <th class="mdl-data-table__cell--non-numeric">Item</th>
                    <th class="mdl-data-table__cell--non-numeric">Link</th>
                  </tr>
                </thead>
                <tbody id="attachments">
                </tbody>
              </table>
            </div>
          </div>

          <div class="mdl-cell mdl-cell--12-col mygrade-card mdl-card mdl-shadow--2dp">
            <div class="mdl-card__title mdl-color--primary">
              <div id="mygrade"></div>
              <h2 class="mdl-card__title-text">My Grade</h2>
            </div>
            <div class="mdl-card__supporting-text" style="overflow:scroll; width: 100%">
              <div id="chart-final-grade" class="chart-content"></div>
              <br>
              <div class="mdl-grid">
                <h5 class="mdl-cell mdl-cell-6">Equivalent: <span id="ggEquiv"></span></h5>
                <h5 class="mdl-cell mdl-cell-6">Description: <span id="ggDesc"></span></h5>
              </div>
            </div>
          </div>

        </div>
      </main>
    </div>

    <div class="mdl-tooltip mdl-tooltip--left" for="logout">
      Logout
    </div>
    <button id="logout-button" class="logout-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
      <i class="material-icons mdl-color-text--white">exit_to_app</i>
    </button>
  </section>

  <!-- Dialogs and toasts -->
  <div id="toast" class="mdl-js-snackbar mdl-snackbar">
    <div class="mdl-snackbar__text"></div>
    <button class="mdl-snackbar__action" type="button"></button>
  </div>
  <dialog id="login-help-dialog" class="mdl-dialog">
    <h4 class="mdl-dialog__title">Login Help</h4>
    <div class="mdl-dialog__content">
      <p>
        Your Account ID is the lowercased concatenated form of your School ID number and subject code.
        <br> Example:
        <span class="highlight">20150037mnis217c</span>
        <br> Your Pass Code is the 7-digit password that we have on your personal Monsta FTP account.
      </p>
    </div>
    <div class="mdl-dialog__actions">
      <button type="button" class="mdl-button ok">OK</button>
    </div>
  </dialog>
  <dialog id="gen-help-dialog" class="mdl-dialog">
    <h4 class="mdl-dialog__title">Help</h4>
    <div class="mdl-dialog__content">
      <p>Need more help? Please checkout the faq.pdf file in the attachments section.
      </p>
    </div>
    <div class="mdl-dialog__actions">
      <button type="button" class="mdl-button ok">OK</button>
    </div>
  </dialog>
  <dialog id="wait" class="mdl-dialog">
    <div class="mdl-dialog__content mdl-typography--text-center">
      <p>One moment...</p>
      <div class="mdl-spinner mdl-js-spinner is-active"></div>
    </div>
  </dialog>
  <a class="github-fork-ribbon left-bottom" href="https://github.com/wvsu-iict-code/mygrade" title="Fork me on GitHub">Fork me on GitHub</a>
  <!-- build:js js/index.min.js -->
  <script src="js/data.js" charset="utf-8"></script>
  <script src="js/global-utilities.js" charset="utf-8"></script>
  <script src="js/grading-formulas.js"></script>
  <script src="js/app.js" charset="utf-8"></script>
  <script src="js/index.js" charset="utf-8"></script>
  <!-- /build -->
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-75073102-1', 'auto');
  ga('send', 'pageview');

</script>
</body>

</html>

{'fraction_non_alphanumeric': 0.18129607018495908, 'fraction_numerical': 0.010582010582010581, 'mean_word_length': 2.3782462572563396, 'pattern_counts': {'":': 0, '<': 567, '<?xml version=': 0, '>': 567, 'https://': 18, 'lorem ipsum': 0, 'www.': 3, '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': '4836667', 'n_tokens_mistral': 7563, 'n_tokens_neox': 7261, 'n_words': 1205}