<commit_before><!DOCTYPE html>
<html>
  <head>
    <title><NAME> </title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.green-light_blue.min.css" />
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
    <script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
  </head>

  <style>


  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    border-right: 1px solid rgb(250, 250, 250);
  }

  </style>

  <body>

    <div class="container">

      <div class="row">
        <div class="col-md-3 sidebar" id="sidebar">
            <div id="name">
              <h1><NAME></h1>
              <h2>Aspiring Web Developer</h2>
            </div>
            <p id="description">I'm currently at Enspiral's <a href="http://www.devacademy.co.nz/" target="_blank">Dev Academy</a> in Auckland, New Zealand. I'm working towards becoming a fullstack web developer.</p>
            <div id="contact">
              <div class="row">
                <div class="col-md-5" id="icon">
                  <i class="fa fa-phone" style="color:red"></i>
                </div>
                <div class="col-md-7" id="details">
                  <p>+642102706534</p>
                </div>
                <div class="col-md-5" id="icon">
                  <i class="fa fa-envelope" style="color:red"></i>
                </div>
                <div class="col-md-7" id="details">
                  <p><EMAIL></p>
                </div>
                <div class="col-md-5" id="icon">
                  <i class="fa fa-linkedin" style="color:red"></i>
                </div>
                <div class="col-md-7" id="details">
                  <p><a href="https://nz.linkedin.com/in/leomclay" target="_blank">www.linkedin.com/in/leomclay</a></p>
                </div>
                <div class="col-md-5" id="icon">
                  <i class="fa fa-file-pdf-o" style="color:red"></i>
                </div>
                <div class="col-md-7" id="details">
                  <p>resume.pdf</p>
                </div>
              </div>
            </div>
        </div>


        <div class="col-md-9 offset-md-2 main" id="blog">

          <div class="mdl-card mdl-shadow--2dp">

            <div class="mdl-card__title blog5">
              <h2 class="mdl-card__title-text">Emotional Intelligence</h2>
            </div>
            <div class="mdl-card__supporting-text">
              Emotional Intelligence is: “The ability to monitor one’s own and others’ feelings...
            </div>
            <div class="mdl-card__actions mdl-card--border">
              <a href="c2-emotional-intelligence.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
                Read
              </a>
            </div>
            <div class="mdl-card__menu">
              <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
                <i class="material-icons">share</i>
              </button>
            </div>
          </div>
          <div class="card-gap">
          </div>

          <div class="mdl-card mdl-shadow--2dp">

            <div class="mdl-card__title blog4">
              <h2 class="mdl-card__title-text">Technical Blog - Part 2</h2>
            </div>
            <div class="mdl-card__supporting-text">
              Grid Based Design is the concept of web design in which the web page is broken down into grids. It...
            </div>
            <div class="mdl-card__actions mdl-card--border">
              <a href="t2-html-css-dom-p2.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
                Read
              </a>
            </div>
            <div class="mdl-card__menu">
              <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
                <i class="material-icons">share</i>
              </button>
            </div>
          </div>
          <div class="card-gap">
          </div>

          <div class="mdl-card mdl-shadow--2dp">

            <div class="mdl-card__title blog3">
              <h2 class="mdl-card__title-text">Technical Blog - Part 1</h2>
            </div>
            <div class="mdl-card__supporting-text">
              Here are two features I wish to implement on this blog in the near future:...
            </div>
            <div class="mdl-card__actions mdl-card--border">
              <a href="t2-html-css-dom-p1.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
                Read
              </a>
            </div>
            <div class="mdl-card__menu">
              <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
                <i class="material-icons">share</i>
              </button>
            </div>
          </div>
          <div class="card-gap">
          </div>

          <div class="mdl-card mdl-shadow--2dp">

            <div class="mdl-card__title blog2">
              <h2 class="mdl-card__title-text">Time and Habits</h2>
            </div>
            <div class="mdl-card__supporting-text">
              I consider time management (or lack thereof) to be one of my major fallbacks. Thankfully, Dev Academy has...
            </div>
            <div class="mdl-card__actions mdl-card--border">
              <a href="c1-time-and-habits-blog.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
                Read
              </a>
            </div>
            <div class="mdl-card__menu">
              <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
                <i class="material-icons">share</i>
              </button>
            </div>
          </div>

          <div class="card-gap">
          </div>

          <div class="mdl-card mdl-shadow--2dp">
            <div class="mdl-card__title blog1">
              <h2 class="mdl-card__title-text">Reflections: Dev Academy</h2>
            </div>
            <div class="mdl-card__supporting-text">
                As I write this, I’m at the end of the first week of Enspiral’s Dev Academy. For the first half of this...
            </div>
            <div class="mdl-card__actions mdl-card--border">
              <a href="c1-reflection-blog.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
                Read
              </a>
            </div>
            <div class="mdl-card__menu">
              <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
                <i class="material-icons">share</i>
              </button>
            </div>
          </div>

          <div class="card-gap">
          </div>


        </div>
      </div>
    </div>
  </body>
</html><commit_msg>reduce to skeleton index html<commit_after><!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta charset="UTF-8">

  </head>
  <body>

  </body>
</html>
{'fraction_non_alphanumeric': 0.15987261146496815, 'fraction_numerical': 0.014904458598726114, 'mean_word_length': 1.710044874007594, 'pattern_counts': {'":': 0, '<': 196, '<?xml version=': 0, '>': 196, 'https://': 8, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '700095', 'n_tokens_mistral': 2640, 'n_tokens_neox': 2479, 'n_words': 497}