{"id":10,"date":"2019-09-09T17:21:27","date_gmt":"2019-09-09T17:21:27","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/colibri-wp\/"},"modified":"2019-12-05T23:32:14","modified_gmt":"2019-12-05T23:32:14","slug":"colibri-wp","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/","title":{"rendered":"Front Page"},"content":{"rendered":"<div data-colibri-id=\"10-c1\" class=\"style-172 style-local-10-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"10-c2\" id=\"about\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-180 style-local-10-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"10-c3\" 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-181 style-local-10-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-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-182-outer style-local-10-c4-outer\">\n            <div data-colibri-id=\"10-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-182 style-local-10-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=\"10-c5\" class=\"h-global-transition-all h-heading style-183 style-local-10-c5 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h5 class=\"\">What is Face-2-Face?<\/h5>\n                <\/div>\n                <div data-colibri-id=\"10-c6\" class=\"h-global-transition-all h-heading style-184 style-local-10-c6 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">A <em>transformational&nbsp;<\/em><em style=\"font-family: &quot;Playfair Display&quot;;\"><br><\/em><span style=\"font-family: &quot;Playfair Display&quot;;\">game<\/span>&nbsp;that uses AR and&nbsp;<em style=\"font-family: &quot;Playfair Display&quot;;\">facial recognition<\/em>&nbsp;to\n                    bring people closer together<\/h2>\n                <\/div>\n                <div data-colibri-id=\"10-c7\" class=\"h-text h-text-component style-185 style-local-10-c7 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Team Face-2-Face is building, in collaboration with Professor Katherine Isbister and the Social Emotional Technology Lab at the University of California, Santa Cruz, a transformational mobile game that uses the facial tracking capabilities\n                      of ARKit to help people feel more comfortable in social situations.<\/p>\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-186-outer style-local-10-c8-outer\">\n            <div data-colibri-id=\"10-c8\" 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-186 style-local-10-c8 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=\"10-c9\" id=\"team\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-331 style-local-10-c9 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"10-c42\" 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-345 style-local-10-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-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-346-outer style-local-10-c43-outer\">\n            <div data-colibri-id=\"10-c43\" 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-346 style-local-10-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=\"10-c44\" class=\"h-global-transition-all h-heading style-347 style-local-10-c44 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Our Team<\/h2>\n                <\/div>\n                <div data-colibri-id=\"10-c45\" class=\"h-lead h-text h-text-component style-348 style-local-10-c45 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>We are a team of 5 extremely passionate people who love to create interactive, appealing, and meaningful experiences.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"10-c10\" 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 style-332 style-local-10-c10 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-1 gutters-col-v-md-1 gutters-col-v-1\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 style-375-outer style-local-10-c11-outer\">\n            <div data-colibri-id=\"10-c11\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-375 style-local-10-c11 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=\"10-c12\" class=\"d-block style-369 style-local-10-c12 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/lphilibe\/\" h-use-smooth-scroll=\"true\" class=\"image-link\">\n                      <div class=\"h-image__frame-container\">\n                        <!---->\n                        <!---->\n                        <img fetchpriority=\"high\" decoding=\"async\" width=\"1127\" height=\"1126\" src=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-LiamPhiliben-2.jpg\" class=\"wp-image-62 style-369-image style-local-10-c12-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-LiamPhiliben-2.jpg 1127w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-LiamPhiliben-2-150x150.jpg 150w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-LiamPhiliben-2-300x300.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-LiamPhiliben-2-768x767.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-LiamPhiliben-2-1024x1024.jpg 1024w\" sizes=\"(max-width: 1127px) 100vw, 1127px\" \/>\n                        <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-369-frameImage style-local-10-c12-frameImage\"><\/div>\n                      <\/div>\n                    <\/a>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c13\" class=\"h-global-transition-all h-heading style-361 style-local-10-c13 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Liam Philiben<\/h2>\n                <\/div>\n                <div data-colibri-id=\"10-c14\" class=\"h-text h-text-component style-362 style-local-10-c14 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Interaction Designer &amp; Producer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c15\" class=\"h-text h-text-component style-433 style-local-10-c15 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"color: rgb(23, 37, 42); font-family: &quot;Open Sans&quot;; font-size: 16px; font-weight: 400;\">Liam is a virtual interaction designer with a background in cinema and media studies and transmedia game design. On Face-2-Face, he will be working as both an interaction designer and as the producer for the project.<\/span><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c16\" class=\"style-344 style-local-10-c16 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\/liam-philiben-b6828416b\/\" target=\"_blank\" 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 Socicon (http:\/\/www.socicon.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n                              <path d=\"M1122.070 767.578c-20.508-23.438-55.664-35.156-105.469-35.156-64.453 0-108.398 20.508-134.766 55.664-26.367 38.086-38.086 90.82-38.086 158.203v512.695c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h260.742c8.789 0 17.578 2.93 23.438 5.859s8.789 11.719 11.719 20.508c0 8.789 2.93 17.578 2.93 20.508s0 11.719 0 23.438c67.383-64.453 158.203-93.75 266.602-93.75 125.977 0 222.656 29.297 292.969 90.82 70.313 64.453 105.469 155.273 105.469 278.32v638.672c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-275.391c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-577.148c0-49.805-8.789-87.891-26.367-114.258zM310.547 313.477c-35.156 35.156-79.102 52.734-128.906 52.734s-93.75-17.578-128.906-52.734c-35.156-35.156-52.734-76.172-52.734-128.906 0-49.805 17.578-90.82 52.734-125.977s79.102-55.664 128.906-55.664c49.805 0 93.75 20.508 128.906 55.664s52.734 76.172 52.734 125.977c0 52.734-17.578 93.75-52.734 128.906zM354.492 512.695v946.289c0 8.789-5.859 17.578-11.719 26.367-8.789 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h269.531c8.789 0 17.578 5.859 26.367 11.719 5.859 8.789 11.719 17.578 11.719 26.367z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\n                    <\/div>\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/liamphiliben.com\/\" target=\"_blank\" 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=\"link\" viewBox=\"0 0 1664 1896.0833\">\n                              <path d=\"M1456 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zM753 511q0-40-28-68L519 236q-28-28-68-28-39 0-68 27L236 381q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5T543.5 680t-15-19-13-25.5T512 608q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84L100 652q-84-84-84-204t85-203L248 99q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z\"><\/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-4 h-col-md-6 h-col-12 style-376-outer style-local-10-c17-outer\">\n            <div data-colibri-id=\"10-c17\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-376 style-local-10-c17 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"10-c18\" class=\"d-block style-343 style-local-10-c18 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/zhaoyili\/\" h-use-smooth-scroll=\"true\" class=\"image-link\">\n                      <div class=\"h-image__frame-container\">\n                        <!---->\n                        <!---->\n                        <img decoding=\"async\" width=\"900\" height=\"900\" src=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-Ashley-3.jpg\" class=\"wp-image-71 style-343-image style-local-10-c18-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-Ashley-3.jpg 900w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-Ashley-3-150x150.jpg 150w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-Ashley-3-300x300.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/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-343-frameImage style-local-10-c18-frameImage\"><\/div>\n                      <\/div>\n                    <\/a>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c19\" class=\"h-global-transition-all h-heading style-335 style-local-10-c19 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Ashley Liang<\/h2>\n                <\/div>\n                <div data-colibri-id=\"10-c20\" class=\"h-text h-text-component style-336 style-local-10-c20 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Gameplay Programmer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c21\" class=\"h-text h-text-component style-432 style-local-10-c21 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"color: rgb(23, 37, 42); font-family: &quot;Open Sans&quot;; font-size: 16px; font-weight: 400;\">Ashley is a game programmer with a strong passion for VR and AR, whose interests lie at the intersection of technology and art. On Face-2-Face, she will be working as one of two programmers on the team.<\/span><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c22\" class=\"style-370 style-local-10-c22 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\/\" target=\"_blank\" 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 Socicon (http:\/\/www.socicon.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n                              <path d=\"M1122.070 767.578c-20.508-23.438-55.664-35.156-105.469-35.156-64.453 0-108.398 20.508-134.766 55.664-26.367 38.086-38.086 90.82-38.086 158.203v512.695c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h260.742c8.789 0 17.578 2.93 23.438 5.859s8.789 11.719 11.719 20.508c0 8.789 2.93 17.578 2.93 20.508s0 11.719 0 23.438c67.383-64.453 158.203-93.75 266.602-93.75 125.977 0 222.656 29.297 292.969 90.82 70.313 64.453 105.469 155.273 105.469 278.32v638.672c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-275.391c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-577.148c0-49.805-8.789-87.891-26.367-114.258zM310.547 313.477c-35.156 35.156-79.102 52.734-128.906 52.734s-93.75-17.578-128.906-52.734c-35.156-35.156-52.734-76.172-52.734-128.906 0-49.805 17.578-90.82 52.734-125.977s79.102-55.664 128.906-55.664c49.805 0 93.75 20.508 128.906 55.664s52.734 76.172 52.734 125.977c0 52.734-17.578 93.75-52.734 128.906zM354.492 512.695v946.289c0 8.789-5.859 17.578-11.719 26.367-8.789 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h269.531c8.789 0 17.578 5.859 26.367 11.719 5.859 8.789 11.719 17.578 11.719 26.367z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\n                    <\/div>\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/zhaoyiliang.com\" target=\"_blank\" 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=\"link\" viewBox=\"0 0 1664 1896.0833\">\n                              <path d=\"M1456 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zM753 511q0-40-28-68L519 236q-28-28-68-28-39 0-68 27L236 381q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5T543.5 680t-15-19-13-25.5T512 608q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84L100 652q-84-84-84-204t85-203L248 99q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z\"><\/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-4 h-col-md-6 h-col-12 style-377-outer style-local-10-c23-outer\">\n            <div data-colibri-id=\"10-c23\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-377 style-local-10-c23 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"10-c24\" class=\"d-block style-341 style-local-10-c24 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <a href=\"https:\/\/www.etc.cmu.edu\/blog\/author\/cl5\/\" h-use-smooth-scroll=\"true\" class=\"image-link\">\n                      <div class=\"h-image__frame-container\">\n                        <!---->\n                        <!---->\n                        <img decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-about-768x1024.jpg\" class=\"wp-image-64 style-341-image style-local-10-c24-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-about-768x1024.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-about-768x1024-150x150.jpg 150w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-about-768x1024-300x300.jpg 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\n                        <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-341-frameImage style-local-10-c24-frameImage\"><\/div>\n                      <\/div>\n                    <\/a>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c25\" class=\"h-global-transition-all h-heading style-335 style-local-10-c25 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Chang Liu<\/h2>\n                <\/div>\n                <div data-colibri-id=\"10-c26\" class=\"h-text h-text-component style-336 style-local-10-c26 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Gameplay Programmer<\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c27\" class=\"h-text h-text-component style-435 style-local-10-c27 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"color: rgb(23, 37, 42); font-family: &quot;Open Sans&quot;; font-size: 16px; font-weight: 400;\">Chang is a programmer with a strong background in web development, game development, and AR\/VR technology. On Face-2-Face, he will be working as one of two programmers on the team.<\/span><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c28\" class=\"style-342 style-local-10-c28 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\/\" target=\"_blank\" 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 Socicon (http:\/\/www.socicon.com)-->\n                            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n                              <path d=\"M1122.070 767.578c-20.508-23.438-55.664-35.156-105.469-35.156-64.453 0-108.398 20.508-134.766 55.664-26.367 38.086-38.086 90.82-38.086 158.203v512.695c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h260.742c8.789 0 17.578 2.93 23.438 5.859s8.789 11.719 11.719 20.508c0 8.789 2.93 17.578 2.93 20.508s0 11.719 0 23.438c67.383-64.453 158.203-93.75 266.602-93.75 125.977 0 222.656 29.297 292.969 90.82 70.313 64.453 105.469 155.273 105.469 278.32v638.672c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-275.391c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-577.148c0-49.805-8.789-87.891-26.367-114.258zM310.547 313.477c-35.156 35.156-79.102 52.734-128.906 52.734s-93.75-17.578-128.906-52.734c-35.156-35.156-52.734-76.172-52.734-128.906 0-49.805 17.578-90.82 52.734-125.977s79.102-55.664 128.906-55.664c49.805 0 93.75 20.508 128.906 55.664s52.734 76.172 52.734 125.977c0 52.734-17.578 93.75-52.734 128.906zM354.492 512.695v946.289c0 8.789-5.859 17.578-11.719 26.367-8.789 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h269.531c8.789 0 17.578 5.859 26.367 11.719 5.859 8.789 11.719 17.578 11.719 26.367z\"><\/path>\n                            <\/svg>\n                          <\/div>\n                        <\/div>\n                      <\/a>\n                    <\/div>\n                    <div class=\"social-icon-container d-inline-flex\">\n                      <a href=\"https:\/\/cliu.github.io\/\" target=\"_blank\" 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=\"link\" viewBox=\"0 0 1664 1896.0833\">\n                              <path d=\"M1456 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zM753 511q0-40-28-68L519 236q-28-28-68-28-39 0-68 27L236 381q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5T543.5 680t-15-19-13-25.5T512 608q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84L100 652q-84-84-84-204t85-203L248 99q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z\"><\/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 data-colibri-id=\"10-c29\" 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-484 style-local-10-c29 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-6 h-col-md-6 h-col-12 style-485-outer style-local-10-c30-outer\">\n            <div data-colibri-id=\"10-c30\" 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-485 style-local-10-c30 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=\"10-c31\" class=\"d-block style-487 style-local-10-c31 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=\"2090\" height=\"2180\" src=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/12\/cropped-DSC3514_new-scaled-1.jpg\" class=\"wp-image-724 style-487-image style-local-10-c31-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/12\/cropped-DSC3514_new-scaled-1.jpg 2090w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/12\/cropped-DSC3514_new-scaled-1-288x300.jpg 288w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/12\/cropped-DSC3514_new-scaled-1-982x1024.jpg 982w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/12\/cropped-DSC3514_new-scaled-1-768x801.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/12\/cropped-DSC3514_new-scaled-1-1473x1536.jpg 1473w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/12\/cropped-DSC3514_new-scaled-1-1963x2048.jpg 1963w\" sizes=\"(max-width: 2090px) 100vw, 2090px\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-487-frameImage style-local-10-c31-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c32\" class=\"h-global-transition-all h-heading style-490 style-local-10-c32 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Yoli Shen<\/h2>\n                <\/div>\n                <div data-colibri-id=\"10-c33\" class=\"h-text h-text-component style-495 style-local-10-c33 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><em style=\"font-weight: 400; font-size: 16px; font-family: &quot;Open Sans&quot;; color: rgb(70, 112, 127);\">Designer &amp; Concept Artist<\/em><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c34\" class=\"h-text h-text-component style-497 style-local-10-c34 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"font-weight: 400; font-size: 16px; font-family: &quot;Open Sans&quot;; color: rgb(23, 37, 42);\">Yoli is an artist with a background in concept art and environmental design. On Face-2-Face, she will be acting as our resident game design, art, and programming liaison, helping out in any of those departments when the need arises.<\/span><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c35\" class=\"icon-list d-flex justify-content-lg-center justify-content-md-center justify-content-center style-506 style-local-10-c35 position-relative h-element\">\n                  <!---->\n                  <ul class=\"ul-list-icon horizontal-on-desktop horizontal-on-tablet horizontal-on-mobile justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <!---->\n                    <li class=\"list-item no-gutters\">\n                      <!---->\n                      <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center first-el-spacer\"><\/div>\n                      <a href=\"https:\/\/www.linkedin.com\/in\/huijun-yoli-shen\/\" h-use-smooth-scroll=\"true\" class=\"item-link no-gutters\">\n                        <div class=\"d-flex h-col no-gutters align-items-lg-center align-items-md-center align-items-center list-item-text-wrapper\">\n                          <div class=\"d-flex\"><span class=\"h-svg-icon style-506-icon style-local-10-c35-icon\"><!--Icon by Socicon (http:\/\/www.socicon.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n<path d=\"M1122.070 767.578c-20.508-23.438-55.664-35.156-105.469-35.156-64.453 0-108.398 20.508-134.766 55.664-26.367 38.086-38.086 90.82-38.086 158.203v512.695c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h260.742c8.789 0 17.578 2.93 23.438 5.859s8.789 11.719 11.719 20.508c0 8.789 2.93 17.578 2.93 20.508s0 11.719 0 23.438c67.383-64.453 158.203-93.75 266.602-93.75 125.977 0 222.656 29.297 292.969 90.82 70.313 64.453 105.469 155.273 105.469 278.32v638.672c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-275.391c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-577.148c0-49.805-8.789-87.891-26.367-114.258zM310.547 313.477c-35.156 35.156-79.102 52.734-128.906 52.734s-93.75-17.578-128.906-52.734c-35.156-35.156-52.734-76.172-52.734-128.906 0-49.805 17.578-90.82 52.734-125.977s79.102-55.664 128.906-55.664c49.805 0 93.75 20.508 128.906 55.664s52.734 76.172 52.734 125.977c0 52.734-17.578 93.75-52.734 128.906zM354.492 512.695v946.289c0 8.789-5.859 17.578-11.719 26.367-8.789 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h269.531c8.789 0 17.578 5.859 26.367 11.719 5.859 8.789 11.719 17.578 11.719 26.367z\"><\/path>\n<\/svg>\n<\/span><\/div> <span class=\"list-text d-block\"><span><\/span><\/span>\n                        <\/div>\n                      <\/a>\n                      <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                        <!---->\n                      <\/div>\n                    <\/li>\n                    <li class=\"list-item no-gutters\">\n                      <!---->\n                      <!---->\n                      <a href=\"https:\/\/www.yolishen.com\/\" h-use-smooth-scroll=\"true\" class=\"item-link no-gutters\">\n                        <div class=\"d-flex h-col no-gutters align-items-lg-center align-items-md-center align-items-center list-item-text-wrapper\">\n                          <div class=\"d-flex\"><span class=\"h-svg-icon style-506-icon style-local-10-c35-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"link\" viewBox=\"0 0 1664 1896.0833\"><path d=\"M1456 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zM753 511q0-40-28-68L519 236q-28-28-68-28-39 0-68 27L236 381q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5T543.5 680t-15-19-13-25.5T512 608q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84L100 652q-84-84-84-204t85-203L248 99q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z\"><\/path><\/svg><\/span><\/div>\n                          <span class=\"list-text d-block\"><span><\/span><\/span>\n                        <\/div>\n                      <\/a>\n                      <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center\" style=\"display: none;\">\n                        <!---->\n                      <\/div>\n                      <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center last-el-spacer\"><\/div>\n                    <\/li>\n                  <\/ul>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 style-486-outer style-local-10-c36-outer\">\n            <div data-colibri-id=\"10-c36\" 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-486 style-local-10-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-id=\"10-c37\" class=\"d-block style-488 style-local-10-c37 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=\"600\" height=\"600\" src=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-cropped-linyao-2.png\" class=\"wp-image-721 style-488-image style-local-10-c37-image\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-cropped-linyao-2.png 600w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-cropped-linyao-2-300x300.png 300w, https:\/\/projects-old.etc.cmu.edu\/face-2-face\/wp-content\/uploads\/2019\/09\/cropped-cropped-linyao-2-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-488-frameImage style-local-10-c37-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c38\" class=\"h-global-transition-all h-heading style-494 style-local-10-c38 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Freya Li<\/h2>\n                <\/div>\n                <div data-colibri-id=\"10-c39\" class=\"h-text h-text-component style-496 style-local-10-c39 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><em style=\"font-weight: 400; font-size: 16px; font-family: &quot;Open Sans&quot;; color: rgb(70, 112, 127);\">Game Designer &amp; 3D Artist<\/em><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c40\" class=\"h-text h-text-component style-498 style-local-10-c40 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"color: rgb(23, 37, 42); font-family: &quot;Open Sans&quot;; font-size: 16px; font-weight: 400;\">&nbsp;Freya is a designer and 3d artist on the team who helps with game and experience design and 3d assets. She likes to use game design to meet the transformational goals. On Face-2-Face, she will be working as the main designer and the artist.<\/span><\/p>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"10-c41\" class=\"icon-list d-flex justify-content-lg-center justify-content-md-center justify-content-center style-507 style-local-10-c41 position-relative h-element\">\n                  <!---->\n                  <ul class=\"ul-list-icon horizontal-on-desktop horizontal-on-tablet horizontal-on-mobile justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <!---->\n                    <li class=\"list-item no-gutters\">\n                      <!---->\n                      <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center first-el-spacer\"><\/div>\n                      <a href=\"https:\/\/www.linkedin.com\/in\/linyao-freya-li\/\" h-use-smooth-scroll=\"true\" class=\"item-link no-gutters\">\n                        <div class=\"d-flex h-col no-gutters align-items-lg-center align-items-md-center align-items-center list-item-text-wrapper\">\n                          <div class=\"d-flex\"><span class=\"h-svg-icon style-507-icon style-local-10-c41-icon\"><!--Icon by Socicon (http:\/\/www.socicon.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1500 1500\">\n\n<path d=\"M1122.070 767.578c-20.508-23.438-55.664-35.156-105.469-35.156-64.453 0-108.398 20.508-134.766 55.664-26.367 38.086-38.086 90.82-38.086 158.203v512.695c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h260.742c8.789 0 17.578 2.93 23.438 5.859s8.789 11.719 11.719 20.508c0 8.789 2.93 17.578 2.93 20.508s0 11.719 0 23.438c67.383-64.453 158.203-93.75 266.602-93.75 125.977 0 222.656 29.297 292.969 90.82 70.313 64.453 105.469 155.273 105.469 278.32v638.672c0 8.789-2.93 17.578-11.719 26.367-5.859 5.859-17.578 11.719-26.367 11.719h-275.391c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-577.148c0-49.805-8.789-87.891-26.367-114.258zM310.547 313.477c-35.156 35.156-79.102 52.734-128.906 52.734s-93.75-17.578-128.906-52.734c-35.156-35.156-52.734-76.172-52.734-128.906 0-49.805 17.578-90.82 52.734-125.977s79.102-55.664 128.906-55.664c49.805 0 93.75 20.508 128.906 55.664s52.734 76.172 52.734 125.977c0 52.734-17.578 93.75-52.734 128.906zM354.492 512.695v946.289c0 8.789-5.859 17.578-11.719 26.367-8.789 5.859-17.578 11.719-26.367 11.719h-269.531c-8.789 0-17.578-5.859-26.367-11.719-5.859-8.789-11.719-17.578-11.719-26.367v-946.289c0-8.789 5.859-17.578 11.719-26.367 8.789-5.859 17.578-11.719 26.367-11.719h269.531c8.789 0 17.578 5.859 26.367 11.719 5.859 8.789 11.719 17.578 11.719 26.367z\"><\/path>\n<\/svg>\n<\/span><\/div> <span class=\"list-text d-block\"><span><\/span><\/span>\n                        <\/div>\n                      <\/a>\n                      <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                        <!---->\n                      <\/div>\n                    <\/li>\n                    <li class=\"list-item no-gutters\">\n                      <!---->\n                      <!---->\n                      <a href=\"https:\/\/www.linyaoli.com\/\" h-use-smooth-scroll=\"true\" class=\"item-link no-gutters\">\n                        <div class=\"d-flex h-col no-gutters align-items-lg-center align-items-md-center align-items-center list-item-text-wrapper\">\n                          <div class=\"d-flex\"><span class=\"h-svg-icon style-507-icon style-local-10-c41-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"link\" viewBox=\"0 0 1664 1896.0833\"><path d=\"M1456 1216q0-40-28-68l-208-208q-28-28-68-28-42 0-72 32 3 3 19 18.5t21.5 21.5 15 19 13 25.5 3.5 27.5q0 40-28 68t-68 28q-15 0-27.5-3.5t-25.5-13-19-15-21.5-21.5-18.5-19q-33 31-33 73 0 40 28 68l206 207q27 27 68 27 40 0 68-26l147-146q28-28 28-67zM753 511q0-40-28-68L519 236q-28-28-68-28-39 0-68 27L236 381q-28 28-28 67 0 40 28 68l208 208q27 27 68 27 42 0 72-31-3-3-19-18.5T543.5 680t-15-19-13-25.5T512 608q0-40 28-68t68-28q15 0 27.5 3.5t25.5 13 19 15 21.5 21.5 18.5 19q33-31 33-73zm895 705q0 120-85 203l-147 146q-83 83-203 83-121 0-204-85l-206-207q-83-83-83-203 0-123 88-209l-88-88q-86 88-208 88-120 0-204-84L100 652q-84-84-84-204t85-203L248 99q83-83 203-83 121 0 204 85l206 207q83 83 83 203 0 123-88 209l88 88q86-88 208-88 120 0 204 84l208 208q84 84 84 204z\"><\/path><\/svg><\/span><\/div>\n                          <span class=\"list-text d-block\"><span><\/span><\/span>\n                        <\/div>\n                      <\/a>\n                      <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center\" style=\"display: none;\">\n                        <!---->\n                      <\/div>\n                      <div class=\"list-container-divider d-flex justify-content-lg-center justify-content-md-center justify-content-center last-el-spacer\"><\/div>\n                    <\/li>\n                  <\/ul>\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=\"10-c46\" id=\"blog\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-284 style-local-10-c46 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"10-c67\" 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-301 style-local-10-c67 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-302-outer style-local-10-c68-outer\">\n            <div data-colibri-id=\"10-c68\" 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-302 style-local-10-c68 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=\"10-c69\" class=\"h-global-transition-all h-heading style-303 style-local-10-c69 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Latest news from our blog<\/h2>\n                <\/div>\n                <div data-colibri-id=\"10-c70\" class=\"h-text h-text-component style-304 style-local-10-c70 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p><span style=\"font-weight: 300; font-size: 19.2px; font-family: &quot;Open Sans&quot;, sans-serif; color: rgb(60, 66, 79);\">Welcome to our blog! We will be posting weekly updates regarding our project as we explore exciting things throughout the semester.<\/span><\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"10-c47\" 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-285 style-local-10-c47 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-286-outer style-local-10-c48-outer\">\n            <div data-colibri-id=\"10-c48\" 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-286 style-local-10-c48 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=\"10-c49\" 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-287 style-local-10-c49 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-287-row style-local-10-c49-row\">\n                    <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-6 h-col-12 post-788 post type-post status-publish format-standard hentry category-uncategorized masonry-item style-288-outer style-local-10-c50-outer\"><div data-colibri-id=\"10-c50\" 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-288 style-local-10-c50 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\/face-2-face\/index.php\/2019\/11\/29\/week-14-soft-opening\/\" data-colibri-component=\"link\" data-colibri-id=\"10-c51\" class=\"colibri-post-thumbnail colibri-post-has-no-thumbnail colibri-post-thumbnail-has-placeholder style-289 style-local-10-c51 h-overflow-hidden position-relative h-element\"><div class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-10-c51-height\"><\/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=\"10-c52\" 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-290 style-local-10-c52 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-291-outer style-local-10-c53-outer\"><div data-colibri-id=\"10-c53\" 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-291 style-local-10-c53 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=\"10-c54\" class=\"h-blog-categories style-292 style-local-10-c54 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\/face-2-face\/index.php\/category\/uncategorized\/\">Uncategorized<\/a><\/div><\/div><div data-colibri-id=\"10-c55\" class=\"h-blog-title style-293 style-local-10-c55 position-relative h-element\"><div class=\"h-global-transition-all\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/2019\/11\/29\/week-14-soft-opening\/\"><h4 class=\"colibri-word-wrap\">Week 14: Soft Opening!<\/h4><\/a><\/div><\/div><div data-colibri-id=\"10-c56\" class=\"style-294 style-local-10-c56 position-relative h-element\"><div class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">The day has finally arrived! Soft Opening was this week, and while we definitely can breathe easy for Thanksgiving break, we still have some work to do before Festival next week. The Work this Week Our week was primarily dominated by softs this week, especially since [&hellip;]<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-colibri-id=\"10-c57\" 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-295 style-local-10-c57 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-296-outer style-local-10-c58-outer\"><div data-colibri-id=\"10-c58\" 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-296 style-local-10-c58 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=\"10-c59\" class=\"h-blog-meta style-297 style-local-10-c59 position-relative h-element\"><div class=\"metadata-item\"><span class=\"metadata-prefix\">by<\/span> <a href=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/author\/lphilibe\/\">Liam Philiben<\/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\/face-2-face\/index.php\/2019\/11\/29\/\">Nov 29<\/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-298-outer style-local-10-c60-outer\"><div data-colibri-id=\"10-c60\" 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-298 style-local-10-c60 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=\"10-c61\" class=\"h-x-container style-299 style-local-10-c61 position-relative h-element\"><div class=\"h-x-container-inner style-dynamic-10-c61-group\"><span class=\"h-button__outer style-300-outer style-local-10-c62-outer d-inline-flex h-element\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/2019\/11\/29\/week-14-soft-opening\/\" data-colibri-id=\"10-c62\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-300 style-local-10-c62 position-relative\"> <span>Read more<\/span> <span class=\"h-svg-icon h-button__icon style-300-icon style-local-10-c62-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-519 post type-post status-publish format-standard hentry category-uncategorized masonry-item style-288-outer style-local-10-c50-outer\"><div data-colibri-id=\"10-c50\" 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-288 style-local-10-c50 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\/face-2-face\/index.php\/2019\/11\/22\/week-13\/\" data-colibri-component=\"link\" data-colibri-id=\"10-c51\" class=\"colibri-post-thumbnail colibri-post-has-no-thumbnail colibri-post-thumbnail-has-placeholder style-289 style-local-10-c51 h-overflow-hidden position-relative h-element\"><div class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-10-c51-height\"><\/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=\"10-c52\" 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-290 style-local-10-c52 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-291-outer style-local-10-c53-outer\"><div data-colibri-id=\"10-c53\" 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-291 style-local-10-c53 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=\"10-c54\" class=\"h-blog-categories style-292 style-local-10-c54 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\/face-2-face\/index.php\/category\/uncategorized\/\">Uncategorized<\/a><\/div><\/div><div data-colibri-id=\"10-c55\" class=\"h-blog-title style-293 style-local-10-c55 position-relative h-element\"><div class=\"h-global-transition-all\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/2019\/11\/22\/week-13\/\"><h4 class=\"colibri-word-wrap\">Week 13: Final Changes Before Softs<\/h4><\/a><\/div><\/div><div data-colibri-id=\"10-c56\" class=\"style-294 style-local-10-c56 position-relative h-element\"><div class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">Work for week 13 In this week, we refined our prototype and discussed with client about what material we can prepare for her to best server her original goal. Generally speaking, our final delivery package will include the following items: the prototype app, design document in [&hellip;]<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-colibri-id=\"10-c57\" 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-295 style-local-10-c57 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-296-outer style-local-10-c58-outer\"><div data-colibri-id=\"10-c58\" 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-296 style-local-10-c58 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=\"10-c59\" class=\"h-blog-meta style-297 style-local-10-c59 position-relative h-element\"><div class=\"metadata-item\"><span class=\"metadata-prefix\">by<\/span> <a href=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/author\/huijuns\/\">Yoli Shen<\/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\/face-2-face\/index.php\/2019\/11\/22\/\">Nov 22<\/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-298-outer style-local-10-c60-outer\"><div data-colibri-id=\"10-c60\" 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-298 style-local-10-c60 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=\"10-c61\" class=\"h-x-container style-299 style-local-10-c61 position-relative h-element\"><div class=\"h-x-container-inner style-dynamic-10-c61-group\"><span class=\"h-button__outer style-300-outer style-local-10-c62-outer d-inline-flex h-element\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/2019\/11\/22\/week-13\/\" data-colibri-id=\"10-c62\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-300 style-local-10-c62 position-relative\"> <span>Read more<\/span> <span class=\"h-svg-icon h-button__icon style-300-icon style-local-10-c62-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-480 post type-post status-publish format-standard hentry category-uncategorized masonry-item style-288-outer style-local-10-c50-outer\"><div data-colibri-id=\"10-c50\" 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-288 style-local-10-c50 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\/face-2-face\/index.php\/2019\/11\/15\/week-12\/\" data-colibri-component=\"link\" data-colibri-id=\"10-c51\" class=\"colibri-post-thumbnail colibri-post-has-no-thumbnail colibri-post-thumbnail-has-placeholder style-289 style-local-10-c51 h-overflow-hidden position-relative h-element\"><div class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-10-c51-height\"><\/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=\"10-c52\" 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-290 style-local-10-c52 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-291-outer style-local-10-c53-outer\"><div data-colibri-id=\"10-c53\" 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-291 style-local-10-c53 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=\"10-c54\" class=\"h-blog-categories style-292 style-local-10-c54 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\/face-2-face\/index.php\/category\/uncategorized\/\">Uncategorized<\/a><\/div><\/div><div data-colibri-id=\"10-c55\" class=\"h-blog-title style-293 style-local-10-c55 position-relative h-element\"><div class=\"h-global-transition-all\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/2019\/11\/15\/week-12\/\"><h4 class=\"colibri-word-wrap\">Week 12: A New Rhythm Game Prototype, and Playtesting and Modification<\/h4><\/a><\/div><\/div><div data-colibri-id=\"10-c56\" class=\"style-294 style-local-10-c56 position-relative h-element\"><div class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">The Work this Week From the end of last week, we started modifying our game mechanics. We changed the Simon rhythm memory game into competitive A-B following game.&nbsp; After finishing a rough version of the prototype, we held an Etc playtest. We have limited number of [&hellip;]<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-colibri-id=\"10-c57\" 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-295 style-local-10-c57 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-296-outer style-local-10-c58-outer\"><div data-colibri-id=\"10-c58\" 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-296 style-local-10-c58 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=\"10-c59\" class=\"h-blog-meta style-297 style-local-10-c59 position-relative h-element\"><div class=\"metadata-item\"><span class=\"metadata-prefix\">by<\/span> <a href=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/author\/lphilibe\/\">Liam Philiben<\/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\/face-2-face\/index.php\/2019\/11\/15\/\">Nov 15<\/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-298-outer style-local-10-c60-outer\"><div data-colibri-id=\"10-c60\" 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-298 style-local-10-c60 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=\"10-c61\" class=\"h-x-container style-299 style-local-10-c61 position-relative h-element\"><div class=\"h-x-container-inner style-dynamic-10-c61-group\"><span class=\"h-button__outer style-300-outer style-local-10-c62-outer d-inline-flex h-element\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/2019\/11\/15\/week-12\/\" data-colibri-id=\"10-c62\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-300 style-local-10-c62 position-relative\"> <span>Read more<\/span> <span class=\"h-svg-icon h-button__icon style-300-icon style-local-10-c62-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>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"10-c63\" 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-512 style-local-10-c63 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-12 h-col-md-12 h-col-12 style-513-outer style-local-10-c64-outer\">\n            <div data-colibri-id=\"10-c64\" 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-513 style-local-10-c64 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=\"10-c65\" class=\"h-divider style-517 style-local-10-c65 position-relative h-element\">\n                  <!----><span class=\"h-divider__line style-517-line style-local-10-c65-line style-517-line style-local-10-c65-line\"><\/span><\/div>\n                <div data-colibri-id=\"10-c66\" class=\"h-global-transition-all h-heading style-515 style-local-10-c66 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <h1 class=\"\">Contact Us<\/h1>\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=\"10-c71\" id=\"contact\" class=\"h-section h-section-global-spacing colibri-featured-img-bg d-flex align-items-lg-center align-items-md-center align-items-center style-414 style-local-10-c71 position-relative\">\n    <div class=\"background-wrapper\">\n      <div class=\"background-layer background-layer-media-container-lg\">\n        <!---->\n        <div class=\"overlay-layer\">\n          <div class=\"overlay-image-layer\" style=\"background-color: rgb(23, 37, 42); opacity: 0.5;\"><\/div>\n          <div class=\"shape-layer\" style=\"background-image: url(&quot;&quot;); background-position: center center; background-size: cover; background-repeat: no-repeat; filter: invert(0%);\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"background-layer background-layer-media-container-md\">\n        <!---->\n        <div class=\"overlay-layer\">\n          <div class=\"overlay-image-layer\" style=\"background-color: rgb(23, 37, 42); opacity: 0.5;\"><\/div>\n          <div class=\"shape-layer\" style=\"background-image: url(&quot;&quot;); background-position: center center; background-size: cover; background-repeat: no-repeat; filter: invert(0%);\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"background-layer background-layer-media-container\">\n        <!---->\n        <div class=\"overlay-layer\">\n          <div class=\"overlay-image-layer\" style=\"background-color: rgb(23, 37, 42); opacity: 0.5;\"><\/div>\n          <div class=\"shape-layer\" style=\"background-image: url(&quot;&quot;); background-position: center center; background-size: cover; background-repeat: no-repeat; filter: invert(0%);\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"10-c72\" 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-415 style-local-10-c72 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-416-outer style-local-10-c73-outer\">\n            <div data-colibri-id=\"10-c73\" 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-416 style-local-10-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=\"10-c74\" 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-417 style-local-10-c74 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-418-outer style-local-10-c75-outer\">\n                      <div data-colibri-id=\"10-c75\" 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-418 style-local-10-c75 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=\"10-c76\" class=\"h-global-transition-all h-heading style-419 style-local-10-c76 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <h4 class=\"\">contact information<\/h4>\n                          <\/div>\n                          <div data-colibri-id=\"10-c77\" class=\"h-icon style-420 style-local-10-c77 position-relative h-element\">\n                            <!----><span class=\"h-svg-icon h-icon__icon style-420-icon style-local-10-c77-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"envelope-o\" viewBox=\"0 0 1792 1896.0833\"><path d=\"M1664 1504V736q-32 36-69 66-268 206-426 338-51 43-83 67t-86.5 48.5T897 1280h-2q-48 0-102.5-24.5T706 1207t-83-67q-158-132-426-338-37-30-69-66v768q0 13 9.5 22.5t22.5 9.5h1472q13 0 22.5-9.5t9.5-22.5zm0-1051v-24.5l-.5-13-3-12.5-5.5-9-9-7.5-14-2.5H160q-13 0-22.5 9.5T128 416q0 168 147 284 193 152 401 317 6 5 35 29.5t46 37.5 44.5 31.5T852 1143t43 9h2q20 0 43-9t50.5-27.5 44.5-31.5 46-37.5 35-29.5q208-165 401-317 54-43 100.5-115.5T1664 453zm128-37v1088q0 66-47 113t-113 47H160q-66 0-113-47T0 1504V416q0-66 47-113t113-47h1472q66 0 113 47t47 113z\"><\/path><\/svg><\/span><\/div>\n                          <div\n                            data-colibri-id=\"10-c78\" class=\"h-global-transition-all h-heading style-421 style-local-10-c78 position-relative h-element\">\n                            <!---->\n                            <!---->\n                            <h5 class=\"\">Have a question?\n                              <br>Please feel free to reach out us!<\/h5>\n                        <\/div>\n                        <div data-colibri-id=\"10-c79\" class=\"style-422 style-local-10-c79 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\"><\/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-423-outer style-local-10-c80-outer\">\n                    <div data-colibri-id=\"10-c80\" 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-423 style-local-10-c80 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=\"10-c81\" class=\"style-424 style-local-10-c81 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-global-transition-all h-contact-form-shortcode h-global-transition h-global-transition-all\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f168-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/face-2-face\/index.php\/wp-json\/wp\/v2\/pages\/10#wpcf7-f168-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"168\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.9.8\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f168-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<p><label> Your Name (required)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your Email (required)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your Message<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\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>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>What is Face-2-Face? A transformational&nbsp;game&nbsp;that uses AR and&nbsp;facial recognition&nbsp;to bring people closer together Team Face-2-Face is building, in collaboration with Professor Katherine Isbister and the Social Emotional Technology Lab at the University of California, Santa Cruz, a transformational mobile game that uses the facial tracking capabilities [&hellip;]<\/p>\n","protected":false},"author":3,"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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/wp-json\/wp\/v2\/pages\/10"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":20,"href":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":839,"href":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/839"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/face-2-face\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}