<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <!-- Basics -->
  <meta charset="UTF-8">
  <title><NAME> | Web Developer</title>
  <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  <!-- CSS -->
  <link href="https://fonts.googleapis.com/css?family=Lobster|Playfair+Display" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="./style.css">
  <!-- Mobile metas -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <h2 id="nav-logo">Jock Dalby</h2>
      </div>

      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">Home<span class="sr-only">(current)</span></a></li>
          <li><a href="#portfolio">Portfolio</a></li>
          <li><a href="#edaFinalProject">EDA</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="container" id="main-content">
    <div class="container-fluid">
      <div id="main-logo">
        <h2>Jock Dalby</h2>
        <p>Web Developer</p>
        <hr>
      </div>
      <div class="row">
        <div class="col-md-8" id="bio-text">
          <div class="col-md-4 profile-pic-container" id="profile-pic-small">
            <img src="./img/biopic.jpg" class="profile-pic img-responsive"/>
          </div>
          <p class="lead"><br>Welcome,<br><br>

            I am an enthusiastic, motivated and happy-go-lucky web developer, loving life in Wellington, NZ.<br><br>

            I first discovered my passion for coding in October 2015 whilst part of a startup business accelerator program in Christchurch. Prior to this, my occupation was managing bars, restaurants and hotels, which has provided me with advanced communication and organisational skills, an adept solution-orientated mentality and a customer centric attitude.<br><br>

            Over the last 18 months, I graduated Dev Academy, Wellington, as well as completed a plethora of online tutorials and am currently working as a web developer for <a href="https://hospo360.com/static/overview.pdf">Hospo360</a>. I am proficient in HTML5, CSS3 &amp; Javascript (ES6, AngularJS, VueJS &amp; React), plus a range of testing and templating languages &amp; frameworks (Cucumber, Gherkin, Tape). I have some experience working with back-end languages PHP &amp; SQL and this is definitely an area where I am interested in upskilling in the future. My goal going forward is simply to grow <span class="shake" id="bigger">bigger, </span> <span class="shake" id="better">better, </span> <span class="shake" id="faster">faster, </span> <span class="shake" id="stronger">stronger</span> through collaborative projects, work-based learning and self-directed study.<br><br>

            In my spare time you will find me either coding, cooking, traveling or enjoying the great outdoors.<br><br>

            Thanks for taking the time to check out my site,</p>

            <img src="./img/signature.png" alt="signature image">
          </div>
          <div class="col-md-4 profile-pic-container" id="profile-pic-large">
            <img src="./img/biopic.jpg" class="profile-pic img-responsive"/>
            <a href="./static/JockDalbyCV.pdf" target="_blank" class="btn btn-lg btn-block contact-details">
              Download CV
            </a>
            <a href="mailto:<EMAIL>" target="_blank" class="btn btn-lg btn-block contact-details">
              Send email
            </a>
            <img src="./img/eda2.png" class="profile-pic img-responsive"/>
          </div>
        </div>
        <hr id="portfolio-hr">
        <h3 class="text-center nav-anchors" id="portfolio">My Portfolio</h3>
        <p class="text-center lead">Here is a selection of projects I have created from scratch, either as part of EDA, freecodecamp or simply because of personal interest.<br><span class="technologies">- HTML - CSS - JS - jQuery - Bootstrap -</span></p>
        <div class="row">
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Blog Site</p>
            <a href="https://jock-dalby.github.io/index.html"><img src="./img/blog-page.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Abba Go! Fruit Machine</p>
            <a href="https://jock-dalby.github.io/fruit-machine/index.html"><img src="./img/fruit-machine.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Funky Calculator</p>
            <a href="https://jock-dalby.github.io/js-calculator/"><img src="./img/calculator.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Wikipedia API Search</p>
            <a href="http://codepen.io/jonathandalby/pen/YNKyEv"><img src="./img/wiki-api.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Local Weather API Search</p>
            <a href="http://codepen.io/jonathandalby/pen/PWYoEV"><img src="./img/weather-api.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Noughts &amp; Crosses</p>
            <a href="http://codepen.io/jonathandalby/pen/ZLzNgd"><img src="./img/noughts-and-crosses.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Pomodoro Clock Timer</p>
            <a href="http://codepen.io/jonathandalby/pen/mRygRG"><img src="./img/pomodoro-clock.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Chuck Norris quote go-getter!</p>
            <a href="https://jock-dalby.github.io/quote-generator/"><img src="./img/quotes.png" class="img-responsive eda-pages"/></a>
          </div>
        </div>
        <hr id="edaFinalProject-hr">
        <h3 class="text-center nav-anchors" id="edaFinalProject">EDA Final Group Project</h3>
        <p class="text-center lead">As final group project at Dev Academy, myself and 6 fellow students created and launched a coffee-ordering web app for the thriving Wellington coffee scene, in only 7 days. Caffeinati enables users to order from a wide range of coffee vendors and for those vendors to receive orders and update order status in realtime.<br><span class="technologies">- React - Redux - Socket.io -</span></p>
        <div class="row">
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Caffeinati Customer Side</p>
            <a href="https://caffeinati.surge.sh/"><img src="./img/caffeinatiCustomerSide.png" alt="caffeinati Customer Side App" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Caffeinati Shop Side</p>
            <a href="https://coffeeapp.github.io/shopSide/"><img src="./img/caffeinatiShopSide.png" alt="caffeinati Shop Side App" class="img-responsive eda-pages"/></a>
          </div>
        </div>
        <hr>
        <h3 class="text-center nav-anchors" id="contact">Contact</h3>
        <p class="text-center lead">If you would like to get in touch, please use the contact details on my CV or via email.</p>
        <a href="./static/JockDalbyCV.pdf" target="_blank" class="btn btn-lg btn-block contact-details">
          Download CV
        </a>
        <a href="mailto:<EMAIL>" target="_blank" class="btn btn-lg btn-block contact-details">
          Send email
        </a>
        <hr>
        <div class="row text-center" id="social-links">
          <div class="col-md-2"></div>
          <div class="col-xs-3 col-md-2">
            <a href="https://www.linkedin.com/in/jonathan-jock-dalby-5986474a?trk=hp-identity-photo"><img src="./img/linkedin.png" alt="LinkedIn icon" class="social-icons"></a>
          </div>
          <div class="col-xs-3 col-md-2">
            <a href="https://www.freecodecamp.com/jock-dalby"><img src="./img/freecodecamp.png" alt="freecodecamp icon" class="social-icons"></a>
          </div>
          <div class="col-xs-3 col-md-2">
            <a href="https://github.com/jock-dalby"><img src="./img/github.png" alt="Github icon" class="social-icons"></a>
          </div>
          <div class="col-xs-3 col-md-2">
            <a href="http://codepen.io/jonathandalby/"><img src="./img/codepen.png" alt="Codepen icon" class="social-icons"></a>
          </div>
          <div class="col-md-2"></div>
        </div>
      </div>
    </div>
    <footer class="footer">
      <div class="container">
        <div class="row" id="footer-content">
          <div class="col-xs-12">
            <p id="copyright" class="text-muted text-center">© 2016 <NAME>. All rights Reserved</p>
          </div>
          <div class="col-xs-12">
            <p id="address" class="text-muted text-center">20 Parliament Street, Wellington, New Zealand</p>
          </div>
        </div>
      </div>
    </footer>
    <!-- JS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="./script.js"></script>
  </body>
  </html>
