<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="The online portoflio of web developer <NAME>, a San Diego native currently based in NYC.">
    <meta name="author" content="">
    <link rel="icon" href="assets/img/favicon.ico">

    <title><NAME> | Web developer</title>
    <link rel="Shortcut Icon" href="assets/img/coffee.png" type="image/x-icon">

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/ionicons.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet" media="">
    <link rel="stylesheet" href="assets/css/mobile-responsive.css" 
    media= "only screen 
    and (min-width: 320px) 
    and (max-width: 767px)">

    <link rel="stylesheet" href="assets/css/mobile-headshot-responsive.css" 
    media= "only screen 
    and (min-width: 475px) 
    and (max-width: 767px)">

    <link rel="stylesheet" href="assets/css/midsize-responsive.css"
    media= "only screen
    and (min-width: 768px) 
    and (max-width: 991px)">

    <link rel="stylesheet" href="assets/css/headshot-large-responsive.css"
    media= "only screen
    and (min-width: 992px) 
    and (max-width: 1199px)">
    
    <link rel="stylesheet" href="assets/css/large-responsive.css"
    media= "only screen
    and (min-width: 992px) 
    and (max-width: 1500px)">

    <link rel="stylesheet" href="assets/css/extra-large-responsive.css"
    media= "only screen
    and (min-width: 1501px)">


    <!-- JS for skills section -->
    <script src="assets/js/chart.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="assets/js/ie10-viewport-bug-workaround.js"></script>

    <!-- Scroll trigger -->
    <!-- <script src="assets/js/on-scroll.js"></script> -->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>

  <body>

    <!-- Static navbar -->
    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div id="nav-links" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#h" style="color:#FAF9F7;font-size: medium">Top</a></li>
            <li><a href="#s" style="color:#FAF9F7;font-size: medium">Skills</a></li>
            <li><a href="#g" style="color:#FAF9F7;font-size: medium">Portfolio</a></li>
            <li><a href="#sep" style="color:#FAF9F7;font-size: medium">About</a></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- Front Page -->
    <div id="h">
      <div class="logo"></div>
      <div class="container centered">
        <div class="row">
          <div id="hello-i-am" class="col-md-8 col-md-offset-2">
            <font size="5" class="hello">Hello, my name is <b><NAME></b>.<br/>I'm a web developer.</font>
          </div>
        </div>
      </div>
    </div>

    <!-- Skills Page -->
    <div id="s">
      <div id="skills" data-spy="scroll" data-target="#skillz">
        <div class="container">
          <div id="doughnut-contain" class="row centered">
          <h1 style="color: black;">Skills</h1>
            <div class="col-md-4 mt">
              <canvas id="html" height="130" width="130"></canvas>
              <p style="color: black;">HTML/CSS</p>
              <br>
              <script>
                var doughnutData = [
                  {
                    value: 88,
                    color: "#008B8B"

                  },
                  {
                    value : 12,
                    color : "white"
                  }
                ];
                var myDoughnut = new Chart(document.getElementById("html").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt">
              <canvas id="js" height="130" width="130"></canvas>
              <p style="color: black;">JavaScript/jQuery</p>
              <br>
              <script>
                var doughnutData = [
                    {
                      value: 77,
                      color: "#008B8B"
                    },
                    {
                      value : 23,
                      color : "white"
                    }
                  ];
                  var myDoughnut = new Chart(document.getElementById("js").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt">
              <canvas id="rails" height="130" width="130"></canvas>
              <p style="color: black;">Ruby on Rails</p>
              <br>
              <script>
                var doughnutData = [
                    {
                      value: 70,
                      color: "#008B8B"
                    },
                    {
                      value : 30,
                      color : "white"
                    }
                  ];
                  var myDoughnut = new Chart(document.getElementById("rails").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt">
              <canvas id="tdd" height="130" width="130"></canvas>
              <p style="color: black;">TDD/BDD</p>
              <br>
              <script>
              // .on this event
                var doughnutData = [
                    {
                      value: 60,
                      color: "#008B8B"
                    },
                    {
                      value : 40,
                      color : "white"
                    }
                  ];
                  var myDoughnut = new Chart(document.getElementById("tdd").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt">
              <canvas id="sql" height="130" width="130"></canvas>
              <p style="color: black;">PostgreSQL</p>
              <br>
              <script>
                var doughnutData = [
                    {
                      value: 65,
                      color: "#008B8B"
                    },
                    {
                      value : 35,
                      color : "white"
                    }
                  ];
                  var myDoughnut = new Chart(document.getElementById("sql").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt"><commit_msg>changed tdd to angular<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="The online portoflio of web developer <NAME>, a San Diego native currently based in NYC.">
    <meta name="author" content="">
    <link rel="icon" href="assets/img/favicon.ico">

    <title><NAME> | Web developer</title>
    <link rel="Shortcut Icon" href="assets/img/coffee.png" type="image/x-icon">

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/ionicons.min.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet" media="">
    <link rel="stylesheet" href="assets/css/mobile-responsive.css" 
    media= "only screen 
    and (min-width: 320px) 
    and (max-width: 767px)">

    <link rel="stylesheet" href="assets/css/mobile-headshot-responsive.css" 
    media= "only screen 
    and (min-width: 475px) 
    and (max-width: 767px)">

    <link rel="stylesheet" href="assets/css/midsize-responsive.css"
    media= "only screen
    and (min-width: 768px) 
    and (max-width: 991px)">

    <link rel="stylesheet" href="assets/css/headshot-large-responsive.css"
    media= "only screen
    and (min-width: 992px) 
    and (max-width: 1199px)">
    
    <link rel="stylesheet" href="assets/css/large-responsive.css"
    media= "only screen
    and (min-width: 992px) 
    and (max-width: 1500px)">

    <link rel="stylesheet" href="assets/css/extra-large-responsive.css"
    media= "only screen
    and (min-width: 1501px)">


    <!-- JS for skills section -->
    <script src="assets/js/chart.js"></script>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="assets/js/ie10-viewport-bug-workaround.js"></script>

    <!-- Scroll trigger -->
    <!-- <script src="assets/js/on-scroll.js"></script> -->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>

  <body>

    <!-- Static navbar -->
    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div id="nav-links" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#h" style="color:#FAF9F7;font-size: medium">Top</a></li>
            <li><a href="#s" style="color:#FAF9F7;font-size: medium">Skills</a></li>
            <li><a href="#g" style="color:#FAF9F7;font-size: medium">Portfolio</a></li>
            <li><a href="#sep" style="color:#FAF9F7;font-size: medium">About</a></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- Front Page -->
    <div id="h">
      <div class="logo"></div>
      <div class="container centered">
        <div class="row">
          <div id="hello-i-am" class="col-md-8 col-md-offset-2">
            <font size="5" class="hello">Hello, my name is <b><NAME></b>.<br/>I'm a web developer.</font>
          </div>
        </div>
      </div>
    </div>

    <!-- Skills Page -->
    <div id="s">
      <div id="skills" data-spy="scroll" data-target="#skillz">
        <div class="container">
          <div id="doughnut-contain" class="row centered">
          <h1 style="color: black;">Skills</h1>
            <div class="col-md-4 mt">
              <canvas id="html" height="130" width="130"></canvas>
              <p style="color: black;">HTML/CSS</p>
              <br>
              <script>
                var doughnutData = [
                  {
                    value: 88,
                    color: "#008B8B"

                  },
                  {
                    value : 12,
                    color : "white"
                  }
                ];
                var myDoughnut = new Chart(document.getElementById("html").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt">
              <canvas id="js" height="130" width="130"></canvas>
              <p style="color: black;">JavaScript/jQuery</p>
              <br>
              <script>
                var doughnutData = [
                    {
                      value: 77,
                      color: "#008B8B"
                    },
                    {
                      value : 23,
                      color : "white"
                    }
                  ];
                  var myDoughnut = new Chart(document.getElementById("js").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt">
              <canvas id="rails" height="130" width="130"></canvas>
              <p style="color: black;">Ruby on Rails</p>
              <br>
              <script>
                var doughnutData = [
                    {
                      value: 70,
                      color: "#008B8B"
                    },
                    {
                      value : 30,
                      color : "white"
                    }
                  ];
                  var myDoughnut = new Chart(document.getElementById("rails").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt">
              <canvas id="angular" height="130" width="130"></canvas>
              <p style="color: black;">AngularJS</p>
              <br>
              <script>
              // .on this event
                var doughnutData = [
                    {
                      value: 60,
                      color: "#008B8B"
                    },
                    {
                      value : 40,
                      color : "white"
                    }
                  ];
                  var myDoughnut = new Chart(document.getElementById("angular").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt">
              <canvas id="sql" height="130" width="130"></canvas>
              <p style="color: black;">PostgreSQL</p>
              <br>
              <script>
                var doughnutData = [
                    {
                      value: 65,
                      color: "#008B8B"
                    },
                    {
                      value : 35,
                      color : "white"
                    }
                  ];
                  var myDoughnut = new Chart(document.getElementById("sql").getContext("2d")).Doughnut(doughnutData);
              </script>
            </div>
            <div class="col-md-4 mt">
{'fraction_non_alphanumeric': 0.15772029685135816, 'fraction_numerical': 0.0214712875567404, 'mean_word_length': 1.5140373120811448, 'pattern_counts': {'":': 0, '<': 281, '<?xml version=': 0, '>': 281, 'https://': 4, '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': '1135943', 'n_tokens_mistral': 4360, 'n_tokens_neox': 3943, 'n_words': 814}