<commit_before><!doctype html>
<html lang="en">
  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="UI.js"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Saint Barnabas Medical Center Indoor Navigation">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <title>Project Sahara Pre-Alpha</title>

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/android-desktop.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Material Design Lite">
    <link rel="apple-touch-icon-precomposed" href="images/ios-desktop.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
    <meta name="msapplication-TileColor" content="#3372DF">

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

    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
    <link rel="canonical" href="http://www.example.com/">
    -->

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="material_styles.css">
    <link rel="stylesheet" href="styles.css">
    <style>
    #view-source {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 40px;
      margin-bottom: 40px;
      z-index: 900;
    }
    </style>
  </head>
  <body>
    <div class="demo-layout mdl-layout mdl-layout--fixed-header mdl-js-layout mdl-color--grey-100">
      <header class="demo-header mdl-layout__header mdl-layout__header--scroll mdl-color--grey-100 mdl-color-text--grey-800">
        <div class="mdl-layout__header-row">
          <span class="mdl-layout-title">SBMC Indoor Navigation</span>
          <div class="mdl-layout-spacer"></div>          
        </div>
      </header>
      <div class="demo-ribbon"></div>
      <main class="demo-main mdl-layout__content">
        <div class="demo-container mdl-grid">
          <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
          <div class="demo-content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
            <!--main  body of content-->
            
                
                <div id ="textfieldsRow">
                    <input type="text" id = "StartingPosInput" list = "roomList1" placeholder="Enter starting point!">
                    <input type="text" id = "EndingPosInput" list = "roomList2" placeholder="Enter ending point!">
                    <datalist id ="roomList1"></datalist>
                    <datalist id ="roomList2"></datalist>
		</div>
              
              
                <br>
                <br>
                <div id ="buttonRow"
                     align="center">
                    <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
                            onClick = "navigateButtonClicked()"
                            id = "navigateButton">                        
                    <i class="material-icons blue50">navigation</i>
                    </button>
                    
                    
                </div>
                
            <div id ="goRow"
                     align="center">
                   <p id="GOtext">
                       <strong style="font-size: 150%"> GO!</strong>
                   </p>
                    
                    
                </div>

		  
            <div id="displayedContent" class = "displayedContentHidden">


               <div id = "buttonRow1"
                    align = "left">
                    <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
                        onClick = "backButtonClicked()"
                        id = "navigateButton">
                    <i class="material-icons"></i>
                        back
                </button>
                    
<div/>
		<p id = "navigationText"></p>	

    <style>
                          .demo-list-action {
                           width: 300px;
                }
                </style>


                <div class="demo-list-action directionList">
                 <div class="mdl-list__item">
                   <span class="mdl-list__item-primary-content">
                   <span><NAME></span>
                   </span>
                  <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons">star</i></a>
                  </div>
                   <div class="mdl-list__item">
                  <span class="mdl-list__item-primary-content">
                  
                   <span><NAME></span>
                  </span>
                   <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons">star</i></a>
                   </div>
                   <div class="mdl-list__item">
                   <span class="mdl-list__item-primary-content">
      
                   <span><NAME></span>
                   </span>
                   <span class="mdl-list__item-secondary-content">
                    <a class="mdl-list__item-secondary-action" href="#"><i class="material-icons">star</i></a>
                    </span>
                    </div>
                    </div>

	    </div>
		  
          </div>
        </div>
        <footer class="demo-footer mdl-mini-footer">
          <div class="mdl-mini-footer--left-section">
            <ul class="mdl-mini-footer--link-list">
              <li><a href="#">Help</a></li>
              <li><a href="#">Privacy and Terms</a></li>
              <li><a href="#">User Agreement</a></li>
            </ul>
          </div>
        </footer>
      </main>
    </div>
    
    <script src="https://code.getmdl.io/1.2.1/material.min.js"></script>
    <script src="MQ-SBMC.js"></script>
  </body>
