app.html

<!-- Our HTML outline. It provides a field to insert an API key, we don't want to hard-code the key and have live credentials lounging around the internet, no matter how rate-limited they are. The component itself is generated using React (see below), and that will simply overwrite these contents of app. -->

<div id="app">
  <div id="auth">
    <h1>Tabbed Component</h1>
    <input id="key" placeholder="API key" />
    <button id="go" onclick="start()">GO</button>
    <div id="instructions">Technical dev challenge for The Guardian, submitted by Dom Vinyard. To see it in action, get an <a href="http://open-platform.theguardian.com" target="_blank">API key</a> and hit 'GO'.</div>
  </div>
</div>