---
  heading:
    img: stock/lake.png
    copy: I build web things
    theme: blue
---

<section>
  <h2>I'm Mark Moser</h2>

  <p>
    A well-seasoned web developer with an affinity for clean code, workflow
    optimization, and ruby. I have experiences ranging from HTML prototyping
    through designing and executing complex API architectures.
  </p>

  <p>
    I highly value quality craftsmanship and want to do great work,
    with people who also do great work. I love to explore and learn
    about my world. I enjoy being challenged. I take pleasure in
    providing creative solutions to specific needs, always keeping
    the bigger picture in mind.
  </p>
</section>



<section class="fifty">
  <div>
    <h2>General Proficiency's</h2>
    <p>
      Well versed in many web development tool chains, my strengths
      include Ruby, CSS, HTML, JavaScript, and SQL.
    </p>
  </div>

  <div class="pie">
    <ul>
      <li class="start-0 value-108 blue"></li>
      <li class="start-108 value-90 orange"></li>
      <li class="start-198 value-36 red"></li>
      <li class="start-234 value-54 dark-blue"></li>
      <li class="start-288 value-72 yellow"></li>
    </ul>
    <div class="key">
      <div class="blue"><span>30%</span><span>Ruby</span></div>
      <div class="orange"><span>25%</span><span>CSS</span></div>
      <div class="red"><span>10%</span><span>JavaScript</span></div>
      <div class="dark-blue"><span>15%</span><span>HTML</span></div>
      <div class="yellow"><span>20%</span><span>SQL</span></div>
    </div>
  </div>
</section>




<section class="fifty fifty-reversed">
  <div>
    <h2>Back-End Proficiency's</h2>
    <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
  </div>
  <div class="pie">
    <ul>
      <li class="start-0 value-90 red"></li>
      <li class="start-90 value-90 orange"></li>
      <li class="start-180 value-36 blue"></li>
      <li class="start-216 value-36 dark-grey"></li>
      <li class="start-252 value-36 yellow"></li>
      <li class="start-288 value-72 dark-blue"></li>
    </ul>
    <div class="key">
      <div class="red"><span>25%</span><span>Ruby</span></div>
      <div class="orange"><span>25%</span><span>Ruby on Rails</span></div>
      <div class="blue"><span>10%</span><span>Linux Server Administration</span></div>
      <div class="dark-grey"><span>10%</span><span>SQL</span></div>
      <div class="yellow"><span>10%</span><span>PHP Development</span></div>
      <div class="dark-blue"><span>20%</span><span>Architecture</span></div>
    </div>
  </div>
</section>



<section class="fifty">
  <div>
    <h2>Front-End Proficiency's</h2>
    <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
  </div>
  <div class="pie">
    <ul>
      <li class="start-0 value-54 blue"></li>
      <li class="start-54 value-18 orange"></li>
      <li class="start-72 value-126 red"></li>
      <li class="start-198 value-72 dark-blue"></li>
      <li class="start-270 value-90 yellow"></li>
    </ul>
    <div class="key">
      <div class="blue"><span>15%</span><span>Front-End Dev Tool chains</span></div>
      <div class="orange"><span>5%</span><span>UX Consulting</span></div>
      <div class="red"><span>35%</span><span>CSS (and SCSS)</span></div>
      <div class="dark-blue"><span>20%</span><span>JavaScript</span></div>
      <div class="yellow"><span>25%</span><span>HTML Prototyping</span></div>
    </div>
  </div>
</section>