<!DOCTYPE html>
<html>
  <head>
    <title>Plugin demo</title>
    <link type="text/css" rel="stylesheet" href="/css/kalamar.css" />
    <!--
        see https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src https://*; child-src 'none';">
-->
    <script data-main="/demo/plugin-serverdemo.js" src="/js/lib/require.js" async="async"></script>
  </head>
  <body>
    <p>Start the demo server with <code>morbo -l 'http://*:3003' t/plugin-server.pl</code> and open <a href="http://localhost:3003/demo/plugin-server.html"><code>this website</code></a>.</p>
    <main>
      <div id="search">
        <ol>
          <li class="active">
            <div id="container"></div>
            <a onclick="KorAP.Plugin.addWidget(document.getElementById('container'), 'Example', 'http://localhost:3003/demo/plugin-client.html')">Open widget</a>
          </li>
        </ol>
      </div>
    </main>
  </body>
</html>