<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Miew via Global</title>

  <link rel="stylesheet" href="../dist/Miew.min.css">
  <style>
    .miew-container {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
    }
    p {font-size:24px;}
  </style>
</head>
<body>
<div style="max-width:640px;">
<div>
  <p><a href="http://lipsum.com/">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
    ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
    fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
    anim id est laborum.</p>
  <p>Curabitur eget neque vitae metus pharetra ornare eu eu tortor. Integer eu nulla diam. Sed libero magna, facilisis
    eget massa quis, pharetra iaculis risus. Nullam ut est orci. Cras pretium ligula eget velit facilisis, nec
    vulputate metus feugiat. Praesent convallis pretium leo, pharetra rhoncus nisi elementum ut. Mauris erat tortor,
    luctus sed ultrices vitae, feugiat sed odio. Nam dictum viverra lobortis. Morbi consectetur quam lorem, venenatis
    ornare est porttitor quis.</p>
</div>
<div class="miew-container" style="width:640px; height:480px"></div>
</div>

<script src="https://unpkg.com/babel-polyfill@6/dist/polyfill.min.js"></script>
<script src="../dist/Miew.min.js"></script>
<script>
  (function() {
    var viewer = new Miew({
      container: document.getElementsByClassName('miew-container')[0],
      load: '1CRN',
      settings: {
        theme: 'light',
        fps: false,
        axes: false,
        bg: {color: 0xffffff, transparent: true},
      }
    });

    if (viewer.init()) {
      viewer.run();
    }
  })();
</script>
</body>
</html>

Add example with transparent background
Add example with transparent background
