index-view.php

<div class="Grid Grid--withGutter">
  <div class="u-md-width3of4 u-md-push1of4">
    <h1>The Glass Monkey</h1>
  </div>
  <div class="u-md-width1of2 u-md-push1of4">
    <p class="lead">Glass monkeys are font-end developers who polish the screen—that is, they write the HTML and CSS required to make a website or app faithfully reflect design,
    respond seemlessly to variations in viewport dimensions, and uphold consistency and harmony throughout.</p>
    <p>It is commmon for a project’s stylesheets to get a bit unwieldly. To attain success a well-structured and clearly defined codebase is essential. I advocate for a thoughtfully considered and unopinionated CSS pre-processing framework combined with BEM methodology.
      Having written just such a boilerplate while at Alphero, I am now developing a lighter and more flexible one.</p>
    <p>So, why not grab yourself a hot covfefe and settle in to peruse my <a href="projects/">portfolio</a> and <a href="cv/">curriculum vitæ</a>.</p>
    <h2>Hire Me</h2>
    <p>I’m available for short-term contracts to either build new websites or transition existing projects into a more manageable state, or as a consultant to assess your current methods and to teach your staff to write slim CSS.</p>
    <p>Get in touch by <a href="mailto:reg@analog.co.nz">email</a> or <a href="tel:022-568-8907">phone</a>.</p>
  </div>
  <div class="u-md-width1of4 Grid-md-skinnyRight u-md-push1of4">
    <div>
      <div class="Aside">
        <h2 class="u-md-mt-sm">Fun Diversions</h2>
        <p><a href="apps/typesetter/">Typesetter</a> is a typeface prototyping tool for web designers.</p>
        <a href="apps/typesetter/">
          <div class="u-textCenter u-mt-lg u-mb-lg">
            <img class="app-iphone" src="images/app-typesetter.png" alt="Typesetter on iOS" width="112">
          </div>
        </a>
      </div>
      <a href="apps/" class="Button Button--block"><span>More apps</span><span class="glyph  glyph-right-open"></span></a>
    </div>
  </div>
</div>