# Bay 9 Co-Working


Using A-Frame, [edit] which works well on iPad:
<div style="height:750px;">
  <iframe allowvr="yes" allow="xr-spatial-tracking" allowfullscreen="yes" scrolling="no" src="/aframe/bay9/" width="100%" height="90%"></iframe>
</div>

<hr>

Using the Google VR View, which does use the full resolution image on full screen:

<style>
iframe { border: 0; }
/* MOBILE */
@media screen and (max-width: 600px) {
  iframe {
    height: 240px;
  }
}
/* DESKTOP */
@media screen and (min-width: 600px) {
  iframe {
    height: 350px;
    width: 560px;
    margin: 1rem auto;
    display: block;
  }
  h1, h2, p {
    width: 560px;
    margin: 1rem auto;
  }
}
</style>

<div style="height:750px;">
<iframe allowvr="yes" allow="xr-spatial-tracking" allowfullscreen="yes" scrolling="no" src="/pano/index.html?image=/pano/panos/bay9_1_4096.jpg&is_stereo=false&preview=/pano/panos/bay9_1_1024.jpg&start_yaw=200" width="100%" height="90%"></iframe>
</div>

<hr>

Using the vr WordPress shortcode (edit: when this was still a WP site):

<div style="height:400px; ">
  <iframe allowfullscreen="true" frameborder="0" src="https://vr.me.sh/view/?view=360&url=https://halans.com/pano/panos/bay9_1.jpg" width="100%" height="90%"></iframe>
</div>
&nbsp;
<hr>

Doesn't seem to load the full resolution images when going fullscreen.