{"id":86875,"date":"2020-08-21T17:05:25","date_gmt":"2020-08-22T00:05:25","guid":{"rendered":"https:\/\/dev.offthewallmedia.com\/markstewart\/?post_type=product&#038;p=86875"},"modified":"2025-05-15T17:00:42","modified_gmt":"2025-05-16T00:00:42","slug":"stellar-view","status":"publish","type":"product","link":"https:\/\/dev.offthewallmedia.com\/markstewart\/house-plans\/contemporary-house-plans\/stellar-view\/","title":{"rendered":"Stellar View &#8211; Exciting Two Story Modern Shed Roof House Plan &#8211; SB-2384"},"content":{"rendered":"<h2>A Unique and Lovely Two Story Modern House Plan<\/h2>\n<p>One glance and you&#8217;ll fall in love. We&#8217;ve designed this home to feel both supremely comfortable and infinitely stylish. The shed roof design has become one of our most popular exteriors for two story modern house plans. On this home, the roof lines come together to suggest symmetry and to firmly ground the front door. Including a side entry garage also allows for a cleaner front to the home, something many desire in a modern design.<\/p>\n<p>Enter through the front door and arrive at the modest foyer which includes a comfortable den\/guest room to the right. A full bathroom just behind makes this an easy choice in the event of an unexpected overnight guest or even a long term family member, friend, or even renter. Just beyond the staircase you&#8217;ll come to the open and airy central living arrangement. A fully featured L-shaped kitchen overlooks the almost seamlessly connected dining and living room. We&#8217;ve included a large island in the kitchen for additional prep space and as a common gathering space. The sink also looks out over the living area to promote a sense of community. Both the living room and the dining room open up to the rear covered living space that spans the entire width of the home and then some.<\/p>\n<p>The upper floor has three vaulted bedrooms, including the main suite that has a truly remarkable bathroom. The other two bedrooms feature\u00a0 mirrored layouts and a large full bathroom between. The main bedroom takes up the entire left side of the upper floor, and for good reason. This bedroom has tons of privacy and a bathroom\/walk-in closet combo that is really special. Once in the bedroom, straight ahead you&#8217;ll see the closet that offers almost 360 degree hanging space, and could be easily divided into sides for each member of a couple. The bathroom includes a full size shower and nearby linen closet, a standalone tub, side by side sinks, and a private toilet. Sometimes it&#8217;s nice to have another door.<\/p>\n<p>Last but not least, this two story modern house plan comes with a side entry two car garage and a pass through utility\/mud room with ample room for folding laundry or anything else you can imagine.<\/p>\n<p style=\"font-weight: 400\">We would be delighted to assist you in bringing your forever home to fruition. Begin the journey by exploring our website, where you&#8217;ll discover a <a href=\"https:\/\/dev.offthewallmedia.com\/markstewart\/house-plans\/\">diverse selection of customizable house plans<\/a> tailored to your preferences. Feel free to inform us of any specific designs you&#8217;d like customized to your desires. More <a href=\"https:\/\/dev.offthewallmedia.com\/markstewart\/architectural-style\/modern-house-plans\/\">two story modern house plans<\/a> are waiting for you to explore on our website. With our collaborative efforts, the opportunities are boundless.<\/p>\n<style>#pano129874 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=\"pano2129874\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer2129874\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano129874\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer129874\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map129874\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"129874\"><\/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=\"129874\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>jQuery(document).ready(function() {var response = [{\"panoid\":\"pano129874\"},{\"autoLoad\":false,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Living-Room.jpg\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"StellarViewMainFloor\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"StellarViewMainFloor\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Main-Floor-Panorama-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 panoshow129874 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano129874\"},{\"autoLoad\":false,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Living-Room.jpg\",\"autoRotate\":false,\"default\":{\"firstScene\":\"StellarViewMainFloor\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"StellarViewMainFloor\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Main-Floor-Panorama-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];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;}}}}var vr_mode = \"off\";jQuery(\"#pano129874 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow129874.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n           \n        });\n        panoshow129874.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    \n        const node = document.querySelector(\".add-pulse\");\n        panoshow129874.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        panoshow129874.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                }\n             else {\n                jQuery(\"#pano2129874 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano129874 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano2129874 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano129874 .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(\"#pano129874\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls129874\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls129874\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow129874.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });\n\t\t\t\t\tif (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow129874.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow129874.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow129874.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow129874.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_129874\",function() {\n                jQuery(\"#explainer129874\").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_129874\",function() {\n                jQuery(\"#wpvr-floor-map129874\").toggle().removeClass(\"fullwindow\");\n              });\n        \n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map129874\",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(\"#sccontrols129874\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl129874\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });\n\t\t          \n\t\t          var slide129874 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols129874\",function() {\n\n\t\t            if (slide129874 == \"up\") {\n\t\t              jQuery(\".vrgctrl129874\").empty();\n\t\t              jQuery(\".vrgctrl129874\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide129874 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl129874\").empty();\n\t\t              jQuery(\".vrgctrl129874\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide129874 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols129874\").slideToggle();\n\t\t          });\n\t\t          \n                jQuery(document).ready(function(){\n                    jQuery(\"#controls129874\").hide();\n                    jQuery(\"#zoom-in-out-controls129874\").hide();\n                    jQuery(\"#adcontrol129874\").hide();\n                    jQuery(\"#explainer_button_129874\").hide();\n                    jQuery(\"#floor_map_button_129874\").hide();\n                    jQuery(\"#vrgcontrols129874\").hide();\n                    jQuery(\"#pano129874\").find(\".pnlm-panorama-info\").hide();\n                });\n\n            panoshow129874.on(\"load\", function (){\n                    jQuery(\"#controls129874\").show();\n                    jQuery(\"#zoom-in-out-controls129874\").show();\n                    jQuery(\"#adcontrol129874\").show();\n                    jQuery(\"#explainer_button_129874\").show();\n                    jQuery(\"#floor_map_button_129874\").show();\n                    jQuery(\"#vrgcontrols129874\").show();\n                    jQuery(\"#pano129874\").find(\".pnlm-panorama-info\").show();\n            });\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 == \"129874\") {\n                          jQuery(\"#pano129874\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano129874\").children(\".pnlm-ui\").remove();\n                          panoshow129874 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano129874\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow129874.loadScene(\"StellarViewMainFloor\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano129874\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls129874\").css(\"bottom\", \"55px\");\n                                   }\n                                   else {\n                                     jQuery(\"#controls129874\").css(\"bottom\", \"5px\");\n                                   }\n                                   \n                          }, 200);\n                        }\n                      }\n            });\n        \n            jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano129874\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano129874\").children(\".pnlm-ui\").remove();\n              panoshow129874 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow129874.loadScene(\"StellarViewMainFloor\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano129874\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls129874\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls129874\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });\n        \n            jQuery(\"#pano129874\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n            jQuery(\"#pano129874 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano129874 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});<\/script>\n<style>#pano129877 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=\"pano2129877\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer2129877\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano129877\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer129877\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map129877\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"129877\"><\/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=\"129877\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>jQuery(document).ready(function() {var response = [{\"panoid\":\"pano129877\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Primary-Bedroom.jpg\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"StellarViewBedroom\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"StellarViewBedroom\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Primary-Bedroom-Panorama-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 panoshow129877 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano129877\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Primary-Bedroom.jpg\",\"autoRotate\":false,\"default\":{\"firstScene\":\"StellarViewBedroom\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"StellarViewBedroom\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Primary-Bedroom-Panorama-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];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;}}}}var vr_mode = \"off\";jQuery(\"#pano129877 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow129877.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n           \n        });\n        panoshow129877.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    \n        const node = document.querySelector(\".add-pulse\");\n        panoshow129877.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        panoshow129877.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                }\n             else {\n                jQuery(\"#pano2129877 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano129877 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano2129877 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano129877 .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(\"#pano129877\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls129877\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls129877\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow129877.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });\n\t\t\t\t\tif (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow129877.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow129877.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow129877.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow129877.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_129877\",function() {\n                jQuery(\"#explainer129877\").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_129877\",function() {\n                jQuery(\"#wpvr-floor-map129877\").toggle().removeClass(\"fullwindow\");\n              });\n        \n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map129877\",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(\"#sccontrols129877\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl129877\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });\n\t\t          \n\t\t          var slide129877 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols129877\",function() {\n\n\t\t            if (slide129877 == \"up\") {\n\t\t              jQuery(\".vrgctrl129877\").empty();\n\t\t              jQuery(\".vrgctrl129877\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide129877 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl129877\").empty();\n\t\t              jQuery(\".vrgctrl129877\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide129877 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols129877\").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 == \"129877\") {\n                          jQuery(\"#pano129877\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano129877\").children(\".pnlm-ui\").remove();\n                          panoshow129877 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano129877\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow129877.loadScene(\"StellarViewBedroom\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano129877\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls129877\").css(\"bottom\", \"55px\");\n                                   }\n                                   else {\n                                     jQuery(\"#controls129877\").css(\"bottom\", \"5px\");\n                                   }\n                                   \n                          }, 200);\n                        }\n                      }\n            });\n        \n            jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano129877\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano129877\").children(\".pnlm-ui\").remove();\n              panoshow129877 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow129877.loadScene(\"StellarViewBedroom\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano129877\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls129877\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls129877\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });\n        \n            jQuery(\"#pano129877\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n            jQuery(\"#pano129877 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano129877 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});<\/script>\n<style>#pano129879 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=\"pano2129879\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer2129879\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano129879\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer129879\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map129879\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"129879\"><\/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=\"129879\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>jQuery(document).ready(function() {var response = [{\"panoid\":\"pano129879\"},{\"autoLoad\":false,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Primary-Bathroom.jpg\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"StellarViewBathroom\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"StellarViewBathroom\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Primary-Bathroom-Panorama-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 panoshow129879 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano129879\"},{\"autoLoad\":false,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Primary-Bathroom.jpg\",\"autoRotate\":false,\"default\":{\"firstScene\":\"StellarViewBathroom\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"StellarViewBathroom\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/dev.offthewallmedia.com\\\/markstewart\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Modern-Two-Story-House-Plan-Stellar-View-Plan-Number-SB-2384-Primary-Bathroom-Panorama-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];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;}}}}var vr_mode = \"off\";jQuery(\"#pano129879 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow129879.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n           \n        });\n        panoshow129879.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    \n        const node = document.querySelector(\".add-pulse\");\n        panoshow129879.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        panoshow129879.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                }\n             else {\n                jQuery(\"#pano2129879 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano129879 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano2129879 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano129879 .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(\"#pano129879\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls129879\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls129879\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow129879.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });\n\t\t\t\t\tif (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow129879.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow129879.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow129879.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow129879.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_129879\",function() {\n                jQuery(\"#explainer129879\").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_129879\",function() {\n                jQuery(\"#wpvr-floor-map129879\").toggle().removeClass(\"fullwindow\");\n              });\n        \n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map129879\",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(\"#sccontrols129879\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl129879\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });\n\t\t          \n\t\t          var slide129879 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols129879\",function() {\n\n\t\t            if (slide129879 == \"up\") {\n\t\t              jQuery(\".vrgctrl129879\").empty();\n\t\t              jQuery(\".vrgctrl129879\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide129879 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl129879\").empty();\n\t\t              jQuery(\".vrgctrl129879\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide129879 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols129879\").slideToggle();\n\t\t          });\n\t\t          \n                jQuery(document).ready(function(){\n                    jQuery(\"#controls129879\").hide();\n                    jQuery(\"#zoom-in-out-controls129879\").hide();\n                    jQuery(\"#adcontrol129879\").hide();\n                    jQuery(\"#explainer_button_129879\").hide();\n                    jQuery(\"#floor_map_button_129879\").hide();\n                    jQuery(\"#vrgcontrols129879\").hide();\n                    jQuery(\"#pano129879\").find(\".pnlm-panorama-info\").hide();\n                });\n\n            panoshow129879.on(\"load\", function (){\n                    jQuery(\"#controls129879\").show();\n                    jQuery(\"#zoom-in-out-controls129879\").show();\n                    jQuery(\"#adcontrol129879\").show();\n                    jQuery(\"#explainer_button_129879\").show();\n                    jQuery(\"#floor_map_button_129879\").show();\n                    jQuery(\"#vrgcontrols129879\").show();\n                    jQuery(\"#pano129879\").find(\".pnlm-panorama-info\").show();\n            });\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 == \"129879\") {\n                          jQuery(\"#pano129879\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano129879\").children(\".pnlm-ui\").remove();\n                          panoshow129879 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano129879\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow129879.loadScene(\"StellarViewBathroom\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano129879\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls129879\").css(\"bottom\", \"55px\");\n                                   }\n                                   else {\n                                     jQuery(\"#controls129879\").css(\"bottom\", \"5px\");\n                                   }\n                                   \n                          }, 200);\n                        }\n                      }\n            });\n        \n            jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano129879\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano129879\").children(\".pnlm-ui\").remove();\n              panoshow129879 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow129879.loadScene(\"StellarViewBathroom\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano129879\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls129879\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls129879\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });\n        \n            jQuery(\"#pano129879\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n            jQuery(\"#pano129879 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano129879 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});<\/script>\n","protected":false},"excerpt":{"rendered":"A Unique and Lovely Two Story Modern House Plan One glance and you&#8217;ll fall in love. We&#8217;ve designed&hellip;","protected":false},"featured_media":89724,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[36,10018,39,37,10364,53,46],"product_tag":[5258],"class_list":{"0":"post-86875","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-contemporary-house-plans","7":"product_cat-house-plans-most-popular-best-selling-two-story","8":"product_cat-mark-stewart-modern-house-plans","9":"product_cat-modern-house-plans","10":"product_cat-mountain-modern-home-plans","11":"product_cat-northwest-modern-house-plans","12":"product_cat-transitional-house-plans","13":"product_tag-mark-stewart-modern","14":"mbf-entry","16":"first","17":"instock","18":"shipping-taxable","19":"purchasable","20":"product-type-variable","21":"has-default-attributes"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Stellar View House Plan | Two Story Exciting Modern Shed Roof Home Design - SB-2384<\/title>\n<meta name=\"description\" content=\"The shed roof design has become one of our most popular exteriors for two story modern house plans. Click through to see why.\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dev.offthewallmedia.com\/markstewart\/house-plans\/contemporary-house-plans\/stellar-view\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stellar View House Plan | Two Story Exciting Modern Shed Roof Home Design - SB-2384\" \/>\n<meta property=\"og:description\" content=\"The shed roof design has become one of our most popular exteriors for two story modern house plans. Click through to see why.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.offthewallmedia.com\/markstewart\/house-plans\/contemporary-house-plans\/stellar-view\/\" \/>\n<meta property=\"og:site_name\" content=\"Modern House Plans by Mark Stewart\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/markstewartportfolio\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-16T00:00:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-content\/uploads\/2020\/08\/1_SB3-Front-View-Evening-final.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MarkStewartHome\" \/>\n<meta name=\"twitter:site\" content=\"@MarkStewartHome\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/#organization\",\"name\":\"Mark Stewart Home Design\",\"url\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/markstewartportfolio\",\"http:\/\/instagram.com\/markstewarthome\",\"http:\/\/www.linkedin.com\/in\/markstewarthome\",\"https:\/\/www.youtube.com\/user\/DesignM88\/videos\",\"https:\/\/www.pinterest.com\/markstewarthome\/\",\"https:\/\/twitter.com\/MarkStewartHome\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-content\/uploads\/2015\/04\/logo.png\",\"width\":350,\"height\":350,\"caption\":\"Mark Stewart Home Design\"},\"image\":{\"@id\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/#website\",\"url\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/\",\"name\":\"Modern House Plans by Mark Stewart\",\"description\":\"Unique, timeless and cutting-edge house plans\",\"publisher\":{\"@id\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/house-plans\/contemporary-house-plans\/stellar-view\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-content\/uploads\/2020\/08\/1_SB3-Front-View-Evening-final.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"\\u00b7`\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/house-plans\/contemporary-house-plans\/stellar-view\/#webpage\",\"url\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/house-plans\/contemporary-house-plans\/stellar-view\/\",\"name\":\"Stellar View House Plan | Two Story Exciting Modern Shed Roof Home Design - SB-2384\",\"isPartOf\":{\"@id\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dev.offthewallmedia.com\/markstewart\/house-plans\/contemporary-house-plans\/stellar-view\/#primaryimage\"},\"datePublished\":\"2020-08-22T00:05:25+00:00\",\"dateModified\":\"2025-05-16T00:00:42+00:00\",\"description\":\"The shed roof design has become one of our most popular exteriors for two story modern house plans. Click through to see why.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dev.offthewallmedia.com\/markstewart\/house-plans\/contemporary-house-plans\/stellar-view\/\"]}]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-json\/wp\/v2\/product\/86875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-json\/wp\/v2\/comments?post=86875"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-json\/wp\/v2\/media\/89724"}],"wp:attachment":[{"href":"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-json\/wp\/v2\/media?parent=86875"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-json\/wp\/v2\/product_brand?post=86875"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-json\/wp\/v2\/product_cat?post=86875"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/dev.offthewallmedia.com\/markstewart\/wp-json\/wp\/v2\/product_tag?post=86875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}