<!DOCTYPE html>
<html>
  <head>
    <title>Skia Fiddle</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script type="text/javascript" charset="utf-8">
      window.sk = window.sk || {};
      window.sk.fiddle = {% . %};
    </script>
  </head>

  <body class="body-sk darkmode fiddle-body">
    <header>
      <h2>Skia Fiddle</h2>
      <div>
        <theme-chooser-sk></theme-chooser-sk>
        Skia Version:
        <a href="https://skia.googlesource.com/skia/+show/{%.Version%}"
          >{% chop .Version %}</a
        >
      </div>
    </header>
    <main>
      <fiddle-sk></fiddle-sk>
      <error-toast-sk></error-toast-sk>
      <p>
        <a href="https://api.skia.org/" target="_blank" id="docs"
          >Skia API Documentation</a
        >
      </p>
      <p>
        <a href="/named/">Named Fiddles</a>
      </p>
    </main>
  </body>
</html>