<!doctype html>
                <html lang="en">
                    <head>
                      <meta charset="UTF-8" />
                      <title> main </title>
                        <script type="module" src="https://cdn.jsdelivr.net/npm/@marimo-team/islands@0.0.0/dist/main.js"></script>
    <link
        href="https://cdn.jsdelivr.net/npm/@marimo-team/islands@0.0.0/dist/style.css"
        rel="stylesheet"
        crossorigin="anonymous"
    />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link
        rel="preconnect"
        href="https://fonts.gstatic.com"
        crossorigin
    />
    <link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&amp;family=Lora&amp;family=PT+Sans:wght@400;700&amp;display=swap" rel="stylesheet" />
    <link
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css"
        integrity="sha384-wcIxkf4k558AjM3Yz3BBFQUbk/zgIYC2R0QpeeYb+TwlBVMrlgLqwRjRtGZiK7ww"
        crossorigin="anonymous"
    />
    <marimo-filename hidden></marimo-filename>
<marimo-mode data-mode='read' hidden></marimo-mode>
                    </head>
                    <body>
                      <div style="margin: auto; max-width: 740px;">
                  <marimo-island
        data-app-id="main"
        data-cell-id="vblA"
        data-reactive="false"
    >
        <marimo-cell-output>

<div class="marimo">
  <div class="flex flex-col flex-1 items-center justify-center">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      stroke-width="1"
      stroke-linecap="round"
      stroke-linejoin="round"
      class="size-20 animate-spin text-primary"
    >
      <path d="M21 12a9 9 0 1 1-6.219-8.56"></path>
    </svg>
    <div>Initializing...</div>
  </div>
</div>

        </marimo-cell-output>
        <marimo-cell-code hidden></marimo-cell-code>
    </marimo-island>
<marimo-island
    data-app-id="main"
    data-cell-id="Hbol"
    data-reactive="true"
>
    <marimo-cell-output>
    </marimo-cell-output>
    <marimo-cell-code hidden>import%20marimo%20as%20mo</marimo-cell-code>
</marimo-island>
<marimo-island
    data-app-id="main"
    data-cell-id="MJUe"
    data-reactive="true"
>
    <marimo-cell-output>
    </marimo-cell-output>
    <marimo-cell-code hidden>mo.md('Hello%2C%20HTML!')</marimo-cell-code>
</marimo-island>
                </div>
                    </body>
                </html>