<commit_before><!DOCTYPE HTML>
<html>
<head>
  <title>Glance</title>
  <meta charset="UTF-8">
  <!-- load main.js after require.js -->
  <script data-main="javascript/main" src="libs/require/Require.js"></script>
  <script src="libs/timbrejs/timbre.js"></script>
  <script src="libs/timbrejs/audio-jsonp.js"></script>
  <script src="libs/timbrejs/jsmad.js"></script>
  <script src="libs/timbrejs/mp3_decode.js"></script>
  <script src="libs/timbrejs/soundfont.js"></script>
  <script src="libs/timbrejs/Instrument.js"></script>
  <script src="libs/timbrejs/WaveForm.js"></script>
  <link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="libs/SlickGrid/slick.grid.css" type="text/css"/>
  <link rel="stylesheet" href="libs/SlickGrid/css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
  <link rel="stylesheet" href="libs/SlickGrid/examples/examples.css" type="text/css"/>
  <link rel="stylesheet" href="libs/jquery/jquery-ui.css"/>
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  </head>
<body>
  <header>
    <h1 id="title"><a href="index.html" title="Glance Home" aria-label="Glance Home">Glance</a></h1>
    <div class="inputBtnSection no-print">
      <label class="fileUpload">
          <input id="files" tab-index="0" aria-label="Load CSV" type="file" accept=".csv" class="upload" onfocus="focusElement('uploadBtn')" onblur = "blurElement('uploadBtn')"/>
          <span class="uploadBtn" title="Load CSV" aria-hidden="true" onmouseover="focusElement('uploadBtn')" onmouseleave="blurElement('uploadBtn')">Load CSV</span>
      </label>
    </div>
    <div class="newBtnSection no-print">
      <label class="createNew">
        <input id="newTable" tab-index="0" aria-label="Create New Table" type="button" class="emptyTable" onfocus="focusElement('createBtn')" onblur="blurElement('createBtn')"/>
        <span class="createBtn" title="Create New Table" aria-hidden="true" onmouseover="focusElement('createBtn')" onmouseleave="blurElement('createBtn')">Create New Table</span>
      </label>
    </div>
    <span id="jumpSpan">
      <a class="pageJump" href="#dataPlot" aria-label="Jump to Table">Jump to Table</a>
      <a class="pageJump" href="#audioSpanSec" aria-label="Jump to Audio">Jump to Audio</a>
      <a class="pageJump" href="#summaryBox" aria-label="Jump to Graph Data">Jump to Data</a>
    <span>
    <button id="helpButton" aria-label="Help" title="Help" onclick="Alert3.render()"><i class="fa fa-question fa-3x"></i></button>
    <span id="typeSelBody" class="no-print" style="display:none;">
      Change graph type:
      <select id="typeSel" class="no-print" title="Change Graph Type" onchange="typeOpSel()">
        <option id="lineRadioButton" name="graphTypeSel" value="Line" onclick="typeOpSel()">Line Graph</label>
        <option id="barRadioButton" name="graphTypeSel" value="Bar" onclick="typeOpSel()">Bar Graph</option>
        <option id="scatterRadioButton" name="graphTypeSel" value="Scatter" onclick="typeOpSel()">Scatter Plot</option>
      </select>
    </span><!-- END id="typeSelBody" -->
    <output id="list"></output>
  </header>
    <div id="start">
      <div id="startBody">
        <h1>Welcome to Glance</h1>
        <p>
          This web application was designed to help analyze data through graphs, calculated values, and sound.
          Here's a quick look at how to use the application:
        </p>
        <ul>
          <li>Audio Controls: The audio controls allow you to choose which set of data to play and at what speed.</li>
          <li>Graph: You can choose from three separate options when making a graph: Line, Bar, and Scatter Plot. The overlay on the graph can highlight certain parts of the data to be turned into sound.</li>
          <li>Data Table: There are two options with the data table; load a pre-made CSV (Comma Separated Value) file, or choose to create an empty one. Rows and columns can be added or subtracted from the table, which can be saved and downloaded.</li>
          <li>Graph Data: In this section, you can customize data set colors, as well as toggle their visibility. Graph data displays minimums, maximums, and averages for each individual row of the data set, as well as the overall total.</li>
        </ul>
        <h3 id="startInst">To get started, select Load CSV or Create New Table at the top!</h3>
      </div>
      <div id="startFooter">
        <button id="toTopButton" title="Return to Top" onclick="location.href='index.php'" >Return to Top</button>
      </div>
    </div> <!-- End of start div -->
    <div id="content" style="position: absolute; top: -9999px; left: -9999px;"><!-- css style is for hiding the content section when page first load -->
      <div id="dataGraph">
        <h3 id="graphHeader" style="display:none;">Glance Graph</h3><commit_msg>change toTop link in html<commit_after><!DOCTYPE HTML>
