<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Simple vanilla JS modal</title>
  <link rel="stylesheet" href="modal.css">
  <link rel="stylesheet" href="example.css">
</head>
<body data-modaltrigger="awesome">
  <div class="wrapper">
    <h1>click anywhere to <br> open a modal</h1>
  </div>

  <!-- Put modals in the wrapper -->
  <div class="modal-wrapper">
    <div data-modal="awesome">
      <h1>This is an awesome modal</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, ducimus magnam aliquam nihil assumenda, eaque voluptate inventore veniam eius soluta placeat fugiat repellat odio illo quod aliquid sequi molestiae omnis.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, ducimus magnam aliquam nihil assumenda, eaque voluptate inventore veniam eius soluta placeat fugiat repellat odio illo quod aliquid sequi molestiae omnis.</p>
      <button data-modaltrigger="epic">Nested modal</button>
    </div>
    <div data-modal="epic">
      <h1>This is an epic modal</h1>
    </div>
  </div>
  <script src="../src/modal.js"></script>
  <script>
    window.onload = function () {
      modal.init()
    }
  </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Simple vanilla JS modal</title>
  <link rel="stylesheet" href="modal.css">
  <link rel="stylesheet" href="example.css">
</head>
<body data-modaltrigger="awesome">
  <div class="wrapper">
    <h1>click anywhere to <br> open a modal</h1>
  </div>

  <!-- Put modals in the wrapper -->
  <div class="modal-wrapper">
    <div data-modal="awesome">
      <h1>This is an awesome modal</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, ducimus magnam aliquam nihil assumenda, eaque voluptate inventore veniam eius soluta placeat fugiat repellat odio illo quod aliquid sequi molestiae omnis.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, ducimus magnam aliquam nihil assumenda, eaque voluptate inventore veniam eius soluta placeat fugiat repellat odio illo quod aliquid sequi molestiae omnis.</p>
      <button data-modaltrigger="epic">Nested modal</button>
    </div>
    <div data-modal="epic">
      <h1>This is an epic modal</h1>
    </div>
  </div>
  <script src="https://raw.githubusercontent.com/stephan281094/modal/master/src/modal.js"></script>
  <script>
    window.onload = function () {
      modal.init()
    }
  </script>
</body>
</html>

Make modal.js include path absolute (to fix gh-pages)
Make modal.js include path absolute (to fix gh-pages)
