level8.html

<!DOCTYPE html>
<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
      xmlns:svg="http://www.w3.org/2000/svg"
      xmlns:v="urn:schemas-microsoft-com:vml"
      xmlns:xlink="http://www.w3.org/1999/xlink">
  <HEAD>
    <TITLE>Attractor</TITLE>
    <SCRIPT TYPE="text/javascript" src="node_modules/svg.js/dist/svg.min.js"></SCRIPT>
    <SCRIPT TYPE="text/javascript" src="level8.js"></SCRIPT>
    <SCRIPT TYPE="text/javascript" src="attractor.js"></SCRIPT>
    <STYLE TYPE="text/css">
      @media print {
        .noprint { display: none; }
      }
      TD { vertical-align: top; text-align: center; }
      .full TD BUTTON, .full TD SPAN { margin: 1ex 0; }
      .full TD BUTTON, .full TD SPAN { width: 100%; }
      TD SPAN { min-width: 50px; }
    </STYLE>
    <!--#include virtual="../analytics.html"-->
  </HEAD>
  <BODY>
    <TABLE STYLE="width: 100%">
      <TR CLASS="bold">
      <TD><BUTTON id="up">&#129145;</BUTTON>
      <BR><BUTTON id="left">&#129144;</BUTTON><BUTTON id="right">&#129146;</BUTTON>
      <BR><BUTTON id="down">&#129147;</BUTTON>
      <TD rowspan="2" id="game" STYLE="width: 100%; height: 90vh">
      <TR CLASS="full">
      <TD><BUTTON id="solve">Solve<BR>with<BR>external<BR>moves</BUTTON>
      <BR><BUTTON id="solveHug">Solve<BR>with<BR>boundary<BR>hugging<BR>moves</BUTTON>
      <BR><INPUT type="checkbox" id="regions"><LABEL for="regions">Color<BR>regions</LABEL>
      <BR><P id="log"></P>
      <BR><BUTTON id="download">Download<BR>SVG</BUTTON> <A style="display: none" id="svglink"></A>
    </TABLE>
  </BODY>
</HTML>