<commit_before>{{!< default}}
<!-- Intro -->
<div class="landing">
  <section class="cover bg-left bg-center-l landing_intro" style=" background-image: url({{asset "img/starnight.jpg"}});">
    <div class="center mw8 pv6 ph4-ns ph3 cf">
      <div class="fl w-50-l w-50-m w-100 pa2">
        <h3 class="measure f2 fc-alternate">Fullstack  Web Developer
        </h3>
        <p class="f4 measure fc-alternate">
          In a world of billions of devices, I seek to bring the best possible web experiences to humans.
        </p>
      </div>
      <div class="fl w-50-l w-50-m w-100 pa2">
        <p class="measure"></p>
      </div>
    </div>
  </section>
  <!-- Profile -->
  <section class="brand-primary fc-primary">
    <div class="center mw8 pv4 ph4-ns ph3 cf">
      <div class="fl w-50-l w-50-m w-100 ph3 overflow-hidden">
        <h4 class="f4 lh-title mb2 center tc tl-ns">
          <NAME>
        </h4>
        <img class="w-100 center tc" src="{{asset "img/scneptune_portrait.png"}}" />
        <p class="measure narrow f6 fw2 lh-copy tl-ns landing_profile__left--bio">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque maximus nisl vitae sollicitudin mattis. Quisque quis tempor est. Etiam non vestibulum libero. Fusce commodo lectus eget erat pellentesque maximus. Suspendisse diam ipsum, hendrerit a elit et, placerat tincidunt odio. Fusce molestie risus efficitur massa molestie, non efficitur libero tincidunt. Praesent vitae sapien mattis, euismod elit vel, posuere dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
        </p>
      </div>
      <div class="fl w-50-l w-50-m w-100 ph3 overflow-hidden">
        <div class="mt5 mb3">
          <h4 class="f4 lh-title mb2 center tc tl-ns">What I Can Do</h4>
        </div>
        <div class="flex items-start w-90 w-100-ns pb2 mt2 mh2 mh0-ns">
          <div class="w2 w3-ns v-mid">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="fa fa-users" viewBox="0 0 30 28">
            <path d="M9.266 14c-1.625 0.047-3.094 0.75-4.141 2h-2.094c-1.563 0-3.031-0.75-3.031-2.484 0-1.266-0.047-5.516 1.937-5.516 0.328 0 1.953 1.328 4.062 1.328 0.719 0 1.406-0.125 2.078-0.359-0.047 0.344-0.078 0.688-0.078 1.031 0 1.422 0.453 2.828 1.266 4zM26 23.953c0 2.531-1.672 4.047-4.172 4.047h-13.656c-2.5 0-4.172-1.516-4.172-4.047 0-3.531 0.828-8.953 5.406-8.953 0.531 0 2.469 2.172 5.594 2.172s5.063-2.172 5.594-2.172c4.578 0 5.406 5.422 5.406 8.953zM10 4c0 2.203-1.797 4-4 4s-4-1.797-4-4 1.797-4 4-4 4 1.797 4 4zM21 10c0 3.313-2.688 6-6 6s-6-2.688-6-6 2.688-6 6-6 6 2.688 6 6zM30 13.516c0 1.734-1.469 2.484-3.031 2.484h-2.094c-1.047-1.25-2.516-1.953-4.141-2 0.812-1.172 1.266-2.578 1.266-4 0-0.344-0.031-0.688-0.078-1.031 0.672 0.234 1.359 0.359 2.078 0.359 2.109 0 3.734-1.328 4.062-1.328 1.984 0 1.937 4.25 1.937 5.516zM28 4c0 2.203-1.797 4-4 4s-4-1.797-4-4 1.797-4 4-4 4 1.797 4 4z"></path>
            </svg>
          </div>
          <div class="flex-grow-1 v-mid pl2">
            <p class="f6 f7-m lh-title fw2 mv0">
              Praesent vitae sapien mattis, euismod elit vel, posuere dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
            </p>
          </div>
        </div>
        <div class="flex items-start w-90 w-100-ns pb2 mt2 mh2 mh0-ns">
          <div class="w2 w3-ns v-mid">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="fa" viewBox="0 0 28 28">
              <path d="M10 4h8v-2h-8v2zM28 14v7.5c0 1.375-1.125 2.5-2.5 2.5h-23c-1.375 0-2.5-1.125-2.5-2.5v-7.5h10.5v2.5c0 0.547 0.453 1 1 1h5c0.547 0 1-0.453 1-1v-2.5h10.5zM16 14v2h-4v-2h4zM28 6.5v6h-28v-6c0-1.375 1.125-2.5 2.5-2.5h5.5v-2.5c0-0.828 0.672-1.5 1.5-1.5h9c0.828 0 1.5 0.672 1.5 1.5v2.5h5.5c1.375 0 2.5 1.125 2.5 2.5z"></path>
            </svg>
          </div>
          <div class="flex-grow-1 v-mid pl2">
            <p class="f6 f7-m fw2 lh-title mv0">
              Praesent vitae sapien mattis, euismod elit vel, posuere dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
            </p>
          </div>
        </div>
        <div class="flex items-start w-90 w-100-ns pb2 mt2 mh2 mh0-ns">
          <div class="w2 w3-ns v-mid">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="fa fa-cubes" viewBox="0 0 34 28">
            <path d="M10 25.5l6-3v-4.906l-6 2.562v5.344zM9 18.406l6.312-2.703-6.312-2.703-6.312 2.703zM26 25.5l6-3v-4.906l-6 2.562v5.344zM25 18.406l6.312-2.703-6.312-2.703-6.312 2.703zM18 13.828l6-2.578v-4.156l-6 2.562v4.172zM17 7.906l6.891-2.953-6.891-2.953-6.891 2.953zM34 16v6.5c0 0.75-0.422 1.453-1.109 1.781l-7 3.5c-0.281 0.156-0.578 0.219-0.891 0.219s-0.609-0.063-0.891-0.219l-7-3.5c-0.047-0.016-0.078-0.031-0.109-0.063-0.031 0.031-0.063 0.047-0.109 0.063l-7 3.5c-0.281 0.156-0.578 0.219-0.891 0.219s-0.609-0.063-0.891-0.219l-7-3.5c-0.688-0.328-1.109-1.031-1.109-1.781v-6.5c0-0.797 0.484-1.516 1.219-1.844l6.781-2.906v-6.25c0-0.797 0.484-1.516 1.219-1.844l7-3c0.25-0.109 0.516-0.156 0.781-0.156s0.531 0.047 0.781 0.156l7 3c0.734 0.328 1.219 1.047 1.219 1.844v6.25l6.781 2.906c0.75 0.328 1.219 1.047 1.219 1.844z"></path>
            </svg>
          </div>
          <div class="flex-grow-1 v-mid pl2">
            <p class="f6 f7-m fw2 lh-title mv0">
              Praesent vitae sapien mattis, euismod elit vel, posuere dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="landing_timeline brand-secondary-hightlight dn db-ns cover bg-left bg-center-l" style="background-image: url('{{asset "img/code-bg.png"}}')">
    <div class="center mw8 pv4 ph4-ns ph3 cf">
      {{> timeline}}
    </div>
  </section>
  <!-- Social Feed -->
  <section class="landing_socialfeed bg-color">
    <div class="center mw8 pv4 ph4-ns ph3 cf">
      <div class="overflow-hidden">
        <div class="" style="width: 100vw;" >
          {{> social-post}}
        </div>
      </div><commit_msg>small styling updates to the homepage<commit_after>{{!< default}}
