<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />
    <title>AFFiNE</title>
    <meta name="theme-color" content="#fafafa" />
    <link rel="manifest" href="/manifest.json" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="icon" sizes="192x192" href="/chrome-192x192.png" />
    <meta name="emotion-insertion-point" content="" />
    <meta property="description" content="<%= DESCRIPTION %>" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://app.affine.pro/" />
    <meta
      name="twitter:title"
      content="AFFiNE: There can be more than Notion and Miro."
    />
    <meta name="twitter:description" content="<%= DESCRIPTION %>" />
    <meta name="twitter:site" content="@AffineOfficial" />
    <meta name="twitter:image" content="https://affine.pro/og.jpeg" />
    <meta
      property="og:title"
      content="AFFiNE: There can be more than Notion and Miro."
    />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="<%= DESCRIPTION %>" />
    <meta property="og:url" content="https://app.affine.pro/" />
    <meta property="og:image" content="https://affine.pro/og.jpeg" />
    <link
      data-react-helmet="true"
      rel="shortcut icon"
      href="https://affine.pro/favicon.ico"
    />
  </head>

  <body>
    <div id="app" data-version="<%= GIT_SHORT_SHA %>"></div>
  </body>
</html>
