{"id":128,"date":"2016-10-03T22:13:03","date_gmt":"2016-10-03T22:13:03","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/clutch\/?page_id=128"},"modified":"2016-10-05T01:27:31","modified_gmt":"2016-10-05T01:27:31","slug":"week-3","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/weekly-journal\/week-3\/","title":{"rendered":"Week 3"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">This week kicked off with an adviser meeting and explained to them the process of our pitching. We also sat together and made a set of questions to make sure our prototypes would cater to the right audience and to make sure we were on the same page when it cam<br \/>\ne to the development. We then made a pitch deck and presented to the client our four ideas. The client liked the four ideas and they decided to move ahead with a garage like setting where 4 players take the role of the garage manager, a procurer\/inventory manager and two mechanics.<\/span><\/p>\n<p style=\"text-align: center;\"><style>\r\n\/*===== general options =========*\/\r\na {\r\n    box-shadow: none !important;\r\n}\r\n\r\n.view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {\r\n    font-family: sans-serif, Arial, Verdana, Sylfaen !important;\r\n}\r\n\r\n#album_disabled_layer {\r\n    display: none;\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-align: center;\r\n    background-color: transparent;\r\n    z-index: 10;\r\n    padding-top: 20px;\r\n    color: #fff;\r\n}\r\n\r\n#album_list_container {\r\n    position: relative;\r\n}\r\n\r\n\/* ====================== album onhover styles ==========================*\/\r\n\r\n#album_list .view {\r\n    -webkit-box-sizing: border-box;\r\n    -moz-box-sizing: border-box;\r\n    -o-box-sizing: border-box;\r\n    display: none;\r\n\r\n}\r\n\r\n.view .mask,\r\n.view .content {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    overflow: hidden;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view h2 {\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n    text-align: center;\r\n    position: relative;\r\n    font-size: 17px;\r\n    font-family: Raleway, serif;\r\n    padding: 10px;\r\n    \/*background: rgba(0, 0, 0, 0.8);*\/\r\n    margin: 20px 0 0 0;\r\n\r\n}\r\n\r\n.album_back_button a, .view a {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.view p {\r\n    font-family: Merriweather, serif;\r\n    font-style: italic;\r\n    font-size: 14px;\r\n    position: relative;\r\n    color: #fff;\r\n    padding: 0px 20px 0px;\r\n    text-align: center;\r\n\r\n}\r\n\r\n.view a.info {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    padding: 2px 14px;\r\n    margin-bottom: 3px;\r\n    background: #000;\r\n    color: #fff;\r\n    font-family: Raleway, serif;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 0 1px #000\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 20px !important;\r\n}\r\n\r\n.view a.info:hover {\r\n    box-shadow: 0 0 5px #000\r\n}\r\n\r\n.view .mask-bg {\r\n    height: 100%;\r\n}\r\n\r\n.view .album_social {\r\n    color: #fff;\r\n    position: absolute;\r\n    bottom: 3px;\r\n    left: 3px;\r\n    border: 1px solid #ffffff;\r\n    -webkit-border-radius: 3px;\r\n    -moz-border-radius: 3px;\r\n    border-radius: 3px;\r\n    padding: 3px 5px;\r\n\r\n}\r\n\r\n.view .album_social:active, .view .album_social:focus, .view .album_social:hover {\r\n    color: #ffffff;\r\n    outline: none;\r\n}\r\n\r\n\/*1*\/\r\n\r\n.view .info {\r\n    margin-top: 5px;\r\n}\r\n\r\n.view-first .mask {\r\n    opacity: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    transition: all 0.4s ease-in-out;\r\n\r\n}\r\n\r\n.view-first h2 {\r\n    transform: translateY(-100px);\r\n    opacity: 0;\r\n    font-family: Raleway, serif;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-first p {\r\n    transform: translateY(100px);\r\n    opacity: 0;\r\n    transition: all 0.2s linear;\r\n}\r\n\r\n.view-first a.info {\r\n    opacity: 0;\r\n    transition: all 0.2s ease-in-out;\r\n}\r\n\r\n\/* *\/\r\n\r\n.view-first:hover img {\r\n    \/*transform: scale(1.1);*\/\r\n}\r\n\r\n.view-first:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-first:hover h2,\r\n.view-first:hover p,\r\n.view-first:hover a.info {\r\n    opacity: 1;\r\n    transform: translateY(0px);\r\n}\r\n\r\n.view-first:hover p {\r\n    transition-delay: 0.1s;\r\n}\r\n\r\n.view-first:hover a.info {\r\n    transition-delay: 0.2s;\r\n}\r\n\r\n\/*2*\/\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second .mask {\r\n    background-color: rgba(226, 200, 127, 0.2);\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second h2 {\r\n    background: transparent;\r\n    margin: 20px 40px 0px 40px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-second p {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n.view-second:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-second:hover h2,\r\n.view-second:hover p,\r\n.view-second:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n.view-second img {\r\n    -webkit-filter: grayscale(0) blur(0);\r\n    filter: grayscale(0) blur(0);\r\n    -webkit-transition: .3s ease-in-out;\r\n    transition: .3s ease-in-out;\r\n}\r\n\r\n.view-second:hover img {\r\n    -webkit-filter: grayscale(100%) blur(3px);\r\n    filter: grayscale(100%) blur(3px);\r\n}\r\n\r\n\/*3*\/\r\n\r\n.view-third img {\r\n    transform: scaleY(1);\r\n    transition: all .7s ease-in-out;\r\n}\r\n\r\n.view-third a.info {\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third:hover img {\r\n    -webkit-transform: scale(10);\r\n    transform: scale(10);\r\n    opacity: 0;\r\n}\r\n\r\n.view-third:hover .mask {\r\n    opacity: 1;\r\n}\r\n\r\n.view-third:hover h2,\r\n.view-third:hover p,\r\n.view-third:hover a.info {\r\n    transform: scale(1);\r\n    opacity: 1;\r\n}\r\n\r\n\/* ==== view 4 ===*\/\r\n\r\n.view-forth-wrapper {\r\n    overflow: hidden;\r\n    position: relative !important;\r\n    height: 100%;\r\n    \/* cursor: pointer;*\/\r\n}\r\n\r\n.view-forth img {\r\n    max-width: 100%;\r\n    position: relative;\r\n    top: 0;\r\n    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n}\r\n\r\n.view-forth .mask {\r\n    position: absolute;\r\n    width: 100%;\r\n    \/*    height: 70px;*\/\r\n    \/*    bottom: -70px;*\/\r\n    height: 50%;\r\n    bottom: -50%;\r\n    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);\r\n    top: inherit;\r\n}\r\n\r\n.view-forth:hover .mask {\r\n    bottom: 0;\r\n}\r\n\r\n.view-forth:hover img {\r\n    top: -30px;\r\n}\r\n\r\n\/*==  view 5 ==*\/\r\n\r\n.view-fifth .view-fifth-wrapper,\r\n.view-fifth .view-fifth-wrapper img {\r\n    display: block;\r\n    position: relative;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper {\r\n    overflow: hidden;\r\n    height: 100%;\r\n}\r\n\r\n.view-fifth .view-fifth-wrapper .mask {\r\n    display: none;\r\n    position: absolute;\r\n    background: #333;\r\n    background: rgba(75, 75, 75, 0.7);\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n\/* ====================== album category styles ==========================*\/\r\n\r\n#filters {\r\n    margin: 1% 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    list-style-type: none !important;\r\n\r\n}\r\n\r\n#filters li {\r\n    float: left;\r\n    list-style-type: none !important;\r\n}\r\n\r\n#filters li:first-child span {\r\n    margin-left: 0px;\r\n}\r\n\r\n#filters li span {\r\n    display: block;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.album_categories {\r\n    list-style-type: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    padding-top: 5px;\r\n}\r\n\r\n\/*=========  sharing buttons  ============*\/\r\n\r\n.album_socials {\r\n    position: relative;\r\n    top: 3px;\r\n    width: 100px;\r\n    height: 28px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.album_socials .rwd-share-buttons {\r\n    top: 0px !important;\r\n    width: 100% !important;\r\n    margin: 0px !important;\r\n}\r\n\r\n.album_socials a {\r\n    text-decoration: underline !important;\r\n}\r\n\r\n.gallery_images, .album_image_place {\r\n    margin-top: 15px;\r\n    margin-top: 15px;\r\n}\r\n\r\n#rwd-share-facebook:hover {\r\n    background-position: 0 -31px !important;\r\n}\r\n\r\n#rwd-share-twitter:hover {\r\n    background-position: -31px 32px !important;\r\n}\r\n\r\n#rwd-share-googleplus:hover {\r\n    background-position: -66px -31px !important;\r\n}\r\n\r\n.rwd-share-buttons li, .rwd-share-buttons li a {\r\n    width: 26px !important;\r\n    border: 0px !important;\r\n}\r\n\r\n.rwd-share-buttons {\r\n    top: 0 !important;\r\n}\r\n\r\n.img_link_btn {\r\n    position: absolute;\r\n    z-index: 99999;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    width: 100%;\r\n    padding: 8px;\r\n}\r\n\r\n.rwd-title {\r\n    padding: 10px 0px !important;\r\n}\r\n\r\n@media only screen and (max-width: 475px) {\r\n    .rwd-share-buttons {\r\n        top: -25px !important;\r\n    }\r\n\r\n    .rwd-title-text {\r\n        line-height: 15px;\r\n    }\r\n}\r\n\r\n\/*=========  hover style ===========*\/\r\n\r\n#hover {\r\n    color: rgba(188, 175, 204, 0.9);\r\n}\r\n\r\nh2#testimonials {\r\n    color: #fffae3;\r\n}\r\n\r\ndiv#all {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    height: auto;\r\n}\r\n\r\n.view {\r\n    color: #fff;\r\n    margin: 0 10px 10px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    text-align: center;\r\n    float: left;\r\n    cursor: default;\r\n    border: 1px solid #ccc;\r\n}\r\n\r\n.view-wrapper {\r\n    height: 100%;\r\n}\r\n\r\n.view img {\r\n    display: block;\r\n    position: relative;\r\n    transition: all 0.2s linear;\r\n    height: 100%;\r\n    width: auto;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.mask-text h2 {\r\n    font-size: 20px !important;\r\n    margin-top: 20px !important;\r\n}\r\n\r\n\/* view 1 *\/\r\n\r\n.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n\/*  view 2 *\/\r\n.view-second .text-category, .view-second .mask-text h2, .view-second p {\r\n    color: #333;\r\n}\r\n\r\n.view-second .mask-text h2 {\r\n    border-bottom: 1px solid #333;\r\n}\r\n\r\n\/* view 3*\/\r\n.view-third .mask {\r\n    background-color: #ccc;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n    color: #333;\r\n}\r\n\r\n.view-third h2 {\r\n    border-bottom: 1px solid #333;\r\n    background: transparent;\r\n    margin: 20px 40px 0px 40px;\r\n    transform: scale(0);\r\n    color: #333;\r\n    transition: all 0.5s linear;\r\n    opacity: 0;\r\n}\r\n\r\n.view-third p {\r\n    color: #333;\r\n    opacity: 0;\r\n    transform: scale(0);\r\n    transition: all 0.5s linear;\r\n}\r\n\r\n.view-third .text-category {\r\n    color: #333;\r\n}\r\n\r\n\/* view 4 *\/\r\n\r\n.view-forth .mask-bg {\r\n    background: #333;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.view-forth .mask-text {\r\n    color: #fff;\r\n    position: relative;\r\n    z-index: 500;\r\n    padding: 5px 8px;\r\n}\r\n\r\n.view-forth .mask-text h2 {\r\n    margin: 0px;\r\n    font-size: 13px;\r\n    padding: 2px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth .mask-text h2:hover {\r\n    cursor: pointer;\r\n}\r\n\r\n.view-forth .text-category {\r\n    display: block;\r\n    font-size: 15px;\r\n    color: #fff;\r\n}\r\n\r\n.view-forth p {\r\n    color: #fff;\r\n}\r\n\r\n\/* view 5 *\/\r\n.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {\r\n    color: #fff;\r\n}\r\n\r\n<\/style>\r\n    <input type=\"hidden\" name=\"view_style\" value=\"view-first\">\r\n\r\n    <section id=\"huge_it_gallery_content_5\" class=\"gallery-img-content\"\r\n             data-gallery-id=\"5\"\r\n             data-content-per-page=\"5\"\r\n             data-rating-type=\"off\">\r\n        <div id=\"huge_it_gallery_container_5\"\r\n             data-show-center=\"off\"\r\n             class=\"huge_it_gallery_container super-list variable-sizes clearfix view-lightbox-gallery\">\r\n            <div id=\"huge_it_gallery_container_moving_5\"\r\n                 class=\"super-list variable-sizes clearfix\">\r\n                <input type=\"hidden\" class=\"pagenum\" value=\"1\"\/>\r\n                                <input type=\"hidden\" id=\"total\" value=\"3\"\/>\r\n                                    <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/10\/Clutch_logo.png\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img0\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/10\/Clutch_logo.png\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/10\/Clutch_poster.png\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img1\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/10\/Clutch_poster.png\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/10\/Week3-2.png\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img2\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/10\/Week3-2.png\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/10\/Week3-3.png\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img3\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/10\/Week3-3.png\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_164909_SM.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img4\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_164909_SM.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_192706_SM.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img5\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_192706_SM.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_165038_SM.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img6\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_165038_SM.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_165043_SM.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img7\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_165043_SM.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_165120_SM.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img8\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_165120_SM.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_195533_SM.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img9\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_195533_SM.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_195600_SM.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img10\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_195600_SM.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_195551_SM.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img11\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_195551_SM.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                        <div class=\"view view-first element element_5\" tabindex=\"0\"\r\n                         data-symbol=\"\" data-category=\"alkaline-earth\">\r\n                        <div class=\"view-first-wrapper view-wrapper\">\r\n                                                                                                                <a href=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_1650281_SM.jpg\"\r\n                               title=\"\"><img decoding=\"async\"\r\n                                        alt=\"\"\r\n                                        id=\"wd-cl-img12\"\r\n                                        title=\"\"\r\n                                        src=\"http:\/\/www.etc.cmu.edu\/projects\/clutch\/wp-content\/uploads\/2016\/09\/20160921_1650281_SM.jpg\"\/>\r\n                                                                                                        <div class=\"mask\">\r\n                                            <div class=\"mask-text\">\r\n                                                                                                <span class=\"text-category\"><\/span>\r\n                                            <\/div>\r\n                                            <div class=\"mask-bg\">\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                        <\/div>\r\n                        \r\n                    <\/div>\r\n                                <\/div>\r\n            <div class=\"clear\"><\/div>\r\n        <\/div>\r\n        \r\n\r\n    <\/section>\r\n\r\n<style>\r\n.gallery-img-content .clear {\r\n    clear: both;\r\n}\r\n.gallery-img-content a{\r\n    border-bottom: none;\r\n}\r\n.element_5 {\r\n    max-width:275px;\r\n    margin:0 2px 10px 0;\r\n    border:0px solid #eeeeee;\r\n    border-radius:3px;\r\n    outline:none;\r\n    overflow:hidden;\r\n}\r\n.element_5 .image-block_5 {\r\n    position:relative;\r\n    width: 100%;\r\n\twidth:275px;\r\n    max-width:275px;\r\n}\r\n.element_5 .image-block_5 a {display:block;}\r\n.element_5 .image-block_5 img {\r\n    width: 100%;\r\n    max-width:275px !important;\r\n    height:auto;\r\n    display:block;\r\n    border-radius: 0 !important;\r\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;\r\n}\r\n.element_5 .image-block_5 img:hover {\r\n    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;\r\n}\r\n.element_5 .image-block_5 .play-icon {\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n.element_5:hover .title-block_5 {bottom:0;}\r\n.element_5 .title-block_5 a, .element_5 .title-block_5 a:link, .element_5 .title-block_5 a:visited, .element_5 .title-block_5 {\r\n    position:relative;\r\n    margin:0;\r\n    padding:0 1% 0 2%;\r\n    width:97%;\r\n    text-decoration:none !important;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space:nowrap;\r\n    z-index:20;\r\n    font-size: 16px;\r\n    color:#0074A2;\r\n    font-weight:normal;\r\n}\r\n.element_5 .image-block_5  .play-icon.youtube-icon {background:url(https:\/\/projects-old.etc.cmu.edu\/clutch\/wp-content\/plugins\/gallery-images\/assets\/images..\/admin_images\/play.youtube.png) center center no-repeat;}\r\n.element_5 .image-block_5  .play-icon.vimeo-icon {background:url(https:\/\/projects-old.etc.cmu.edu\/clutch\/wp-content\/plugins\/gallery-images\/assets\/images..\/admin_images\/play.vimeo.png) center center no-repeat;}\r\n.element_5 .title-block_5 {\r\n    position:absolute;\r\n    left:0;\r\n    width:100%;\r\n    padding-top:5px;\r\n    height: 36px;\r\n    bottom:-41px;\r\n    background: rgba(0,0,0,0.8)  !important;\r\n    -webkit-transition: bottom 0.3s ease-out 0.1s;\r\n    -moz-transition: bottom 0.3s ease-out 0.1s;\r\n    -o-transition: bottom 0.3s ease-out 0.1s;\r\n    transition: bottom 0.3s ease-out 0.1s;\r\n}\r\n.element_5 .title-block_5 a:hover, .element_5 .title-block_5 a:focus, .element_5 .title-block_5 a:active {\r\n    color:#2EA2CD;\r\n    text-decoration:none;\r\n}\r\n.load_more4 {\r\n    margin: 10px 0;\r\n    position:relative;\r\n    text-align:center;\r\n    width:100%;\r\n}\r\n.load_more_button4 {\r\n    border-radius: 10px;\r\n    display:inline-block;\r\n    padding:5px 15px;\r\n    font-size:16px !important;;\r\n    color:#FF0D0D !important;;\r\n    background:#5CADFF !important;\r\n    cursor:pointer;\r\n}\r\n.load_more_button4:hover{\r\n    color:#FF4040 !important;\r\n    background:#99C5FF !important;\r\n}\r\n.loading4 {\r\n    display:none;\r\n}\r\n.paginate4{\r\n    font-size:19px !important;\r\n    color:#FF2C2C !important;\r\n    text-align: center;\r\n    margin-top: 25px;\r\n}\r\n.paginate4 a{\r\n    border-bottom: none !important;\r\n}\r\n.icon-style4{\r\n    font-size: 21px !important;\r\n    color:#B82020 !important;\r\n}\r\n.clear{\r\n    clear:both;\r\n}\r\n@media screen and (max-width: 480px){\r\n    .element_5{\r\n        max-width:100% !important;\r\n    }\r\n}\r\n\r\n\r\n.view-wrapper img{\r\n    height:auto;\r\n}\r\n\r\n<\/style><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The game idea is to have the players communicate with each other and make decisions based on the requirements that come in. Each player will have a common backdrop while playing the game but will have a different user interface based on what role they select. This game was inspired from Car Mechanic Simulator but the difference being that this game would be done in a multiplayer setting.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">We also took these ideas to Jesse Schell and Jessica Hammer and walked them through our idea and how we plan on working on it. We received some good feedback from both of them.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Once we were in a good spot with the pitch, we started working on branding and the project description. Initial phase of the branding was completed and we decided on what our poster would like. Will upload the completed version of the half sheet and the poster in the coming week along with our team photo. But here\u2019s a sneak peek of what\u2019s coming. Speaking of branding, we also ordered theming material for the room. This included car posters, racing checkered flags and couple of car models. Those will be arriving sometime next week. <\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Shirlee Yee gave us constructive feedback on the branding and we plan on integrating them into the branding during the coming week.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week kicked off with an adviser meeting and explained to them the process of our pitching. We also sat together and made a set of questions to make sure our prototypes would cater to the right audience and to make sure we were on the same page when it cam e to the development. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":64,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/wp-json\/wp\/v2\/pages\/128"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":6,"href":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":250,"href":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions\/250"}],"up":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/wp-json\/wp\/v2\/pages\/64"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/clutch\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}