404.html

<!DOCTYPE html>
<html class="no-js">
  <head>
    <title>Functional Imperative | About</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- favicons -->
<!--[if IE]><link rel="shortcut icon" href="/assets/favicon.ico"><![endif]-->
<link rel="icon" type="image/png" href="/assets/favicon.png">

<link rel="stylesheet" href="/assets/stylesheets/app.css">

<script src="/assets/javascripts/lib/modernizr.js"></script>
     <script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-30299155-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
  </head>
  <body>
    <div id="loading">
      <img src="/assets/loading.gif">
    </div>
    <div id="body">
      <header>
  <nav>
    <ul>
      <li>
        <a href="/manifesto.html"
          >Manifesto
        </a>
      </li>

      <li>
        <a href="/work.html" class="has-menu 
          ">Work
        </a>

        <div class="sub-menu">
          <ul>
            <li>
              <a href="/work/eventstream.html"
                >Eventstream
              </a>
            </li>
            <li>
              <a href="/work/canlii.html"
                >CanLII
              </a>
            </li>
            <li>
              <a href="/work/myoscar.html"
                >MyOSCAR
              </a>
            </li>
            <li>
              <a href="/work/votecompass.html"
                >Vote Compass
              </a>
            </li>
            <li>
              <a href="/work/client_list.html"
                >Partial Client List
              </a>
            </li>
          </ul>
        </div>  
      </li>

      <li>
        <a href="/about.html" class="has-menu 
          ">About
        </a>

        <div class="sub-menu">
          <ul>
            <li>
              <a href="/about.html"
                >Team
              </a>
            </li>
            <li>
              <a href="/about/partners.html"
                >Partners
              </a>
            </li>
            <li>
              <a href="/about/join.html"
                >Join
              </a>
            </li>
          </ul>
        </div>
      </li>

      <li>
        <a href="/contact.html"
          >Contact
        </a>
      </li>

      <li>
        <a href="/blog/"
          >Blog
        </a>
      </li>
    </ul>
  </nav>

  <canvas id="logo-canvas"></canvas>
  <div id="bg-line"></div>
  <div id="logo" data-img-sprite="/assets/logo_sprite.png" data-img-full="/assets/logo.png" data-img-small="/assets/logo_small.png"></div>
  <h1 style="position: absolute; left: -9999px;">Functional Imperative</h1>
</header>
      <div id="four-o-four" class="row collapse main-content">
  <div class="row collapse">
    <div class="medium-4 columns">
      <div id="error" class="square text spacer" data-type="filled" data-color="blue">
        <div class="text-content">
          <h2>Error 404</h2>
        </div>
      </div>
    </div>
  </div>
  <div class="row collapse">
    <div class="medium-8 medium-centered columns">
      <div id="whoops" class="square text spacer" data-type="filled" data-color="yellow">
        <div class="text-content">
          <h2>
            Whoops!<br/>
            Something went wrong, that page doesn’t exist.
          </h2>
          <p>
            Try going back to our homepage, or contact us with any technical problems you’re having.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
      
    </div>
  <script src="/assets/javascripts/lib/twitter.js"></script>
<script src="/assets/javascripts/lib/mapbox.min.js"></script>
<script src="/assets/javascripts/lib/jquery-2.1.0.min.js"></script>
<script src="/assets/javascripts/lib/jquery.hammer.min.js"></script>
<script src="/assets/javascripts/lib/request_animation_frame_polyfill.js"></script>
<script src="/assets/javascripts/lib/underscore-min.js"></script>
<script src="/assets/javascripts/lib/parse-min.js"></script>
<script src="/assets/javascripts/lib/quick-change.js"></script>
<script src="/assets/javascripts/base.js"></script>
<script src="/assets/javascripts/header.js"></script>
<script src="/assets/javascripts/contact.js"></script>
<script src="/assets/javascripts/canvas/animator.js"></script>
<script src="/assets/javascripts/canvas/canvas.js"></script>
<script src="/assets/javascripts/canvas/context.js"></script>
<script src="/assets/javascripts/canvas/hold.js"></script>
<script src="/assets/javascripts/canvas/logo.js"></script>
<script src="/assets/javascripts/canvas/logo_canvas.js"></script>
<script src="/assets/javascripts/canvas/logo_letter.js"></script>
<script src="/assets/javascripts/canvas/pinch.js"></script>
<script src="/assets/javascripts/canvas/square.js"></script>
<script src="/assets/javascripts/icons.js"></script>
<script src="/assets/javascripts/helpers/logo_helper.js"></script>
<script src="/assets/javascripts/helpers/resize_helper.js"></script>
<script src="/assets/javascripts/helpers/square_helper.js"></script>
<script src="/assets/javascripts/pages/index.js"></script>
<script src="/assets/javascripts/canvas.js"></script>
<script src="/assets/javascripts/app.js"></script>
  <script>
    // new QuickChange("Qgj8iGq2C8eJh1PheCP6jbOJqOL6J8mKetmtrrw1", "YUv0AT10EawVQZEJpMiiua9vs8Q26FR86cEbRsyk");
  </script>

  </body>
</html>