<commit_before>---
layout: default
---

<body>
  <div id="clientData" style="display: none;">
    {{ site.data.clients | jsonify }}
  </div>

  <section class="top-nav">
    <div id="showWork" class="nav-button" data-client-name="boa">
      Work.
    </div>
    <div id="showOther" class="nav-button" data-client-name="other">
      Other.
    </div>
  </section>

  <section class="triangle-wrapper">
    <div class="triangle">
      <div class="phone-holder thing">
        <img class="yo" src="assets/phone-template.png" />
        <img class="screen" src="assets/boa-homepage-phone.png" />
        <!-- <img class="clip"src="../gif.gif"> -->
      </div>
      <div class="phone-holder-horizontal thing">
        <img src="assets/hand-tv.png" alt="" />
        <img class="clip" src="assets/skate.gif" />
      </div>
      <canvas id="myCanvas" width="320" height="320"></canvas>
    </div>
    <div class="bottom-border">
      <h2 class="thing-title"></h2>
    </div>
    <div class="more-info thing2" id="more">
      <p>
        My most recent professional project was building the newly designed Bank
        of America homepage. Here's some
        <a
          href="https://docs.google.com/document/d/e/<KEY>"
          >more information about that.</a
        >
      </p>
      <p>Check out some other projects I have worked on</p>
      <p>
        <a
          href="https://docs.google.com/document/d/e/2PACX-1vSsgYOlBfm6gERyRZx9FqPM54QYacBYjiWCEvimNc9dHYFg4sBh-nI0191JBp4hHVodUyjPK_xWfI_N/pub"
          >BoA Auto Loans Research Experience</a
        >
      </p>
      <p>
        <a
          href="https://docs.google.com/document/d/e/<KEY>"
          >BoA Auto Loan Application SPA</a
        >
      </p>
      <p>United Way Volunteer Matching App</p>
      <p>
        Also, here is my
        <a
          href="https://docs.google.com/document/d/1TgkBppvD1VYQ6VNtafYNLR8iUunFqjAMoej9T6_PK3Y/edit?usp=sharing"
          >Resume</a
        >
      </p>
    </div>
    <div class="more-info-other thing2" i id="more2">
      <p>I like to do other things too.</p>
      <p>In addition to STEM, I really enjoy skateboarding.</p>
      <p>
        When I'm not building software or skating, you can most likely find me
        playing classical guitar or hanging with my wife and lazy ass dog
      </p>
      <p>Here is my <a href="/blog">blog</a></p>
    </div>
  </section>
  <section class="about">
    <h2>Developer / Skater</h2>
    <br />
    <div class="image-container">
      <img class="butters" src="assets/butters.png" />
    </div>
    <p>
      Hey, my name is Johnny. I like to skateboard, make music, tinker with
      electronics and develop software.
    </p>
  </section>
</body>

<script>
  (function() {
    // Get the title and JSON data from the data folder
    var title = document.getElementById('title');<commit_msg>added published version of resume<commit_after>---
layout: default
---

<body>
  <div id="clientData" style="display: none;">
    {{ site.data.clients | jsonify }}
  </div>

  <section class="top-nav">
    <div id="showWork" class="nav-button" data-client-name="boa">
      Work.
    </div>
    <div id="showOther" class="nav-button" data-client-name="other">
      Other.
    </div>
  </section>

  <section class="triangle-wrapper">
    <div class="triangle">
      <div class="phone-holder thing">
        <img class="yo" src="assets/phone-template.png" />
        <img class="screen" src="assets/boa-homepage-phone.png" />
        <!-- <img class="clip"src="../gif.gif"> -->
      </div>
      <div class="phone-holder-horizontal thing">
        <img src="assets/hand-tv.png" alt="" />
        <img class="clip" src="assets/skate.gif" />
      </div>
      <canvas id="myCanvas" width="320" height="320"></canvas>
    </div>
    <div class="bottom-border">
      <h2 class="thing-title"></h2>
    </div>
    <div class="more-info thing2" id="more">
      <p>
        My most recent professional project was building the newly designed Bank
        of America homepage. Here's some
        <a
          href="https://docs.google.com/document/d/e/2PACX-1vTxEpODsLRTOTFk14PUZKzAmMj1jRDj_d9MeOKS8Ho2XKH8-90ZvJGROV8IFg-lagiAA-4eso4T5Zmi/pub"
          >more information about that.</a
        >
      </p>
      <p>Check out some other projects I have worked on</p>
      <p>
        <a
          href="https://docs.google.com/document/d/e/2PACX-1vSsgYOlBfm6gERyRZx9FqPM54QYacBYjiWCEvimNc9dHYFg4sBh-nI0191JBp4hHVodUyjPK_xWfI_N/pub"
          >BoA Auto Loans Research Experience</a
        >
      </p>
      <p>
        <a
          href="https://docs.google.com/document/d/<KEY>"
          >BoA Auto Loan Application SPA</a
        >
      </p>
      <p>United Way Volunteer Matching App</p>
      <p>
        Also, here is my
        <a
          href="https://docs.google.com/document/d/<KEY>"
          >Resume</a
        >
      </p>
    </div>
    <div class="more-info-other thing2" i id="more2">
      <p>I like to do other things too.</p>
      <p>In addition to STEM, I really enjoy skateboarding.</p>
      <p>
        When I'm not building software or skating, you can most likely find me
        playing classical guitar or hanging with my wife and lazy ass dog
      </p>
      <p>Here is my <a href="/blog">blog</a></p>
    </div>
  </section>
  <section class="about">
    <h2>Developer / Skater</h2>
    <br />
    <div class="image-container">
      <img class="butters" src="assets/butters.png" />
    </div>
    <p>
      Hey, my name is Johnny. I like to skateboard, make music, tinker with
      electronics and develop software.
    </p>
  </section>
</body>

<script>
  (function() {
    // Get the title and JSON data from the data folder
    var title = document.getElementById('title');
{'fraction_non_alphanumeric': 0.15492470140211181, 'fraction_numerical': 0.012809416652241648, 'mean_word_length': 2.297945205479452, 'pattern_counts': {'":': 0, '<': 157, '<?xml version=': 0, '>': 157, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, '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': '5031855', 'n_tokens_mistral': 2047, 'n_tokens_neox': 1977, 'n_words': 469}