access/index.html

<!DOCTYPE html> <html> <head> <title>The Guardian - Open Platform - Get Started</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'> <link rel="shortcut icon" type="image/png" href="https://assets.guim.co.uk/images/favicons/48bc5564bb01b74cf7cd1a08ae0dd98e/32x32.ico"></link> <link rel="stylesheet" type="text/css" href="../public/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="../public/css/lib-normalize.css"></link> <link rel="stylesheet" type="text/css" href="../public/css/common.css"></link> <link rel="stylesheet" type="text/css" href="../public/css/access.css"> <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script type='text/javascript' src='../public/js/lib-knockout-3.1.0.js'></script> <script src="../public/js/bootstrap.min.js"></script> </head> <body>  <div class="navbar-wrapper"> <div class="container"> <nav class="navbar navbar-static-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <svg height="32px" id="Layer_1" style="enable-background:new 0 0 32 32; color: #FFFFFF" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="#FFFFFF" d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z"/></svg> </button> <a href="../" class="navbar-brand"><img src="../public/img/theguardian-op-logo.svg" alt="Guardian"/></a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav "> <li> <a href="../" id="house-icon"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17"><path class="st0" d="M13.1 16.6H9.2v-5.7H4.8v5.7H.9l-.9-.8V6.5L6.5 0h1L14 6.5v9.3l-.9.8z"></path></svg></a> </li> <li> <a href="../access">Get Started</a> </li> <li> <a href="../explore">Explore</a> </li> <li> <a href="../documentation">Documentation</a> </li> <li><a href="https://groups.google.com/forum/#!forum/guardian-api-talk">Support</a></li> </ul> </div> </div> </nav> </div> </div>  <div class="container full blue page-header"> <div class="container"> <div class="row"> <div class="col-sm-12"> <h1> Get Started </h1> <h3>Choose the level of access you need</h3> <div class="chevron"> <svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><title>chevron</title><desc>Created with Sketch.</desc><g transform="translate(-120 -425) translate(120 425)" fill="none"><circle fill="#A8D8F2" cx="25" cy="25" r="25"/><path fill="#484F53" d="M35.933 20l-10.936 8.781-10.931-8.781-1.067 1.024 9.868 9.471h-.002l1.575 1.505h1.119l1.573-1.505 9.866-9.471z"/></g></svg> </div> </div> </div> </div> </div>  <div class="container"> <div class="page"> <div class="row"> <div class="col-md-12"> <h1>How it works</h1> <p>The Open Platform is a public web service for accessing all the content the Guardian creates, categorised by tags and section. To get started, You need an key to successfully authenticate against the API. </p> <p>Choose the level of access required for your application:</p> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="key-choice"> <h1 class="developer">Developer</h1> <p>This key is for any non-commercial usage of the content, such as student dissertations, hackathons, nonprofit app developers.</p> <br/> <ul> <li><p>Up to 1 call per second</p></li> <li><p>Up to 500 calls per day</p></li> <li><p>Access to article text</p></li> <li><p>Access to over 1,900,000 pieces of content</p></li> <li><p><b>Free for non-commercial usage</b></p></li> </ul> <a href="https://bonobo.capi.gutools.co.uk/register/developer" class="button grey">Register developer key</a> </div> </div> <div class="col-sm-6"> <div class="key-choice"> <h1 class="commercial">Commercial</h1> <p>This key is for all use cases by commercial enterprises and developers wishing to utilise Guardian journalism in any manner. In addition to app development and publishing content on third party sites, use cases may also include but are not limited to: training models for generative artificial intelligence services, text and data mining solutions, sentiment analysis where content is not reproduced, and any and all products and services derived or sourced from Guardian content.</p> <br/> <ul> <li><p>Custom throttle limit</p></li> <li><p>Custom quota limit</p></li> <li><p>Access to article text, images, audio and videos</p></li> <li><p>Access to entire Guardian content store</p></li> <li><p><b>Price dependent on usage</b></p></li> </ul> <a href="https://bonobo.capi.gutools.co.uk/register/commercial" class="button grey">Request commercial key</a> </div> </div> </div> </div> </div>  <footer class="home"> <div class="container" > <div class="row"> <div class="col-sm-11"> <ul class="nav navbar "> <li><a href="https://groups.google.com/forum/#!forum/guardian-api-talk">Support</a></li> <li><a href="https://www.theguardian.com/info/developer-blog">Developer Blog</a></li> <li><a href="https://developers.theguardian.com/join-the-team.html">Join Us</a></li> <li><a href="https://twitter.com/gdndevelopers">Follow Us</a></li> </ul> <p>© 2023 Guardian News and Media Limited or its affiliated companies. All rights reserved.</p> </div> </div> </div> </footer> </body> </html>

access/index.html (124 lines of code) (raw):