packages/web/demo.html

<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="JSCAD is an open source set of modular, browser and command line tools for creating parametric 2D and 3D CAD designs with JavaScript code."/>

    <title>JSCAD - JavaScript CAD</title>

    <link rel="stylesheet" type="text/css" href="./css/demo.css">
    <link rel="shortcut icon" href="imgs/favicon.png" type="image/x-png">
    <style>
        body{
          height: 100%;
          min-height: 100%;
          min-width: 100%;
          margin: 0px;
          font-family: 'Open Sans', sans-serif;
        }
        noscript{
          text-align: center;
        }
        #jscad{
          width: 100%;
          height: 100%;
        }
      </style>
  </head>

  <body>
    <noscript>
      <h1>Please enable JavaScript to use this website</h1>
    </noscript>
    <div id='jscad'></div>
    <script language="javascript" src="./dist/jscad-web.min.js"></script> 
    <script language="javascript">
      const el1 = document.getElementById('jscad')
      const jscadInst1 = jscadWeb(el1, {name: 'jscad1'})
    </script>
    <script language="javascript">
      window.addEventListener('beforeunload', (event) => {
        event.preventDefault()
        event.returnValue = ''
      })
    </script>
  </body>
</html>