<commit_before><html lang="en">
<head>
<!--
- sort and display users by weight loss. DONE
- array function to take new weight, caculate weight loss, add to array, redisplay
-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>    
<link rel="stylesheet" href="libs/bootstrap.min.css">
<!-- Optional Bootstrap theme -->
<link rel="stylesheet" href="libs/bootstrap-theme.min.css">
<script src="libs/bootstrap.min.js"></script>
<script src="libs/angular.min.js"></script>
<!--ui-bootstrap needed for collasping the nav. Can also learn angularStrap -->
<script src="libs/ui-bootstrap-tpls-2.5.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="10MON.css"/>
<script src="10MON.js"></script>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/> 
<meta name="viewport" content="width=device-width, initial-scale=1 minimum-scale=1, maximum-scale=1" charset="utf-8">    
<title>Chasing the 10 Pound Monster</title>
</head>
<!--sets the HTML document to a angularJS app call myApp -->
<body ng-app="myApp" ng-controller="monsterController" >
<!--creates a navigation area, fixed to the top of the screen, and set it to "Bootstrap" default -->
<nav class="navbar-default" >
  <!-- -->
    <div class="container-fluid navColor">
        <div class="row">
            <!--Display title of the app & link to Player Ranking Page -->
            <div class= "col-xs-12 col-sm-12 col-md-12 col-lg-12">             
                <h1 class="text-center" ng-click="setView('logInPage')">Chasing the 10 Pound Monster</h1>
            </div>
            <!--Nav link to Player Ranking Page -->
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 navLinkTextRight">
                <a href="#" class="btn btn-link" role="button" ng-click="setView('rankingPage')"><h4>Player Ranking</h4></a>
            </div>
            <!--Nav Link to Weigh-In Page -->
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                <a href="#" class="btn btn-link" role="button" ng-click="setView('weighInPage')"><h4>Weigh-In</h4></a>
            </div> 
        </div>
    </div>
</nav>   
<div class="container-fluid">
    <div class="row">
        <div class="hidden-xs hidden-sm col-md-3 col-lg-3 "></div><!--end of left main column  -->
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 " >
            <div class= "col-xs-12 col-sm-12 col-md-12 col-lg-12" ng-show="view=='logInPage'">
                <form name="logInform" novalidate>
                    <!--Login Name input area -->
                    <!--The message variable states log-in failure -->
                    <br><br><p>{{message}}</p>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="inputLogInName">Player Name </label>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <input name="inputlogInName" type="text" ng-model="userName" size="15" required>
                        <!--input field validation. Checking for if valid and if field been clicked on and left empty-->
                        <span ng-show="logInform.inputLogInName.$invalid && !logInform.inputLogInName.$pristine">Required!</span>                  
                    </div>
                    <!--Login password input area -->
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <br>
                        <label for="inputLogInpwd">Password </label>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <br>
                        <input name="inputlogInpwd" type="password" ng-model="userPwd" size="15" required>
                        <!--input field validation. Checking for if valid and if field been clicked on and left empty-->
                        <span ng-show="logInform.inputLogInpwd.$invalid && !logInform.inputLogInpwd.$pristine">Required!</span>
                        <p>{{fail}}<p>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                    <!--submit new suspects button "disable" till valid validation-->
                    <button type="submit" name="submit" ng-disabled="logInform.$invalid" class="btn btn-primary btn-md" ng-click="logIn(userName, userPwd)">Submit Password</button>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <input type="reset" class="noBorder">
                    </div>
                    
                </form>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><br><br>
                        <p>
                            A coke a day. Tastes refreshing, instant smiles, a moment of complete happiness. However, science estimates every extra coke a day adds 15 pounds a year and other issues you can’t see with each delicious sip. With more mental effort, one extra bottle of water, fruit for breakfast, vegetables with lunch, or several small 10 minutes walks a day can extend your life.
                        </p>
                        <p>
                            Knowing the difference between wants verses needs determines success in life. A want is a temporarily satisfaction. When you need something, simply moving toward that goal inspires or excites you. The fear of failure either motivates or challenges you. You can choose to do something that makes you feel good and with little risks but with life-changing consequence later. On the other hand, choose to do something that takes more mental effort and not so inspiring, but with life-changing rewards later. Ask yourself, will this small choice today limit my choices 1, 5, 10 years from now.
                        </p>
                        <p>
                            Chasing the 10 Pound Monster is a weight loss challenge web app. The objective is to be the first player to lose 10 pounds. Players will enter their weight daily into the web app. The web app will show only the gain or loss, not the actual weight, for players. 
                        </p>
                        <p>
                            10 pounds is an attainable, measureable, and visible fitness goal. The best part is it can be done in a short time period. So choose, do you want or need to chase the 10 Pound Monster?
                        </p>
                    </div>    
                
            </div><!--end of Log-in Page-->
        <div class= "col-xs-12 col-sm-12 col-md-12 col-lg-12" ng-show="view=='rankingPage'"><!--start of Ranking Page-->
            <div class= "col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <h2>Player Ranking</h2><br><br>
            </div><!--end of Ranking Page title-->
 
            <div class="container-fluid">
                <div class="row">
                    <div class= "col-xs-4 col-sm-4 col-md-4 col-lg-4">
                    <h4>Ranking</h4>
                    </div><!--end of Ranking title-->
                    <div class= "col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <h4>Player Name</h4><commit_msg>Issue #12 Condence LogIn page Intro and add emojis<commit_after><html lang="en">
