index.html

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bugzilla Timeline</title>
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="images/apple-touch-icon-60x60.png" />
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="images/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/apple-touch-icon-152x152.png" />
    <link rel="icon" type="image/png" href="images/favicon-196x196.png" sizes="196x196" />
    <link rel="icon" type="image/png" href="images/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>
  <body>
    <header>
      <h1>Bugzilla Timeline</h1>
      <p>
        <span class="email"></span>
        <button type="button" class="edit-email" title="Edit">&nbsp;</button>
      </p>
    </header>

    <section class="dashboard">
      <nav>
        <button id="esc" type="button">✕</button>
        <button type="button" class="year-nav" data-direction="previous" data-year=""></button>
        <h2 class="year"></h2>
        <h2 class="bug-title"></h2>
        <button type="button" class="year-nav" data-direction="next" data-year=""></button>
      </nav>
      <svg preserveAspectRatio="xMidYMin" viewBox="0 0 365 100">
        <defs>
          <pattern id="pattern-stripe"
            width="1.5" height="3"
            patternUnits="userSpaceOnUse"
            patternTransform="rotate(45)">
            <rect width="0.5" height="4" transform="translate(0,0)" fill="rgba(0,0,0,0.3)"></rect>
          </pattern>
        </defs>
      </svg>
    </section>

    <section class="form hidden">
      <form>
        <label>
          <span>Enter your Bugzilla account email</span>
          <input type="email" name="email" placeholder="mozillarocks@mozilla.com" required>
        </label>
        <button>Show my timeline</button>
      </form>
    </section>

    <footer>
      <p>Created by <a href="https://twitter.com/nicolaschevobbe">Nicolas Chevobbe</a>. Heavily inspired by <a href="http://cushionapp.com/">Cushion</a></p>
    </footer>

    <script src="dist/bundle.js" charset="utf-8"></script>
  </body>
</html>