view static-files/index.html @ 17:18d28e6a9887

Added sample client and postMessage-based API.
author Atul Varma <avarma@mozilla.com>
date Fri, 25 Jun 2010 11:39:28 -0700
parents 53cfbdc7324f
children 03c5651a371e
line wrap: on
line source

<html>
<head>
  <title>Mozilla Summit Identity Pal</title>
  <style>
  .screen {
    display: none;
  }

  .error {
    display: none;
    background: red;
    color: white;
  }

  .button {
    cursor: pointer;
    background: yellow;
    color: black;
  }

  .login-email {
    font-family: monospace;
    color: blue;
  }
  </style>
</head>
<body>
<img id="banner" src="banner.png">
<div id="login" class="screen">
  <p>You don't seem to be logged in!</p>
  <p>Enter your email address and press enter:</p>
  <form>
    <input type="text" id="email">
  </form>
  <div class="error">
    <p>Fail! Maybe you entered an email address that isn't
    registered for the summit, or maybe there's a bug
    in this app.</p>
  </div>
</div>
<div id="wait-for-verify" class="screen">
  <p>An email was sent to you. Check your inbox and click the link in
  the email to log in.</p>
  <div class="error">
    <p>Fail! Maybe the email was sent too long ago, or this
    verification URL was already visited before, or there's
    a bug in this app.</p>
  </div>
  <div class="button start-over">Something messed up. Start
  over!</div>
</div>
<div id="logged-in" class="screen">
  <p>Hi! You are logged in as <span class="login-email"></span>.</p>
  <div class="button start-over">Log Out</div>
</div>
<script src="jquery-1.4.2.min.js"></script>
<script src="api.js"></script>
<script src="index.js"></script>
</body>
</html>