src/index.html

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

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>
    Effector Playground
  </title>
  <meta name="apple-mobile-web-app-title" content="effector" />
  <meta name="application-name" content="effector" />
  <meta name="description" content="Online code sharing editor" />
  <meta name="docsearch:language" content="en" />
  <meta name="theme-color" content="#E95801" />
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:image" content="https://editor-prod.effector.dev/img/comet.png" />
  <meta name="viewport"
    content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
  <meta property="og:description" content="Online code sharing editor" />
  <meta property="og:image" content="https://editor-prod.effector.dev/img/comet.png" />
  <meta property="og:title" content="Online code sharing editor" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://share.effector.dev" />
  <link rel="apple-touch-icon" sizes="180x180" href="https://editor-prod.effector.dev/apple-touch-icon.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="https://editor-prod.effector.dev/favicon-16x16.png" />
  <link rel="icon" type="image/png" sizes="32x32" href="https://editor-prod.effector.dev/favicon-32x32.png" />
  <link rel="shortcut icon" href="https://editor-prod.effector.dev/favicon.ico" />
  <link rel="stylesheet" href="https://unpkg.com/@adobe/spectrum-css@2.x/dist/spectrum-core.css" />
  <link rel="stylesheet" href="https://unpkg.com/@adobe/spectrum-css@2.x/dist/spectrum-lightest.css" />

  <!-- DO NOT DELETE THIS script. It's used by server render -->
  <script></script>
</head>

<body>
  <div class="fixedHeaderContainer">
    <div class="headerWrapper wrapper">
      <header>
        <a href="/" data-fixed-header-link>
          <img src="https://editor-prod.effector.dev/img/comet.png" alt="Effector" />
          <h2 class="headerTitleWithLogo">
            Playground
          </h2>
        </a>
        <div class="navigationWrapper">
          <nav class="slidingNav">
            <ul>
              <li>
                <a href="https://effector.dev/docs/introduction/installation" target="_self" data-fixed-header-link data-fixed-header-link-nav>
                  Docs
                </a>
              </li>
              <li>
                <a href="https://effector.dev/en/api/effector" target="_self" data-fixed-header-link data-fixed-header-link-nav>API</a>
              </li>
              <li>
                <a href="https://changelog.effector.dev" target="_self" data-fixed-header-link data-fixed-header-link-nav>Changelog</a>
              </li>
              <li>
                <a href="https://github.com/effector/effector" target="_self" data-fixed-header-link data-fixed-header-link-nav>GitHub</a>
              </li>
            </ul>
          </nav>
        </div>
        <div id="auth-section"></div>
      </header>
    </div>
  </div>
  <div id="try-wrapper" class="navPusher"></div>
  <div id="dimmer"></div>
  <script src="./index.tsx"></script>
</body>

</html>