</html>
<commit_msg>Created a function to denote which step the user is on, cleaner than highlighting imo<commit_after><!doctype html>
<html lang="en">
  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="UI.js"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Saint Barnabas Medical Center Indoor Navigation">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <title>Project Sahara Pre-Alpha</title>

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/android-desktop.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Material Design Lite">
    <link rel="apple-touch-icon-precomposed" href="images/ios-desktop.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
    <meta name="msapplication-TileColor" content="#3372DF">

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

    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
    <link rel="canonical" href="http://www.example.com/">
    -->

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="material_styles.css">
    <link rel="stylesheet" href="styles.css">
    <style>
    #view-source {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 40px;
      margin-bottom: 40px;
      z-index: 900;
    }
    </style>
  </head>
  <body>
    <div class="demo-layout mdl-layout mdl-layout--fixed-header mdl-js-layout mdl-color--grey-100">
      <header class="demo-header mdl-layout__header mdl-layout__header--scroll mdl-color--grey-100 mdl-color-text--grey-800">
        <div class="mdl-layout__header-row">
          <span class="mdl-layout-title">SBMC Indoor Navigation</span>
          <div class="mdl-layout-spacer"></div>          
        </div>
      </header>
      <div class="demo-ribbon"></div>
      <main class="demo-main mdl-layout__content">
        <div class="demo-container mdl-grid">
          <div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
          <div class="demo-content mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
            <!--main  body of content-->
            
                
                <div id ="textfieldsRow">
                    <input type="text" id = "StartingPosInput" list = "roomList1" placeholder="Enter starting point!">
                    <input type="text" id = "EndingPosInput" list = "roomList2" placeholder="Enter ending point!">
                    <datalist id ="roomList1"></datalist>
                    <datalist id ="roomList2"></datalist>
		</div>
              
              
                <br>
                <br>
                <div id ="buttonRow"
                     align="center">
                    <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
                            onClick = "navigateButtonClicked()"
                            id = "navigateButton">                        
                    <i class="material-icons blue50">navigation</i>
                    </button>
                    
                    
                </div>
                
            <div id ="goRow"
                     align="center">
                   <p id="GOtext">
                       <strong style="font-size: 150%"> GO!</strong>
                   </p>
                    
                    
                </div>

		  
            <div id="displayedContent" class = "displayedContentHidden">


               <div id = "buttonRow1"
                    align = "left">
                    <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
                        onClick = "backButtonClicked()"
                        id = "navigateButton">
                    <i class="material-icons"></i>
                        back
                </button>
                    
<div/>
		<p id = "navigationText"></p>	

<style>
.demo-list-control {
  width: 300px;
}

.demo-list-radio {
  display: inline;
}
</style>

<ul class="demo-list-control mdl-list">
    </li>
  <li class="mdl-list__item">
    <span class="mdl-list__item-primary-content">
      
      Aaron 
    </span>
    <span class="mdl-list__item-secondary-action">
      <label class="demo-list-radio mdl-radio mdl-js-radio mdl-js-ripple-effect" for="list-option-1">
        <input type="radio" id="list-option-1" class="mdl-radio__button" name="options" value="1" checked />
      </label>
    </span>
  </li>
  <li class="mdl-list__item">
    <span class="mdl-list__item-primary-content">
     
      <NAME>
    </span>
    <span class="mdl-list__item-secondary-action">
      <label class="demo-list-radio mdl-radio mdl-js-radio mdl-js-ripple-effect" for="list-option-2">
        <input type="radio" id="list-option-2" class="mdl-radio__button" name="options" value="1" checked />
      </label>
    </span>
  </li>
   </li>
  <li class="mdl-list__item">
    <span class="mdl-list__item-primary-content">
     
      <NAME>
    </span>
    <span class="mdl-list__item-secondary-action">
      <label class="demo-list-radio mdl-radio mdl-js-radio mdl-js-ripple-effect" for="list-option-3">
        <input type="radio" id="list-option-3" class="mdl-radio__button" name="options" value="1" checked />
      </label>
    </span>
  </li>
</ul>
        <footer class="demo-footer mdl-mini-footer">
          <div class="mdl-mini-footer--left-section">
            <ul class="mdl-mini-footer--link-list">
              <li><a href="#">Help</a></li>
              <li><a href="#">Privacy and Terms</a></li>
              <li><a href="#">User Agreement</a></li>
            </ul>
          </div>
        </footer>
      </main>
    </div>
    
    <script src="https://code.getmdl.io/1.2.1/material.min.js"></script>
    <script src="MQ-SBMC.js"></script>
  </body>
</html>

{'fraction_non_alphanumeric': 0.1574115539632781, 'fraction_numerical': 0.011270338856545752, 'mean_word_length': 1.87717414644621, 'pattern_counts': {'":': 0, '<': 300, '<?xml version=': 0, '>': 300, 'https://': 10, 'lorem ipsum': 0, 'www.': 2, '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': '3126427', 'n_tokens_mistral': 4258, 'n_tokens_neox': 3991, 'n_words': 744}