<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
  <title>Lifebar - Landing Page</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>

    <div class="lifebar-container">
      <div class="lifebar-half-circle"></div>
      <div class="lifebar-bar"></div>
        <div class="lifebar-circle">

          <span class="L"><strong>L</strong></span>
          <div class="lifebar-account">
            <i class="material-icons">person</i>
            <div class="manAvatar"><img src="images/manfront.png" /></div>
          </div>
        </div>
        <div class="lifebar-text">
          <div class="box fade-in one"><strong>i</strong></div>
          <div class="box fade-in two"><strong>f</strong></div>
          <div class="box fade-in three"><strong>e</strong></div>
          <div class="box fade-in four">b</div>
          <div class="box fade-in five">a</div>
          <div class="box fade-in six">r</div>
      </div>
      <div class="xp-text"></div>
    </div>

  <div id="index-banner" class="parallax-container">
    <div class="section no-pad-bot">
      <div class="container">
        <br><br>
        <h1 class="header center text-white">YOUR LIFE WITH VIDEO GAMES</h1>
        <div class="row center">

          <h5 class="header col s12 light">Discover, share and visualize gaming as never before</h5>
        </div>
        <div class="row center">
          <a href="#landing-sign-up" id="download-button" class="landing-sign-up btn-large waves-effect waves-light blue">Sign Up Now</a>
        </div>
        <br><br>

      </div>
    </div>

    <div class="parallax"><img src="images/playstation-controller.jpg" alt="Unsplashed background img 1"></div>
    <img src="images/LandingBGsmall.jpg" class="preloadimage" alt="Unsplashed background img 1" >

  </div>


  <!-- <div class="container" style="height: 3000px"> -->
    <div class="section">

      <!--   Icon Section   -->
      <section id="one">
        <div class="monitor"><img src="images/monitor.png" /></div>
        <div class="controller"><img src="images/DualShock3-in-Hand.png" /></div>
        <div class="manBack"><img src="images/manback.png" /></div>


        <div class="innerText innerS1">
          <div class="row">
        <div class="col s12 m12">
          <div class="card red darken-1">
            <div class="card-content white-text">
              <span class="card-title"><h2>Play games.<br><strong>Earn experience!</strong></h2></span>
              <ul class="features white-text">
                  <li>Weather you played <b>10 years ago</b> or <b>10 minutes ago</b>.</li>
                  <li>Write a<b> short blurb</b> about your experience.</li>
                  <li>Assign a <b>tier relative to other games</b> from that release year.</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
          </div>
      </section>
      <section id="two">
        <div class="innerText innerS2">
          <div class="row">
        <div class="col s12 m12 white-text">
          <div class="card red darken-1">
            <div class="card-content white-text">
              <span class="card-title">
            <h2>Watch others play.<br><strong>Earn experience!</strong></h2>
           </span> 
            <ul class="features white-text">
                <li>You gain knowledge by watching <b> others play.</b></li>
                <li>Watch anything from <b> beta coverage</b> to a <b> complete playthrough.</b></li>
                <li>All experiences count towards<b> growing your Lifebar</b>.</li>
            </ul>
          </div>
        </div> 
      </div>
    </div>
        </div>
        <div class="macbook" ><img src="images/mackbook-pro-retina.png" />

        </div>

        <div class="gameGif"><img src="images/fallout4.gif" /></div>

        <div class="manFront"><img src="images/manfront.png" /></div>
        <div class="landingGraphs">
          <canvas id="skills" width="400" height="250"></canvas>
          <canvas id="skills2" width="400" height="250"></canvas><br>
          <canvas id="skills3" width="400" height="250"></canvas>
          <canvas id="skills4" width="400" height="250"></canvas>
        </div>
      </section>
      <section id="three">

        <div class="innerText innerS3">
          <div class="row">
        <div class="col s12 m12">
          <div class="card red darken-1">
            <div class="card-content white-text">
              <span class="card-title">
            <h2>Watch the <br><strong>numbers go up!</strong></h2>
          </span>
            <ul class="features white-text">
                <li>As your experience grows <b> so does your knowledge.</b></li>
                <li>See what <b>franchises and developers</b> you have spent the most time with.</li>
                <li>Find out what <b>trends define you as a gamer.</b></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
        </div>


      </section>

       <section id="four">

        <div class="innerText innerS4">
          <div class="row">
        <div class="col s12 m12 white-text">
          <div class="card red darken-1">
            <div class="card-content white-text">
              <span class="card-title">
            <h2>Don't aggregate.  Personalize.</h2>
          </span>
            <ul class="features white-text">
                <li>You can easily<strong> follow your friends and popular personalities.</strong></li>
                <li>Access over <strong>3,000 critic experiences and counting!</strong></li>
                <li>Get the scoop on the<strong> latest AAA releases</strong> and <strong>unknown indie darlings.</strong></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
        </div>
        <div class="landingMask">
          <!--<div class="gameGif"><img src="images/fallout4.gif" /></div>-->
          <div class="landingActivity"><img src="images/Activity.png" /></div>
          <div class="landingNotifications"><img src="images/Notifications.png" /></div>
        </div>


      </section>

      <section id="five" style="height: 800px">

        <div class="innerText innerS5">
          <div class="col s12 m12">
            <div class="card red darken-1">
              <div class="card-content white-text">
                <span class="card-title">
            <h2>Stay in the loop.</h2>
          </span>
            <ul class="features white-text">
                <li>We will <strong>suggest games for you</strong> based of your previous experiences.</li>
                <li>Be notified when a interesting game is <strong>soon to be released.</strong></li>
                <li>Reieve <strong>1ups</strong> whenever anybody promotes your way of thinking.</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
        </div>


      </section> 

        </div>


  <!--  ********** FOOTER ********** -->
	<div id="landing-sign-up" class="section scrollspy">
    <div class="row center">
				<div class="col offset-m2 centered" style="width:70%">
					<h4 class="mb">Sign Up Now to Find Out More.</h4>
					<form action="//polygonalweave.us8.list-manage.com/subscribe/post?u=4bc595c55268d466c30ef72dd&amp;id=0b032cbe1c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	    				<div id="mc_embed_signup_scroll">
	    					<input type="email" name="EMAIL" value="" class="email subscribe-input" id="mce-EMAIL" placeholder="Enter your e-mail address..." required>
	    					<div style="position: absolute; left: -5000px;"><input type="text" name="b_4bc595c55268d466c30ef72dd_0b032cbe1c" tabindex="-1" value=""></div>
							<button class='blue btn btn-lg btn-info btn-sub subscribe-submit' value="Subscribe" name="subscribe" id='mc-embedded-subscribe' type="submit">Yes, Please</button>
						</div>
					</form>
				</div>
      </div>
	</div>


	<!-- ********** CREDITS ********** -->
	<div id="c">
      <div class="row center">
				<div class="col offset-m3 centered" style="width:50%">
					<p>Copyright 2015 | LifeBar.io</p>
				</div>
      </div>
	</div>


  <!--  Scripts-->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="js/materialize.js"></script>
  <script src="js/init.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>

  <!-- Include ScrollMagic and GSAP plugin -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.0/TweenMax.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/ScrollMagic.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.min.js"></script>
    <script src="js/main.js"></script>

  </body>
