<picture-frame-scene
  picture="https://avatars0.githubusercontent.com/u/2210118?v=4"
  frame-shape="m16.1 345c217.1-.3 328.7-.3 335 0 6.3-.3 10-6.3 11-18 3.6-50.8 5.3-78.8 5-84 .3-5.2 1.9-7.9 5-8 27.3.8 42.6 1.2 46 1 3.2.2 5.5-2.5 7.1-8v-23l-27-1c-23.2-22.7-28.2-15.4-28-22-.1-4.9-1.1-9.3-3-13h-31c.1 6.1-1.6 10.4-5 13-5.2 2.7-27.8 3.6-53 0-28.2-5-54.6-21.7-60-24-37.7-18.6-78.3-65.9-106-137-1.2-2.8-3.9-5.1-8-7-3.3-.2-4.9-.9-5-2 .1-.9-.4-8.5-1-9-.7-1.3-2.3-2.3-5-3h-56c.2 10 .2 14.7 0 14 .2-1.1-5.4-1.1-17 0 .2 9 .2 16 0 21-.8 10.4-.4 33.3 2 37 20.5 30.1 24.2 84.5 15 132-4.2 20.1-15.9 48.4-35 85-2.6 20.8-3 34.8-1.1 42 1.6 7.5 6.6 12.2 15 14z"
></picture-frame-scene>

  html,
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #333;
    touch-action: none;
  }

  // Make sure a global LUME object is in place before importing global.js as an ES module.
  // TODO this shouldn't be necessary.
  var LUME = {}
  const host = 'https://docs.lume.io/'
  import('https://docs.lume.io/js/PictureFrameScene.js')