work.html

---
layout: default
title:  Work | FI
description: Functional Imperatives client work.
---

<div id="work" class="row collapse main-content">
  <div class="canvas">
    <div class="row collapse">
      <div class="medium-6 columns">
        <div class="square text spacer" data-type="outlined" data-rollover="true" data-color="blue">
          <div class="text-content">
            <h2 data-cms="work-head">
              Bespoke, agile, meticulous, creative
            </h2>
          </div>
        </div>
      </div>

      <div class="medium-6 columns">
        <div id="eventstream" class="square text half-image" data-type="outlined" data-rollover="true" data-color="blue">
          <div data-cms="work-eventstream-blurb" class="text-content">
            <h2>An immersive experience for broadcast viewers</h2>
            <p>
              <span class="supporting">
                Eventstream is a premium webcasting and live streaming service. Streaming a live event to thousands of participants.
              </span>
              <br/>
              <a href="/work/eventstream.html">View case study ›</a>
            </p>
          </div>
          <div class="image-container">
            <img src="{% asset_path eventstream_half.png %}" alt="eventstream" />
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="small-8 small-offset-2 medium-4 large-3 columns">
        <div id="canlii" class="square text" data-type="outlined" data-rollover="true" data-color="yellow">
          <div data-cms="work-canlii-blurb" class="text-content">
            <p>
              Social and public portal for sharing information about Canadian court decisions
              <br/>
              <a href="/work/canlii.html">View case study ›</a>
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="large-6 large-offset-3 medium-6 medium-offset-2 columns">
        <div id="votecompass" class="square text half-image" data-type="outlined" data-rollover="true" data-color="blue">
          <div data-cms="work-votecompass-blurb" class="text-content">
            <h2>Real-time voting analysis</h2>
            <p>
              <span class="supporting">
                Vote Compass is an interactive electoral literacy application developed by political scientists and run during election campaigns.
              </span>
              <br/>
              <a href="/work/votecompass.html">View case study ›</a>
            </p>
          </div>
          <div class="image-container">
            <img src="{% asset_path votecompass_half.png %}" alt="votecompass" />
          </div>
        </div>
      </div>

      <div class="large-3 medium-4 small-7 columns">
        <div id="myoscar" class="square text" data-type="outlined" data-rollover="true" data-color="yellow">
          <div data-cms="work-myoscar-blurb" class="text-content">
            <h2>
              An online personal health record!
            </h2>
            <p>
              <a href="/work/myoscar.html">View case study ›</a>
            </p>
          </div>
        </div>
      </div>
      <div class="small-5 columns"></div>
    </div>
  </div>
</div>