demos/headCursor/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>.: Head controlled pointer :.</title>
    
    <style type="text/css">

    </style>

    <!-- JEELIZ FACE FILTER API (required by HeadControls.js) : -->
    <script src="../../dist/jeelizFaceFilter.js"></script>

    <!-- HEAD CONTROLLER : -->
      <script src="../../helpers/HeadControls.js"></script>

    <!-- INCLUDE FORK ME ON GITHUB BANNER -->
    <script src="../appearance/widget.js"></script>

    <!-- Jquery (required for main script) -->
    <script src='../../libs/jquery/jquery-3.3.1.min.js'></script>

      <!-- main script : -->
      <script src="main.js"></script>

    <!-- Style : -->
    <link href='fonts/poiretOne.css' rel='stylesheet' type='text/css'>
    <link rel='stylesheet' type='text/css' href='style.css'>
</head>

<body>
  <div id="gallery" class="gallery">       
  </div>

  <img class='cursor' src='images/cursors/pointer.png' id='cursor'/>

  <div id="content" class="content">
      <div id="contentTitle" class="contentTitle">
          
      </div>
      <div id="contentInside" class="contentInside">
          
      </div>
  </div>

  <canvas id='headControlsCanvas' width='512' height='512'></canvas>
</body>
</html>