<commit_msg>update copy<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <!-- Basics -->
  <meta charset="UTF-8">
  <title><NAME> | Web Developer</title>
  <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
  <!-- CSS -->
  <link href="https://fonts.googleapis.com/css?family=Lobster|Playfair+Display" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="./style.css">
  <!-- Mobile metas -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <h2 id="nav-logo"><NAME></h2>
      </div>

      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">Home<span class="sr-only">(current)</span></a></li>
          <li><a href="#portfolio">Portfolio</a></li>
          <li><a href="#edaFinalProject">EDA</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="container" id="main-content">
    <div class="container-fluid">
      <div id="main-logo">
        <h2><NAME></h2>
        <p>Web Developer</p>
        <hr>
      </div>
      <div class="row">
        <div class="col-md-8" id="bio-text">
          <div class="col-md-4 profile-pic-container" id="profile-pic-small">
            <img src="./img/biopic.jpg" class="profile-pic img-responsive"/>
          </div>
          <p class="lead"><br>Welcome,<br><br>

            I am an enthusiastic, motivated and happy-go-lucky web developer, loving life in Wellington, NZ.<br><br>

            I first discovered my passion for coding in October 2015 whilst part of a startup business accelerator program in Christchurch. Prior to this, my occupation was managing bars, restaurants and hotels, which has provided me with advanced communication and organisational skills, an adept solution-orientated mentality and a customer centric attitude.<br><br>

            Over the last 18 months, I graduated Dev Academy, Wellington, as well as completed a plethora of online tutorials and am currently working as a web developer for <a href="https://hospo360.com/static/overview.pdf">Hospo360</a>. I am proficient in HTML5, CSS3 &amp; Javascript (ES6, AngularJS, VueJS &amp; React), plus a range of testing and templating languages &amp; frameworks (Cucumber, Gherkin, Tape). I have some experience working with back-end languages PHP &amp; SQL and this is definitely an area where I am interested in upskilling in the future. My goal going forward is simply to grow <span class="shake" id="bigger">bigger, </span> <span class="shake" id="better">better, </span> <span class="shake" id="faster">faster, </span> <span class="shake" id="stronger">stronger</span> through collaborative projects, work-based learning and self-directed study.<br><br>

            In my spare time you will find me either coding, cooking, traveling or enjoying the great outdoors.<br><br>

            Thanks for taking the time to check out my site,</p>

            <img src="./img/signature.png" alt="signature image">
          </div>
          <div class="col-md-4 profile-pic-container" id="profile-pic-large">
            <img src="./img/biopic.jpg" class="profile-pic img-responsive"/>
            <a href="./static/JockDalbyCV.pdf" target="_blank" class="btn btn-lg btn-block contact-details">
              Download CV
            </a>
            <a href="mailto:<EMAIL>" target="_blank" class="btn btn-lg btn-block contact-details">
              Send email
            </a>
            <img src="./img/eda2.png" class="profile-pic img-responsive"/>
          </div>
        </div>
        <hr id="portfolio-hr">
        <h3 class="text-center nav-anchors" id="portfolio">My Portfolio</h3>
        <p class="text-center lead">Here is a selection of projects I have created from scratch, either as part of EDA, freecodecamp or simply because of personal interest.<br><span class="technologies">- HTML - CSS - JS - jQuery - Bootstrap -</span></p>
        <div class="row">
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Blog Site</p>
            <a href="https://jock-dalby.github.io/index.html"><img src="./img/blog-page.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Abba Go! Slot Machine</p>
            <a href="https://jock-dalby.github.io/fruit-machine/index.html"><img src="./img/fruit-machine.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Funky Calculator</p>
            <a href="https://jock-dalby.github.io/js-calculator/"><img src="./img/calculator.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Wikipedia API Search</p>
            <a href="http://codepen.io/jonathandalby/pen/YNKyEv"><img src="./img/wiki-api.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Local Weather API Search</p>
            <a href="http://codepen.io/jonathandalby/pen/PWYoEV"><img src="./img/weather-api.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Noughts &amp; Crosses</p>
            <a href="http://codepen.io/jonathandalby/pen/ZLzNgd"><img src="./img/noughts-and-crosses.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Pomodoro Clock Timer</p>
            <a href="http://codepen.io/jonathandalby/pen/mRygRG"><img src="./img/pomodoro-clock.png" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Chuck Norris quote go-getter!</p>
            <a href="https://jock-dalby.github.io/quote-generator/"><img src="./img/quotes.png" class="img-responsive eda-pages"/></a>
          </div>
        </div>
        <hr id="edaFinalProject-hr">
        <h3 class="text-center nav-anchors" id="edaFinalProject">EDA Final Group Project</h3>
        <p class="text-center lead">As final group project at Dev Academy, myself and 6 fellow students created and launched a coffee-ordering web app for the thriving Wellington coffee scene, in only 7 days. Caffeinati enables users to order from a wide range of coffee vendors and for those vendors to receive orders and update order status in realtime.<br><span class="technologies">- React - Redux - Socket.io -</span></p>
        <div class="row">
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Caffeinati Customer Side</p>
            <a href="https://caffeinati.surge.sh/"><img src="./img/caffeinatiCustomerSide.png" alt="caffeinati Customer Side App" class="img-responsive eda-pages"/></a>
          </div>
          <div class="col-xs-12 col-sm-6 project-link">
            <p>Caffeinati Shop Side</p>
            <a href="https://coffeeapp.github.io/shopSide/"><img src="./img/caffeinatiShopSide.png" alt="caffeinati Shop Side App" class="img-responsive eda-pages"/></a>
          </div>
        </div>
        <hr>
        <h3 class="text-center nav-anchors" id="contact">Contact</h3>
        <p class="text-center lead">If you would like to get in touch, please use the contact details on my CV or via email.</p>
        <a href="./static/JockDalbyCV.pdf" target="_blank" class="btn btn-lg btn-block contact-details">
          Download CV
        </a>
        <a href="mailto:<EMAIL>" target="_blank" class="btn btn-lg btn-block contact-details">
          Send email
        </a>
        <hr>
        <div class="row text-center" id="social-links">
          <div class="col-md-2"></div>
          <div class="col-xs-3 col-md-2">
            <a href="https://www.linkedin.com/in/jonathan-jock-dalby-5986474a?trk=hp-identity-photo"><img src="./img/linkedin.png" alt="LinkedIn icon" class="social-icons"></a>
          </div>
          <div class="col-xs-3 col-md-2">
            <a href="https://www.freecodecamp.com/jock-dalby"><img src="./img/freecodecamp.png" alt="freecodecamp icon" class="social-icons"></a>
          </div>
          <div class="col-xs-3 col-md-2">
            <a href="https://github.com/jock-dalby"><img src="./img/github.png" alt="Github icon" class="social-icons"></a>
          </div>
          <div class="col-xs-3 col-md-2">
            <a href="http://codepen.io/jonathandalby/"><img src="./img/codepen.png" alt="Codepen icon" class="social-icons"></a>
          </div>
          <div class="col-md-2"></div>
        </div>
      </div>
    </div>
    <footer class="footer">
      <div class="container">
        <div class="row" id="footer-content">
          <div class="col-xs-12">
            <p id="copyright" class="text-muted text-center">© 2016 <NAME>. All rights Reserved</p>
          </div>
          <div class="col-xs-12">
            <p id="address" class="text-muted text-center">20 Parliament Street, Wellington, New Zealand</p>
          </div>
        </div>
      </div>
    </footer>
    <!-- JS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="./script.js"></script>
  </body>
  </html>

{'fraction_non_alphanumeric': 0.1709264373587748, 'fraction_numerical': 0.010042681395932713, 'mean_word_length': 2.640950639853748, 'pattern_counts': {'":': 0, '<': 523, '<?xml version=': 0, '>': 523, 'https://': 28, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5230081', 'n_tokens_mistral': 6486, 'n_tokens_neox': 6250, 'n_words': 1501}