{"id":1393,"date":"2020-04-23T16:14:09","date_gmt":"2020-04-23T16:14:09","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/?page_id=1393"},"modified":"2020-05-08T16:50:12","modified_gmt":"2020-05-08T16:50:12","slug":"media","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/media\/","title":{"rendered":"Media"},"content":{"rendered":"<div data-colibri-id=\"1393-c1\" class=\"style-733 style-local-1393-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"1393-c2\" id=\"portfolio\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-734 style-local-1393-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"1393-c37\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-757 style-local-1393-c37 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-758-outer style-local-1393-c38-outer\">\n            <div data-colibri-id=\"1393-c38\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-758 style-local-1393-c38 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"1393-c39\" class=\"h-global-transition-all h-heading style-759 style-local-1393-c39 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Videos<\/h2>\n                <\/div>\n                <div data-colibri-id=\"1393-c40\" class=\"h-lead h-text h-text-component style-760 style-local-1393-c40 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"1393-c3\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-735 style-local-1393-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-736-outer style-local-1393-c4-outer\">\n            <div data-colibri-id=\"1393-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-736 style-local-1393-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"1393-c5\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-737 style-local-1393-c5 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-738-outer style-local-1393-c6-outer\">\n                      <div data-colibri-id=\"1393-c6\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-738 style-local-1393-c6 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"1393-c7\" class=\"content-swap style-739 style-local-1393-c7 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"1393-c8\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-740 style-local-1393-c8 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"1393-c9\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-741 style-local-1393-c9 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"1393-c10\" class=\"h-x-container style-742 style-local-1393-c10 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-1393-c10-group style-742-spacing style-local-1393-c10-spacing\"><span class=\"h-button__outer style-743-outer style-local-1393-c11-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/youtu.be\/Q2yp0D1Tj40\" target=\"_blank\" data-colibri-id=\"1393-c11\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-743 style-local-1393-c11 position-relative\" rel=\"noopener noreferrer\"><!----><!----> <span>Watch Trailer<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-744-outer style-local-1393-c12-outer\">\n                      <div data-colibri-id=\"1393-c12\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-744 style-local-1393-c12 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"1393-c13\" class=\"h-global-transition-all h-heading style-745 style-local-1393-c13 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <a href=\"https:\/\/youtu.be\/Q2yp0D1Tj40\" target=\"_blank\" h-use-smooth-scroll=\"true\" rel=\"noopener noreferrer\">\n                              <h5 class=\"\">Product Trailer<\/h5>\n                            <\/a>\n                          <\/div>\n                          <div data-colibri-id=\"1393-c14\" class=\"h-text h-text-component style-746 style-local-1393-c14 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p>An overview on the project. It introduces our client, the location we designed for, and how our product fits in the environment and its great potential.<\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-736-outer style-local-1393-c15-outer\">\n            <div data-colibri-id=\"1393-c15\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-736 style-local-1393-c15 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"1393-c16\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-737 style-local-1393-c16 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-738-outer style-local-1393-c17-outer\">\n                      <div data-colibri-id=\"1393-c17\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-738 style-local-1393-c17 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"1393-c18\" class=\"content-swap style-747 style-local-1393-c18 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"1393-c19\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-748 style-local-1393-c19 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"1393-c20\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-749 style-local-1393-c20 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"1393-c21\" class=\"h-x-container style-742 style-local-1393-c21 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-1393-c21-group style-742-spacing style-local-1393-c21-spacing\"><span class=\"h-button__outer style-743-outer style-local-1393-c22-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/youtu.be\/hpnh9R8I0wo\" target=\"_blank\" data-colibri-id=\"1393-c22\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-743 style-local-1393-c22 position-relative\" rel=\"noopener noreferrer\"><!----><!----> <span>Watch Tutorial<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-744-outer style-local-1393-c23-outer\">\n                      <div data-colibri-id=\"1393-c23\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-744 style-local-1393-c23 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"1393-c24\" class=\"h-global-transition-all h-heading style-745 style-local-1393-c24 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <a href=\"https:\/\/youtu.be\/hpnh9R8I0wo\" target=\"_blank\" h-use-smooth-scroll=\"true\" rel=\"noopener noreferrer\">\n                              <h5 class=\"\">Product Tutorial<\/h5>\n                            <\/a>\n                          <\/div>\n                          <div data-colibri-id=\"1393-c25\" class=\"h-text h-text-component style-746 style-local-1393-c25 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p>An in-depth tutorial on how to use this the editor to create contents, and to pull up saved contents from front-end to projection display.<\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-736-outer style-local-1393-c26-outer\">\n            <div data-colibri-id=\"1393-c26\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-736 style-local-1393-c26 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"1393-c27\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-737 style-local-1393-c27 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-738-outer style-local-1393-c28-outer\">\n                      <div data-colibri-id=\"1393-c28\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-738 style-local-1393-c28 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"1393-c29\" class=\"content-swap style-750 style-local-1393-c29 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"1393-c30\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-751 style-local-1393-c30 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"1393-c31\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-752 style-local-1393-c31 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"1393-c32\" class=\"h-x-container style-742 style-local-1393-c32 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-1393-c32-group style-742-spacing style-local-1393-c32-spacing\"><span class=\"h-button__outer style-743-outer style-local-1393-c33-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/2020\/04\/25\/vr-demo-rigs\/\"  data-colibri-id=\"1393-c33\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-743 style-local-1393-c33 position-relative\"><!----><!----> <span>Watch VR Demo<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-744-outer style-local-1393-c34-outer\">\n                      <div data-colibri-id=\"1393-c34\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-744 style-local-1393-c34 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"1393-c35\" class=\"h-global-transition-all h-heading style-745 style-local-1393-c35 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <a href=\"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/2020\/04\/25\/vr-demo-rigs\/\" h-use-smooth-scroll=\"true\">\n                              <h5 class=\"\">VR Demo<\/h5>\n                            <\/a>\n                          <\/div>\n                          <div data-colibri-id=\"1393-c36\" class=\"h-text h-text-component style-746 style-local-1393-c36 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p>In response to the COVID-19 quarantine, we pivoted and created VR simulations of the location to demonstrate the product.<\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"1393-c41\" id=\"portfolio-3\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-823 style-local-1393-c41 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"1393-c54\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-846 style-local-1393-c54 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-847-outer style-local-1393-c55-outer\">\n            <div data-colibri-id=\"1393-c55\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-847 style-local-1393-c55 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"1393-c56\" class=\"h-global-transition-all h-heading style-848 style-local-1393-c56 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Resources<\/h2>\n                <\/div>\n                <div data-colibri-id=\"1393-c57\" class=\"h-lead h-text h-text-component style-849 style-local-1393-c57 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"font-weight: 300; font-size: 20px; font-family: &quot;Open Sans&quot;; color: rgb(60, 65, 84);\">The codes, manual, documentation is updated on Github,&nbsp;<br>that it allows the client to expand and edit the contents in great flexibility<\/span><\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"1393-c42\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-824 style-local-1393-c42 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-825-outer style-local-1393-c43-outer\">\n            <div data-colibri-id=\"1393-c43\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-825 style-local-1393-c43 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"1393-c44\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-826 style-local-1393-c44 position-relative\">\n                  <!---->\n                  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n                    <!---->\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-827-outer style-local-1393-c45-outer\">\n                      <div data-colibri-id=\"1393-c45\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-827 style-local-1393-c45 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-component=\"content-swap\" data-colibri-id=\"1393-c46\" class=\"content-swap style-836 style-local-1393-c46 position-relative h-element\">\n                            <!---->\n                            <div class=\"d-flex position-relative border-radius-inherit h-content-swap__overflow\">\n                              <div data-normal=\"\" data-colibri-id=\"1393-c47\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-837 style-local-1393-c47 position-relative\">\n                                <!---->\n                                <div class=\"w-100 h-y-container\">\n                                  <!---->\n                                <\/div>\n                              <\/div>\n                              <div data-hover=\"\" data-colibri-component=\"link\" data-href=\"\" data-colibri-id=\"1393-c48\" class=\"h-content-swap-hover-container animated h-content-swap__hover d-flex border-radius-inherit fadeIn justify-content-lg-center justify-content-md-center justify-content-center style-838 style-local-1393-c48 position-relative\"\n                                style=\"display: none;\">\n                                <!---->\n                                <div class=\"w-100 h-y-container align-self-lg-center align-self-md-center align-self-center\">\n                                  <!---->\n                                  <div data-colibri-id=\"1393-c49\" class=\"h-x-container style-831 style-local-1393-c49 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-1393-c49-group style-831-spacing style-local-1393-c49-spacing\"><span class=\"h-button__outer style-832-outer style-local-1393-c50-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/github.com\/TheOtherSide2020\/TheOtherSide\/wiki\" target=\"_blank\" data-colibri-id=\"1393-c50\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-832 style-local-1393-c50 position-relative\" rel=\"noopener noreferrer\"><!----><!----> <span>Read Manual<\/span><\/a>\n                                      <\/span>\n                                    <\/div>\n                                  <\/div>\n                                <\/div>\n                              <\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-833-outer style-local-1393-c51-outer\">\n                      <div data-colibri-id=\"1393-c51\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-833 style-local-1393-c51 position-relative\">\n                        <!---->\n                        <!---->\n                        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                          <!---->\n                          <div data-colibri-id=\"1393-c52\" class=\"h-global-transition-all h-heading style-834 style-local-1393-c52 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <a href=\"https:\/\/github.com\/TheOtherSide2020\/TheOtherSide\/wiki\" target=\"_blank\" h-use-smooth-scroll=\"true\" rel=\"noopener noreferrer\">\n                              <h5 class=\"\">Online Manual<\/h5>\n                            <\/a>\n                          <\/div>\n                          <div data-colibri-id=\"1393-c53\" class=\"h-text h-text-component style-835 style-local-1393-c53 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p><span style=\"font-weight: 400; font-size: 16px; font-family: &quot;Open Sans&quot;; color: rgb(64, 85, 169);\">The manual covers the 1) installing steps, replacement, and troubleshooting, 2) development and design documentation for potential future development on the installation, and 3) guidance on creating contents for provided templates.<\/span><\/p>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Videos Watch Trailer Product Trailer An overview on the project. It introduces our client, the location we designed for, and how our product fits in the environment and its great potential. Watch Tutorial Product Tutorial An in-depth tutorial on how to use this the editor to create contents, and to pull up saved contents from [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-1393","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/pages\/1393"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/comments?post=1393"}],"version-history":[{"count":20,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/pages\/1393\/revisions"}],"predecessor-version":[{"id":1746,"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/pages\/1393\/revisions\/1746"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/the-other-side\/index.php\/wp-json\/wp\/v2\/media?parent=1393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}