<html>
  <body>
    <style type="text/css">
      body > div,
      .paragraphcontainer {
        background: linear-gradient(45deg,#73F7,#F377);
        color: #FFF;
        border:3px solid #73F;
        border-radius:12px;
        padding:7px;
      }
    </style>
    <div class="section">
      <b>hello from JML container document</b>
      <br/>
      This content is from the document<br/>
      which embeds this Janus room JML.<br/>
      <img src="https://janusxr.org/images/janusxr-logo.png" width="70"/>
    </div>
    <div class="section">
      <b>container: Foo bar</b>
      <br/>
      So you're looking at an multidimensional<br/>
      hypertext document 💪<br/>
      <img src="https://janusxr.org/images/team/team_bai.jpg" width="70"/>
    </div>
  </body>
  <fireboxroom>
    <assets>
    </assets>
    <room pos="0 -1 -2">
      <paragraph js_id="p1" lighting="false" scale="0.4 0.2 1" width="400" height="200" url="https://janusxr.org" selector=".infoText" rotation="0 180 0" position="-1 0 0"/>
      <paragraph js_id="p2" lighting="false" scale="0.4 0.2 1" width="400" height="200" url="https://mastodon.online/@lvk.rss" selector="item description" rotation="0 180 0" pos="0 0 0"/>
      <paragraph js_id="p3" lighting="false" scale="0.4 0.2 1" width="400" height="200" selector=".section" rotation="0 180 0" pos="1 0 0"/>
      <paragraph js_id="p4" lighting="false" scale="0.4 0.2 1" width="400" height="200" selector=".info" rotation="0 180 0" pos="2 0 0" css=".paragraphcontainer{background:black;color:#A5F; border-radius:10px}" indexrotate="1700">
        <![CDATA[
        <div class="info">Clicking this &lt;div&gt; will cycle</div>
          <div class="info">through all divs</div>
          <div class="info">with class="info"</div>
          <div class="info">this also works with RSS urls</div>
          <div class="info">when you set the selector</div>
          <div class="info">to selector="item description"</div>
       ]]>
      </paragraph>
    </room>
  </fireboxroom>
</html>
