<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Penpot | Full-stack design</title>

    <meta name="description" content="Penpot is the open-source design platform for teams that build digital products at scale.">
    <meta property="og:locale" content="en_US">
    <meta property="og:title" content="Penpot | Full-stack design">
    <meta property="og:description" content="Penpot is the open-source design platform for teams that build digital products at scale.">
    <meta property="og:image" content="/images/penpot-link-preview.png">
    <meta name="twitter:title" content="Penpot | Full-stack design">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:description" content="Penpot is the open-source design platform for teams that build digital products at scale.">
    <meta name="twitter:image" content="/images/penpot-link-preview.png">
    <meta name="twitter:site" content="@penpotapp">
    <meta name="twitter:creator" content="@penpotapp">
    <meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)">
    <link id="theme" href="css/main.css?version={{& version_tag}}" rel="stylesheet" type="text/css" />
    <link href="css/ui.css?version={{& version_tag}}" rel="stylesheet" type="text/css" />
    {{#isDebug}}
    <link href="css/debug.css?version={{& version_tag}}" rel="stylesheet" type="text/css" />
    {{/isDebug}}

    <link rel="icon" href="images/favicon.png?version={{& version_tag }}" />

    <script type="importmap">{{& manifest.importmap }}</script>

    <script type="module">
      globalThis.penpotVersion = "{{& version}}";
      globalThis.penpotVersionTag = "{{& version_tag}}";
      globalThis.penpotBuildDate = "{{& build_date}}";
    </script>

    {{# manifest}}
    <script src="{{& config}}"></script>
    <script src="{{& polyfills}}"></script>
    {{/manifest}}

    <!--cookie-consent-->
  </head>
  <body>
    {{> ../public/images/sprites/symbol/icons.svg }}
    {{> ../public/images/sprites/symbol/cursors.svg }}
    {{> ../public/images/sprites/assets.svg }}
    <div id="app"></div>
    <section id="modal"></section>

    {{# manifest}}
    <script type="module" src="{{& libs}}"></script>
    <script type="module">
      import { init } from "{{& app_main}}";
      import defaultTranslations from "{{& default_translations}}";

      init({defaultTranslations});
    </script>
    {{/manifest}}
  </body>
</html>
