<commit_before><!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><NAME> | Full Stack Developer</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/device-mockups.min.css">

    <!-- Custom fonts for this template -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!-- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> -->
    <!-- <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> -->

    <!-- Plugin CSS -->
    <!-- <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet"> -->

    <!-- Custom styles for this template -->
    <link href="css/creative.min.css" rel="stylesheet">

  </head>

  <body id="page-top">

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="#page-top"><img style="width:2em;" src="./img/icon.png"></a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#about">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#services">Expertise</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#portfolio">Work</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <header class="masthead">
      <div class="header-content">
        <div class="header-content-inner" style="margin-bottom: 130px">
          <h1 id="homeHeading" class="sr-icons">Hi, I'm Colin. I build things for the digital age.</h1>
          <!--<hr>
          <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>-->
          <hr class="primary">
          <a class="btn btn-primary btn-xl js-scroll-trigger sr-icons" href="static/Colin_Jao_CV.pdf" target="_blank">VIEW MY RESUME</a>
        </div>
      </div>
      <div class="learn-more">
        
          <a class="js-scroll-trigger text-white" href="#about">Learn more about me</a>
          <div class="animated bounce">
            <a class="js-scroll-trigger text-white" href="#about"><i class="fa fa-chevron-down" aria-hidden="true"></i></a>
          </div>
        
      </div>
    </header>

    <section id="about">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto text-center">
            <h2 class="section-heading mb">About Me</h2>

            <!-- <hr class="primary"> -->
              <img src="./img/profilepic.png" class="mb sr-icons" alt="<NAME>" style="width: 8em; border-radius: 50%">
              <p class="subtext">Full Stack Developer</p>
              <hr class="primary">
              <p>I'm someone who loves challenges, solving difficult problems, and having fun while doing it.</p>
              <p>I discovered my passion for coding in my previous position as an accountant at Ernst & Young. There, I started dabbling in automation. One script lead to another, and I became hooked. There was no better feeling than making others' lives easier with tools I personally created.
              </p>
              <p>Deciding to make a career switch, I set out for Silicon Valley to attend a 14-week immersive coding bootcamp where I learned to not only create sleek modern web apps, but better myself as a programmer. I continue to push myself each and every day to create products I am truly passionate about.</p>
          </div>
        </div>
      </div>
    </section>

    <section class="bg-primary" id="services">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 text-center">
            <h2 class="section-heading mb">My Expertise</h2>
            <p class="subtext mb">From front end to back end, I've got you covered</p>
            <!-- <hr class="primary"> -->
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row" style="margin-bottom: 75px">
          <div class="col-lg-4 col-md-8 text-center">
            <div class="service-box"><commit_msg>Fixed typo in about me<commit_after><!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><NAME>ao | Full Stack Developer</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/device-mockups.min.css">

    <!-- Custom fonts for this template -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!-- <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> -->
    <!-- <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> -->

    <!-- Plugin CSS -->
    <!-- <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet"> -->

    <!-- Custom styles for this template -->
    <link href="css/creative.min.css" rel="stylesheet">

  </head>

  <body id="page-top">

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="#page-top"><img style="width:2em;" src="./img/icon.png"></a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#about">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#services">Expertise</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#portfolio">Work</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <header class="masthead">
      <div class="header-content">
        <div class="header-content-inner" style="margin-bottom: 130px">
          <h1 id="homeHeading" class="sr-icons">Hi, I'm Colin. I build things for the digital age.</h1>
          <!--<hr>
          <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>-->
          <hr class="primary">
          <a class="btn btn-primary btn-xl js-scroll-trigger sr-icons" href="static/Colin_Jao_CV.pdf" target="_blank">VIEW MY RESUME</a>
        </div>
      </div>
      <div class="learn-more">
        
          <a class="js-scroll-trigger text-white" href="#about">Learn more about me</a>
          <div class="animated bounce">
            <a class="js-scroll-trigger text-white" href="#about"><i class="fa fa-chevron-down" aria-hidden="true"></i></a>
          </div>
        
      </div>
    </header>

    <section id="about">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto text-center">
            <h2 class="section-heading mb">About Me</h2>

            <!-- <hr class="primary"> -->
              <img src="./img/profilepic.png" class="mb sr-icons" alt="<NAME>" style="width: 8em; border-radius: 50%">
              <p class="subtext">Full Stack Developer</p>
              <hr class="primary">
              <p>I'm someone who loves challenges, solving difficult problems, and having fun while doing it.</p>
              <p>I discovered my passion for coding in my previous position as an accountant at Ernst & Young. There, I started dabbling in automation. One script led to another, and I became hooked. There was no better feeling than making others' lives easier with tools I personally created.
              </p>
              <p>Deciding to make a career switch, I set out for Silicon Valley to attend a 14-week immersive coding bootcamp where I learned to not only create sleek modern web apps, but better myself as a programmer. I continue to push myself each and every day to create products I am truly passionate about.</p>
          </div>
        </div>
      </div>
    </section>

    <section class="bg-primary" id="services">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 text-center">
            <h2 class="section-heading mb">My Expertise</h2>
            <p class="subtext mb">From front end to back end, I've got you covered</p>
            <!-- <hr class="primary"> -->
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row" style="margin-bottom: 75px">
          <div class="col-lg-4 col-md-8 text-center">
            <div class="service-box">
{'fraction_non_alphanumeric': 0.16145038167938933, 'fraction_numerical': 0.014885496183206106, 'mean_word_length': 2.6354491848768644, 'pattern_counts': {'":': 0, '<': 249, '<?xml version=': 0, '>': 249, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4498929', 'n_tokens_mistral': 3276, 'n_tokens_neox': 3061, 'n_words': 809}