{"id":205,"date":"2020-01-29T23:30:45","date_gmt":"2020-01-29T23:30:45","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/colibri-wp\/"},"modified":"2020-05-07T22:00:00","modified_gmt":"2020-05-07T22:00:00","slug":"colibri-wp","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/","title":{"rendered":"Liftoff"},"content":{"rendered":"<div data-colibri-id=\"205-c1\" class=\"style-339 style-local-205-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"205-c2\" id=\"team\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-419 style-local-205-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"205-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-433 style-local-205-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-434-outer style-local-205-c29-outer\">\n            <div data-colibri-id=\"205-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-434 style-local-205-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=\"205-c30\" class=\"h-global-transition-all h-heading style-435 style-local-205-c30 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h1 class=\"\">Our Team<\/h1>\n                <\/div>\n                <div data-colibri-id=\"205-c31\" class=\"h-lead h-text h-text-component style-436 style-local-205-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=\"205-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-420 style-local-205-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-421-outer style-local-205-c4-outer\">\n            <div data-colibri-id=\"205-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-421 style-local-205-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=\"205-c5\" class=\"d-block style-422 style-local-205-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-422-image style-local-205-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-422-frameImage style-local-205-c5-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"205-c6\" class=\"h-global-transition-all h-heading style-423 style-local-205-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=\"205-c7\" class=\"h-text h-text-component style-424 style-local-205-c7 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Producer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"205-c8\" class=\"h-text h-text-component style-425 style-local-205-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=\"205-c9\" class=\"style-426 style-local-205-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-421-outer style-local-205-c10-outer\">\n            <div data-colibri-id=\"205-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-421 style-local-205-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=\"205-c11\" class=\"d-block style-427 style-local-205-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-427-image style-local-205-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-427-frameImage style-local-205-c11-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"205-c12\" class=\"h-global-transition-all h-heading style-423 style-local-205-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=\"205-c13\" class=\"h-text h-text-component style-424 style-local-205-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=\"205-c14\" class=\"h-text h-text-component style-425 style-local-205-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=\"205-c15\" class=\"style-428 style-local-205-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-421-outer style-local-205-c16-outer\">\n            <div data-colibri-id=\"205-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-421 style-local-205-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=\"205-c17\" class=\"d-block style-429 style-local-205-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-429-image style-local-205-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-429-frameImage style-local-205-c17-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"205-c18\" class=\"h-global-transition-all h-heading style-423 style-local-205-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=\"205-c19\" class=\"h-text h-text-component style-424 style-local-205-c19 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Programmer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"205-c20\" class=\"h-text h-text-component style-425 style-local-205-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=\"205-c21\" class=\"style-430 style-local-205-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-421-outer style-local-205-c22-outer\">\n            <div data-colibri-id=\"205-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-421 style-local-205-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=\"205-c23\" class=\"d-block style-431 style-local-205-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-431-image style-local-205-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-431-frameImage style-local-205-c23-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"205-c24\" class=\"h-global-transition-all h-heading style-423 style-local-205-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=\"205-c25\" class=\"h-text h-text-component style-424 style-local-205-c25 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Programmer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"205-c26\" class=\"h-text h-text-component style-425 style-local-205-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=\"205-c27\" class=\"style-432 style-local-205-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=\"205-c32\" id=\"about\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-608 style-local-205-c32 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"205-c33\" 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-609 style-local-205-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-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-610-outer style-local-205-c34-outer\">\n            <div data-colibri-id=\"205-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-610 style-local-205-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=\"205-c35\" class=\"h-global-transition-all h-heading style-611 style-local-205-c35 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h5 class=\"\">Our Client<\/h5>\n                <\/div>\n                <div data-colibri-id=\"205-c36\" class=\"h-global-transition-all h-heading style-612 style-local-205-c36 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <a href=\"https:\/\/www.jhf.org\/\" h-use-smooth-scroll=\"true\">\n                    <h2 class=\"\">Jewish Healthcare Foundation<\/h2>\n                  <\/a>\n                <\/div>\n                <div data-colibri-id=\"205-c37\" class=\"h-text h-text-component style-613 style-local-205-c37 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>who will be hosting a healthcare themed conference called \u201cLiftoff PGH 2020\u201d this September<\/p>\n                    <p>\n                      <br>\n                    <\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"205-c38\" class=\"h-x-container style-648 style-local-205-c38 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-205-c38-group style-648-spacing style-local-205-c38-spacing\"><span class=\"h-button__outer style-649-outer style-local-205-c39-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/liftoffpgh.org\/\"  data-colibri-id=\"205-c39\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-649 style-local-205-c39 position-relative\"><!----><!----> <span>Check out &#8220;Liftoff pgh 2020&#8221;!<\/span><\/a>\n                    <\/span>\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-614-outer style-local-205-c40-outer\">\n            <div data-colibri-id=\"205-c40\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-614 style-local-205-c40 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"205-c41\" id=\"instructors\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-367 style-local-205-c41 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"205-c65\" 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-390 style-local-205-c65 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-391-outer style-local-205-c66-outer\">\n            <div data-colibri-id=\"205-c66\" 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-391 style-local-205-c66 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=\"205-c67\" class=\"h-global-transition-all h-heading style-392 style-local-205-c67 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h1 class=\"\">Instructors<\/h1>\n                <\/div>\n                <div data-colibri-id=\"205-c68\" class=\"h-lead h-text h-text-component style-393 style-local-205-c68 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=\"205-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-368 style-local-205-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-369-outer style-local-205-c43-outer\">\n            <div data-colibri-id=\"205-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-369 style-local-205-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=\"205-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-370 style-local-205-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-371-outer style-local-205-c45-outer\">\n                      <div data-colibri-id=\"205-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-371 style-local-205-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=\"205-c46\" class=\"content-swap style-372 style-local-205-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=\"205-c47\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-373 style-local-205-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=\"205-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-374 style-local-205-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=\"205-c49\" class=\"h-x-container style-375 style-local-205-c49 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-205-c49-group style-375-spacing style-local-205-c49-spacing\"><span class=\"h-button__outer style-376-outer style-local-205-c50-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"205-c50\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-376 style-local-205-c50 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-377-outer style-local-205-c51-outer\">\n                      <div data-colibri-id=\"205-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-377 style-local-205-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=\"205-c52\" class=\"h-global-transition-all h-heading style-378 style-local-205-c52 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=\"205-c53\" class=\"h-text h-text-component style-379 style-local-205-c53 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-369-outer style-local-205-c54-outer\">\n            <div data-colibri-id=\"205-c54\" 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-369 style-local-205-c54 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=\"205-c55\" 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-370 style-local-205-c55 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-371-outer style-local-205-c56-outer\">\n                      <div data-colibri-id=\"205-c56\" 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-371 style-local-205-c56 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=\"205-c57\" class=\"content-swap style-383 style-local-205-c57 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=\"205-c58\" class=\"h-content-swap__normal d-flex border-radius-inherit h-ui-empty-state-container hide-animation style-384 style-local-205-c58 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=\"205-c59\" 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-385 style-local-205-c59 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=\"205-c60\" class=\"h-x-container style-375 style-local-205-c60 position-relative h-element\">\n                                    <!---->\n                                    <div class=\"h-x-container-inner style-dynamic-205-c60-group style-375-spacing style-local-205-c60-spacing\"><span class=\"h-button__outer style-376-outer style-local-205-c61-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"205-c61\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-376 style-local-205-c61 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-377-outer style-local-205-c62-outer\">\n                      <div data-colibri-id=\"205-c62\" 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-377 style-local-205-c62 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=\"205-c63\" class=\"h-global-transition-all h-heading style-378 style-local-205-c63 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=\"205-c64\" class=\"h-text h-text-component style-379 style-local-205-c64 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 data-colibri-component=\"section\" data-colibri-id=\"205-c69\" id=\"blogs\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-566 style-local-205-c69 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"205-c70\" 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-567 style-local-205-c70 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-568-outer style-local-205-c71-outer\">\n            <div data-colibri-id=\"205-c71\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-2 style-568 style-local-205-c71 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-center align-self-md-center align-self-center\">\n                <!---->\n                <div data-colibri-id=\"205-c72\" class=\"h-global-transition-all h-heading style-569 style-local-205-c72 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Want to see our progress?&nbsp;<\/h2>\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-625-outer style-local-205-c73-outer\">\n            <div data-colibri-id=\"205-c73\" 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-625 style-local-205-c73 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=\"205-c74\" class=\"h-x-container style-626 style-local-205-c74 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-205-c74-group style-626-spacing style-local-205-c74-spacing\"><span class=\"h-button__outer style-627-outer style-local-205-c75-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/blogs\/\"  data-colibri-id=\"205-c75\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-627 style-local-205-c75 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 data-colibri-id=\"205-c76\" class=\"h-row-container gutters-row-lg-1 gutters-row-md-1 gutters-row-0 gutters-row-v-lg-1 gutters-row-v-md-1 gutters-row-v-1 colibri-dynamic-list style-580 style-local-205-c76 position-relative\">\n        <!---->\n        <div data-colibri-component=\"masonry\" class=\"h-row justify-content-lg-start justify-content-md-start justify-content-start 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-1 gutters-col-v-md-1 gutters-col-v-1 style-580-row style-local-205-c76-row\">\n          <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 post-777 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized masonry-item style-581-outer style-local-205-c77-outer\"><div data-colibri-id=\"205-c77\" 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-581 style-local-205-c77 position-relative\"> <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\"> <div data-href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/08\/week-16-final-presentation\/\" data-colibri-component=\"link\" data-colibri-id=\"205-c78\" class=\"colibri-post-thumbnail colibri-post-has-thumbnail style-582 style-local-205-c78 h-overflow-hidden position-relative h-element\"><div class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-205-c78-height\">            <a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/08\/week-16-final-presentation\/\" title=\"Week 16 &#8211; Final Presentation\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/App-presentation-1.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/App-presentation-1.png 1920w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/App-presentation-1-300x169.png 300w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/App-presentation-1-1024x576.png 1024w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/App-presentation-1-768x432.png 768w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/App-presentation-1-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>            <\/a>\n\t\t\t<\/div> <div class=\"colibri-post-thumbnail-content align-items-lg-center align-items-md-center align-items-center flex-basis-100\"><div class=\"w-100 h-y-container\"> <\/div><\/div><\/div><div data-colibri-id=\"205-c79\" 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-583 style-local-205-c79 position-relative\"><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\"> <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col-auto style-584-outer style-local-205-c80-outer\"><div data-colibri-id=\"205-c80\" 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-584 style-local-205-c80 position-relative\"> <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\"> <div data-colibri-id=\"205-c81\" class=\"h-blog-categories style-585 style-local-205-c81 position-relative h-element\"><div class=\"h-global-transition-all\"><a class=\"d-inline-block colibri-post-category\" href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/category\/uncategorized\/\">Uncategorized<\/a><\/div><\/div><div data-colibri-id=\"205-c82\" class=\"h-blog-title style-586 style-local-205-c82 position-relative h-element\"><div class=\"h-global-transition-all\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/08\/week-16-final-presentation\/\"><h4 class=\"colibri-word-wrap\">Week 16 &#8211; Final Presentation<\/h4><\/a><\/div><\/div><div data-colibri-id=\"205-c83\" class=\"style-587 style-local-205-c83 position-relative h-element\"><div class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">Time goes so fast, I can\u2019t believe this is the last week already. In the final week, all ETC teams are required to do a 15-min presentation to the faculties, showing their project and answer questions. We usually do this in the RPIS at ETC building, [&hellip;]<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-colibri-id=\"205-c84\" 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-588 style-local-205-c84 position-relative\"><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\"> <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col style-589-outer style-local-205-c85-outer\"><div data-colibri-id=\"205-c85\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-0 style-589 style-local-205-c85 position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\"> <div data-colibri-id=\"205-c86\" class=\"h-blog-meta style-590 style-local-205-c86 position-relative h-element\"><div class=\"metadata-item\"><span class=\"metadata-prefix\">by<\/span> <a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/author\/cl5\/\">cl5<\/a> <span class=\"meta-separator\"><\/span><\/div><div class=\"metadata-item\"><span class=\"metadata-prefix\">on<\/span> <a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/08\/\">May 8<\/a><\/div><\/div><\/div><\/div><\/div><div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-591-outer style-local-205-c87-outer\"><div data-colibri-id=\"205-c87\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-0 style-591 style-local-205-c87 position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-auto align-self-lg-center align-self-md-center align-self-center\"> <div data-colibri-id=\"205-c88\" class=\"h-x-container style-592 style-local-205-c88 position-relative h-element\"><div class=\"h-x-container-inner style-dynamic-205-c88-group\"><span class=\"h-button__outer style-593-outer style-local-205-c89-outer d-inline-flex h-element\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/08\/week-16-final-presentation\/\" data-colibri-id=\"205-c89\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-593 style-local-205-c89 position-relative\"> <span>Read more<\/span> <span class=\"h-svg-icon h-button__icon style-593-icon style-local-205-c89-icon\"><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"arrow-right\" viewBox=\"0 0 512 545.5\"><path d=\"M299.5 140.5l136 136 11 11.5-11 11.5-136 136-23-23L385 304H64v-32h321L276.5 163.5z\"><\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n      \n      \n        <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 post-758 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized masonry-item style-581-outer style-local-205-c77-outer\"><div data-colibri-id=\"205-c77\" 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-581 style-local-205-c77 position-relative\"> <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\"> <div data-href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/07\/demo-trailer\/\" data-colibri-component=\"link\" data-colibri-id=\"205-c78\" class=\"colibri-post-thumbnail colibri-post-has-thumbnail style-582 style-local-205-c78 h-overflow-hidden position-relative h-element\"><div class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-205-c78-height\">            <a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/07\/demo-trailer\/\" title=\"Demo &#038; Trailer\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1114\" height=\"579\" src=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/\u65e0\u6807\u9898.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/\u65e0\u6807\u9898.png 1114w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/\u65e0\u6807\u9898-300x156.png 300w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/\u65e0\u6807\u9898-1024x532.png 1024w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/\u65e0\u6807\u9898-768x399.png 768w\" sizes=\"(max-width: 1114px) 100vw, 1114px\" \/>            <\/a>\n\t\t\t<\/div> <div class=\"colibri-post-thumbnail-content align-items-lg-center align-items-md-center align-items-center flex-basis-100\"><div class=\"w-100 h-y-container\"> <\/div><\/div><\/div><div data-colibri-id=\"205-c79\" 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-583 style-local-205-c79 position-relative\"><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\"> <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col-auto style-584-outer style-local-205-c80-outer\"><div data-colibri-id=\"205-c80\" 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-584 style-local-205-c80 position-relative\"> <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\"> <div data-colibri-id=\"205-c81\" class=\"h-blog-categories style-585 style-local-205-c81 position-relative h-element\"><div class=\"h-global-transition-all\"><a class=\"d-inline-block colibri-post-category\" href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/category\/uncategorized\/\">Uncategorized<\/a><\/div><\/div><div data-colibri-id=\"205-c82\" class=\"h-blog-title style-586 style-local-205-c82 position-relative h-element\"><div class=\"h-global-transition-all\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/07\/demo-trailer\/\"><h4 class=\"colibri-word-wrap\">Demo &#038; Trailer<\/h4><\/a><\/div><\/div><div data-colibri-id=\"205-c83\" class=\"style-587 style-local-205-c83 position-relative h-element\"><div class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">This is our Demo! This is our trailer!<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-colibri-id=\"205-c84\" 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-588 style-local-205-c84 position-relative\"><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\"> <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col style-589-outer style-local-205-c85-outer\"><div data-colibri-id=\"205-c85\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-0 style-589 style-local-205-c85 position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\"> <div data-colibri-id=\"205-c86\" class=\"h-blog-meta style-590 style-local-205-c86 position-relative h-element\"><div class=\"metadata-item\"><span class=\"metadata-prefix\">by<\/span> <a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/author\/cl5\/\">cl5<\/a> <span class=\"meta-separator\"><\/span><\/div><div class=\"metadata-item\"><span class=\"metadata-prefix\">on<\/span> <a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/07\/\">May 7<\/a><\/div><\/div><\/div><\/div><\/div><div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-591-outer style-local-205-c87-outer\"><div data-colibri-id=\"205-c87\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-0 style-591 style-local-205-c87 position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-auto align-self-lg-center align-self-md-center align-self-center\"> <div data-colibri-id=\"205-c88\" class=\"h-x-container style-592 style-local-205-c88 position-relative h-element\"><div class=\"h-x-container-inner style-dynamic-205-c88-group\"><span class=\"h-button__outer style-593-outer style-local-205-c89-outer d-inline-flex h-element\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/07\/demo-trailer\/\" data-colibri-id=\"205-c89\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-593 style-local-205-c89 position-relative\"> <span>Read more<\/span> <span class=\"h-svg-icon h-button__icon style-593-icon style-local-205-c89-icon\"><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"arrow-right\" viewBox=\"0 0 512 545.5\"><path d=\"M299.5 140.5l136 136 11 11.5-11 11.5-136 136-23-23L385 304H64v-32h321L276.5 163.5z\"><\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n      \n      \n        <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 post-739 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized masonry-item style-581-outer style-local-205-c77-outer\"><div data-colibri-id=\"205-c77\" 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-581 style-local-205-c77 position-relative\"> <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\"> <div data-href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/04\/week-15-documentation-week\/\" data-colibri-component=\"link\" data-colibri-id=\"205-c78\" class=\"colibri-post-thumbnail colibri-post-has-thumbnail style-582 style-local-205-c78 h-overflow-hidden position-relative h-element\"><div class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-205-c78-height\">            <a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/04\/week-15-documentation-week\/\" title=\"Week 15 &#8211; Documentation Week\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1010\" height=\"877\" src=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/image-1.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/image-1.png 1010w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/image-1-300x260.png 300w, https:\/\/projects-old.etc.cmu.edu\/liftoff\/wp-content\/uploads\/2020\/05\/image-1-768x667.png 768w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/>            <\/a>\n\t\t\t<\/div> <div class=\"colibri-post-thumbnail-content align-items-lg-center align-items-md-center align-items-center flex-basis-100\"><div class=\"w-100 h-y-container\"> <\/div><\/div><\/div><div data-colibri-id=\"205-c79\" 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-583 style-local-205-c79 position-relative\"><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\"> <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col-auto style-584-outer style-local-205-c80-outer\"><div data-colibri-id=\"205-c80\" 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-584 style-local-205-c80 position-relative\"> <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\"> <div data-colibri-id=\"205-c81\" class=\"h-blog-categories style-585 style-local-205-c81 position-relative h-element\"><div class=\"h-global-transition-all\"><a class=\"d-inline-block colibri-post-category\" href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/category\/uncategorized\/\">Uncategorized<\/a><\/div><\/div><div data-colibri-id=\"205-c82\" class=\"h-blog-title style-586 style-local-205-c82 position-relative h-element\"><div class=\"h-global-transition-all\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/04\/week-15-documentation-week\/\"><h4 class=\"colibri-word-wrap\">Week 15 &#8211; Documentation Week<\/h4><\/a><\/div><\/div><div data-colibri-id=\"205-c83\" class=\"style-587 style-local-205-c83 position-relative h-element\"><div class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">This week, we worked on preparing the documentation for our final handoff. Because we have another team after us that will continue working on this project, it\u2019s important for us to produce very detailed documentation so that the next team can easily pick up the tech, [&hellip;]<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-colibri-id=\"205-c84\" 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-588 style-local-205-c84 position-relative\"><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\"> <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col style-589-outer style-local-205-c85-outer\"><div data-colibri-id=\"205-c85\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-0 style-589 style-local-205-c85 position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\"> <div data-colibri-id=\"205-c86\" class=\"h-blog-meta style-590 style-local-205-c86 position-relative h-element\"><div class=\"metadata-item\"><span class=\"metadata-prefix\">by<\/span> <a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/author\/cl5\/\">cl5<\/a> <span class=\"meta-separator\"><\/span><\/div><div class=\"metadata-item\"><span class=\"metadata-prefix\">on<\/span> <a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/04\/\">May 4<\/a><\/div><\/div><\/div><\/div><\/div><div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-591-outer style-local-205-c87-outer\"><div data-colibri-id=\"205-c87\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-0 style-591 style-local-205-c87 position-relative\"> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-auto align-self-lg-center align-self-md-center align-self-center\"> <div data-colibri-id=\"205-c88\" class=\"h-x-container style-592 style-local-205-c88 position-relative h-element\"><div class=\"h-x-container-inner style-dynamic-205-c88-group\"><span class=\"h-button__outer style-593-outer style-local-205-c89-outer d-inline-flex h-element\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/2020\/05\/04\/week-15-documentation-week\/\" data-colibri-id=\"205-c89\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-593 style-local-205-c89 position-relative\"> <span>Read more<\/span> <span class=\"h-svg-icon h-button__icon style-593-icon style-local-205-c89-icon\"><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"arrow-right\" viewBox=\"0 0 512 545.5\"><path d=\"M299.5 140.5l136 136 11 11.5-11 11.5-136 136-23-23L385 304H64v-32h321L276.5 163.5z\"><\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n      \n      \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 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-205","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/pages\/205"}],"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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":20,"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/pages\/205\/revisions"}],"predecessor-version":[{"id":764,"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/pages\/205\/revisions\/764"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/liftoff\/index.php\/wp-json\/wp\/v2\/media?parent=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}