${header}

<iframe border="0" frameborder="0" src="/janusweb/index.html#janus.url=${url}&janus.referrer=${item.parent.url}" id="viewer" style="height:45vh"></iframe>

<div style="height:45vh"></div>
<div class="spectrum" style="position: absolute; left: 0px; right: 0px;">
  <div></div>
</div>
{if item.parent.info then
  print(item.parent.info)
end}
{if not item.parent.info then
  print('<h1>${item.title}</h1>\n\n')
  print('This item has no description (yet)')
end}


${footer}

<!-- JanusXR portalroom, see https://janusxr.org for markup -->
<fireboxroom>
  <assets>
    <assetshader id="xrforgeportal" src="${opts.baseurl}shader/xrforgeportal.shadertoy.frag" shadertype="shadertoy"/>
  </assets>
  <room pos="0 0 -4" showavatar="false">
    <light js_id="dan9-janus:light/light_cone_angle=0-6" pos="0 3 2" collision_trigger="false" />
    <text js_id="location" pos="0 6 -5" billboard="y" col="#BBFFFF" scale="10 10 1" text="${url}" rotation="-180 0 -180" emissive="0 0 0" roughness="0.3" metalness="0" />
    <object id="${url}"/>
  </room>
</fireboxroom>