</html>
<commit_msg>test feedback widget<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
  <title>Lifebar - Landing Page</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
	<script type="text/javascript" src="http://assets.freshdesk.com/widget/freshwidget.js"></script>
<style type="text/css" media="screen, projection">
	@import url(http://assets.freshdesk.com/widget/freshwidget.css); 
</style> 
<iframe title="Feedback Form" class="freshwidget-embedded-form" id="freshwidget-embedded-form" src="https://lifebar.freshdesk.com/widgets/feedback_widget/new?&widgetType=embedded&screenshot=no" scrolling="no" height="500px" width="100%" frameborder="0" >
</iframe>

    <div class="lifebar-container">
      <div class="lifebar-half-circle"></div>
      <div class="lifebar-bar"></div>
        <div class="lifebar-circle">

          <span class="L"><strong>L</strong></span>
          <div class="lifebar-account">
            <i class="material-icons">person</i>
            <div class="manAvatar"><img src="images/manfront.png" /></div>
          </div>
        </div>
        <div class="lifebar-text">
          <div class="box fade-in one"><strong>i</strong></div>
          <div class="box fade-in two"><strong>f</strong></div>
          <div class="box fade-in three"><strong>e</strong></div>
          <div class="box fade-in four">b</div>
          <div class="box fade-in five">a</div>
          <div class="box fade-in six">r</div>
      </div>
      <div class="xp-text"></div>
    </div>

  <div id="index-banner" class="parallax-container">
    <div class="section no-pad-bot">
      <div class="container">
        <br><br>
        <h1 class="header center text-white">YOUR LIFE WITH VIDEO GAMES</h1>
        <div class="row center">

          <h5 class="header col s12 light">Discover, share and visualize gaming as never before</h5>
        </div>
        <div class="row center">
          <a href="#landing-sign-up" id="download-button" class="landing-sign-up btn-large waves-effect waves-light blue">Sign Up Now</a>
        </div>
        <br><br>

      </div>
    </div>

    <div class="parallax"><img src="images/playstation-controller.jpg" alt="Unsplashed background img 1"></div>
    <img src="images/LandingBGsmall.jpg" class="preloadimage" alt="Unsplashed background img 1" >

  </div>


  <!-- <div class="container" style="height: 3000px"> -->
    <div class="section">

      <!--   Icon Section   -->
      <section id="one">
        <div class="monitor"><img src="images/monitor.png" /></div>
        <div class="controller"><img src="images/DualShock3-in-Hand.png" /></div>
        <div class="manBack"><img src="images/manback.png" /></div>


        <div class="innerText innerS1">
          <div class="row">
        <div class="col s12 m12">
          <div class="card red darken-1">
            <div class="card-content white-text">
              <span class="card-title"><h2>Play games.<br><strong>Earn experience!</strong></h2></span>
              <ul class="features white-text">
                  <li>Weather you played <b>10 years ago</b> or <b>10 minutes ago</b>.</li>
                  <li>Write a<b> short blurb</b> about your experience.</li>
                  <li>Assign a <b>tier relative to other games</b> from that release year.</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
          </div>
      </section>
      <section id="two">
        <div class="innerText innerS2">
          <div class="row">
        <div class="col s12 m12 white-text">
          <div class="card red darken-1">
            <div class="card-content white-text">
              <span class="card-title">
            <h2>Watch others play.<br><strong>Earn experience!</strong></h2>
           </span> 
            <ul class="features white-text">
                <li>You gain knowledge by watching <b> others play.</b></li>
                <li>Watch anything from <b> beta coverage</b> to a <b> complete playthrough.</b></li>
                <li>All experiences count towards<b> growing your Lifebar</b>.</li>
            </ul>
          </div>
        </div> 
      </div>
    </div>
        </div>
        <div class="macbook" ><img src="images/mackbook-pro-retina.png" />

        </div>

        <div class="gameGif"><img src="images/fallout4.gif" /></div>

        <div class="manFront"><img src="images/manfront.png" /></div>
        <div class="landingGraphs">
          <canvas id="skills" width="400" height="250"></canvas>
          <canvas id="skills2" width="400" height="250"></canvas><br>
          <canvas id="skills3" width="400" height="250"></canvas>
          <canvas id="skills4" width="400" height="250"></canvas>
        </div>
      </section>
      <section id="three">

        <div class="innerText innerS3">
          <div class="row">
        <div class="col s12 m12">
          <div class="card red darken-1">
            <div class="card-content white-text">
              <span class="card-title">
            <h2>Watch the <br><strong>numbers go up!</strong></h2>
          </span>
            <ul class="features white-text">
                <li>As your experience grows <b> so does your knowledge.</b></li>
                <li>See what <b>franchises and developers</b> you have spent the most time with.</li>
                <li>Find out what <b>trends define you as a gamer.</b></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
        </div>


      </section>

       <section id="four">

        <div class="innerText innerS4">
          <div class="row">
        <div class="col s12 m12 white-text">
          <div class="card red darken-1">
            <div class="card-content white-text">
              <span class="card-title">
            <h2>Don't aggregate.  Personalize.</h2>
          </span>
            <ul class="features white-text">
                <li>You can easily<strong> follow your friends and popular personalities.</strong></li>
                <li>Access over <strong>3,000 critic experiences and counting!</strong></li>
                <li>Get the scoop on the<strong> latest AAA releases</strong> and <strong>unknown indie darlings.</strong></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
        </div>
        <div class="landingMask">
          <!--<div class="gameGif"><img src="images/fallout4.gif" /></div>-->
          <div class="landingActivity"><img src="images/Activity.png" /></div>
          <div class="landingNotifications"><img src="images/Notifications.png" /></div>
        </div>


      </section>

      <section id="five" style="height: 800px">

        <div class="innerText innerS5">
          <div class="col s12 m12">
            <div class="card red darken-1">
              <div class="card-content white-text">
                <span class="card-title">
            <h2>Stay in the loop.</h2>
          </span>
            <ul class="features white-text">
                <li>We will <strong>suggest games for you</strong> based of your previous experiences.</li>
                <li>Be notified when a interesting game is <strong>soon to be released.</strong></li>
                <li>Reieve <strong>1ups</strong> whenever anybody promotes your way of thinking.</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
        </div>


      </section> 

        </div>


  <!--  ********** FOOTER ********** -->
	<div id="landing-sign-up" class="section scrollspy">
    <div class="row center">
				<div class="col offset-m2 centered" style="width:70%">
					<h4 class="mb">Sign Up Now to Find Out More.</h4>
					<form action="//polygonalweave.us8.list-manage.com/subscribe/post?u=4bc595c55268d466c30ef72dd&amp;id=0b032cbe1c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	    				<div id="mc_embed_signup_scroll">
	    					<input type="email" name="EMAIL" value="" class="email subscribe-input" id="mce-EMAIL" placeholder="Enter your e-mail address..." required>
	    					<div style="position: absolute; left: -5000px;"><input type="text" name="b_4bc595c55268d466c30ef72dd_0b032cbe1c" tabindex="-1" value=""></div>
							<button class='blue btn btn-lg btn-info btn-sub subscribe-submit' value="Subscribe" name="subscribe" id='mc-embedded-subscribe' type="submit">Yes, Please</button>
						</div>
					</form>
				</div>
      </div>
	</div>


	<!-- ********** CREDITS ********** -->
	<div id="c">
      <div class="row center">
				<div class="col offset-m3 centered" style="width:50%">
					<p>Copyright 2015 | LifeBar.io</p>
				</div>
      </div>
	</div>


  <!--  Scripts-->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="js/materialize.js"></script>
  <script src="js/init.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>

  <!-- Include ScrollMagic and GSAP plugin -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.16.0/TweenMax.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/ScrollMagic.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.3/plugins/animation.gsap.min.js"></script>
    <script src="js/main.js"></script>

  </body>
</html>

{'fraction_non_alphanumeric': 0.18155228246108848, 'fraction_numerical': 0.0189595738013162, 'mean_word_length': 2.4209397891727713, 'pattern_counts': {'":': 0, '<': 681, '<?xml version=': 0, '>': 681, 'https://': 15, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4836726', 'n_tokens_mistral': 6485, 'n_tokens_neox': 5978, 'n_words': 1307}