{"id":604,"date":"2020-03-19T01:43:49","date_gmt":"2020-03-19T01:43:49","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/?page_id=604"},"modified":"2020-03-19T01:49:09","modified_gmt":"2020-03-19T01:49:09","slug":"team","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/team\/","title":{"rendered":"Team"},"content":{"rendered":"<div data-colibri-id=\"604-c1\" class=\"style-671 style-local-604-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"604-c2\" id=\"reusable-sections\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-672 style-local-604-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"604-c28\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-686 style-local-604-c28 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-0 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-687-outer style-local-604-c29-outer\">\n            <div data-colibri-id=\"604-c29\" 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-687 style-local-604-c29 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=\"604-c30\" class=\"h-global-transition-all h-heading style-688 style-local-604-c30 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h1 class=\"\">Our Team<\/h1>\n                <\/div>\n                <div data-colibri-id=\"604-c31\" class=\"h-lead h-text h-text-component style-689 style-local-604-c31 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>We have one producer, one artist &amp; designer, and two programmers<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"604-c3\" class=\"h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-0 gutters-row-v-lg-3 gutters-row-v-md-3 gutters-row-v-3 style-673 style-local-604-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-1 gutters-col-md-1 gutters-col-0 gutters-col-v-lg-3 gutters-col-v-md-3 gutters-col-v-3\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-6 h-col-12 style-674-outer style-local-604-c4-outer\">\n            <div data-colibri-id=\"604-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-674 style-local-604-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=\"604-c5\" class=\"d-block style-675 style-local-604-c5 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <div class=\"h-image__frame-container\">\n                      <!---->\n                      <!---->\n                      <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1918\" src=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-changprofile-scaled-1.jpg\" class=\"wp-image-365 style-675-image style-local-604-c5-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-changprofile-scaled-1.jpg 1920w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-changprofile-scaled-1-300x300.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-changprofile-scaled-1-1024x1024.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-changprofile-scaled-1-150x150.jpg 150w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-changprofile-scaled-1-768x767.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-changprofile-scaled-1-1536x1534.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-675-frameImage style-local-604-c5-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c6\" class=\"h-global-transition-all h-heading style-676 style-local-604-c6 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/cl5\/\" h-use-smooth-scroll=\"true\">\n                    <h4 class=\"\">Chang Liu<\/h4>\n                  <\/a>\n                <\/div>\n                <div data-colibri-id=\"604-c7\" class=\"h-text h-text-component style-677 style-local-604-c7 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Producer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c8\" class=\"h-text h-text-component style-678 style-local-604-c8 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"font-weight: 600; font-size: 14.8px; font-family: &quot;Open Sans&quot;; color: rgb(152, 152, 152);\">Chang Liu is a programmer specializing in games and AR\/VR. Right now he is a second-year graduate student at Carnegie Mellon University, Entertainment Technology Center (ETC). He earned his Bachelor\u2019s Degree at Harbin Institute of Technology (HIT), majoring in Digital Media Technology.<\/span><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c9\" class=\"style-679 style-local-604-c9 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex flex-wrap h-social-icons justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.linkedin.com\/in\/chang-liu-here\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"linkedin-square\" viewBox=\"0 0 1536 1896.0833\">\n                              <path d=\"M237 1414h231V720H237v694zm246-908q-1-52-36-86t-93-34-94.5 34-36.5 86q0 51 35.5 85.5T351 626h1q59 0 95-34.5t36-85.5zm585 908h231v-398q0-154-73-233t-193-79q-136 0-209 117h2V720H595q3 66 0 694h231v-388q0-38 7-56 15-35 45-59.5t74-24.5q116 0 116 157v371zm468-998v960q0 119-84.5 203.5T1248 1664H288q-119 0-203.5-84.5T0 1376V416q0-119 84.5-203.5T288 128h960q119 0 203.5 84.5T1536 416z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\n                    <\/div>\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/cl5\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"home\" viewBox=\"0 0 1664 1896.0833\">\n                              <path d=\"M1408 992v480q0 26-19 45t-45 19H960v-384H704v384H320q-26 0-45-19t-19-45V992q0-1 .5-3t.5-3l575-474 575 474q1 2 1 6zm223-69l-62 74q-8 9-21 11h-3q-13 0-21-7L832 424l-692 577q-12 8-24 7-13-2-21-11l-62-74q-8-10-7-23.5T37 878l719-599q32-26 76-26t76 26l244 204V288q0-14 9-23t23-9h192q14 0 23 9t9 23v408l219 182q10 8 11 21.5t-7 23.5z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\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-3 h-col-md-6 h-col-12 style-674-outer style-local-604-c10-outer\">\n            <div data-colibri-id=\"604-c10\" 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-674 style-local-604-c10 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=\"604-c11\" class=\"d-block style-680 style-local-604-c11 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <div class=\"h-image__frame-container\">\n                      <!---->\n                      <!---->\n                      <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"900\" src=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Ashley-3.jpg\" class=\"wp-image-367 style-680-image style-local-604-c11-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Ashley-3.jpg 900w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Ashley-3-300x300.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Ashley-3-150x150.jpg 150w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Ashley-3-768x768.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-680-frameImage style-local-604-c11-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c12\" class=\"h-global-transition-all h-heading style-676 style-local-604-c12 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/zhaoyili\/\" h-use-smooth-scroll=\"true\">\n                    <h4 class=\"\">Ashley Liang<\/h4>\n                  <\/a>\n                <\/div>\n                <div data-colibri-id=\"604-c13\" class=\"h-text h-text-component style-677 style-local-604-c13 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Artist &amp; Designer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c14\" class=\"h-text h-text-component style-678 style-local-604-c14 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"font-weight: 600; font-size: 14.8px; font-family: &quot;Open Sans&quot;; color: rgb(152, 152, 152);\">Zhaoyi (Ashley) Liang is a multidisciplinary designer, creative technologist and maker who currently resides in Pittsburgh, Pennsylvania. She is currently pursuing her master\u2018s degree in the Entertainment Technology Center (ETC), Carnegie Mellon University. Her interests lie at the intersection of technology and art &#8211; hoping to design and create interactive, immersive and meaningful experiences and products for people.<\/span><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c15\" class=\"style-681 style-local-604-c15 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex flex-wrap h-social-icons justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.linkedin.com\/in\/zhaoyiliang\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"linkedin-square\" viewBox=\"0 0 1536 1896.0833\">\n                              <path d=\"M237 1414h231V720H237v694zm246-908q-1-52-36-86t-93-34-94.5 34-36.5 86q0 51 35.5 85.5T351 626h1q59 0 95-34.5t36-85.5zm585 908h231v-398q0-154-73-233t-193-79q-136 0-209 117h2V720H595q3 66 0 694h231v-388q0-38 7-56 15-35 45-59.5t74-24.5q116 0 116 157v371zm468-998v960q0 119-84.5 203.5T1248 1664H288q-119 0-203.5-84.5T0 1376V416q0-119 84.5-203.5T288 128h960q119 0 203.5 84.5T1536 416z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\n                    <\/div>\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/zhaoyili\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"home\" viewBox=\"0 0 1664 1896.0833\">\n                              <path d=\"M1408 992v480q0 26-19 45t-45 19H960v-384H704v384H320q-26 0-45-19t-19-45V992q0-1 .5-3t.5-3l575-474 575 474q1 2 1 6zm223-69l-62 74q-8 9-21 11h-3q-13 0-21-7L832 424l-692 577q-12 8-24 7-13-2-21-11l-62-74q-8-10-7-23.5T37 878l719-599q32-26 76-26t76 26l244 204V288q0-14 9-23t23-9h192q14 0 23 9t9 23v408l219 182q10 8 11 21.5t-7 23.5z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\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-3 h-col-md-6 h-col-12 style-674-outer style-local-604-c16-outer\">\n            <div data-colibri-id=\"604-c16\" 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-674 style-local-604-c16 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=\"604-c17\" class=\"d-block style-682 style-local-604-c17 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <div class=\"h-image__frame-container\">\n                      <!---->\n                      <!---->\n                      <img loading=\"lazy\" decoding=\"async\" width=\"1143\" height=\"1140\" src=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Profile-Rongjia-Li-scaled-e1577976247610.jpg\" class=\"wp-image-369 style-682-image style-local-604-c17-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Profile-Rongjia-Li-scaled-e1577976247610.jpg 1143w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Profile-Rongjia-Li-scaled-e1577976247610-300x300.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Profile-Rongjia-Li-scaled-e1577976247610-1024x1021.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Profile-Rongjia-Li-scaled-e1577976247610-150x150.jpg 150w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-Profile-Rongjia-Li-scaled-e1577976247610-768x766.jpg 768w\" sizes=\"(max-width: 1143px) 100vw, 1143px\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-682-frameImage style-local-604-c17-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c18\" class=\"h-global-transition-all h-heading style-676 style-local-604-c18 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/rongjial\/\" h-use-smooth-scroll=\"true\">\n                    <h4 class=\"\">Rongjia Li<\/h4>\n                  <\/a>\n                <\/div>\n                <div data-colibri-id=\"604-c19\" class=\"h-text h-text-component style-677 style-local-604-c19 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Programmer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c20\" class=\"h-text h-text-component style-678 style-local-604-c20 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"font-weight: 600; font-size: 14.8px; font-family: &quot;Open Sans&quot;; color: rgb(152, 152, 152);\">Passionate about games, experienced in game programming, and having a basic knowledge of art, sound and game design, Rongjia is focusing on implementing effective programming skills on game development and seeking to leverage his skills at a game company.<\/span><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c21\" class=\"style-683 style-local-604-c21 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex flex-wrap h-social-icons justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.linkedin.com\/in\/rongjia-li-81357919a\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"linkedin-square\" viewBox=\"0 0 1536 1896.0833\">\n                              <path d=\"M237 1414h231V720H237v694zm246-908q-1-52-36-86t-93-34-94.5 34-36.5 86q0 51 35.5 85.5T351 626h1q59 0 95-34.5t36-85.5zm585 908h231v-398q0-154-73-233t-193-79q-136 0-209 117h2V720H595q3 66 0 694h231v-388q0-38 7-56 15-35 45-59.5t74-24.5q116 0 116 157v371zm468-998v960q0 119-84.5 203.5T1248 1664H288q-119 0-203.5-84.5T0 1376V416q0-119 84.5-203.5T288 128h960q119 0 203.5 84.5T1536 416z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\n                    <\/div>\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/rongjial\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"home\" viewBox=\"0 0 1664 1896.0833\">\n                              <path d=\"M1408 992v480q0 26-19 45t-45 19H960v-384H704v384H320q-26 0-45-19t-19-45V992q0-1 .5-3t.5-3l575-474 575 474q1 2 1 6zm223-69l-62 74q-8 9-21 11h-3q-13 0-21-7L832 424l-692 577q-12 8-24 7-13-2-21-11l-62-74q-8-10-7-23.5T37 878l719-599q32-26 76-26t76 26l244 204V288q0-14 9-23t23-9h192q14 0 23 9t9 23v408l219 182q10 8 11 21.5t-7 23.5z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\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-3 h-col-md-6 h-col-12 style-674-outer style-local-604-c22-outer\">\n            <div data-colibri-id=\"604-c22\" 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-674 style-local-604-c22 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=\"604-c23\" class=\"d-block style-684 style-local-604-c23 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <div class=\"h-image__frame-container\">\n                      <!---->\n                      <!---->\n                      <img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-download.jpg\" class=\"wp-image-371 style-684-image style-local-604-c23-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-download.jpg 225w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/02\/cropped-download-150x150.jpg 150w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-684-frameImage style-local-604-c23-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c24\" class=\"h-global-transition-all h-heading style-676 style-local-604-c24 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/shengyao\/\" h-use-smooth-scroll=\"true\">\n                    <h4 class=\"\">Shelley Xiao<\/h4>\n                  <\/a>\n                <\/div>\n                <div data-colibri-id=\"604-c25\" class=\"h-text h-text-component style-677 style-local-604-c25 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Programmer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c26\" class=\"h-text h-text-component style-678 style-local-604-c26 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"font-weight: 600; font-size: 14.8px; font-family: &quot;Open Sans&quot;; color: rgb(152, 152, 152);\">I am a front-end developer and creative programmer who explores the space between art, design, and humans. I am passionate about learning and exploring how to fill this space through interactive technology.Currently, I am a graduate student studying entertainment technology at Carnegie Mellon University. I have extensive internship and project experience in web development, computer graphics, shader programming, and human-computer interaction.<\/span><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"604-c27\" class=\"style-685 style-local-604-c27 position-relative h-element\">\n                  <!---->\n                  <div class=\"d-flex flex-wrap h-social-icons justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.linkedin.com\/in\/shelley-xiao-103918190\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"linkedin-square\" viewBox=\"0 0 1536 1896.0833\">\n                              <path d=\"M237 1414h231V720H237v694zm246-908q-1-52-36-86t-93-34-94.5 34-36.5 86q0 51 35.5 85.5T351 626h1q59 0 95-34.5t36-85.5zm585 908h231v-398q0-154-73-233t-193-79q-136 0-209 117h2V720H595q3 66 0 694h231v-388q0-38 7-56 15-35 45-59.5t74-24.5q116 0 116 157v371zm468-998v960q0 119-84.5 203.5T1248 1664H288q-119 0-203.5-84.5T0 1376V416q0-119 84.5-203.5T288 128h960q119 0 203.5 84.5T1536 416z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\n                    <\/div>\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/shengyao\/\" h-use-smooth-scroll=\"true\">\n                        <div class=\"icon-container h-social-icon h-global-transition\">\n                          <div class=\"h-icon-svg\" style=\"width: 100%; height: 100%;\">\n                            <!--Icon by Font Awesome (https:\/\/fontawesome.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"home\" viewBox=\"0 0 1664 1896.0833\">\n                              <path d=\"M1408 992v480q0 26-19 45t-45 19H960v-384H704v384H320q-26 0-45-19t-19-45V992q0-1 .5-3t.5-3l575-474 575 474q1 2 1 6zm223-69l-62 74q-8 9-21 11h-3q-13 0-21-7L832 424l-692 577q-12 8-24 7-13-2-21-11l-62-74q-8-10-7-23.5T37 878l719-599q32-26 76-26t76 26l244 204V288q0-14 9-23t23-9h192q14 0 23 9t9 23v408l219 182q10 8 11 21.5t-7 23.5z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\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=\"604-c32\" id=\"reusable-sections-2\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-690 style-local-604-c32 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"604-c56\" 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-706 style-local-604-c56 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-707-outer style-local-604-c57-outer\">\n            <div data-colibri-id=\"604-c57\" 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-707 style-local-604-c57 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=\"604-c58\" class=\"h-global-transition-all h-heading style-708 style-local-604-c58 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h1 class=\"\">Instructors<\/h1>\n                <\/div>\n                <div data-colibri-id=\"604-c59\" class=\"h-lead h-text h-text-component style-709 style-local-604-c59 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>We have two faculty instructors from CMU ETC<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"604-c33\" 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-691 style-local-604-c33 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-692-outer style-local-604-c34-outer\">\n            <div data-colibri-id=\"604-c34\" 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-692 style-local-604-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=\"604-c35\" 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-693 style-local-604-c35 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-694-outer style-local-604-c36-outer\">\n                      <div data-colibri-id=\"604-c36\" 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-694 style-local-604-c36 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=\"604-c37\" class=\"content-swap style-695 style-local-604-c37 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=\"604-c38\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-696 style-local-604-c38 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=\"604-c39\" 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-697 style-local-604-c39 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=\"604-c40\" class=\"h-x-container style-698 style-local-604-c40 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-604-c40-group style-698-spacing style-local-604-c40-spacing\"><span class=\"h-button__outer style-699-outer style-local-604-c41-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"604-c41\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-699 style-local-604-c41 position-relative\"><!----><!----> <span>read more<\/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-700-outer style-local-604-c42-outer\">\n                      <div data-colibri-id=\"604-c42\" 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-700 style-local-604-c42 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=\"604-c43\" class=\"h-global-transition-all h-heading style-701 style-local-604-c43 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/shirley\/\" h-use-smooth-scroll=\"true\">\n                              <h5 class=\"\">Shirley J Saldamarco<\/h5>\n                            <\/a>\n                          <\/div>\n                          <div data-colibri-id=\"604-c44\" class=\"h-text h-text-component style-702 style-local-604-c44 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p><span style=\"font-weight: 600; font-size: 14.8px; font-family: &quot;Open Sans&quot;; color: rgb(152, 152, 152);\">Shirley Saldamarco is an entrepreneur, a producer and an educator. She has a background in theatre from Carnegie Mellon School of Drama and Producer for national programming at WQED-TV. As President of Interactive Media Productions, the company she founded in 1982, she produces a variety of Broadcast and Non-broadcast programs.<\/span><\/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-692-outer style-local-604-c45-outer\">\n            <div data-colibri-id=\"604-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-692 style-local-604-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-id=\"604-c46\" 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-693 style-local-604-c46 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-694-outer style-local-604-c47-outer\">\n                      <div data-colibri-id=\"604-c47\" 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-694 style-local-604-c47 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=\"604-c48\" class=\"content-swap style-703 style-local-604-c48 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=\"604-c49\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-704 style-local-604-c49 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=\"604-c50\" 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-705 style-local-604-c50 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=\"604-c51\" class=\"h-x-container style-698 style-local-604-c51 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-604-c51-group style-698-spacing style-local-604-c51-spacing\"><span class=\"h-button__outer style-699-outer style-local-604-c52-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"604-c52\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-699 style-local-604-c52 position-relative\"><!----><!----> <span>read more<\/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-700-outer style-local-604-c53-outer\">\n                      <div data-colibri-id=\"604-c53\" 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-700 style-local-604-c53 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=\"604-c54\" class=\"h-global-transition-all h-heading style-701 style-local-604-c54 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/jdessler\/\" h-use-smooth-scroll=\"true\">\n                              <h5 class=\"\">John Dessler<\/h5>\n                            <\/a>\n                          <\/div>\n                          <div data-colibri-id=\"604-c55\" class=\"h-text h-text-component style-702 style-local-604-c55 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <div class=\"\">\n                              <p><span style=\"font-weight: 600; font-size: 14.8px; font-family: &quot;Open Sans&quot;; color: rgb(152, 152, 152);\">John is a creative director, programmer, writer, entrepreneur, musician, performer, and digital\/fine artist. He is currently special faculty at the ETC, Carnegie Mellon University teaching Visual Story\/Communication, VR Story and Sound, Location-Based Entertainment, UI\/UX Design, digital art and design.&nbsp;<\/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>Our Team We have one producer, one artist &amp; designer, and two programmers Chang Liu Producer Chang Liu is a programmer specializing in games and AR\/VR. Right now he is a second-year graduate student at Carnegie Mellon University, Entertainment Technology Center (ETC). He earned his Bachelor\u2019s Degree at Harbin Institute of Technology (HIT), majoring in [&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-604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/pages\/604"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/comments?post=604"}],"version-history":[{"count":3,"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/pages\/604\/revisions"}],"predecessor-version":[{"id":617,"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/pages\/604\/revisions\/617"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/media?parent=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}