<html>
  <head>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  <body bgcolor="#FFFFFF" text="#000000">
    <br>
    <br>
    Here's the first build of the InformaCam app with the new user
    interface. The app is branded using the default "InformaCam"
    branding for now. We can easily produce an "eyeWitness" branded
    version tomorrow, and easily keep that branded version up to date
    with the core app.<br>
    <div class="moz-forward-container"><br>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <a
        href="https://rink.hockeyapp.net/apps/dafbc649fcf585d7867866d5375b6495">https://rink.hockeyapp.net/apps/dafbc649fcf585d7867866d5375b6495</a><br>
      <br>
      MANY THANKS to Mikael and Carrie for the quick and solid work on
      the update interface, and for David's leadership/wrangling to get
      it done.<br>
      <br>
      <br>
      -------- Original Message --------
      <table class="moz-email-headers-table" border="0" cellpadding="0"
        cellspacing="0">
        <tbody>
          <tr>
            <th align="RIGHT" nowrap="nowrap" valign="BASELINE">Subject:
            </th>
            <td>New Version of InformaCam Available</td>
          </tr>
          <tr>
            <th align="RIGHT" nowrap="nowrap" valign="BASELINE">Date: </th>
            <td>Tue, 22 Oct 2013 08:35:53 +0200</td>
          </tr>
          <tr>
            <th align="RIGHT" nowrap="nowrap" valign="BASELINE">From: </th>
            <td>Nathan of Guardian
              <a class="moz-txt-link-rfc2396E" href="mailto:release+4ad230524c544e458083370d097746f3@feedback.hockeyapp.net"><release+4ad230524c544e458083370d097746f3@feedback.hockeyapp.net></a></td>
          </tr>
          <tr>
            <th align="RIGHT" nowrap="nowrap" valign="BASELINE">To: </th>
            <td><a class="moz-txt-link-abbreviated" href="mailto:nathan@guardianproject.info">nathan@guardianproject.info</a></td>
          </tr>
        </tbody>
      </table>
      <br>
      <br>
      <meta charset="utf-8">
      <style>
  /*<![CDATA[*/
    html {
      -webkit-text-size-adjust: none;
    }
    
    body, html {
      background-color: #fff; 
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 12px;
      margin: 0px; 
      padding: 0px;
      width: 100%;
    }      
    
    h2 {
      font-size: 120%;
    }
    
    h3 {
      background: #dce0e3;
      border-top: 1px solid #fff;
      margin: 0px;
      padding: 10px 15px;
      font-size: 100%;
    }
    
    ul {
      margin-left: 20px;
      padding-left: 0px;
    }
    
    div.well-container {
      margin: 0px;
      padding: 0px;
    }
    
    div.well {
      padding: 0px;
    }
    
    div.below-well {
      border-top: 1px solid #dce0e3;
      color: #000;
      padding: 10px 0px;
      text-align: center;
    }
    
    div.below-well a {
      color: #3f4e57 !important;
      text-decoration: underline;
    }
    
    div.message-header {
      background: #fff;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.0)), to(rgba(248, 249, 251, 1.0)));
      background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(248, 249, 251, 1.0) 100%);
      border-bottom: 1px solid #dce0e3;
      padding: 10px 15px;
    }
    
    div.message-header img {
      border-radius: 4px; 
      -webkit-border-radius: 4px; 
      -moz-border-radius: 4px;
      float: right;
      height: 36px;
      width: 36px;
    }
    
    div.message-body, div.message-help {
      padding: 10px 15px;
    }
    
    div.message-help {
      border-top: 1px solid #dce0e3;
    }
    
    div.message-help li {
      margin-bottom: 15px;
    }
    
    div.small_icon, div.small_icon_no_border {
      display: block;
      float: none;
      margin: 4px 0px 0px 0px;
      padding: 0px;
      text-align: center;
      width: 36px;
    }
    
    div.small_icon span.highlight {
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.699219)), to(rgba(255, 255, 255, 0.199219)));
      background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.699219) 0%, rgba(255, 255, 255, 0.199219) 100%);
      border-bottom-left-radius: 20px 6px;
      border-bottom-right-radius: 25px 6px;
      border-top-left-radius: 9px 9px;
      border-top-right-radius: 9px 9px;
      display: block;
      height: 18px;
      margin: -1px 0px;
      position: absolute;
      width: 36px;
      z-index: 5;
    }
    
    div.small_icon img, div.small_icon_no_border img {
      color: #888;
      width: 36px;
      height: 36px;
    }
    
    div.small_icon img {
      -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
      -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
      box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
      border-radius: 6px;
    }
    
    div.release-notes {
      padding
    }
    
    .btn {
      background-color: #f5f5f5;
      background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
      background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: linear-gradient(top, #ffffff, #e6e6e6);
      background-repeat: repeat-x;
      border: 1px solid #cccccc;
      border-bottom-color: #b3b3b3;
      border-color: #e6e6e6 #e6e6e6 #bfbfbf;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
      -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
      -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
      color: #fff;
      color: #333333;
      cursor: pointer;
      display: inline-block;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      font-size: 13px;
      padding: 4px 10px 4px;
      line-height: 18px;
      margin-bottom: 0;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);        
      vertical-align: middle;
    }
    
    .btn-ha-primary {
      color: #ffffff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #389be8;
      background-image: -moz-linear-gradient(top, #4aa4ea, #1c8de5);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4aa4ea), to(#1c8de5));
      background-image: -webkit-linear-gradient(top, #4aa4ea, #1c8de5);
      background-image: -o-linear-gradient(top, #4aa4ea, #1c8de5);
      background-image: linear-gradient(to bottom, #4aa4ea, #1c8de5);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4aa4ea', endColorstr='#ff1c8de5', GradientType=0);
      border-color: #1c8de5 #1c8de5 #1363a2;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      *background-color: #1c8de5;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    
    .btn-ha-primary:hover,
    .btn-ha-primary:focus,
    .btn-ha-primary:active,
    .btn-ha-primary.active,
    .btn-ha-primary.disabled,
    .btn-ha-primary[disabled] {
      color: #ffffff;
      background-color: #1c8de5;
      *background-color: #187fcf;
    }
    
    .btn-ha-primary:active,
    .btn-ha-primary.active {
      background-color: #1571b9 ;
    }
    
    div.message-help li .btn {
      margin-top: 5px;
    }
    
    div.overflow {
      overflow: scroll;
      max-width: 100%;
    }
    
    @media only screen and (min-device-width:768px) {
      body, html {
        background-color: #f3f6f8; 
      }
    
      div.well-container {
        margin: 0px;
        padding: 20px;
      }
    
      div.well {
        background-color: #fff; 
        border-radius: 4px; 
        -webkit-border-radius: 4px; 
        -moz-border-radius: 4px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); 
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); 
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); 
      }
    
      div.below-well {
        border-top: none;
        padding: 20px 10px 10px;
        text-align: right;
      }
    }
  /*]]>*/
</style>
      <div class="well-container">
        <div class="well">
          <div class="message-header">
            <table cellpadding="0" cellspacing="0" width="100%">
              <tbody>
                <tr valign="top">
                  <td width="100%">
                    <h2>
                      InformaCam 0.1.22 (22)
                    </h2>
                    <p>
                      <strong>Platform:</strong>
                      Android
                      <br>
                      <strong>Size:</strong>
                      25.9 MB
                    </p>
                  </td>
                  <td height="72px" width="72px">
                    <div class="small_icon_no_border">
                      <img moz-do-not-send="true"
                        alt="2bf74a0c72735e1b598512e7cb46dc50"
src="https://dl0tgz6ee3upo.cloudfront.net/production/apps/icons/000/045/827/email/2bf74a0c72735e1b598512e7cb46dc50.png"
                        style="color: #888; width: 36px; height: 36px;">
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="message-body">
            <p>
              <a moz-do-not-send="true"
href="https://rink.hockeyapp.net/download/4ad230524c544e458083370d097746f3"
                class="btn btn-primary" style="background-color:
                #389be8; background-image: -moz-linear-gradient(top,
                #4aa4ea, #1c8de5); background-image:
                -webkit-gradient(linear, 0 0, 0 100%, from(#4aa4ea),
                to(#1c8de5)); background-image:
                -webkit-linear-gradient(top, #4aa4ea, #1c8de5);
                background-image: -o-linear-gradient(top, #4aa4ea,
                #1c8de5); background-image: linear-gradient(to bottom,
                #4aa4ea, #1c8de5); background-repeat: repeat-x;
                *background-color: #1c8de5; border: 1px solid #cccccc;
                border-bottom-color: #b3b3b3; border-color: #1c8de5
                #1c8de5 #1363a2; border-color: rgba(0, 0, 0, 0.1)
                rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius:
                4px; -webkit-border-radius: 4px; -moz-border-radius:
                4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0
                1px 2px rgba(0,0,0,.05); -webkit-box-shadow: inset 0 1px
                0 rgba(255,255,255,.2), 0 1p x 2px rgba(0,0,0,.05);
                -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0
                1px 2px rgba(0,0,0,.05); color: #fff; display:
                inline-block; filter:
                progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4aa4ea',
                endColorstr='#ff1c8de5', GradientType=0); filter:
                progid:DXImageTransform.Microsoft.gradient(enabled =
                false); font-size: 13px; padding: 4px 10px 4px;
                line-height: 18px; margin-bottom: 0; text-align: center;
                text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0,
                0, 0.25); vertical-align: middle;">Download &
                Install</a>
            </p>
            <p>
              To install this version over the air, open this email on
              your device. If you have any questions, just reply above
              this email.
            </p>
          </div>
          <div class="message-help">
            <p>
              <strong>What's New?</strong>
            </p>
            <div style="border-left: 3px solid #efefef; margin: 5px;
              padding: 10px;">
              <p>- New user interface for InformaCam, released under the
                default â€œInformaCam” branding!<br>
                - Mostly stable, but a few things not fully implemented</p>
            </div>
          </div>
        </div>
        <div class="below-well">
          <a moz-do-not-send="true"
            href="https://rink.hockeyapp.net/manage/notifications">Notification
            Settings</a>
          |
          Powered by <a moz-do-not-send="true"
            href="http://hockeyapp.com">HockeyApp</a>
        </div>
      </div>
      <br>
    </div>
    <br>
  </body>
</html>