<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>Under Development - Yuwei</title>

  <!-- CSS  -->
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
  <nav class="teal navbar" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">YX</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="#">About</a></li>
        <li><a href="#">Projects</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="#">About</a></li>
        <li><a href="#">Projects</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
    </div>
  </nav>
  <div class="section banner teal" id="banner">
    <div class="container">
      <br><br>
      <h1 class="header center white-text thin banner-title">Hey, I'm <NAME></h1>
      <h5 class="header col s12 light white-text banner-subtitle center">and I'm an asipiring entrepreneur and developer</h5>
      <div class = "banner-img row center">
        <img id="macbook" src = "img/macbook.png"></img>
      </div>
      <div class = "center">
        <a href = "#about" class="btn-floating btn-large waves-effect waves-light white"><i class="mdi-navigation-expand-more grey-text"></i></a>
      </div>
    </div>
  </div>


<div class="section about orange lighten-2" id ="about">
  <div class = "container">
    <br>
    <br>
    <br>
    <h4 class="light center">About Me</h4>
    <!--   Icon Section   -->
    <br>
    <br>
    <div class="row">

      <div class="col s12 m4">
        <p class="light about-p">I’m an undergraduate student studying computer science at the University of Waterloo. I enjoy attending hackathons, browsing Quora and eating good food. This summer, I will be interning at Google. </p>
        
      </div>

      <div class="col s10 m4 offset-s1 center">
        <img src="img/profile.png" class="circle responsive-img">
      </div>

      <div class="col s12 m4">
        <p class="light about-p">In terms of development, I enjoy developing apps for Android and web. I also really like material and flat design. Hence the inspiration for this website.</p>
        <div class = "resume-div">
          <a href = "files/resume.pdf" class="waves-effect waves-light btn">My Resume</a>
        </div>
      </div>

    </div>
      <br><br>
      <br>      
  </div>
</div>

  <div class="section projects white">
    <div class = "container">
      <br>
      <br>
      <h4 class="light center">Projects</h4>
      <!--   Icon Section   -->
      <br>
      <div class="row">

        <div class="col s12 m6 l4">
          <div class="card">
            <div class="card-image waves-effect waves-block waves-light">
              <img class="activator" src="img/groovie.png">
            </div>
            <div class="card-content">
              <span class="card-title activator grey-text text-darken-4">Groovie<i class="mdi-navigation-more-vert right"></i></span>
              <p>Android App</p>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">Groovie<i class="mdi-navigation-close right"></i></span>
              <p>Groovie is an Android app that uses tweets in order to provide ratings for upcoming movies. Using the AlchemyAPI, recent tweets about a specific movie are given scores in order to provide a rating. The average of all the tweets decides the movie rating.</p>
              <div class = "center">
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-github" style="color:#009688;"></i></a>
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-share" style="color:#009688;"></i></a>
              </div>
            </div>
          </div>
        </div>

        <div class="col s12 m6 l4">
          <div class="card">
            <div class="card-image waves-effect waves-block waves-light">
              <img class="activator" src="img/groovie.png">
            </div>
            <div class="card-content">
              <span class="card-title activator grey-text text-darken-4">Groovie<i class="mdi-navigation-more-vert right"></i></span>
              <p>Android App</p>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">Groovie<i class="mdi-navigation-close right"></i></span>
              <p>Groovie is an Android app that uses tweets in order to provide ratings for upcoming movies. Using the AlchemyAPI, recent tweets about a specific movie are given scores in order to provide a rating. The average of all the tweets decides the movie rating.</p>
              <div class = "center">
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-github" style="color:#009688;"></i></a>
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-share" style="color:#009688;"></i></a>
              </div>
            </div>
          </div>
        </div>

        <div class="col s12 m6 l4">
          <div class="card">
            <div class="card-image waves-effect waves-block waves-light">
              <img class="activator" src="img/groovie.png">
            </div>
            <div class="card-content">
              <span class="card-title activator grey-text text-darken-4">Groovie<i class="mdi-navigation-more-vert right"></i></span>
              <p>Android App</p>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">Groovie<i class="mdi-navigation-close right"></i></span>
              <p>Groovie is an Android app that uses tweets in order to provide ratings for upcoming movies. Using the AlchemyAPI, recent tweets about a specific movie are given scores in order to provide a rating. The average of all the tweets decides the movie rating.</p>
              <div class = "center">
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-github" style="color:#009688;"></i></a>
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-share" style="color:#009688;"></i></a>
              </div>
            </div>
          </div>
        </div>

      </div>
      <br>
    </div>      
  </div>

  <footer class="page-footer teal">
    <div class="container">
      <div class="row">
        <div class="col l6 s12 offset-l3">
          <br>
          <h5 class="white-text center">Connect</h5>
          <h6 class = "white-text center"><EMAIL></p>
          <div class = "center">
            <a href="http://facebook.com/yuwei.xu.77"><i class="fa fa-facebook-square fa-fw fa-3x white-text"></i></a>
            <a href="http://github.com/xuyuwei"><i class="fa fa-github-square fa-fw fa-3x white-text" ></i></a>
            <a href="http://www.linkedin.com/pub/yuwei-xu/9a/931/6ab"><i class="fa fa-linkedin-square fa-fw fa-3x white-text"></i></a>
          </div>
          <br>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container center">
      Made with <a class="orange-text text-lighten-3">Love</a>
      </div>
    </div>
  </footer>
