<commit_before><!doctype html>

<html>
<head>
	<title>WebReg Pro by Yellow Fellows</title>	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="/css/bootstrap.min.css" rel="stylesheet">
	<link href="/css/bootstrap-theme.min.css" rel="stylesheet">
	<link href="/css/introHCI.css" rel="stylesheet">
	<!-- this is a comment in HTML -->

    <!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->     
<script src="https://code.jquery.com/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>   
<script src="/js/knockout.js"></script>
<script src="/js/socket.io/dist/socket.io.js"></script>
<script src="/js/Models/IndexModel.js"></script>
<script src="/js/ViewModels/IndexViewModel.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="/js/gradeChart.js"></script>

<style>
.page-header {
  margin : 10px 0 20px;
}
#container{

}
</style>
</head>
<script>
$(document).ready(function(){
  var ViewModel = new IndexViewModel(IndexModel, document.getElementById("container"));
  ViewModel.initialize();
});
</script>
<body class="container" id="container">
  <div class="page-header row ">
    <h2 class="col-md-7"> 
    <img width="50" height="50" src="http://after5chronicles.files.wordpress.com/2013/02/ouroboros042.gif"/>
      Class Tracker <small> Now following...</small>
    </h2>
<button class="btn btn-info" data-toggle="collapse" data-target="#account">
  Account Bar
</button>

<div id="account" class="collapse">


  {{#if loggedin}}
  <div class="col-md-1 col-md-offset-4"> </>
  <form method="POST" action="/logout">
  <button class="btn btn-info">Log Out </button>
</form>
  {{/if}}
  {{#if notloggedin}}
   <div class="col-md-5">
<form class="form-inline" role="form" method="POST" action = "/login">
  <div class="form-group">
    <label class="sr-only" for="exampleInputEmail2">PID</label>
    <input type="text" name="pid" class="form-control" id="exampleInputEmail2" placeholder="Enter PID">
  </div>
  <div class="form-group">
    <label class="sr-only" for="exampleInputPassword2">password</label>
    <input type="password" name="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
  </div>
  <button type="submit" class="btn btn-default">Sign in</button>
</form>
<a href="/signup" target="_blank">Sign up</a>
  {{/if}}
   </div>
  </div>


</div>
  <div class="classholder">
    <div data-bind="if : viewedClasses().length == 0">
      <div class="alert alert-warning">You have no classes currently. Enroll now!</div>
    </div>

    <div data-bind="foreach: viewedClasses()">

      <div class="alert alert-success">
        <div class="row">

          <div class="col-md-2">
            <div data-bind="html : '<b>' + name + '</b>'"></div>
          </div>

          <div class="col-md-4">
            <div data-bind="html : '<small> Taught by ' + instructor + '</small>'"></div>
          </div>
          <div class="col-md-2">
            <div data-bind="html : '<small> Cluster :  ' + group + '</small>'"></div>
          </div>
          <div class="col-md-1">
            <div data-bind="html : '<b>' + enrollment() + '/' + max_enrollment + '</b>'"></div>
          </div>

          <div class="col-md-3">
            <button data-bind="click : $parent.getInfo" class="btn btn-info">Info</button>
            <button data-bind="click : $parent.toggle" class="btn btn btn-primary">Unfollow</button>
            <button data-bind="click : $parent.enroll" class="btn btn-success">Enroll</button>
          </div>

        </div>

      </div>

    </div>

   <button class="btn btn-info"  data-toggle="modal" data-target="#myModal">Follow a class</button>
 </div>

<!-- MODAL -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><commit_msg>header<commit_after><!doctype html>

<html>
<head>
	<title>WebReg Pro by Yellow Fellows</title>	
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="/css/bootstrap.min.css" rel="stylesheet">
	<link href="/css/bootstrap-theme.min.css" rel="stylesheet">
	<link href="/css/introHCI.css" rel="stylesheet">
	<!-- this is a comment in HTML -->

    <!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->     
<script src="https://code.jquery.com/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>   
<script src="/js/knockout.js"></script>
<script src="/js/socket.io/dist/socket.io.js"></script>
<script src="/js/Models/IndexModel.js"></script>
<script src="/js/ViewModels/IndexViewModel.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="/js/gradeChart.js"></script>

<style>
.page-header {
  margin : 10px 0 20px;
}
#container{

}
</style>
</head>
<script>
$(document).ready(function(){
  var ViewModel = new IndexViewModel(IndexModel, document.getElementById("container"));
  ViewModel.initialize();
});
</script>
<body class="container" id="container">
  <div class="page-header row ">
    <h2 class="col-md-7"> 
    <img width="50" height="50" src="http://after5chronicles.files.wordpress.com/2013/02/ouroboros042.gif"/>
      Class Tracker <small> Now following...</small>
    </h2>



</div>
  <div class="classholder">
    <div data-bind="if : viewedClasses().length == 0">
      <div class="alert alert-warning">You have no classes currently. Enroll now!</div>
    </div>

    <div data-bind="foreach: viewedClasses()">

      <div class="alert alert-success">
        <div class="row">

          <div class="col-md-2">
            <div data-bind="html : '<b>' + name + '</b>'"></div>
          </div>

          <div class="col-md-4">
            <div data-bind="html : '<small> Taught by ' + instructor + '</small>'"></div>
          </div>
          <div class="col-md-2">
            <div data-bind="html : '<small> Cluster :  ' + group + '</small>'"></div>
          </div>
          <div class="col-md-1">
            <div data-bind="html : '<b>' + enrollment() + '/' + max_enrollment + '</b>'"></div>
          </div>

          <div class="col-md-3">
            <button data-bind="click : $parent.getInfo" class="btn btn-info">Info</button>
            <button data-bind="click : $parent.toggle" class="btn btn btn-primary">Unfollow</button>
            <button data-bind="click : $parent.enroll" class="btn btn-success">Enroll</button>
          </div>

        </div>

      </div>

    </div>

   <button class="btn btn-info"  data-toggle="modal" data-target="#myModal">Follow a class</button>
   <button class="btn btn-info" data-toggle="collapse" data-target="#account">
  Account Bar
</button>

<div id="account" class="collapse">


  {{#if loggedin}}
  <div class="col-md-1 col-md-offset-4"> </>
  <form method="POST" action="/logout">
  <button class="btn btn-info">Log Out </button>
</form>
  {{/if}}
  {{#if notloggedin}}
   <div class="col-md-5">
<form class="form-inline" role="form" method="POST" action = "/login">
  <div class="form-group">
    <label class="sr-only" for="exampleInputEmail2">PID</label>
    <input type="text" name="pid" class="form-control" id="exampleInputEmail2" placeholder="Enter PID">
  </div>
  <div class="form-group">
    <label class="sr-only" for="exampleInputPassword2">password</label>
    <input type="password" name="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
  </div>
  <button type="submit" class="btn btn-default">Sign in</button>
</form>
<a href="/signup" target="_blank">Sign up</a>
  {{/if}}
   </div>
  </div>
 </div>

<!-- MODAL -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
{'fraction_non_alphanumeric': 0.20872735558846986, 'fraction_numerical': 0.011621282898484676, 'mean_word_length': 3.4626334519572954, 'pattern_counts': {'":': 0, '<': 261, '<?xml version=': 0, '>': 261, 'https://': 6, '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': '1270482', 'n_tokens_mistral': 2998, 'n_tokens_neox': 2888, 'n_words': 597}