public/index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Power your apps & AI agents with real-time token data." />

  <!-- Open Graph / Facebook -->
  <meta property="og:title" content="The Graph: Token API (Beta)" />
  <meta property="og:description" content="Power your apps & AI agents with real-time token data." />
  <meta property="og:image" content="https://token-api.thegraph.com/banner.jpg" />

  <!-- Twitter -->
  <meta name="twitter:title" content="The Graph: Token API (Beta)" />
  <meta name="twitter:description" content="Power your apps & AI agents with real-time token data." />
  <meta name="twitter:image" content="https://token-api.thegraph.com/banner.jpg" />

  <title>The Graph: Token API (Beta)</title>
  <link href="/favicon.svg" rel="icon" type="image/x-icon">
</head>

<body>
  <div id="app"></div>

  <!-- Load the Script -->
  <script src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"></script>

  <!-- Initialize the Scalar API Reference -->
  <script>
    Scalar.createApiReference('#app', {
      // The URL of the OpenAPI/Swagger document
      url: '/openapi',
      // Avoid CORS issues
      proxyUrl: 'https://proxy.scalar.com',
      theme: 'default'
    })
  </script>
</body>

</html>