<commit_msg>fixed some weird spacing<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>Under Development - Yuwei</title>

  <!-- CSS  -->
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
  <nav class="teal navbar" role="navigation">
    <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">YX</a>
      <ul class="right hide-on-med-and-down">
        <li><a href="#">About</a></li>
        <li><a href="#">Projects</a></li>
        <li><a href="#">Contact</a></li>
      </ul>

      <ul id="nav-mobile" class="side-nav">
        <li><a href="#">About</a></li>
        <li><a href="#">Projects</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
      <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
    </div>
  </nav>
  <div class="section banner teal" id="banner">
    <div class="container">
      <br><br>
      <h1 class="header center white-text thin banner-title">Hey, I'm <NAME></h1>
      <h5 class="header col s12 light white-text banner-subtitle center">and I'm an asipiring entrepreneur and developer</h5>
      <div class = "banner-img row center">
        <img id="macbook" src = "img/macbook.png"></img>
      </div>
      <div class = "center">
        <a href = "#about" class="btn-floating btn-large waves-effect waves-light white"><i class="mdi-navigation-expand-more grey-text"></i></a>
      </div>
    </div>
  </div>


<div class="section about orange lighten-2" id ="about">
  <div class = "container">
    <br>
    <br>
    <h4 class="light center">About Me</h4>
    <!--   Icon Section   -->
    <br>
    <div class="row">

      <div class="col s12 m4">
        <p class="light about-p">I’m an undergraduate student studying computer science at the University of Waterloo. I enjoy attending hackathons, browsing Quora and eating good food. This summer, I will be interning at Google. </p>
        
      </div>

      <div class="col s10 m4 offset-s1 center">
        <img src="img/profile.png" class="circle responsive-img">
      </div>

      <div class="col s12 m4">
        <p class="light about-p">In terms of development, I enjoy developing apps for Android and web. I also really like material and flat design. Hence the inspiration for this website.</p>
        <div class = "resume-div">
          <a href = "files/resume.pdf" class="waves-effect waves-light btn">My Resume</a>
        </div>
      </div>

    </div>
      <br><br>
      <br>      
  </div>
