<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Data Viz Project</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Additions to Main -->
    <link href="css/main.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

    <!-- <nav class="pull-right">
      <ul class="nav nav-pills">
        <li role="presentation" class="active"><a href="#">Home</a></li>
        <li role="presentation"><a href="#">Features</a></li>
        <li role="presentation"><a href="#">Start Now</a></li>
      </ul>
    </nav> -->

    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <a class="navbar-brand" href="#">DataViz</a>
      </div>
      <ul class="nav nav-pills navbar-right">
        <li role="presentation"><a href="#features">Features</a></li>
        <li role="presentation" class="active"><a href="firstStep.html">Get Started</a></li>
      </ul>
    </nav>

    <div class="container-fluid center">
      <span class="glyphicon glyphicon-object-align-bottom" id="welcome-graph"></span>
      <h1>Create Your </h1>
      <h3>Compare data sets with beautiful, fluid graphs.</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>

    <div class="container-fluid center">
      <a href="graph.html"><button type="button" class="btn btn-success btn-lg">Get Started</button></a>
    </div>

    <div class="container features-section" id="features">
      <div class="row">
        <div class="col-xs-4">
          <span class="glyphicon glyphicon-object-align-bottom"></span>
          <h4>Feature Name</h4>
          <p>Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur.</p>
        </div>
        <div class="col-xs-4">
          <span class="glyphicon glyphicon-object-align-bottom"></span>
          <h4>Feature Name</h4>
          <p>Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur.</p>
        </div>
        <div class="col-xs-4">
          <span class="glyphicon glyphicon-object-align-bottom"></span>
          <h4>Feature Name</h4>
          <p>Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur.</p>
        </div>
      </div>
    </div>


   <!--  Page 2 text section to set Habit and Unit -->
   <div class="container-fluid center">
   <h2> I want to</h2>
   <input type="pushups" name="Habit" id="text" placeholder="run, push-up, crunch...">
   <h2>by measuring</h2>
   <input type="pushups" name="Habit" id="text" placeholder="miles, reps, count...">
   <h2>everyday.</h2>
   </div>
   <div class="container-fluid center">
     <a href="graph.html"><button type="button" class="btn btn-success btn-lg">Start Habit!</button></a>
   </div>
   <!-- end of Page 2 section -->


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><commit_msg>Page 4 of the App<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Data Viz Project</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Additions to Main -->
    <link href="css/main.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Data Viz Project</title>



  <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/mdb.min.js"></script>
  </head>
  <body>

    <!-- <nav class="pull-right">
      <ul class="nav nav-pills">
        <li role="presentation" class="active"><a href="#">Home</a></li>
        <li role="presentation"><a href="#">Features</a></li>
        <li role="presentation"><a href="#">Start Now</a></li>
      </ul>
    </nav> -->

    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <a class="navbar-brand" href="#">DataViz</a>
      </div>
      <ul class="nav nav-pills navbar-right">
        <li role="presentation"><a href="#features">Features</a></li>
        <li role="presentation" class="active"><a href="firstStep.html">Get Started</a></li>
      </ul>
    </nav>

    <div class="container-fluid center">
      <span class="glyphicon glyphicon-object-align-bottom" id="welcome-graph"></span>
      <h1>Create Your </h1>
      <h3>Compare data sets with beautiful, fluid graphs.</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua.</p>
    </div>

    <div class="container-fluid center">
      <a href="graph.html"><button type="button" class="btn btn-success btn-lg">Get Started</button></a>
    </div>

    <div class="container features-section" id="features">
      <div class="row">
        <div class="col-xs-4">
          <span class="glyphicon glyphicon-object-align-bottom"></span>
          <h4>Feature Name</h4>
          <p>Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur.</p>
        </div>
        <div class="col-xs-4">
          <span class="glyphicon glyphicon-object-align-bottom"></span>
          <h4>Feature Name</h4>
          <p>Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur.</p>
        </div>
        <div class="col-xs-4">
          <span class="glyphicon glyphicon-object-align-bottom"></span>
          <h4>Feature Name</h4>
          <p>Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur.</p>
        </div>
      </div>
    </div>


   <!--  Page 2 text section to set Habit and Unit -->
   <section class="title row center">
   <h1>📈 Dataviz</h1>
   </section>

   <div class="container-fluid center">
   <h2> I want to</h2>
   <input type="pushups" name="Habit" id="text" placeholder="run, push-up, crunch...">
   <h2>by measuring</h2>
   <input type="pushups" name="Habit" id="text" placeholder="miles, reps, count...">
   <h2>everyday.</h2>
   </div>
   <div class="container-fluid center">
     <a href="graph.html"><button type="button" class="btn btn-success btn-lg">Start Habit!</button></a>
   </div>
   <!-- end of Page 2 section -->