<head>
<!--
- sort and display users by weight loss. DONE
- array function to take new weight, caculate weight loss, add to array, redisplay
-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>    
<link rel="stylesheet" href="libs/bootstrap.min.css">
<!-- Optional Bootstrap theme -->
<link rel="stylesheet" href="libs/bootstrap-theme.min.css">
<script src="libs/bootstrap.min.js"></script>
<script src="libs/angular.min.js"></script>
<!--ui-bootstrap needed for collasping the nav. Can also learn angularStrap -->
<script src="libs/ui-bootstrap-tpls-2.5.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="10MON.css"/>
<script src="10MON.js"></script>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/> 
<meta name="viewport" content="width=device-width, initial-scale=1 minimum-scale=1, maximum-scale=1" charset="utf-8">    
<title>Chasing the 10 Pound Monster</title>
</head>
<!--sets the HTML document to a angularJS app call myApp -->
<body ng-app="myApp" ng-controller="monsterController" >
<!--creates a navigation area, fixed to the top of the screen, and set it to "Bootstrap" default -->
<nav class="navbar-default" >
  <!-- -->
    <div class="container-fluid navColor">
        <div class="row">
            <!--Display title of the app & link to Player Ranking Page -->
            <div class= "col-xs-12 col-sm-12 col-md-12 col-lg-12">             
                <h1 class="text-center" ng-click="setView('logInPage')">Chasing the 10 Pound Monster</h1>
            </div>
            <!--Nav link to Player Ranking Page -->
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 navLinkTextRight">
                <a href="#" class="btn btn-link" role="button" ng-click="setView('rankingPage')"><h4>Player Ranking</h4></a>
            </div>
            <!--Nav Link to Weigh-In Page -->
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                <a href="#" class="btn btn-link" role="button" ng-click="setView('weighInPage')"><h4>Weigh-In</h4></a>
            </div> 
        </div>
    </div>