</div>

  <div class="section projects white">
    <div class = "container">
      <br>
      <h4 class="light center">Projects</h4>
      <!--   Icon Section   -->
      <br>
      <div class="row">

        <div class="col s12 m6 l4">
          <div class="card">
            <div class="card-image waves-effect waves-block waves-light">
              <img class="activator" src="img/groovie.png">
            </div>
            <div class="card-content">
              <span class="card-title activator grey-text text-darken-4">Groovie<i class="mdi-navigation-more-vert right"></i></span>
              <p>Android App</p>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">Groovie<i class="mdi-navigation-close right"></i></span>
              <p>Groovie is an Android app that uses tweets in order to provide ratings for upcoming movies. Using the AlchemyAPI, recent tweets about a specific movie are given scores in order to provide a rating. The average of all the tweets decides the movie rating.</p>
              <div class = "center">
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-github" style="color:#009688;"></i></a>
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-share" style="color:#009688;"></i></a>
              </div>
            </div>
          </div>
        </div>

        <div class="col s12 m6 l4">
          <div class="card">
            <div class="card-image waves-effect waves-block waves-light">
              <img class="activator" src="img/groovie.png">
            </div>
            <div class="card-content">
              <span class="card-title activator grey-text text-darken-4">Groovie<i class="mdi-navigation-more-vert right"></i></span>
              <p>Android App</p>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">Groovie<i class="mdi-navigation-close right"></i></span>
              <p>Groovie is an Android app that uses tweets in order to provide ratings for upcoming movies. Using the AlchemyAPI, recent tweets about a specific movie are given scores in order to provide a rating. The average of all the tweets decides the movie rating.</p>
              <div class = "center">
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-github" style="color:#009688;"></i></a>
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-share" style="color:#009688;"></i></a>
              </div>
            </div>
          </div>
        </div>

        <div class="col s12 m6 l4">
          <div class="card">
            <div class="card-image waves-effect waves-block waves-light">
              <img class="activator" src="img/groovie.png">
            </div>
            <div class="card-content">
              <span class="card-title activator grey-text text-darken-4">Groovie<i class="mdi-navigation-more-vert right"></i></span>
              <p>Android App</p>
            </div>
            <div class="card-reveal">
              <span class="card-title grey-text text-darken-4">Groovie<i class="mdi-navigation-close right"></i></span>
              <p>Groovie is an Android app that uses tweets in order to provide ratings for upcoming movies. Using the AlchemyAPI, recent tweets about a specific movie are given scores in order to provide a rating. The average of all the tweets decides the movie rating.</p>
              <div class = "center">
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-github" style="color:#009688;"></i></a>
                <a class="btn-floating btn-large waves-effect waves-light white center"><i class="fa fa-share" style="color:#009688;"></i></a>
              </div>
            </div>
          </div>
        </div>

      </div>
      <br>
    </div>      
  </div>

  <footer class="page-footer teal">
    <div class="container">
      <div class="row">
        <div class="col l6 s12 offset-l3">
          <br>
          <h4 class="white-text light center">Connect</h4>
          <h6 class = "white-text center light"><EMAIL></p>
          <div class = "center">
            <a href="http://facebook.com/yuwei.xu.77"><i class="fa fa-facebook-square fa-fw fa-3x white-text"></i></a>
            <a href="http://github.com/xuyuwei"><i class="fa fa-github-square fa-fw fa-3x white-text" ></i></a>
            <a href="http://www.linkedin.com/pub/yuwei-xu/9a/931/6ab"><i class="fa fa-linkedin-square fa-fw fa-3x white-text"></i></a>
          </div>
          <br>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container center">
      Made with <a class="orange-text text-lighten-3">Love</a>
      </div>
    </div>
  </footer>

{'fraction_non_alphanumeric': 0.1654876200101061, 'fraction_numerical': 0.012632642748863061, 'mean_word_length': 2.432256665944071, 'pattern_counts': {'":': 0, '<': 502, '<?xml version=': 0, '>': 502, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '4953726', 'n_tokens_mistral': 5066, 'n_tokens_neox': 4866, 'n_words': 1308}