<br> </br>
<hr> </hr>

<!-- Page 4 section showing graph & social share after unit is entered -->

  <!-- Bootstrap Container Wrapper -->
<div class="container">

<section class="title row center">
  <h1>📈 Dataviz</h1>
</section>

<!-- words at the top -->
</div>
</section>
<div class="container-fluid center">
   <h2>Whoohoo! You have completed</h2>
   <h2>[total number][units] of [habit].</h2>

<h2>---graph here---<h2>

</div>

<div style="display:none" class="graph-section row center" id="graphSection"> <!--style="display:none" -->
  <div class="panel panel-default flex-panel center-block">
    <div class="panel-heading">
    <h2 class="panel-title">Current Graph</h2>
      </div>
        <div class="panel-body">
          <canvas id="myChart"></canvas>
      </div>
  </div>
</div>


<!-- social media share buttons-->
<section class="title row center">
<div id="share-buttons">
    <body>Share It!</body>

    <!-- Email -->
    <a href="mailto:?Subject=Simple Share Buttons&amp;Body=Check%20out%20my%20new%20habit!!%20">
        <img src="https://simplesharebuttons.com/images/somacro/email.png" alt="Email" />
    </a>

    <!-- Facebook -->
    <a href="http://www.facebook.com/sharer.php?u=https://simplesharebuttons.com" target="_blank">
        <img src="https://simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" />
    </a>

    <!-- Google+ -->
    <a href="https://plus.google.com/share?url=" target="_blank">
        <img src="https://simplesharebuttons.com/images/somacro/google.png" alt="Google" />
    </a>

    <!-- LinkedIn -->
    <a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=" target="_blank">
        <img src="https://simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn" />
    </a>

    <!-- Pinterest -->
    <a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">
        <img src="https://simplesharebuttons.com/images/somacro/pinterest.png" alt="Pinterest" />
    </a>

    <!-- Print -->
    <a href="javascript:;" onclick="window.print()">
        <img src="https://simplesharebuttons.com/images/somacro/print.png" alt="Print" />
    </a>

    <!-- Reddit -->
    <a href="http://reddit.com/submit?url=&amp;title=Check out my new habit!" target="_blank">
        <img src="https://simplesharebuttons.com/images/somacro/reddit.png" alt="Reddit" />
    </a>


    <!-- Twitter -->
    <a href="https://twitter.com/share?url=&amp;text=Check%20out%20my%20new%20habit!&amp;hashtags=dataviz" target="_blank">
        <img src="https://simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" />
    </a>



<!-- End of page 4 -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
{'fraction_non_alphanumeric': 0.1855563234277816, 'fraction_numerical': 0.013562543192812715, 'mean_word_length': 3.0211879124696077, 'pattern_counts': {'":': 0, '<': 343, '<?xml version=': 0, '>': 343, 'https://': 20, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 1, 'word_list_counts': {'cursed_substrings.json': 18, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1109405', 'n_tokens_mistral': 3975, 'n_tokens_neox': 3754, 'n_words': 867}