<nav class="pagination">
  <ul role="navigation">
    <li>
      <a routerLink="/">
        <i class="fa fa-fw fa-home" aria-hidden="true"></i>
        Back to home page
      </a>
    </li>
  </ul>
</nav>
<div class="post">
  <article class="wrapper">
    <div class="align-centre">
      <img src="/public/images/calendar/empty.png" class="posted"/>
    </div>
    <h2>Hold up a second!</h2>
    <p>This <em>probably</em> isn’t the thing you're looking for, is it?</p>
    <p>Let's get you back on the right track. Here's some links to get you started:</p>
    <ul>
      <li><a routerLink="/">Portfolio home</a></li>
      <li><a routerLink="/about/">About Jason Browne</a></li>
      <li><a routerLink="/art/">Art gallery</a></li>
      <li><a routerLink="/code/">Code projects</a></li>
      <li><a routerLink="/journal/">Journal</a></li>
    </ul>
  </article>
</div>

<nav class="pagination">
  <ul role="navigation">
    <li>
      <a routerLink="/">
        <i class="fa fa-fw fa-home" aria-hidden="true"></i>
        Back to home page
      </a>
    </li>
  </ul>
</nav>
<div class="post">
  <article class="wrapper">
    <h2>Whoops!</h2>
    <div class="info">404: page not found</div>
    <p>
      This <em>probably</em> isn’t the thing you're looking for, is it? Looks
      like the link you followed doesn’t exist.
    </p>
    <p>
      Let's get you back on the right track. Here's some places to get you started:
    </p>
    <div class="button-area align-centre">
      <a class="primary" routerLink="/"><i class="fa fa-fw fa-home"></i>Portfolio home</a>
      <a routerLink="/about/"><i class="fa fa-fw fa-male"></i>About me</a>
      <a routerLink="/art/"><i class="fa fa-fw fa-picture-o"></i>Art gallery</a>
      <a routerLink="/code/"><i class="fa fa-fw fa-rocket"></i>Code projects</a>
      <a routerLink="/journal/"><i class="fa fa-fw fa-pencil"></i>Journal</a>
    </div>
  </article>
</div>

Update 404 page to use nicer UI
Update 404 page to use nicer UI