</nav>   
<div class="container-fluid">
    <div class="row">
        <div class="hidden-xs hidden-sm col-md-3 col-lg-3 "></div><!--end of left main column  -->
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 " >
            <div class= "col-xs-12 col-sm-12 col-md-12 col-lg-12" ng-show="view=='logInPage'">
                <form name="logInform" novalidate>
                    <!--Login Name input area -->
                    <!--The message variable states log-in failure -->
                    <br><br><p>{{message}}</p>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <label for="inputLogInName">Player Name </label>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <input name="inputlogInName" type="text" ng-model="userName" size="15" required>
                        <!--input field validation. Checking for if valid and if field been clicked on and left empty-->
                        <span ng-show="logInform.inputLogInName.$invalid && !logInform.inputLogInName.$pristine">Required!</span>                  
                    </div>
                    <!--Login password input area -->
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <br>
                        <label for="inputLogInpwd">Password </label>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <br>
                        <input name="inputlogInpwd" type="password" ng-model="userPwd" size="15" required>
                        <!--input field validation. Checking for if valid and if field been clicked on and left empty-->
                        <span ng-show="logInform.inputLogInpwd.$invalid && !logInform.inputLogInpwd.$pristine">Required!</span>
                        <p>{{fail}}<p>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                    <!--submit new suspects button "disable" till valid validation-->
                    <button type="submit" name="submit" ng-disabled="logInform.$invalid" class="btn btn-primary btn-md" ng-click="logIn(userName, userPwd)">Submit Password</button>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <input type="reset" class="noBorder">
                    </div>
                    
                </form>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><br><br>
                        <p>
                            A coke a day. Tastes refreshing, instant smiles <i class="fa fa-smile-o" aria-hidden="true" style="background-color:yellow"></i>, a moment of complete happiness <i class="fa fa-heart" aria-hidden="true" style="color:red"></i>. However, science estimates every extra coke a day adds 15 pounds a year and other issues you can’t see with each delicious sip <i class="fa fa-thumbs-o-down" aria-hidden="true" style="color:blue"></i>. With more mental effort, one extra bottle of water <i class="fa fa-tint" aria-hidden="true" style="color:blue"></i>, fruit for breakfast <i class="fa fa-apple" aria-hidden="true" style="color:green"></i>, vegetables with lunch, or several small 10 minutes walks a day can extend your life <i class="fa fa-thumbs-o-up" aria-hidden="true" style="color:blue"></i>.
                        </p>
                        <p>
                            Chasing the 10 Pound Monster is a weight loss challenge web app. The objective is to be the first player <i class="fa fa-user" aria-hidden="true" style="color:blue"></i> to lose 10 pounds. Players will enter their weight weekly into the web app. The web app will show only the gain <i class="fa fa-plus" aria-hidden="true" style="color:green"></i> or loss <i class="fa fa-minus" aria-hidden="true" style="color:red"></i>, not the actual weight, for players. 
                        </p>
                        <p>
                            10 pounds is an attainable, measureable, and visible fitness goal. The best part is it can be done in a short time period <i class="fa fa-clock-o" aria-hidden="true" style="color:red"></i>. So choose, do you want or need to chase the 10 Pound Monster?
                        </p>
                    </div>    
                
            </div><!--end of Log-in Page-->
        <div class= "col-xs-12 col-sm-12 col-md-12 col-lg-12" ng-show="view=='rankingPage'"><!--start of Ranking Page-->
            <div class= "col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <h2>Player Ranking</h2><br><br>
            </div><!--end of Ranking Page title-->
 
            <div class="container-fluid">
                <div class="row">
                    <div class= "col-xs-4 col-sm-4 col-md-4 col-lg-4">
                    <h4>Ranking</h4>
                    </div><!--end of Ranking title-->
                    <div class= "col-xs-4 col-sm-4 col-md-4 col-lg-4">
                        <h4>Player Name</h4>
{'fraction_non_alphanumeric': 0.14475850713501648, 'fraction_numerical': 0.019346871569703623, 'mean_word_length': 1.8893954410307234, 'pattern_counts': {'":': 0, '<': 287, '<?xml version=': 0, '>': 287, 'https://': 2, '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': '4636467', 'n_tokens_mistral': 4410, 'n_tokens_neox': 4134, 'n_words': 1250}