{"id":50,"date":"2023-04-16T04:12:29","date_gmt":"2023-04-16T04:12:29","guid":{"rendered":"https:\/\/virtual360.sdggirlshostel.com\/?page_id=50"},"modified":"2023-04-20T07:00:50","modified_gmt":"2023-04-20T07:00:50","slug":"passage","status":"publish","type":"page","link":"https:\/\/virtual360.sdggirlshostel.com\/index.php\/passage\/","title":{"rendered":"Hostel Lobby"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"50\" class=\"elementor elementor-50\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29c488e2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"29c488e2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-528a8c2\" data-id=\"528a8c2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-403b547d elementor-widget elementor-widget-text-editor\" data-id=\"403b547d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.12.1 - 02-04-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<div class=\"wp-block-button\">\r\n  <a href=\"https:\/\/sdggirlshostel.com\/\" class=\"wp-block-button__link wp-element-button\">Homepage<\/a>\r\n<\/div>\r\n<style>\r\n.wp-element-button {\r\n  background-color: #17a2b8;\r\n  color: #000;\r\n}\r\n<\/style>\r\n<style>#pano48 div.pnlm-orientation-button {\n                    display: none;\n                }\n            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {\n                border: 17px solid #cca92c;\n            }\n            @-webkit-keyframes pulse {\n                0% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }\n            @keyframes pulse {\n            0% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n            }\n            70% {\n                -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n            }\n            100% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n            }\n        }<\/style><div id=\"master-container\" class=\"wpvr-cardboard \" style=\"max-width:600px; width: 100%; height: 400px; border-radius:; direction:ltr; \"><div id=\"pano248\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer248\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano48\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer48\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map48\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"48\"><\/i><div class=\"wpvr-hotspot-tweak-contents-flex\"><div class=\"wpvr-hotspot-tweak-contents\"><\/div><\/div><\/div><div class=\"custom-ifram-wrapper\" style=\"display: none;\"><i class=\"fa fa-times cross\" data-id=\"48\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>jQuery(document).ready(function() {var response = [{\"panoid\":\"pano48\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"default\":{\"firstScene\":\"passage\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"passage\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/virtual360.sdggirlshostel.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/PANO_20230412_124357-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var panoshow48 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano48\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"default\":{\"firstScene\":\"passage\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"passage\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/virtual360.sdggirlshostel.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/PANO_20230412_124357-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}},\"autoRotate\":false}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}jQuery(\".wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow48.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n           \n        });\n        const node = document.querySelector(\".add-pulse\");\n        panoshow48.on(\"compasschange\", function (data){\n            console.log(data);\n            \/\/ const node = document.querySelector(\".add-pulse\");\n            \/\/ node.style.transform = data;\n            \/\/ jQuery(\".add-pulse\").css({\"transform\":data});\n    \n            });\n        panoshow48.on(\"load\", function (){\n            if(localStorage.getItem(\"vr_mode\") == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                }\n             else {\n                jQuery(\"#pano248 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano48 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano248 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano48 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n            setTimeout(() => {\n                window.dispatchEvent(new Event(\"resize\"));\n            }, 200);\n\t\t\t\t\t\tif (jQuery(\"#pano48\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls48\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls48\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow48.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });\n\t\t\t\t\tif (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow48.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow48.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow48.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow48.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tvar touchtime = 0;\n            jQuery(document).on(\"click\",\"#explainer_button_48\",function() {\n                jQuery(\"#explainer48\").slideToggle();\n            });\n    \n            jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n                jQuery(this).parent(\".explainer\").hide();\n                var el_src = jQuery(\".vr-iframe\").attr(\"src\");\n                jQuery(\".vr-iframe\").attr(\"src\", el_src);\n              });\n    \n            \n            jQuery(document).on(\"click\",\"#floor_map_button_48\",function() {\n                jQuery(\"#wpvr-floor-map48\").toggle().removeClass(\"fullwindow\");\n              });\n        \n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map48\",function(){\n                jQuery(this).addClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n              });\n              \n              jQuery(document).on(\"click\",\".close-floor-map-plan\",function() {\n                jQuery(this).parent(\".wpvr-floor-map\").hide();\n                jQuery(this).parent(\".wpvr-floor-map\").removeClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").removeClass(\"show-modal\");\n              });\n        \n            \n\t\t          jQuery(document).ready(function($){\n\t\t              jQuery(\"#sccontrols48\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl48\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });\n\t\t          \n\t\t          var slide48 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols48\",function() {\n\n\t\t            if (slide48 == \"up\") {\n\t\t              jQuery(\".vrgctrl48\").empty();\n\t\t              jQuery(\".vrgctrl48\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide48 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl48\").empty();\n\t\t              jQuery(\".vrgctrl48\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide48 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols48\").slideToggle();\n\t\t          });\n\t\t          \n            jQuery(\".elementor-tab-title\").click(function(){\n                      var element_id;\n                      var pano_id;\n                      var element_id = this.id;\n                      element_id = element_id.split(\"-\");\n                      element_id = element_id[3];\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).addClass(\"awwww\");\n                      var pano_id = jQuery(\".awwww\").attr(\"id\");\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).removeClass(\"awwww\");;\n                      if (pano_id != undefined) {\n                        pano_id = pano_id.split(\"o\");\n                        pano_id = pano_id[1];\n                        if (pano_id == \"48\") {\n                          jQuery(\"#pano48\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano48\").children(\".pnlm-ui\").remove();\n                          panoshow48 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano48\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow48.loadScene(\"passage\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano48\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls48\").css(\"bottom\", \"55px\");\n                                   }\n                                   else {\n                                     jQuery(\"#controls48\").css(\"bottom\", \"5px\");\n                                   }\n                                   \n                          }, 200);\n                        }\n                      }\n            });\n        \n            jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano48\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano48\").children(\".pnlm-ui\").remove();\n              panoshow48 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow48.loadScene(\"passage\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano48\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls48\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls48\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });\n        \n            jQuery(\"#pano48\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n            });<\/script>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Homepage<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/virtual360.sdggirlshostel.com\/index.php\/wp-json\/wp\/v2\/pages\/50"}],"collection":[{"href":"https:\/\/virtual360.sdggirlshostel.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/virtual360.sdggirlshostel.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/virtual360.sdggirlshostel.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/virtual360.sdggirlshostel.com\/index.php\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":6,"href":"https:\/\/virtual360.sdggirlshostel.com\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/virtual360.sdggirlshostel.com\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/virtual360.sdggirlshostel.com\/index.php\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}