<html>
<head>
  <title>Glance</title>
  <meta charset="UTF-8">
  <!-- load main.js after require.js -->
  <script data-main="javascript/main" src="libs/require/Require.js"></script>
  <script src="libs/timbrejs/timbre.js"></script>
  <script src="libs/timbrejs/audio-jsonp.js"></script>
  <script src="libs/timbrejs/jsmad.js"></script>
  <script src="libs/timbrejs/mp3_decode.js"></script>
  <script src="libs/timbrejs/soundfont.js"></script>
  <script src="libs/timbrejs/Instrument.js"></script>
  <script src="libs/timbrejs/WaveForm.js"></script>
  <link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="libs/SlickGrid/slick.grid.css" type="text/css"/>
  <link rel="stylesheet" href="libs/SlickGrid/css/smoothness/jquery-ui-1.8.16.custom.css" type="text/css"/>
  <link rel="stylesheet" href="libs/SlickGrid/examples/examples.css" type="text/css"/>
  <link rel="stylesheet" href="libs/jquery/jquery-ui.css"/>
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  </head>
<body>
  <header>
    <h1 id="title"><a href="index.html" title="Glance Home" aria-label="Glance Home">Glance</a></h1>
    <div class="inputBtnSection no-print">
      <label class="fileUpload">
          <input id="files" tab-index="0" aria-label="Load CSV" type="file" accept=".csv" class="upload" onfocus="focusElement('uploadBtn')" onblur = "blurElement('uploadBtn')"/>
          <span class="uploadBtn" title="Load CSV" aria-hidden="true" onmouseover="focusElement('uploadBtn')" onmouseleave="blurElement('uploadBtn')">Load CSV</span>
      </label>
    </div>
    <div class="newBtnSection no-print">
      <label class="createNew">
        <input id="newTable" tab-index="0" aria-label="Create New Table" type="button" class="emptyTable" onfocus="focusElement('createBtn')" onblur="blurElement('createBtn')"/>
        <span class="createBtn" title="Create New Table" aria-hidden="true" onmouseover="focusElement('createBtn')" onmouseleave="blurElement('createBtn')">Create New Table</span>
      </label>
    </div>
    <span id="jumpSpan">
      <a class="pageJump" href="#dataPlot" aria-label="Jump to Table">Jump to Table</a>
      <a class="pageJump" href="#audioSpanSec" aria-label="Jump to Audio">Jump to Audio</a>
      <a class="pageJump" href="#summaryBox" aria-label="Jump to Graph Data">Jump to Data</a>
    <span>
    <button id="helpButton" aria-label="Help" title="Help" onclick="Alert3.render()"><i class="fa fa-question fa-3x"></i></button>
    <span id="typeSelBody" class="no-print" style="display:none;">
      Change graph type:
      <select id="typeSel" class="no-print" title="Change Graph Type" onchange="typeOpSel()">
        <option id="lineRadioButton" name="graphTypeSel" value="Line" onclick="typeOpSel()">Line Graph</label>
        <option id="barRadioButton" name="graphTypeSel" value="Bar" onclick="typeOpSel()">Bar Graph</option>
        <option id="scatterRadioButton" name="graphTypeSel" value="Scatter" onclick="typeOpSel()">Scatter Plot</option>
      </select>
    </span><!-- END id="typeSelBody" -->
    <output id="list"></output>
  </header>
    <div id="start">
      <div id="startBody">
        <h1>Welcome to Glance</h1>
        <p>
          This web application was designed to help analyze data through graphs, calculated values, and sound.
          Here's a quick look at how to use the application:
        </p>
        <ul>
          <li>Audio Controls: The audio controls allow you to choose which set of data to play and at what speed.</li>
          <li>Graph: You can choose from three separate options when making a graph: Line, Bar, and Scatter Plot. The overlay on the graph can highlight certain parts of the data to be turned into sound.</li>
          <li>Data Table: There are two options with the data table; load a pre-made CSV (Comma Separated Value) file, or choose to create an empty one. Rows and columns can be added or subtracted from the table, which can be saved and downloaded.</li>
          <li>Graph Data: In this section, you can customize data set colors, as well as toggle their visibility. Graph data displays minimums, maximums, and averages for each individual row of the data set, as well as the overall total.</li>
        </ul>
        <h3 id="startInst">To get started, select Load CSV or Create New Table at the top!</h3>
      </div>
      <div id="startFooter">
        <button id="toTopButton" title="Return to Top" onclick="location.href='index.html'" >Return to Top</button>
      </div>
    </div> <!-- End of start div -->
    <div id="content" style="position: absolute; top: -9999px; left: -9999px;"><!-- css style is for hiding the content section when page first load -->
      <div id="dataGraph">
        <h3 id="graphHeader" style="display:none;">Glance Graph</h3>
{'fraction_non_alphanumeric': 0.16232771822358347, 'fraction_numerical': 0.005921388463501787, 'mean_word_length': 4.073019161056448, 'pattern_counts': {'":': 0, '<': 215, '<?xml version=': 0, '>': 215, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6554668', 'n_tokens_mistral': 3139, 'n_tokens_neox': 3000, 'n_words': 833}