<commit_before><template name="how">
  {{#metaTitle}}How | Percolate Studio {{/metaTitle}}
  {{#metaDescription}}Our products are the result of integrated services, qualified team, and a process that delivers results.{{/metaDescription}}

  {{#Layout template='pageLayout'}}

    <header class="collage medium">
      <div class="grid-2-square">
        <h1 class="title-page">How</h1>
        <p class="description-page">With clients spanning consumer, education & business organizations our interdisciplinary team has the flexibility to impact any part of a product's lifecycle.</p>
      </div>
      <div class="grid-2-square bg-image-how"></div>
    </header>

    <section class="section-services">
      <h2 class="title-section">Services</h2>
      <div class="grid-3 subsection">
        <img alt="Design Services" src="/img/services-design-160x160.svg">
        <div class="meta">
          <h3 class="subtitle-section">Design</h3>
          <p>Visual, Experience, Interaction, Branding, Application, Editorial</p>
        </div>
      </div>
      <div class="grid-3 subsection">
        <img alt="Strategy Services" src="/img/services-strategy-160x160.svg">
        <div class="meta">
          <h3 class="subtitle-section">Strategy</h3>
          <p>Ideation, Research, Personas, Dashboards, Reporting, Analytics</p>
        </div>
      </div>
      <div class="grid-3 subsection">
        <img alt="Engineering Services" src="/img/services-engineering-160x160.svg">
        <div class="meta">
          <h3 class="subtitle-section">Engineering</h3>
          <p>Realtime, Full-Stack, Deployment, Performance, Monitoring, Mobile</p>
        </div>
      </div>

    </section>

    <section class="section-process">
      <h2 class="title-section">Process</h2>
      <ol class="process">
        <li class="subsection">
          <div class="meta">
            <h3 class="subtitle-section">Discover</h3>
            <p>There is an incredible responsibility when making software that impacts lives. We start with one fundamental question: What’s best for users?</p>
          </div>
        </li>
        <li class="subsection">
          <div class="meta">
            <h3 class="subtitle-section">Test</h3>
            <p>Great products result from collaboration between creator and consumer. Constantly challenging assumptions and validating ideas keeps us true to our intention.</p>
          </div>
        </li>
        <li class="subsection">
          <div class="meta">
            <h3 class="subtitle-section">Build</h3>
            <p>People differ and so do their needs. Solving diverse challenges means having the courage to build what is right and the restraint to know what is appropriate.</p>
          </div>
        </li>
      </ol>
    </section>

    <section class="section-team">
      <h2 class="title-section">Team</h2>

      <a class="grid-5 avatar" href="https://twitter.com/tmeasday" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-tom-280x340.jpg">
        <div class="name"><NAME></div>
      </a>
      <a class="grid-5 avatar" href="https://twitter.com/domyen" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-dom-280x340.jpg">
        <div class="name"><NAME></div>
      </a>
      <a class="grid-5 avatar" href="https://twitter.com/zqzoltan" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-zol-280x340.jpg">
        <div class="name"><NAME></div>
      </a>
      <a class="grid-5 avatar" href="https://twitter.com/timbotnik" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-zol-280x340.jpg">
        <div class="name"><NAME></div>
      </a>
      <a class="grid-5 avatar" href="https://twitter.com/dburles" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-tom-280x340.jpg">
        <div class="name"><NAME></div>
      </a>
      <a class="grid-5 avatar"  href="https://twitter.com/chazbatrouney" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-chaz-280x340.jpg">
        <div class="name"><NAME></div>
      </a>

    </section>

    <section class="section-logo">
      <h2 class="title-section">Technology</h2>
<commit_msg>How: remove avatars without pics<commit_after><template name="how">
  {{#metaTitle}}How | Percolate Studio {{/metaTitle}}
  {{#metaDescription}}Our products are the result of integrated services, qualified team, and a process that delivers results.{{/metaDescription}}

  {{#Layout template='pageLayout'}}

    <header class="collage medium">
      <div class="grid-2-square">
        <h1 class="title-page">How</h1>
        <p class="description-page">With clients spanning consumer, education & business organizations our interdisciplinary team has the flexibility to impact any part of a product's lifecycle.</p>
      </div>
      <div class="grid-2-square bg-image-how"></div>
    </header>

    <section class="section-services">
      <h2 class="title-section">Services</h2>
      <div class="grid-3 subsection">
        <img alt="Design Services" src="/img/services-design-160x160.svg">
        <div class="meta">
          <h3 class="subtitle-section">Design</h3>
          <p>Visual, Experience, Interaction, Branding, Application, Editorial</p>
        </div>
      </div>
      <div class="grid-3 subsection">
        <img alt="Strategy Services" src="/img/services-strategy-160x160.svg">
        <div class="meta">
          <h3 class="subtitle-section">Strategy</h3>
          <p>Ideation, Research, Personas, Dashboards, Reporting, Analytics</p>
        </div>
      </div>
      <div class="grid-3 subsection">
        <img alt="Engineering Services" src="/img/services-engineering-160x160.svg">
        <div class="meta">
          <h3 class="subtitle-section">Engineering</h3>
          <p>Realtime, Full-Stack, Deployment, Performance, Monitoring, Mobile</p>
        </div>
      </div>

    </section>

    <section class="section-process">
      <h2 class="title-section">Process</h2>
      <ol class="process">
        <li class="subsection">
          <div class="meta">
            <h3 class="subtitle-section">Discover</h3>
            <p>There is an incredible responsibility when making software that impacts lives. We start with one fundamental question: What’s best for users?</p>
          </div>
        </li>
        <li class="subsection">
          <div class="meta">
            <h3 class="subtitle-section">Test</h3>
            <p>Great products result from collaboration between creator and consumer. Constantly challenging assumptions and validating ideas keeps us true to our intention.</p>
          </div>
        </li>
        <li class="subsection">
          <div class="meta">
            <h3 class="subtitle-section">Build</h3>
            <p>People differ and so do their needs. Solving diverse challenges means having the courage to build what is right and the restraint to know what is appropriate.</p>
          </div>
        </li>
      </ol>
    </section>

    <section class="section-team">
      <h2 class="title-section">Team</h2>

      <a class="grid-5 avatar" href="https://twitter.com/tmeasday" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-tom-280x340.jpg">
        <div class="name"><NAME></div>
      </a>
      <a class="grid-5 avatar" href="https://twitter.com/domyen" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-dom-280x340.jpg">
        <div class="name"><NAME></div>
      </a>
      <a class="grid-5 avatar" href="https://twitter.com/zqzoltan" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-zol-280x340.jpg">
        <div class="name"><NAME></div>
      </a>
      <a class="grid-5 avatar" href="https://twitter.com/timbotnik" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-zol-280x340.jpg">
        <div class="name"><NAME></div>
      </a>
      <a class="grid-5 avatar"  href="https://twitter.com/chazbatrouney" rel="nofollow" target="_blank">
        <img title="<NAME>" src="/img/headshots-chaz-280x340.jpg">
        <div class="name"><NAME></div>
      </a>

    </section>

    <section class="section-logo">
      <h2 class="title-section">Technology</h2>

{'fraction_non_alphanumeric': 0.16300827635840232, 'fraction_numerical': 0.020031186278037662, 'mean_word_length': 2.869141531322506, 'pattern_counts': {'":': 0, '<': 238, '<?xml version=': 0, '>': 238, 'https://': 11, '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': '6579965', 'n_tokens_mistral': 2616, 'n_tokens_neox': 2487, 'n_words': 596}