<!-- Intro -->
<div class="landing">
  <section class="cover bg-left bg-center-l landing_intro" style=" background-image: url({{asset "img/starnight.jpg"}});">
    <div class="center mw8 pv6 ph4-ns ph3 cf">
      <div class="fl w-50-l w-50-m w-100 pa2">
        <h3 class="measure f3 fc-alternate tl-l tl-m tc">Fullstack Web Developer
        </h3>
        <p class="f5 measure lh-copy fc-alternate fw2">
          at AwesomenessTV with over 7 years of experience in the field, strong focus in front-end web technologies and backend software architecture.
        </p>
        <div class="measure tl-l tl-m tc">
          <a class="fc-brand-primary pointer fw6 heading-line center" href="#">Download Resume</a>
        </div>
      </div>
      <div class="fl w-50-l w-50-m w-100 pa2">
        <h3 class="measure f3 fc-alternate tr-l tr-m tc">Adventure Cyclist
        </h3>
        <p class="f5 measure lh-copy fc-alternate tl tr-m tr-l fw2">Exploring Southern California on two wheels and </p>
      </div>
    </div>
  </section>
  <!-- Profile -->
  <section class="brand-primary fc-primary">
    <div class="center mw8 pv4 ph4-ns ph3 cf">
      <div class="fl w-50-l w-50-m w-100 ph3 overflow-hidden">
        <h4 class="f3 lh-title mb2 center tc tl-ns">
          <NAME>
        </h4>
        <img class="w-100 center tc" src="{{asset "img/scneptune_portrait.png"}}" />
        <p class="measure narrow f4 f5-m fw2 lh-copy tl-ns landing_profile__left--bio">
          I am a 30 year old software engineer and wandering cyclist. Presently I am working for AwesomenessTV, located in West LA, building state-of-the-art  web-facing internal products. I currently live in a historic home in Echo Park with my wife and Westie Terrier.
        </p>
      </div>
      <div class="fl w-50-l w-50-m w-100 ph3 overflow-hidden">
        <div class="mt5 mb3">
          <h4 class="f3 mb2 center tc tl-ns heading-line heading-line-alt">What I Can Do</h4>
        </div>
        <div class="flex items-start w-90 w-100-ns pb2 mt2 mh2 mh0-ns">
          <div class="w2 w3-ns v-mid">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="fa fa-users" viewBox="0 0 30 28">
            <path d="M9.266 14c-1.625 0.047-3.094 0.75-4.141 2h-2.094c-1.563 0-3.031-0.75-3.031-2.484 0-1.266-0.047-5.516 1.937-5.516 0.328 0 1.953 1.328 4.062 1.328 0.719 0 1.406-0.125 2.078-0.359-0.047 0.344-0.078 0.688-0.078 1.031 0 1.422 0.453 2.828 1.266 4zM26 23.953c0 2.531-1.672 4.047-4.172 4.047h-13.656c-2.5 0-4.172-1.516-4.172-4.047 0-3.531 0.828-8.953 5.406-8.953 0.531 0 2.469 2.172 5.594 2.172s5.063-2.172 5.594-2.172c4.578 0 5.406 5.422 5.406 8.953zM10 4c0 2.203-1.797 4-4 4s-4-1.797-4-4 1.797-4 4-4 4 1.797 4 4zM21 10c0 3.313-2.688 6-6 6s-6-2.688-6-6 2.688-6 6-6 6 2.688 6 6zM30 13.516c0 1.734-1.469 2.484-3.031 2.484h-2.094c-1.047-1.25-2.516-1.953-4.141-2 0.812-1.172 1.266-2.578 1.266-4 0-0.344-0.031-0.688-0.078-1.031 0.672 0.234 1.359 0.359 2.078 0.359 2.109 0 3.734-1.328 4.062-1.328 1.984 0 1.937 4.25 1.937 5.516zM28 4c0 2.203-1.797 4-4 4s-4-1.797-4-4 1.797-4 4-4 4 1.797 4 4z"></path>
            </svg>
          </div>
          <div class="flex-grow-1 v-mid pl2">
            <p class="f5 f7-m lh-title fw2 mv0">
              Leadership
            </p>
            <p class="f6 lh-copy fw2">
              As a leader, I have helped facilate product releases, outlined primary architecture documents for feature development and mentored junior engineers through best practices. I believe that software engineering is a team effort and seek to be a reliable and responsible engineer at any task I am placed in.
            </p>
          </div>
        </div>
        <div class="flex items-start w-90 w-100-ns pb2 mt2 mh2 mh0-ns">
          <div class="w2 w3-ns v-mid">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="fa" viewBox="0 0 28 28">
              <path d="M10 4h8v-2h-8v2zM28 14v7.5c0 1.375-1.125 2.5-2.5 2.5h-23c-1.375 0-2.5-1.125-2.5-2.5v-7.5h10.5v2.5c0 0.547 0.453 1 1 1h5c0.547 0 1-0.453 1-1v-2.5h10.5zM16 14v2h-4v-2h4zM28 6.5v6h-28v-6c0-1.375 1.125-2.5 2.5-2.5h5.5v-2.5c0-0.828 0.672-1.5 1.5-1.5h9c0.828 0 1.5 0.672 1.5 1.5v2.5h5.5c1.375 0 2.5 1.125 2.5 2.5z"></path>
            </svg>
          </div>
          <div class="flex-grow-1 v-mid pl2">
            <p class="f5 f7-m fw2 lh-title mv0">
              Experience
            </p>
            <p class="f6 lh-copy fw2">
              Whether maintaining legacy code to green-field feature building, I have kept pace with best practices on front-end web development and backend systems in ruby, PHP and node with persistence and dedication. <i>"Stand on the shoulders of giants"</i> is my mantra.
            </p>
          </div>
        </div>
        <div class="flex items-start w-90 w-100-ns pb2 mt2 mh2 mh0-ns">
          <div class="w2 w3-ns v-mid">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="fa fa-cubes" viewBox="0 0 34 28">
            <path d="M10 25.5l6-3v-4.906l-6 2.562v5.344zM9 18.406l6.312-2.703-6.312-2.703-6.312 2.703zM26 25.5l6-3v-4.906l-6 2.562v5.344zM25 18.406l6.312-2.703-6.312-2.703-6.312 2.703zM18 13.828l6-2.578v-4.156l-6 2.562v4.172zM17 7.906l6.891-2.953-6.891-2.953-6.891 2.953zM34 16v6.5c0 0.75-0.422 1.453-1.109 1.781l-7 3.5c-0.281 0.156-0.578 0.219-0.891 0.219s-0.609-0.063-0.891-0.219l-7-3.5c-0.047-0.016-0.078-0.031-0.109-0.063-0.031 0.031-0.063 0.047-0.109 0.063l-7 3.5c-0.281 0.156-0.578 0.219-0.891 0.219s-0.609-0.063-0.891-0.219l-7-3.5c-0.688-0.328-1.109-1.031-1.109-1.781v-6.5c0-0.797 0.484-1.516 1.219-1.844l6.781-2.906v-6.25c0-0.797 0.484-1.516 1.219-1.844l7-3c0.25-0.109 0.516-0.156 0.781-0.156s0.531 0.047 0.781 0.156l7 3c0.734 0.328 1.219 1.047 1.219 1.844v6.25l6.781 2.906c0.75 0.328 1.219 1.047 1.219 1.844z"></path>
            </svg>
          </div>
          <div class="flex-grow-1 v-mid pl2">
            <p class="f5 f7-m fw2 lh-title mv0">
            </p>
            <p class="f6 lh-copy fw2">
              With over seven years of web application development,
            </p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="landing_timeline brand-secondary-hightlight dn db-ns cover bg-left bg-center-l" style="background-image: url('{{asset "img/code-bg.png"}}')">
    <div class="center mw8 pv4 ph4-ns ph3 cf">
      {{> timeline}}
    </div>
  </section>
  <!-- Social Feed -->
  <section class="landing_socialfeed bg-color">
    <div class="center mw8 pv4 ph4-ns ph3 cf">
      <div class="overflow-hidden">
        <div class="" style="width: 100vw;" >
          {{> social-post}}
        </div>
      </div>
{'fraction_non_alphanumeric': 0.16913674560733385, 'fraction_numerical': 0.21489686783804432, 'mean_word_length': 2.168199419167473, 'pattern_counts': {'":': 0, '<': 183, '<?xml version=': 0, '>': 185, 'https://': 0, 'lorem ipsum': 0, 'www.': 12, 'xml': 12}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3531765', 'n_tokens_mistral': 7288, 'n_tokens_neox': 5770, 'n_words': 1289}