1 <!DOCTYPE html> 2<!-- 3 4 Running on cargo.site 5 6--> 7<html lang="en" data-predefined-style="true" data-css-presets="true" data-css-preset data-typography-preset> 8 <head>
vendor: 69 bytes, lines 8-10
8 9 10 <script async src='https://www.googletagmanager.com/gtag/js?id=
10UA-1837333-7
vendor: 15 bytes, lines 10-11
10'></script> 11
11<script> 12 var __cargo_context__ = 'live'; 13 var __cargo_js_ver__ = '20-04-23'; 14 15
vendor: 140 bytes, lines 15-19
15window.dataLayer = window.dataLayer || []; 16 function gtag(){dataLayer.push(arguments);} 17 gtag('js', new Date()); 18 19 gtag('config', '
19UA-1837333-7
vendor: 8 bytes, lines 19-20
19'); 20
20gtag('config', ''); 21 22 23 </script>
23 24 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 25 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 26 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 27 28 <meta name="robots" content="index,follow"> 29 <title>CHRISTINA LAST</title> 30 <meta name="description" content="Finding the fault lines using Geospatial MLGeographic ML to predict job access in LA. CHALLENGE The view..."> 31 <meta name="twitter:card" content="summary_large_image"> 32 <meta name="twitter:title" content="Finding the fault lines using Geospatial ML â CHRISTINA LAST"> 33 <meta name="twitter:description" content="Finding the fault lines using Geospatial MLGeographic ML to predict job access in LA. CHALLENGE The view..."> 34 <meta name="twitter:image" content="Animations_1.gif"> 35 <meta property="og:locale" content="en_US"> 36 <meta property="og:title" content="Finding the fault lines using Geospatial ML â CHRISTINA LAST"> 37 <meta property="og:description" content="Finding the fault lines using Geospatial MLGeographic ML to predict job access in LA. CHALLENGE The view..."> 38 <meta property="og:url" content="https://christina-last.io/Finding-the-fault-lines-using-Geospatial-ML"> 39 <meta property="og:image" content="Animations_1.gif"> 40 <meta property="og:type" content="website"> 41 42 <link rel="preconnect" href="https://static.cargo.site" crossorigin> 43 <link rel="preconnect" href="https://freight.cargo.site" crossorigin> 44 45 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 46 <link rel="preconnect" href="https://type.cargo.site" crossorigin> 47 48 <!--<link rel="preload" href="https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3" as="font" type="font/woff" crossorigin>--> 49 50 <meta name="google-site-verification" content="2POmlGf1uEo94avo0ufXvgJV5qiPjghZnopSL3lK4DQ" /> 51 52 <link rel="icon" type="image/png" href="../favicon.ico/favicon-96x96.png"/> 53 <link href="https://brian-ho.io/rss" rel="alternate" type="application/rss+xml" title="CHRISTINA LAST feed"> 54 55 <link href="//fonts.googleapis.com/css?family=Roboto:300,400,400italic,700,700italic|Roboto Condensed:300&20-04-23&" id="" rel="stylesheet" type="text/css" /> 56<link href="https://brian-ho.io/stylesheet?20-04-23&1575577283" id="member_stylesheet" rel="stylesheet" type="text/css" /> 57<style id="">@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);unicode-range:U+E000-E142,U+FE0E}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);font-weight:240;unicode-range:U+E000-E142,U+FE0E}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);unicode-range:U+E000-E142,U+FE0E;font-weight:400}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);unicode-range:U+E000-E142,U+FE0E;font-weight:600}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);unicode-range:U+E000-E142,U+FE0E;font-weight:800}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);unicode-range:U+E000-E142,U+FE0E;font-style:italic}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);unicode-range:U+E000-E142,U+FE0E;font-weight:200;font-style:italic}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);unicode-range:U+E000-E142,U+FE0E;font-weight:400;font-style:italic}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);unicode-range:U+E000-E142,U+FE0E;font-weight:600;font-style:italic}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9-a.woff?v=3);unicode-range:U+E000-E142,U+FE0E;font-weight:800;font-style:italic}body.iconfont-loading,body.iconfont-loading *{color:transparent!important}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}body.no-scroll{overflow:hidden}/*! 58 * Content 59 */.page{word-wrap:break-word}:focus{outline:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.pointer-events-none .page_content .audio-player,.pointer-events-none .page_content .shop_product,.pointer-events-none .page_content a,.pointer-events-none .page_content audio,.pointer-events-none .page_content button,.pointer-events-none .page_content iframe,.pointer-events-none .page_content img,.pointer-events-none .page_content input,.pointer-events-none .page_content video{pointer-events:auto}.pointer-events-none .page_content *>a,.pointer-events-none .page_content>a{position:relative}s *{text-transform:inherit}#toolset{position:fixed;bottom:10px;right:10px;z-index:8}.mobile #toolset,.template_site_inframe #toolset{display:none}
59#toolset a{display:block;height:24px;width:24px;margin:0;padding:0;text-decoration:none;background:rgba(0,0,0,.2)}#toolset a:hover{background:rgba(0,0,0,.8)}[data-adminview] #toolset a,[data-adminview] #toolset_admin a{background:rgba(0,0,0,.04);pointer-events:none;cursor:default}#toolset_admin a:active{background:rgba(0,0,0,.7)}#toolset_admin a svg>*{transform:scale(1.1) translate(0,-.5px);transform-origin:50% 50%}#toolset_admin a svg{pointer-events:none;width:100%!important;height:auto!important}#following-container{overflow:auto;-webkit-overflow-scrolling:touch}#following-container iframe{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}:root{--following-width:-400px;--following-animation-duration:450ms}@keyframes following-open{0%{transform:translateX(0)}100%{transform:translateX(var(--following-width))}}@keyframes following-open-inverse{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * var(--following-width)))}}@keyframes following-close{0%{transform:translateX(var(--following-width))}100%{transform:translateX(0)}}@keyframes following-close-inverse{0%{transform:translateX(calc(-1 * var(--following-width)))}100%{transform:translateX(0)}}body.animate-left{animation:following-open var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}#following-container.animate-left{animation:following-close-inverse var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}#following-container.animate-left #following-frame{animation:following-close var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}body.animate-right{animation:following-close var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}#following-container.animate-right{animation:following-open-inverse var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}#following-container.animate-right #following-frame{animation:following-open var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.content .slick-slide img{display:inline-block}.content .slick-slide img:not(.image-zoom){cursor:pointer}.content .scrub .slick-list,.content .scrub .slick-slide img:not(.image-zoom){cursor:ew-resize}body.slideshow-scrub-dragging *{cursor:ew-resize!important}.content .slick-slide img:not([src]),.content .slick-slide img[src='']{width:100%;height:auto}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-arrow{position:absolute;z-index:9;width:0;top:0;height:100%;cursor:pointer;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.slick-arrow.hidden{opacity:0}
59.slick-arrow svg{position:absolute;height:56px;width:46px;padding:10px 5px;top:0;left:0;right:0;bottom:0;margin:auto}.slick-arrow svg:active{opacity:.75}.slick-arrow svg .arrow-shape{fill:#fff}.slick-arrow svg .arrow-outline{fill:#000;opacity:.2}.slick-arrow.slick-next{right:0;text-align:right}.slick .slick-next svg,.wallpaper-navigation .slick-next svg{transform:scaleX(-1);margin-right:20px}.mobile .slick .slick-next svg{margin-right:10px}.slick-arrow.slick-prev{text-align:left}.slick .slick-prev svg,.wallpaper-navigation .slick-prev svg{margin-left:20px}.mobile .slick .slick-prev svg{margin-left:10px}.loading_animation{display:none;vertical-align:middle;z-index:15;line-height:0;pointer-events:none;border-radius:100%}.loading_animation.hidden{display:none}.loading_animation.pulsing{opacity:0;display:inline-block;animation-delay:.1s;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-duration:12s;animation-iteration-count:infinite;animation:fade-pulse-in .5s ease-in-out;-moz-animation:fade-pulse-in .5s ease-in-out;-webkit-animation:fade-pulse-in .5s ease-in-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.loading_animation.pulsing.no-delay{animation-delay:0s;-webkit-animation-delay:0s;-moz-animation-delay:0s}.loading_animation div{border-radius:100%}.loading_animation div svg{max-width:100%;height:auto}.loading_animation div,.loading_animation div svg{width:20px;height:20px}.loading_animation.full-width svg{width:100%;height:auto}.loading_animation.full-width.big svg{width:100px;height:100px}.loading_animation div svg>*{fill:#ccc}.loading_animation div{-webkit-animation:spin-loading 12s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation:spin-loading 12s ease-out;-moz-animation-iteration-count:infinite;animation:spin-loading 12s ease-out;animation-iteration-count:infinite}.loading_animation.hidden{display:none}[data-backdrop] .loading_animation{position:absolute;top:15px;left:15px;z-index:99}.loading_animation.position-absolute.middle{top:calc(50% - 10px);left:calc(50% - 10px)}.loading_animation.position-absolute.topleft{top:0;left:0}.loading_animation.position-absolute.middleright{top:calc(50% - 10px);right:1rem}.loading_animation.position-absolute.middleleft{top:calc(50% - 10px);left:1rem}.loading_animation.gray div svg>*{fill:#999}.loading_animation.gray-dark div svg>*{fill:#666}.loading_animation.gray-darker div svg>*{fill:#555}.loading_animation.gray-light div svg>*{fill:#ccc}.loading_animation.white div svg>*{fill:rgba(255,255,255,.85)}.loading_animation.blue div svg>*{fill:#698fff}.loading_animation.inline{display:inline-block;margin-bottom:.5ex}.loading_animation.inline.left{margin-right:.5ex}@-webkit-keyframes fade-pulse-in{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-moz-keyframes fade-pulse-in{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes fade-pulse-in{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes pulsate{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes pulsate{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes spin-loading{0%{transform:rotate(0)}9%{transform:rotate(1050deg)}18%{transform:rotate(-1090deg)}20%{transform:rotate(-1080deg)}23%{transform:rotate(-1080deg)}28%{transform:rotate(-1095deg)}29%{transform:rotate(-1065deg)}34%{transform:rotate(-1080deg)}35%{transform:rotate(-1050deg)}40%{transform:rotate(-1065deg)}41%{transform:rotate(-1035deg)}44%{transform:rotate(-1035deg)}47%{transform:rotate(-2160deg)}50%{transform:rotate(-2160deg)}56%{transform:rotate(45deg)}60%{transform:rotate(45deg)}80%{transform:rotate(6120deg)}100%{transform:rotate(0)}}@keyframes spin-loading{0%{transform:rotate(0)}9%{transform:rotate(1050deg)}18%{transform:rotate(-1090deg)}20%{transform:rotate(-1080deg)}23%{transform:rotate(-1080deg)}28%{transform:rotate(-1095deg)}29%{transform:rotate(-1065deg)}34%{transform:rotate(-1080deg)}35%{transform:rotate(-1050deg)}40%{transform:rotate(-1065deg)}41%{transform:rotate(-1035deg)}44%{transform:rotate(-1035deg)}47%{transform:rotate(-2160deg)}50%{transform:rotate(-2160deg)}56%{transform:rotate(45deg)}60%{transform:rotate(45deg)}80%{transform:rotate(6120deg)}100%{transform:rotate(0)}}[grid-row]{align-items:flex-start;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}[grid-col]{box-sizing:border-box}[grid-row] [grid-col].empty:after{content:"\0000A0";cursor:text}body.mobile[data-adminview=content-editproject] [grid-row] [grid-col].empty:after{display:none}[grid-col=auto]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}[grid-col=x12]{width:100%}[grid-col=x11]{width:50%}[grid-col=x10]{width:33.33%}[grid-col=x9]{width:25%}[grid-col=x8]{width:20%}[grid-col=x7]{width:16.666666667%}
59[grid-col=x6]{width:14.285714286%}[grid-col=x5]{width:12.5%}[grid-col=x4]{width:11.111111111%}[grid-col=x3]{width:10%}[grid-col=x2]{width:9.090909091%}[grid-col=x1]{width:8.333333333%}[grid-col="1"]{width:8.33333%}[grid-col="2"]{width:16.66667%}[grid-col="3"]{width:25%}[grid-col="4"]{width:33.33333%}[grid-col="5"]{width:41.66667%}[grid-col="6"]{width:50%}[grid-col="7"]{width:58.33333%}[grid-col="8"]{width:66.66667%}[grid-col="9"]{width:75%}[grid-col="10"]{width:83.33333%}[grid-col="11"]{width:91.66667%}[grid-col="12"]{width:100%}body.mobile [grid-responsive] [grid-col]{width:100%;-webkit-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}[data-ce-host=true][contenteditable=true] [grid-pad]{pointer-events:none}[data-ce-host=true][contenteditable=true] [grid-pad]>*{pointer-events:auto}[grid-pad="0"]{padding:0}[grid-pad="0.25"]{padding:.125rem}[grid-pad="0.5"]{padding:.25rem}[grid-pad="0.75"]{padding:.375rem}[grid-pad="1"]{padding:.5rem}[grid-pad="1.25"]{padding:.625rem}[grid-pad="1.5"]{padding:.75rem}[grid-pad="1.75"]{padding:.875rem}[grid-pad="2"]{padding:1rem}[grid-pad="2.5"]{padding:1.25rem}[grid-pad="3"]{padding:1.5rem}[grid-pad="3.5"]{padding:1.75rem}[grid-pad="4"]{padding:2rem}[grid-pad="5"]{padding:2.5rem}[grid-pad="6"]{padding:3rem}[grid-pad="7"]{padding:3.5rem}[grid-pad="8"]{padding:4rem}[grid-pad="9"]{padding:4.5rem}[grid-pad="10"]{padding:5rem}[grid-gutter="0"]{margin:0}[grid-gutter="0.5"]{margin:-.25rem}[grid-gutter="1"]{margin:-.5rem}[grid-gutter="1.5"]{margin:-.75rem}[grid-gutter="2"]{margin:-1rem}[grid-gutter="2.5"]{margin:-1.25rem}[grid-gutter="3"]{margin:-1.5rem}[grid-gutter="3.5"]{margin:-1.75rem}[grid-gutter="4"]{margin:-2rem}[grid-gutter="5"]{margin:-2.5rem}[grid-gutter="6"]{margin:-3rem}[grid-gutter="7"]{margin:-3.5rem}[grid-gutter="8"]{margin:-4rem}[grid-gutter="10"]{margin:-5rem}[grid-gutter="12"]{margin:-6rem}[grid-gutter="14"]{margin:-7rem}[grid-gutter="16"]{margin:-8rem}[grid-gutter="18"]{margin:-9rem}[grid-gutter="20"]{margin:-10rem}small{max-width:100%;text-decoration:inherit}img:not([src]),img[src='']{outline:1px solid rgba(177,177,177,.4);outline-offset:-1px;content:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)}img.image-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}#imprimatur{color:#333;font-size:10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"Sans Serif",Icons;/*!System*/position:fixed;opacity:.3;right:-28px;bottom:160px;transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:8;text-transform:uppercase;color:#999;opacity:.5;padding-bottom:2px;text-decoration:none}.mobile #imprimatur{display:none}bodycopy cargo-link a{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"Sans Serif",Icons;/*!System*/font-size:12px;font-style:normal;font-weight:400;transform:rotate(270deg);text-decoration:none;position:fixed!important;right:-27px;bottom:100px;text-decoration:none;letter-spacing:normal;background:0 0;border:0;border-bottom:0;outline:0}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}.pswp--minimal--dark .pswp__top-bar,.pswp__button{background:0 0}.pswp,.pswp__bg,.pswp__container,.pswp__custom_nav,.pswp__img--placeholder,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__button{width:44px;height:44px;position:relative;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp,.pswp__item{overflow:hidden}.pswp--touch .pswp__custom_nav{display:none}.pswp__ui{-webkit-font-smoothing:auto;opacity:1;z-index:1550}.pswp__custom_nav{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp__custom_nav .pswp__group .pswp__button{display:inline-block;float:none;pointer-events:auto;cursor:pointer;margin-right:1px;font-size:12px;position:relative}.pswp__button svg{position:absolute;top:0;bottom:0;width:36px;height:36px;margin:auto;pointer-events:none}.pswp__custom_nav .pswp__group:active svg{opacity:.75}
59.pswp__button svg .shape-shape{fill:#fff}.pswp__button svg .shape-outline{fill:#000;opacity:.2}.pswp__button-prev svg{left:20px}.pswp__button-next svg{transform:scaleX(-1);right:20px}.pswp__custom_nav .pswp__group .pswp__button-prev{position:absolute;left:0;top:0;width:10%;height:100%}.pswp__custom_nav .pswp__group .pswp__button-next{position:absolute;right:0;top:0;width:10%;height:100%}.pswp,.pswp__bg,.pswp__scroll-wrap,.pswp__zoom-wrap{width:100%;position:absolute}.pswp__custom_nav .pswp__group .pswp__button-close{position:absolute;top:20px;right:14px}.pswp__container,.pswp__item,.pswp__zoom-wrap{right:0;bottom:0;top:0;position:absolute;left:0}.pswp__ui--hidden .pswp__button{opacity:.001}.pswp__element--disabled{display:none!important}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;height:100%;left:0;top:0;-ms-touch-action:none;touch-action:none;z-index:9999999;-webkit-text-size-adjust:100%;line-height:initial;letter-spacing:initial;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--zoom-disabled .pswp__img{cursor:default!important}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{left:0;top:0;height:100%;opacity:0;transform:translateZ(0);will-change:opacity}.pswp__scroll-wrap{left:0;top:0;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 222ms cubic-bezier(.4,0,.22,1);transition:transform 222ms cubic-bezier(.4,0,.22,1)}.pswp__bg{-webkit-transition:opacity 222ms cubic-bezier(.4,0,.22,1);transition:opacity 222ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__error-msg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.shop_product .dropdown_wrapper{flex:0 0 100%;position:relative}.shop_product .dropdown{appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;border-radius:0}.shop_product select.dropdown::-ms-expand{display:none}.shop_product .button{cursor:pointer;border-bottom:none;text-decoration:none}body.audio-player-dragging *{cursor:ew-resize!important}.audio-player{display:inline-flex;flex:1 0 calc(100% - 2px);width:calc(100% - 2px)}.audio-player .button{height:100%;flex:0 0 3.3rem;display:flex}.audio-player .separator{left:3.3rem;height:100%}.audio-player .buffer{width:0%;height:100%;transition:left .3s linear,width .3s linear}.audio-player.seeking .buffer{transition:left 0s,width 0s}.audio-player.seeking{user-select:none;-webkit-user-select:none;cursor:ew-resize}.audio-player.seeking *{user-select:none;-webkit-user-select:none;cursor:ew-resize}.audio-player .bar{overflow:hidden;display:flex;justify-content:space-between;align-content:center;flex-grow:1}.audio-player .progress{width:0%;height:100%;transition:width .3s linear}.audio-player.seeking .progress{transition:width 0s}.audio-player .pause,.audio-player .play{cursor:pointer;height:100%}.audio-player .note-icon{margin:auto 0;order:2;flex:0 1 auto}.audio-player .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;user-select:none;padding:.5rem 0 .5rem 1rem;margin:auto auto auto 0;flex:0 3 auto;min-width:0;width:100%}.audio-player .total-time{flex:0 1 auto;margin:auto 0}.audio-player .current-time,.audio-player .play-text{flex:0 1 auto;margin:auto 0}.audio-player .buffer,.audio-player .current-time,.audio-player .note-svg,.audio-player .play-text,.audio-player .separator,.audio-player .total-time{user-select:none;pointer-events:none}.audio-player .buffer,.audio-player .play-text,.audio-player .progress{position:absolute}.audio-player,.audio-player .bar,.audio-player .button,.audio-player .current-time,.audio-player .note-icon,.audio-player .pause,.audio-player .play,.audio-player .total-time{position:relative}body.mobile .audio-player,body.mobile .audio-player *{-webkit-touch-callout:none}#standalone-admin-frame{border:0;width:400px;position:absolute;right:0;top:0;height:100vh;z-index:99}body[standalone-admin=true] #standalone-admin-frame{transform:translate(0,0)}body[standalone-admin=true] .main_container{width:calc(100% - 400px)}body[standalone-admin=false] #standalone-admin-frame{transform:translate(100%,0)}body[standalone-admin=false] .main_container{width:100%}.toggle_standaloneAdmin{position:fixed;top:0;right:400px;height:40px;width:40px;z-index:999;cursor:pointer;background-color:rgba(0,0,0,.4)}.toggle_standaloneAdmin:active{opacity:.7}body[standalone-admin=false] .toggle_standaloneAdmin{right:0}.toggle_standaloneAdmin *{color:#fff;fill:#fff}.toggle_standaloneAdmin svg{padding:6px;width:100%;height:100%;opacity:.85}body[standalone-admin=false] .toggle_standaloneAdmin #close,body[standalone-admin=true] .toggle_standaloneAdmin #backdropsett
59ings{display:none}.toggle_standaloneAdmin>div{width:100%;height:100%}#admin_toggle_button{position:fixed;top:50%;transform:translate(0,-50%);right:400px;height:36px;width:12px;z-index:999;cursor:pointer;background-color:rgba(0,0,0,.09);padding-left:2px;margin-right:5px}#admin_toggle_button .bar{content:'';background:rgba(0,0,0,.09);position:fixed;width:5px;bottom:0;top:0;z-index:10}#admin_toggle_button:active{background:rgba(0,0,0,.065)}#admin_toggle_button *{color:#fff;fill:#fff}#admin_toggle_button svg{padding:0;width:16px;height:36px;margin-left:1px;opacity:1}#admin_toggle_button svg *{fill:#fff;opacity:1}#admin_toggle_button[data-state=closed] .toggle_admin_close{display:none}#admin_toggle_button[data-state=closed],#admin_toggle_button[data-state=closed] .toggle_admin_open{width:20px;cursor:pointer;margin:0}#admin_toggle_button[data-state=closed] svg{margin-left:2px}#admin_toggle_button[data-state=open] .toggle_admin_open{display:none}select,select *{text-rendering:auto!important}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}customhtml>*{position:relative;z-index:10}body,html{min-height:100vh;margin:0;padding:0}html{touch-action:manipulation;position:relative;background-color:#fff}.main_container{min-height:100vh;width:100%;overflow:hidden}.container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;width:100%;overflow:visible}.container{align-items:flex-start;-webkit-align-items:flex-start}.page{z-index:2}.page ul li>text-limit{display:block}.content,.content_container,.pinned{-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;max-width:100%}.content_container{width:100%}.content_container.full_height{min-height:100vh}.page_background{position:absolute;top:0;left:0;width:100%;height:100%}.page_container{position:relative;overflow:visible;width:100%}.backdrop{position:absolute;top:0;z-index:1;width:100%;height:100%;max-height:100vh}.backdrop>div{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform:translate3d(0,0,0)}[data-backdrop].backdrop>div[data-overflowing]{max-height:100vh;position:absolute;top:0;left:0}body.mobile [split-responsive]{display:flex;flex-direction:column}body.mobile [split-responsive] .container{width:100%;order:2}body.mobile [split-responsive] .backdrop{position:relative;height:50vh;width:100%;order:1}body.mobile [split-responsive] [data-auxiliary].backdrop{position:absolute;height:50vh;width:100%;order:1}.page{position:relative;z-index:2}img[data-align=left]{float:left}img[data-align=right]{float:right}[data-rotation]{transform-origin:center center}.content .page_content:not([contenteditable=true]) [data-draggable]{pointer-events:auto!important;backface-visibility:hidden}.preserve-3d{-moz-transform-style:preserve-3d;transform-style:preserve-3d}.dragging-active iframe{pointer-events:none!important}.content .page_content:not([contenteditable=true]) [data-draggable]:active{opacity:1}.content .scroll-transition-fade{transition:transform 1s ease-in-out,opacity .8s ease-in-out}.content .scroll-transition-fade.below-viewport{opacity:0;transform:translateY(40px)}.mobile.full_width .page_container:not([split-layout]) .container_width{width:100%}[data-view=pinned_bottom] .bottom_pin_invisibility{visibility:hidden}.pinned{position:relative;width:100%}.pinned .page_container.accommodate:not(.fixed):not(.overlay){z-index:2}.pinned .page_container.overlay{position:absolute;z-index:4}.pinned .page_container.overlay.fixed{position:fixed}.pinned .page_container.overlay.fixed .page{max-height:100vh;-webkit-overflow-scrolling:touch}.pinned .page_container.overlay.fixed .page.allow-scroll{overflow-y:auto;overflow-x:hidden}.pinned .page_container .page.allow-scroll::-webkit-scrollbar{width:0;background:0 0;display:none}.pinned.pinned_top .page_container.overlay{left:0;top:0}.pinned.pinned_bottom .page_container.overlay{left:0;bottom:0}.thumbnails{position:relative;z-index:1}[thumbnails=grid]{align-items:baseline}[thumbnails=justify] .thumbnail{box-sizing:content-box}[thumbnails][data-padding-zero] .thumbnail{margin-bottom:-1px}[thumbnails=montessori] .thumbnail{pointer-events:auto;position:absolute}[thumbnails] .thumbnail>a{display:block;text-decoration:none}[thumbnails=montessori]{height:0}[thumbnails][data-resizing],[thumbnails][data-resizing] *{cursor:nwse-resize}[thumbnails] .thumbnail .resize-handle{cursor:nwse-resize;width:26px;height:26px;padding:5px;position:absolute;opacity:.75;right:-1px;bottom:-1px;z-index:100}[thumbnails][data-resizing] .resize-handle{display:none}[thumbnails] .thumbnail .resize-handle svg{position:absolute;top:0;left:0}[thumbnails] .thumbnail .resize-handle:hover{opacity:1}[data-can-move].thumbnail .resize-handle svg .resize_path_outline{fill:rgba(255,255,255,1)}[data-can-move].thumbnail .resize-handle svg .resize_path{fill:rgba(0,0,0,1)}[thumbnails=montessori] .thumbnail_sizer{height:0;width:100%;position:relative;padding-bottom:100%;pointer-events:none}[thumbnails] .thumbnail img{display:block;margin-bottom:0}[thumbnails] .thumbnail img:not([src]),img[src=""]{margin:0!important;width:100%;height:100%!important;position:absolute}[aspect-ratio="1x1"].thumb_image{height:0;padding-bottom:100%;overflow:hidden}[aspect-ratio="4x3"].thumb_image{height:0;padding-bottom:75%;overflow:hidden}[aspect-ratio="16x9"].thumb_image{height:0;padding-bottom:56.25%;overflow:hidden}[thumbnails] .thumb_image{width:100%;position:relative}[thumbnails][thumbnail-vertical-align=top]{align-items:flex-start}[thumbnails][thumbnail-vertical-align=middle]{align-items:center}[thumbnails][thumbnail-vertical-align=bottom]{align-items:baseline}[thumbnails][thumbnail-horizontal-align=left]{justify-content:flex-start}[thumbnails][thumbnail-horizontal-align=middle]{justify-content:center}[thumbnails][thumbnail-horizontal-align=right]{justify-content:flex-end}.thumb_image.default_image>svg{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.thumb_image.default_image{outline:1px solid #ccc;outline-offset:-1px;position:relative}.mobile.full_width [data-view=Thumbnail] .thumbnails_width{width:100%}.content [data-draggable] a:active,.content [data-draggable] img:active{opacity:initial}.content .draggable-dragging{opacity:initial}[data-draggable].draggable_visible{visibility:visible}[data-draggable].draggable_hidden{visibility:hidden}.gallery_card [data-draggable],.marquee [data-draggable]{visibility:inherit}[data-draggable]{visibility:visible;background-color:rgba(0,0,0,.003)}#site_menu_panel_container .image-gallery:not(.initialized){height:0;padding-bottom:100%;min-height:initial}.image-gallery:not(.initialized){min-height:100vh;visibility:hidden;width:100%}.image-gallery .gallery_card img{display:block;width:100%;height:auto}.image-gallery .gallery_card{transform-origin:center}.image-gallery .gallery_card.dragging{opacity:.1;transform:initial!important}.image-gallery:not([image-gallery=slideshow]) .gallery_card iframe:only-child,.image-gallery:not([image-gallery=slideshow]) .gallery_card video:only-child{width:100%;height:100%;top:0;left:0;position:absolute}.image-gallery [image-gallery-pad="0"] video:only-child{object-fit:cover;height:calc(100% + 1px)}div.image-gallery>a,div.image-gallery>iframe,div.image-gallery>img,div.image-gallery>video{display:none}[image-gallery-row]{align-items:flex-start;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.image-gallery .gallery_card_image{width:100%;position:relative}[data-predefined-style=true] .image-gallery a.gallery_card{display:block;border:none}[image-gallery-col]{box-sizing:border-box}[image-gallery-col=x12]{width:100%}[image-gallery-col=x11]{width:50%}[image-gallery-col=x10]{width:33.33%}[image-gallery-col=x9]{width:25%}[image-gallery-col=x8]{width:20%}[image-gallery-col=x7]{width:16.666666667%}
59[image-gallery-col=x6]{width:14.285714286%}[image-gallery-col=x5]{width:12.5%}[image-gallery-col=x4]{width:11.111111111%}[image-gallery-col=x3]{width:10%}[image-gallery-col=x2]{width:9.090909091%}[image-gallery-col=x1]{width:8.333333333%}.content .page_content [image-gallery-pad].image-gallery{pointer-events:none}.content .page_content [image-gallery-pad].image-gallery .gallery_card_image>*,.content .page_content [image-gallery-pad].image-gallery .gallery_image_caption{pointer-events:auto}.content .page_content [image-gallery-pad="0"]{padding:0}.content .page_content [image-gallery-pad="0.25"]{padding:.125rem}.content .page_content [image-gallery-pad="0.5"]{padding:.25rem}.content .page_content [image-gallery-pad="0.75"]{padding:.375rem}.content .page_content [image-gallery-pad="1"]{padding:.5rem}.content .page_content [image-gallery-pad="1.25"]{padding:.625rem}.content .page_content [image-gallery-pad="1.5"]{padding:.75rem}.content .page_content [image-gallery-pad="1.75"]{padding:.875rem}.content .page_content [image-gallery-pad="2"]{padding:1rem}.content .page_content [image-gallery-pad="2.5"]{padding:1.25rem}.content .page_content [image-gallery-pad="3"]{padding:1.5rem}.content .page_content [image-gallery-pad="3.5"]{padding:1.75rem}.content .page_content [image-gallery-pad="4"]{padding:2rem}.content .page_content [image-gallery-pad="5"]{padding:2.5rem}.content .page_content [image-gallery-pad="6"]{padding:3rem}.content .page_content [image-gallery-pad="7"]{padding:3.5rem}.content .page_content [image-gallery-pad="8"]{padding:4rem}.content .page_content [image-gallery-pad="9"]{padding:4.5rem}.content .page_content [image-gallery-pad="10"]{padding:5rem}.content .page_content [image-gallery-gutter="0"]{margin:0}.content .page_content [image-gallery-gutter="0.5"]{margin:-.25rem}.content .page_content [image-gallery-gutter="1"]{margin:-.5rem}.content .page_content [image-gallery-gutter="1.5"]{margin:-.75rem}.content .page_content [image-gallery-gutter="2"]{margin:-1rem}.content .page_content [image-gallery-gutter="2.5"]{margin:-1.25rem}.content .page_content [image-gallery-gutter="3"]{margin:-1.5rem}.content .page_content [image-gallery-gutter="3.5"]{margin:-1.75rem}.content .page_content [image-gallery-gutter="4"]{margin:-2rem}.content .page_content [image-gallery-gutter="5"]{margin:-2.5rem}.content .page_content [image-gallery-gutter="6"]{margin:-3rem}.content .page_content [image-gallery-gutter="7"]{margin:-3.5rem}.content .page_content [image-gallery-gutter="8"]{margin:-4rem}.content .page_content [image-gallery-gutter="10"]{margin:-5rem}.content .page_content [image-gallery-gutter="12"]{margin:-6rem}.content .page_content [image-gallery-gutter="14"]{margin:-7rem}.content .page_content [image-gallery-gutter="16"]{margin:-8rem}.content .page_content [image-gallery-gutter="18"]{margin:-9rem}.content .page_content [image-gallery-gutter="20"]{margin:-10rem}[image-gallery=slideshow]:not(.initialized)>*{min-height:1px;opacity:0;min-width:100%}[image-gallery=slideshow] img.image-zoom:active{opacity:initial}[image-gallery=slideshow].slick-initialized .gallery_card{pointer-events:none}[image-gallery=slideshow].slick-initialized .gallery_card.slick-current{pointer-events:auto}[image-gallery=slideshow] .gallery_card:not(.has_caption){line-height:0}.content .page_content [image-gallery=slideshow].image-gallery>*{pointer-events:auto}.content [image-gallery=slideshow].image-gallery.slick-initialized .gallery_card{overflow:hidden;margin:0;display:flex;flex-flow:row wrap;flex-shrink:0}.content [image-gallery=slideshow].image-gallery.slick-initialized .gallery_card.slick-current{overflow:visible}[image-gallery=slideshow] .gallery_image_caption{opacity:1;transition:opacity .3s;-webkit-transition:opacity .3s;width:100%;margin-left:auto;margin-right:auto;clear:both}[image-gallery-horizontal-align=left] .gallery_image_caption{text-align:left}[image-gallery-horizontal-align=middle] .gallery_image_caption{text-align:center}[image-gallery-horizontal-align=right] .gallery_image_caption{text-align:right}[image-gallery=slideshow][data-slideshow-in-transition] .gallery_image_caption{opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s}[image-gallery=slideshow] .gallery_card_image{width:initial;margin:0;display:inline-block}[image-gallery=slideshow] .gallery_card img{margin:0;display:block}[image-gallery=slideshow][data-exploded]{align-items:flex-start;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start}[image-gallery=slideshow][data-exploded] .gallery_card{padding:1rem;width:16.666%}[image-gallery=slideshow][data-exploded] .gallery_card_image{height:0;display:block;width:100%}[image-gallery=grid]{align-items:baseline}[image-gallery=grid] .gallery_card.has_caption .gallery_card_image{display:block}[image-gallery=grid] [image-gallery-pad="0"].gallery_card{margin-bottom:-1px}[image-gallery=grid] .gallery_card img{margin:0}[image-gallery=columns] .gallery_card img{margin:0}[image-gallery=justify]{align-items:flex-start}[image-gallery=justify] .gallery_card img{margin:0}[image-gallery=montessori][image-gallery-row]{display:block}[image-gallery=montessori] a.gallery_card,[image-gallery=montessori] div.gallery_card{position:absolute;pointer-events:auto}[image-gallery=montessori][data-can-move] .gallery_card,[image-gallery=montessori][data-can-move] .gallery_card .gallery_card_image,[image-gallery=montessori][data-can-move] .gallery_card .gallery_card_image>*{cursor:move}[image-gallery=montessori]{position:relative;height:0}[image-gallery=freeform] .gallery_card{position:relative}[image-gallery=freeform] [image-gallery-pad="0"].gallery_card{margin-bottom:-1px}[image-gallery-vertical-align]{display:flex;flex-flow:row wrap}[image-gallery-vertical-align].slick-track{display:flex;flex-flow:row nowrap}[image-gallery-vertical-align=top]{align-content:flex-start;align-items:flex-start}[image-gallery-vertical-align=middle]{align-items:center;align-content:center}[image-gallery-vertical-align=bottom]{align-content:flex-end;align-items:flex-end}[image-gallery-horizontal-align=left]{justify-content:flex-start}[image-gallery-horizontal-align=middle]{justify-content:center}[image-gallery-horizontal-align=right]{justify-content:flex-end}.image-gallery[data-resizing],.image-gallery[data-resizing] *{cursor:nwse-resize!important}.image-gallery .gallery_card .resize-handle,.image-gallery .gallery_card .resize-handle *{cursor:nwse-resize!important}.image-gallery .gallery_card .resize-handle{width:26px;height:26px;padding:5px;position:absolute;opacity:.75;right:-1px;bottom:-1px;z-index:10}.image-gallery[data-resizing] .resize-handle{display:none}.image-gallery .gallery_card .resize-handle svg{cursor:nwse-resize!important;position:absolute;top:0;left:0}.image-gallery .gallery_card .resize-handle:hover{opacity:1}[data-can-move].gallery_card .resize-handle svg .resize_path_outline{fill:rgba(255,255,255,1)}[data-can-move].gallery_card .resize-handle svg .resize_path{fill:rgba(0,0,0,1)}[image-gallery=montessori] .thumbnail_sizer{height:0;width:100%;position:relative;padding-bottom:100%;pointer-events:none}#site_menu_button{display:block;text-decoration:none;pointer-events:auto;z-index:9;vertical-align:top;cursor:pointer;box-sizing:content-box;font-family:Icons}#site_menu_button.custom_icon{padding:0;line-height:0}#site_menu_button.custom_icon img{width:100%;height:auto}#site_menu_wrapper.disabled #site_menu_button{display:none}#site_menu_wrapper.mobile_only #site_menu_button{display:none}body.mobile #site_menu_wrapper.mobile_only:not(.disabled) #site_menu_button:not(.active){display:block}#site_menu_panel_container[data-type=cargo_menu] #site_menu_panel{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;cursor:default}.site_menu{pointer-events:auto;position:absolute;z-index:11;top:0;bottom:0;line-height:0;max-width:400px;min-width:300px;font-size:20px;text-align:left;background:rgba(20,20,20,.95);padding:20px 30px 90px 30px;overflow-y:scroll;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;
59-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}body.mobile #site_menu_wrapper .site_menu{overflow-x:scroll;-webkit-overflow-scrolling:touch;min-width:auto;max-width:100%;width:100%;padding:20px}#site_menu_wrapper[data-sitemenu-position=bottom-left] #site_menu,#site_menu_wrapper[data-sitemenu-position=top-left] #site_menu{left:0}#site_menu_wrapper[data-sitemenu-position=bottom-right] #site_menu,#site_menu_wrapper[data-sitemenu-position=top-right] #site_menu{right:0}#site_menu_wrapper[data-type=page] .site_menu{right:0;left:0;width:100%;padding:0;margin:0;background:0 0}.site_menu_wrapper.open .site_menu{display:block}.site_menu div{display:block}.site_menu a{text-decoration:none;display:inline-block;color:rgba(255,255,255,.75);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4}.site_menu div a.active{color:rgba(255,255,255,.4)}.site_menu div.set-link>a{font-weight:700}.site_menu div.hidden{display:none}.site_menu .close{display:block;position:absolute;top:0;right:10px;font-size:60px;line-height:50px;font-weight:200;color:rgba(255,255,255,.4);cursor:pointer;user-select:none}#site_menu_panel_container .page_container{position:relative;overflow:hidden;background:0 0;z-index:2}#site_menu_panel_container .site_menu_page_wrapper{position:fixed;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;width:100%;z-index:100}#site_menu_panel_container .site_menu_page_wrapper .backdrop{pointer-events:none}#site_menu_panel_container #site_menu_page_overlay{position:fixed;top:0;right:0;bottom:0;left:0;cursor:default;z-index:1}#shop_button{display:block;text-decoration:none;pointer-events:auto;z-index:9;vertical-align:top;cursor:pointer;box-sizing:content-box;font-family:Icons}#shop_button.custom_icon{padding:0;line-height:0}#shop_button.custom_icon img{width:100%;height:auto}#shop_button.disabled{display:none}.loading[data-loading]{display:none;position:fixed;bottom:8px;left:8px;z-index:100}.new_site_button_wrapper{font-size:1.8rem;font-weight:400;color:rgba(0,0,0,.85);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif,'Sans Serif',Icons;font-style:normal;line-height:1.4;color:#fff;position:fixed;bottom:0;right:0;z-index:999}body.template_site #toolset{display:none!important}body.mobile .new_site_button{display:none}.new_site_button{display:flex;height:44px;cursor:pointer}.new_site_button .plus{width:44px;height:100%}.new_site_button .plus svg{width:100%;height:100%}.new_site_button .plus svg line{stroke:#000;stroke-width:2px}.new_site_button .plus:after,.new_site_button .plus:before{content:'';width:30px;height:2px}.new_site_button .text{background:#0fce83;display:none;padding:7.5px 15px 7.5px 15px;height:100%;font-size:20px;color:#222}.new_site_button:active{opacity:.8}.new_site_button.show_full .text{display:block}.new_site_button.show_full .plus{display:none}html:not(.admin-wrapper) .template_site #confirm_modal [data-progress] .progress-indicator:after{content:'Generating Site...';padding:7.5px 15px;right:-200px;color:#000}bodycopy svg.marker-overlay,bodycopy svg.marker-overlay *{transform-origin:0 0;-webkit-transform-origin:0 0;box-sizing:initial}bodycopy svg#svgroot{box-sizing:initial}bodycopy svg.marker-overlay{padding:inherit;position:absolute;left:0;top:0;width:100%;height:100%;min-height:1px;overflow:visible;pointer-events:none;z-index:999}bodycopy svg.marker-overlay *{pointer-events:initial}bodycopy svg.marker-overlay text{letter-spacing:initial}bodycopy svg.marker-overlay a{cursor:pointer}.marquee:not(.torn-down){overflow:hidden;width:100%;position:relative;padding-bottom:.25em;padding-top:.25em;margin-bottom:-.25em;margin-top:-.25em;contain:layout}.marquee .marquee_contents{will-change:transform;display:flex;flex-direction:column}.marquee[behavior][direction].torn-down{white-space:normal}.marquee[behavior=bounce] .marquee_contents{display:block;float:left;clear:both}.marquee[behavior=bounce] .marquee_inner{display:block}.marquee[behavior=bounce][direction=vertical] .marquee_contents{width:100%}.marquee[behavior=bounce][direction=diagonal] .marquee_inner:last-child,.marquee[behavior=bounce][direction=vertical] .marquee_inner:last-child{position:relative;visibility:hidden}.marquee[behavior=bounce][direction=horizontal],.marquee[behavior=scroll][direction=horizontal]{white-space:pre}.marquee[behavior=scroll][direction=horizontal] .marquee_contents{display:inline-flex;white-space:nowrap;min-width:100%}.marquee[behavior=scroll][direction=horizontal] .marquee_inner{min-width:100%}.marquee[behavior=scroll] .marquee_inner:first-child{will-change:transform;position:absolute;width:100%;top:0;left:0}.cycle{display:none}</style>
60<script type="text/json" data-set="DisplayOptions" >{"user_id":105789,"pagination_count":24,"title_in_project":true,"disable_project_scroll":false,"learning_cargo_seen":true,"resource_url":null,"use_sets":null,"sets_are_clickable":null,"set_links_position":null,"sticky_pages":null,"total_projects":0,"slideshow_responsive":false,"slideshow_thumbnails_header":true,"layout_options":{"content_position":"center_cover","content_width":"90","content_margin":"5","main_margin":"1.5","text_alignment":"text_left","vertical_position":"vertical_top","bgcolor":"rgb(255, 255, 255)","WebFontConfig":{"System":{"families":{"-apple-system":{"variants":["n4","i4","n7","i7"]},"DINosaur":{"variants":["n3","n4","i4","n7","i7"]}}},"Google":{"families":{"Roboto":{"variants":["300","400","400italic","700","700italic"]},"Roboto Condensed":{"variants":["300"]}}},"Persona":{"families":{"DINosaur":{"variants":["n4","i4","n7","i7"]},"Roboto":{"variants":["i3"]},"Quiosco":{"variants":["n4","i4","n7","i7"]}}}},"links_orientation":"links_horizontal","viewport_size":"phone","mobile_zoom":"30","mobile_view":"desktop","mobile_padding":"-4","mobile_formatting":false,"width_unit":"rem","text_width":"66","is_feed":false,"limit_vertical_images":true,"image_zoom":true,"mobile_images_full_width":true,"responsive_columns":"1","responsive_thumbnails_padding":"0.7","enable_sitemenu":false,"sitemenu_mobileonly":false,"menu_position":"top-left","sitemenu_option":"cargo_menu","responsive_row_height":"75","advanced_padding_enabled":false,"main_margin_top":"1.5","main_margin_right":"1.5","main_margin_bottom":"1.5","main_margin_left":"1.5","mobile_pages_full_width":true,"scroll_transition":false,"image_full_zoom":false},"element_sort":{"no-group":[{"name":"Navigation","isActive":true},{"name":"Header Text","isActive":true},{"name":"Content","isActive":true},{"name":"Header Image","isActive":false}]},"site_menu_options":{"display_type":"cargo_menu","enable":true,"mobile_only":true,"position":"top-right","single_page_id":"1904349","icon":"\ue130","show_homepage":true,"single_page_url":"Menu","custom_icon":false},"ecommerce_options":{"enable_ecommerce_button":false,"shop_button_position":"top-right","shop_icon":"\ue137","custom_icon":false,"shop_icon_text":"Cart <(#)>","icon":"","enable_geofencing":false,"enabled_countries":["AF","AX","AL","DZ","AS","AD","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BQ","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CW","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GG","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IM","IL","IT","JM","JP","JE","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","ME","MS","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","BL","SH","KN","LC","MF","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SX","SK","SI","SB","SO","ZA","GS","SS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW"]}}</script>
vendor: 1 bytes, line 60
60
61<script type="text/json" data-set="Site" >{"id":"105789","direct_link":"https:\/\/brian-ho.io","display_url":"brian-ho.io","site_url":"brianho2","account_shop_id":null,"has_ecommerce":false,"ecommerce_key_public":null,"cargo_spark_button":false,"following_url":null,"website_title":"CHRISTINA LAST","meta_tags":"","meta_description":"","meta_head":"<meta name=\"google-site-verification\" content=\"2POmlGf1uEo94avo0ufXvgJV5qiPjghZnopSL3lK4DQ\" \/>","homepage_id":"1733652","css_url":"https:\/\/brian-ho.io\/stylesheet","rss_url":"https:\/\/brian-ho.io\/rss","js_url":"\/_jsapps\/design\/design.js","favicon_url":"../favicon.ico","home_url":"https:\/\/cargo.site","auth_url":"https:\/\/auth.cargo.site","profile_url":"../favicon.ico","profile_width":403,"profile_height":403,"social_image_url":"https:\/\/freight.cargo.site\/i\/5f12b4fac4dedcb4138b13fa38e89cd2e8371238d4d0125da6b03bb0fcc02966\/thumbs-16.jpg","social_width":600,"social_height":600,"social_description":"CHRISTINA LAST is an interdisciplinary data scientist working at the intersection of quantitative social science, technology and the built environment. He's merging the digital and physical with architecture, urbanism, visualization, interaction design, full-stack web dev, UI\/UX, AR\/VR, machine learning, data science and code. City, space, and interface projects. Harvard GSD+SEAS MDE, Columbia GSAPP, Yale University.","social_has_image":true,"social_has_description":true,"site_menu_icon":null,"site_menu_has_image":false,"custom_html":"<customhtml><link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto+Condensed:300,300i,400,400i|Roboto:300,300i,400,400i\" rel=\"stylesheet\">\n\n<a id=\"Top\"><\/a>\n\n<!-- Global site tag (gtag.js) - Google Analytics -->\n
61<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=UA-62315071-3\"><\/script>\n
61<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'UA-62315071-3');\n<\/script><\/customhtml>","filter":null,"is_editor":false,"use_hi_res":false,"obs_id":"0","progenitor_site":"noblinking","files":{"sim-city-720.mov":"https:\/\/files.cargocollective.com\/c105789\/sim-city-720.mov?1518108060","Notification.mov":"https:\/\/files.cargocollective.com\/c105789\/Notification.mov?1518105365","fire.mp4":"https:\/\/files.cargocollective.com\/c105789\/fire.mp4?1518101159","bf8f8741-5f64-4db9-a877-a44624092e68.woff2":"https:\/\/files.cargocollective.com\/204585\/bf8f8741-5f64-4db9-a877-a44624092e68.woff2?1486850869","58c01d2a-ce4a-4360-a61f-761e91aa67c0.woff2":"https:\/\/files.cargocollective.com\/204585\/58c01d2a-ce4a-4360-a61f-761e91aa67c0.woff2?1486850861","4a916908-f6f7-4df6-90a1-176fb83137d9.eot":"https:\/\/files.cargocollective.com\/204585\/4a916908-f6f7-4df6-90a1-176fb83137d9.eot?1486683437","30d23194-f646-428e-9323-c85f8aea47ed.eot":"https:\/\/files.cargocollective.com\/204585\/30d23194-f646-428e-9323-c85f8aea47ed.eot?1486683244","mtiFontTrackingCode.js":"https:\/\/files.cargocollective.com\/204585\/mtiFontTrackingCode.js?1486683229","7ce02c2c-45d4-4dee-90f2-f8034e29ac24.woff":"https:\/\/files.cargocollective.com\/204585\/7ce02c2c-45d4-4dee-90f2-f8034e29ac24.woff?1486646281","ccd9698a-60c5-48f7-acbe-5352b4aa81d4.woff":"https:\/\/files.cargocollective.com\/204585\/ccd9698a-60c5-48f7-acbe-5352b4aa81d4.woff?1486646270","standalone3.html":"https:\/\/files.cargocollective.com\/204585\/standalone3.html?1459291199"},"resource_url":"brian-ho.io\/_api\/v0\/site\/105789","has_shop":false}</script>
vendor: 1 bytes, line 61
61
62<script type="text/json" data-set="Shop" >null</script>
vendor: 1 bytes, line 62
62
63<script type="text/json" data-set="ScaffoldingData" >{"id":0,"title":"CHRISTINA LAST","project_url":0,"set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":0,"index":0,"page_count":2,"pin_position":null,"thumbnail_options":null,"pages":[{"id":1733652,"title":"Hello","project_url":"Hello","set_id":0,"is_homepage":true,"pin":false,"is_set":true,"in_nav":false,"stack":true,"sort":0,"index":0,"page_count":2,"pin_position":null,"thumbnail_options":null,"pages":[{"id":1731807,"site_id":105789,"project_url":"Info","direct_link":"https:\/\/brian-ho.io\/Info","type":"page","title":"Info","title_no_html":"Info","tags":"","display":true,"pin":false,"pin_options":null,"in_nav":true,"is_homepage":false,"backdrop_enabled":true,"is_set":false,"stack":false,"excerpt":"I'm an interdisciplinary data scientist working at the intersection of quantitative social science, technology and the built environment.\u00a0\n\n\n\nI believe design creates joy, community and...","content":"<div style=\"max-width: 1200px; text-align: left;\"><h1>I'm an <a href=\"#Desk\">interdisciplinary data scientist<\/a> working at the intersection of quantitative social science, technology and the built environment. <\/h1>\n<br>\n<br><\/div><div style=\"max-width: 600px; text-align: left;\"><h2>I believe design creates joy, community and justice. I love <a href=\"City\" rel=\"history\">cities<\/a>, <a href=\"Space\" rel=\"history\">infrastructure<\/a> and <a href=\"Interface\" rel=\"history\">interfaces<\/a>. I imagine better interactions for complex systems. I\u2019ve helped make <a href=\"Boston-Bench-Buddy\" rel=\"history\">services<\/a>, <a href=\"Event-Detection-Interface\" rel=\"history\">software<\/a>, <a href=\"Alley-Pond-Center\" rel=\"history\">buildings<\/a> and <a href=\"St-Bernard-Land-Use-Plan\" rel=\"history\">plans<\/a> in <a href=\"https:\/\/sidewalktoronto.ca\" target=\"_blank\">Toronto<\/a>, <a href=\"https:\/\/www.boston.gov\/departments\/new-urban-mechanics\" target=\"_blank\">Boston<\/a>, <a href=\"http:\/\/www.mkthink.com\/\" target=\"_blank\">SF<\/a>, <a href=\"http:\/\/www.leroystreetstudio.com\/\" target=\"_blank\">NYC<\/a> and <a href=\"http:\/\/www.wbarchitects.com\/\" target=\"_blank\">NOLA<\/a> ... and a few more <a href=\"#Collaborations\">things<\/a>.<br><br><\/h2><h2>I work at <a href=\"https:\/\/www.sidewalklabs.com\" target=\"_blank\">Sidewalk Labs,<\/a> an Alphabet company reimagining cities to improve quality of life. My work combines machine intelligence, urban futures and human-centered design.<br>\n<br><div style=\"max-width: 600px;\"> I graduated from the <a href=\"http:\/\/www.gsd.harvard.edu\/design-engineering\/\" target=\"_blank\">Master in Design Engineering (MDE)<\/a> program at the <a href=\"http:\/\/www.gsd.harvard.edu\/\" target=\"_blank\">Harvard GSD<\/a> and <a href=\"http:\/\/www.seas.harvard.edu\/\" target=\"_blank\">SEAS<\/a>. I studied at <a href=\"https:\/\/www.arch.columbia.edu\/\" target=\"_blank\">Columbia GSAPP<\/a> and majored in architecture at <a href=\"http:\/\/architecture.yale.edu\/school\/academic-programs\/undergraduate-studies\" target=\"_blank\">Yale<\/a>. Oh, and I'm <a href=\"http:\/\/www.usgbc.org\/\" target=\"_blank\">LEED AP BD+C<\/a> certified.<\/div><br>\n<br><a id=\"Desk\"><\/a><a href=\"#Desk\" style=\"text-decoration:none\" class=\"icon-link\">\ue08c\ufe0e<\/a><\/h2><\/div><br>","content_no_html":"I'm an interdisciplinary data scientist working at the intersection of quantitative social science, technology and the built environment. \n\nI believe design creates joy, community and justice. I love cities, infrastructure and interfaces. I imagine better interactions for complex systems. I\u2019ve helped make services, software, buildings and plans in Toronto, Boston, SF, NYC and NOLA ... and a few more things.I work at Sidewalk Labs, an Alphabet company reimagining cities to improve quality of life. My work combines machine intelligence, urban futures and human-centered design.\n I graduated from the Master in Design Engineering (MDE) program at the Harvard GSD and SEAS. I studied at Columbia GSAPP and majored in architecture at Yale. Oh, and I'm LEED AP BD+C certified.\n\ue08c\ufe0e","content_partial_html":"<h1>I'm an <a href=\"#Desk\">interdisciplinary data scientist<\/a> working at the intersection of quantitative social science, technology and the built environment. <\/h1>\n<br>\n<br><h2>I believe design creates joy, community and justice. I love <a href=\"City\" rel=\"history\">cities<\/a>, <a href=\"Space\" rel=\"history\">
63infrastructure<\/a> and <a href=\"Interface\" rel=\"history\">interfaces<\/a>. I imagine better interactions for complex systems. I\u2019ve helped make <a href=\"Boston-Bench-Buddy\" rel=\"history\">services<\/a>, <a href=\"Event-Detection-Interface\" rel=\"history\">software<\/a>, <a href=\"Alley-Pond-Center\" rel=\"history\">buildings<\/a> and <a href=\"St-Bernard-Land-Use-Plan\" rel=\"history\">plans<\/a> in <a href=\"https:\/\/sidewalktoronto.ca\" target=\"_blank\">Toronto<\/a>, <a href=\"https:\/\/www.boston.gov\/departments\/new-urban-mechanics\" target=\"_blank\">Boston<\/a>, <a href=\"http:\/\/www.mkthink.com\/\" target=\"_blank\">SF<\/a>, <a href=\"http:\/\/www.leroystreetstudio.com\/\" target=\"_blank\">NYC<\/a> and <a href=\"http:\/\/www.wbarchitects.com\/\" target=\"_blank\">NOLA<\/a> ... and a few more <a href=\"#Collaborations\">things<\/a>.<br><br><\/h2><h2>I work at <a href=\"https:\/\/www.sidewalklabs.com\" target=\"_blank\">Sidewalk Labs,<\/a> an Alphabet company reimagining cities to improve quality of life. My work combines machine intelligence, urban futures and human-centered design.<br>\n<br> I graduated from the <a href=\"http:\/\/www.gsd.harvard.edu\/design-engineering\/\" target=\"_blank\">Master in Design Engineering (MDE)<\/a> program at the <a href=\"http:\/\/www.gsd.harvard.edu\/\" target=\"_blank\">Harvard GSD<\/a> and <a href=\"http:\/\/www.seas.harvard.edu\/\" target=\"_blank\">SEAS<\/a>. I studied at <a href=\"https:\/\/www.arch.columbia.edu\/\" target=\"_blank\">Columbia GSAPP<\/a> and majored in architecture at <a href=\"http:\/\/architecture.yale.edu\/school\/academic-programs\/undergraduate-studies\" target=\"_blank\">Yale<\/a>. Oh, and I'm <a href=\"http:\/\/www.usgbc.org\/\" target=\"_blank\">LEED AP BD+C<\/a> certified.<br>\n<br><a id=\"Desk\"><\/a><a href=\"#Desk\" style=\"text-decoration:none\" class=\"icon-link\">\ue08c\ufe0e<\/a><\/h2><br>","thumb":"8439270","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-21.875,"imageModel":{"id":8439270,"project_id":1731807,"image_ref":"{image 8}","name":"backdrop4.png","hash":"6f852d774961163e20476c7631c775a2cf8e55970648cb860bdafea97b94ceae","width":600,"height":600,"sort":0,"date_added":"1514324350"},"stored":{"ratio":100,"crop_ratio":"16x9"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":1,"index":0,"set_id":1733652,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1731807\"] .container_width {\n}\n\n[local-style=\"1731807\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"1731807\"] .backdrop {\n}\n\n[local-style=\"1731807\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"1731807\"] .page_background {\n\tbackground-color: #000 \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1731807\"] .content_padding {\n\tpadding-top: 6rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] bodycopy {\n\tline-height: 1.3;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] h1 {\n\tcolor: rgba(255, 255, 255, 0.8);\n\tline-height: 1.1;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] h1 a {\n\tcolor: rgb(255, 255, 255);\n text-decoration: underline;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] h2 {\n\tcolor: rgba(255, 255, 255, 0.75);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] h2 a {\n\tcolor: rgb(255, 255, 255);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] small {\n\tcolor: rgba(255, 255, 255, 0.85);\n\tline-height: 0.5;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] small a {\n\tcolor: transparent;\n}\n\n[local-style=\"1731807\"] .container {\n\talign-items: flex-start \/*!vertical_top*\/;\n\t-webkit-align-items: flex-start \/*!vertical_top*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731807\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"#000","show_local_thumbs":false,"page_bgcolor":"","main_margin_top":"6"},"thumbnail_options":{"use_global_thumb_settings":false,"show_local_thumbs":false,"filter_type":"all"}},"set_open":false,"images":[{"id":8439270,"project_id":1731807,"image_ref":"{image 8}","name":"backdrop4.png","hash":"6f852d774961163e20476c7631c775a2cf8e55970648cb860bdafea97b94ceae","width":600,"height":600,"sort":0,"exclude_from_backdrop":false,"date_added":"1514324350"},{"id":8444418,"project_id":1731807,"image_ref":"{image 9}
63","name":"backdrop5.png","hash":"4898072e8f86aa2b85ca7bf0d6838b412375ff448d87355ab3bebb295fae96d9","width":600,"height":600,"sort":0,"exclude_from_backdrop":false,"date_added":"1514338781"}],"backdrop":{"id":245208,"site_id":105789,"page_id":1731807,"backdrop_id":15,"backdrop_path":"pixelation","is_active":true,"data":{"layout_mode":"grid_mode","rows":64,"columns":64,"grid_size":25,"zoom":100,"flip_it":false,"stir_grid":true,"stir_freq":33,"stir_strength":33,"stir_disorder":90,"elasticity":35,"color":"rgba(0, 0, 0, 0.1)","hex":"#000000","alpha":"0.1","mouse_interaction":false,"mouse_sensitivity":6,"tolerance":66,"mouse_zoom":100,"image":"8439270","requires_webgl":"true","image_width":"1500","image_height":"1500"}}},{"id":1733654,"site_id":105789,"project_url":"On-My-Desk","direct_link":"https:\/\/brian-ho.io\/On-My-Desk","type":"page","title":"On My Desk","title_no_html":"On My Desk","tags":"","display":true,"pin":false,"pin_options":null,"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"What\u2019s on my desk?\n\nComputer vision cartography for our\u00a0machine-mediated perception of cities. Interfaces for seeing\u00a0building performance in augmented reality....","content":"<div style=\"max-width:1200px;\"><h1>What\u2019s on my desk?<\/h1><h2><br>\nComputer vision cartography for our <a href=\"Finding-the-fault-lines-using-Geospatial-ML\" rel=\"history\">machine-mediated perception of cities<\/a>. Interfaces for seeing <a href=\"HouseZero-AR\" rel=\"history\">building performance in augmented reality<\/a>. <a href=\"Climate-Solutions-Living-Lab\" rel=\"history\">Sustainable infrastructure<\/a> for a village falling into the sea, with the <a href=\"Climate-Solutions-Living-Lab\" rel=\"history\">Climate Solutions Living Lab<\/a>. Modular furniture, interactive markets and the future of shopping in <a href=\"The-Future-of-Shopping\" rel=\"history\">responsive environments<\/a>. The <a href=\"https:\/\/www.media.mit.edu\/courses\/the-ethics-and-governance-of-artificial-intelligence\/\" target=\"_blank\">ethics and governance of artifical intelligence<\/a>. A new venture building <a href=\"http:\/\/www.singularity.energy\" target=\"_blank\">AI for cleaner, cheaper and smarter energy networks<\/a>.<br><br>Curious? Check out some of my work:<br><\/h2>\n<h2><br><a id=\"Work\"><\/a><a href=\"#Work\" style=\"text-decoration:none\" class=\"icon-link\">\ue08c\ufe0e<\/a><\/h2><\/div>","content_no_html":"What\u2019s on my desk?\nComputer vision cartography for our machine-mediated perception of cities. Interfaces for seeing building performance in augmented reality. Sustainable infrastructure for a village falling into the sea, with the Climate Solutions Living Lab. Modular furniture, interactive markets and the future of shopping in responsive environments. The ethics and governance of artifical intelligence. A new venture building AI for cleaner, cheaper and smarter energy networks.Curious? Check out some of my work:\n\ue08c\ufe0e","content_partial_html":"<h1>What\u2019s on my desk?<\/h1><h2><br>\nComputer vision cartography for our <a href=\"Finding-the-fault-lines-using-Geospatial-ML\" rel=\"history\">machine-mediated perception of cities<\/a>. Interfaces for seeing <a href=\"HouseZero-AR\" rel=\"history\">building performance in augmented reality<\/a>. <a href=\"Climate-Solutions-Living-Lab\" rel=\"history\">Sustainable infrastructure<\/a> for a village falling into the sea, with the <a href=\"Climate-Solutions-Living-Lab\" rel=\"history\">Climate Solutions Living Lab<\/a>. Modular furniture, interactive markets and the future of shopping in <a href=\"The-Future-of-Shopping\" rel=\"history\">responsive environments<\/a>. The <a href=\"https:\/\/www.media.mit.edu\/courses\/the-ethics-and-governance-of-artificial-intelligence\/\" target=\"_blank\">ethics and governance of artifical intelligence<\/a>. A new venture building <a href=\"http:\/\/www.singularity.energy\" target=\"_blank\">AI for cleaner, cheaper and smarter energy networks<\/a>.<br><br>Curious? Check out some of my work:<br><\/h2>\n<h2><br><a id=\"Work\"><\/a><a href=\"#Work\" style=\"text-decoration:none\" class=\"icon-link\">\ue08c\ufe0e<\/a><\/h2>","thumb":"","thumb_meta":null,"thumb_is_visible":false,"sort":3,"index":1,"set_id":1733652,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1733654\"] .container_width {\n}\n\n[local-style=\"1733654\"] body {\n}\n\n[local-style=\"1733654\"] .backdrop {\n}\n\n[local-style=\"1733654\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"1733654\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1733654\"] .content_padding {\n\tpadding-top: 3rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] h1 {\n\tcolor: rgba(151, 151, 151, 0.85);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] h2 {\n\tcolor: rgba(99, 99, 99, 0.75);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] h2 a {\n\tcolor: #000;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] small a {\n}\n\n[local-style=\"1733654\"] .container {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1733654\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"","show_local_thumbs":true,"page_bgcolor":"","main_margin_top":"3"},"thumbnail_options":{"use_global_thumb_settings":false,"show_local_thumbs":true,"filter_set":"1731584","filter_type":"all","filter_tags":""}},"set_open":false,"images":[],"backdrop":null},{"id":3001991,"site_id":105789,"project_url":"Spacer","direct_link":"https:\/\/brian-ho.io\/Spacer","type":"page","title":"Spacer","title_no_html":"Spacer","tags":"","display":false,"pin":true,"pin_options":{"position":"bottom","overlay":false,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"\u00a0 \u00a0","content":" ","content_no_html":" ","content_partial_html":" ","thumb":"","thumb_meta":null,"thumb_is_visible":false,"sort":4,"index":0,"set_id":1733652,"page_options":{"using_local_css":true,"local_css":"[local-style=\"3001991\"] .container_width {\n}\n\n[local-style=\"3001991\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"3001991\"] .backdrop {\n}\n\n[local-style=\"3001991\"] .page {\n}\n\n[local-style=\"3001991\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"3001991\"] .content_padding {\n\tpadding-bottom: 1rem \/*!main_margin*\/;\n\tpadding-top: 1rem \/*!main_margin*\/;\n\tpadding-left: 1rem \/*!main_margin*\/;\n\tpadding-right: 1rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] a a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001991\"] small a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":true,"page_bgcolor":"","main_margin":"1","main_margin_top":"1","main_margin_right":"1","main_margin_bottom":"1","main_margin_left":"1"},"pin_options":{"position":"bottom","overlay":false,"accommodate":true}},"set_open":false,"images":[],"backdrop":null},{"id":3001670,"site_id":105789,"project_url":"Collaborations","direct_link":"https:\/\/brian-ho.io\/Collaborations","type":"page","title":"Collaborations","title_no_html":"Collaborations","tags":"","display":false,"pin":true,"pin_options":{"position":"bottom","overlay":false,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":true,"is_set":false,"stack":false,"excerpt":"Collaborations, past and present.\n\n\n\n\n\tSidewalk Labs\n\nSingularity.energy\n\nCenter for Green Buildings and Cities\n\nNew Urban Mechanics\n\nResilient Communities at New...","content":"<div style=\"max-width: 1200px; text-align: left;\"><a id=\"Collaborations\"><\/a><h1>Collaborations, past and present.<\/h1>\n<br>\n<br><\/div><h2><div grid-row=\"\" grid-pad=\"0\" grid-gutter=\"0\" grid-responsive=\"\">\n\t<div grid-col=\"x11\" grid-pad=\"0\" class=\"\"><div><h2><a href=\"https:\/\/www.sidewalklabs.com\" target=\"_blank\">Sidewalk Labs<\/a><br>\n<a href=\"https:\/\/www.singularity.energy\" target=\"_blank\">Singularity.energy<\/a><br>\n<a href=\"http:\/\/harvardcgbc.org\" target=\"_blank\">Center for Green Buildings and Cities<\/a><br>\n<a href=\"https:\/\/www.boston.gov\/departments\/new-urban-mechanics\" target=\"_blank\">New Urban Mechanics<\/a><br>\n<a href=\"https:\/\/www.newamerica.org\/resilient-communities\/\" target=\"_blank\">Resilient Communities at New America<\/a><br><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><div><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><a href=\"http:\/\/www.mkthink.com\/\" target=\"_blank\">MKThink<\/a>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n<div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><a href=\"https:\/\/www.roundhouseone.com\" target=\"_blank\"><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><\/div><\/div><\/a><\/div><\/div><a href=\"http:\/\/www.mkthink.com\" target=\"_blank\"><\/a><a href=\"http:\/\/www.wbarchitects.com\" target=\"_blank\"><\/a><\/h2><\/div><\/div>\n\t<div grid-col=\"x11\" grid-pad=\"0\" class=\"\"><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><a href=\"http:\/\/www.mkthink.com\" target=\"_blank\"><\/a><div style=\"max-width: 600px;\"><\/div><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><div style=\"max-width: 600px;\"><a href=\"https:\/\/www.roundhouseone.com\/\" target=\"_blank\">RoundhouseOne<\/a><\/div><\/div><\/div><a href=\"https:\/\/shanzhaicity.com\" target=\"_blank\">Shanzhai City<\/a><br>\n<a href=\"http:\/\/www.leroystreetstudio.com\" target=\"_blank\">Leroy Street Studio<\/a><br>\n<a href=\"http:\/\/hesterstreet.org\" target=\"_blank\">Hester Street<\/a><br><a href=\"http:\/\/www.wbarchitects.com\" target=\"_blank\">Waggonner & Ball Architects<\/a><\/div><\/div><\/div>\n<\/div><br><\/h2><span style=\"color: rgba(255, 255, 255, 0.8);\">\ue103\ufe0e<\/span><br>","content_no_html":"Collaborations, past and present.\n\n\n\tSidewalk Labs\nSingularity.energy\nCenter for Green Buildings and Cities\nNew Urban Mechanics\nResilient Communities at New AmericaMKThink\n\n\n\tRoundhouseOneShanzhai City\nLeroy Street Studio\nHester StreetWaggonner & Ball Architects\n\ue103\ufe0e","content_partial_html":"<a id=\"Collaborations\"><\/a><h1>Collaborations, past and present.<\/h1>\n<br>\n<br><h2>\n\t<h2><a href=\"https:\/\/www.sidewalklabs.com\" target=\"_blank\">Sidewalk Labs<\/a><br>\n<a href=\"https:\/\/www.singularity.energy\" target=\"_blank\">Singularity.energy<\/a><br>\n<a href=\"http:\/\/harvardcgbc.org\" target=\"_blank\">Center for Green Buildings and Cities<\/a><br>\n<a href=\"https:\/\/www.boston.gov\/departments\/new-urban-mechanics\" target=\"_blank\">New Urban Mechanics<\/a><br>\n<a href=\"https:\/\/www.newamerica.org\/resilient-communities\/\" target=\"_blank\">Resilient Communities at New America<\/a><br><a href=\"http:\/\/www.mkthink.com\/\" target=\"_blank\">MKThink<\/a>\n\n<a href=\"https:\/\/www.roundhouseone.com\" target=\"_blank\"><\/a><a href=\"http:\/\/www.mkthink.com\" target=\"_blank\"><\/a><a href=\"http:\/\/www.wbarchitects.com\" target=\"_blank\"><\/a><\/h2>\n\t<a href=\"http:\/\/www.mkthink.com\" target=\"_blank\"><\/a><a href=\"https:\/\/www.roundhouseone.com\/\" target=\"_blank\">RoundhouseOne<\/a><a href=\"https:\/\/shanzhaicity.com\" target=\"_blank\">Shanzhai City<\/a><br>\n<a href=\"http:\/\/www.leroystreetstudio.com\" target=\"_blank\">Leroy Street Studio<\/a><br>\n<a href=\"http:\/\/hesterstreet.org\" target=\"_blank\">Hester Street<\/a><br><a href=\"http:\/\/www.wbarchitects.com\" target=\"_blank\">Waggonner & Ball Architects<\/a>\n<br><\/h2><span style=\"color: rgba(255, 255, 255, 0.8);\">\ue103\ufe0e<\/span><br>","thumb":"14867102","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-21.875,"imageModel":{"id":14867102,"project_id":3001670,"image_ref":"{image 8}","name":"backdrop4.png","hash":"6f852d774961163e20476c7631c775a2cf8e55970648cb860bdafea97b94ceae","width":600,"height":600,"sort":0,"date_added":"1523892676"},"stored":{"ratio":100,"crop_ratio":"16x9"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":5,"index":0,"set_id":1733652,"page_options":{"using_local_css":true,"local_css":"[local-style=\"3001670\"] .container_width {\n}\n\n[local-style=\"3001670\"] body {\n}\n\n[local-style=\"3001670\"] .backdrop {\n}\n\n[local-style=\"3001670\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"3001670\"] .page_background {\n\tbackground-color: #000 \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"3001670\"] .content_padding {\n\tpadding-top: 3rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] bodycopy {\n\tline-height: 1.3;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] h1 {\n\tcolor: rgba(255, 255, 255, 0.8);\n\tline-height: 1.1;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] h1 a {\n\tcolor: rgb(255, 255, 255);\n text-decoration: underline;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] h2 {\n\tcolor: rgba(255, 255, 255, 0.75);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] h2 a {\n\tcolor: rgb(255, 255, 255);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] small {\n\tcolor: rgba(255, 255, 255, 0.85);\n\tline-height: 0.5;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] small a {\n\tcolor: transparent;\n}\n\n[local-style=\"3001670\"] .container {\n\talign-items: flex-start \/*!vertical_top*\/;
63\n\t-webkit-align-items: flex-start \/*!vertical_top*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] a {\n\tcolor: rgba(255, 255, 255, 0.83);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"3001670\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"#000","show_local_thumbs":false,"page_bgcolor":"","main_margin_top":"3"},"thumbnail_options":{"use_global_thumb_settings":false,"show_local_thumbs":false,"filter_type":"all"},"pin_options":{"position":"bottom","overlay":false,"accommodate":true}},"set_open":false,"images":[{"id":14867102,"project_id":3001670,"image_ref":"{image 8}","name":"backdrop4.png","hash":"6f852d774961163e20476c7631c775a2cf8e55970648cb860bdafea97b94ceae","width":600,"height":600,"sort":0,"exclude_from_backdrop":false,"date_added":"1523892676"},{"id":14867103,"project_id":3001670,"image_ref":"{image 9}","name":"backdrop5.png","hash":"4898072e8f86aa2b85ca7bf0d6838b412375ff448d87355ab3bebb295fae96d9","width":600,"height":600,"sort":0,"exclude_from_backdrop":false,"date_added":"1523892676"}],"backdrop":{"id":443176,"site_id":105789,"page_id":3001670,"backdrop_id":15,"backdrop_path":"pixelation","is_active":true,"data":{"layout_mode":"grid_mode","rows":64,"columns":64,"grid_size":25,"zoom":100,"flip_it":false,"stir_grid":true,"stir_freq":33,"stir_strength":33,"stir_disorder":90,"elasticity":35,"color":"rgba(0, 0, 0, 0.1)","hex":"#000000","alpha":"0.1","mouse_interaction":false,"mouse_sensitivity":6,"tolerance":66,"mouse_zoom":100,"image":"14867102","requires_webgl":"true","image_width":"1500","image_height":"1500"}}}]},{"id":1731500,"site_id":105789,"project_url":"Logo","direct_link":"https:\/\/brian-ho.io\/Logo","type":"page","title":"Logo","title_no_html":"Logo","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":true,"fixed":true,"exclude_mobile":false,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"CHRISTINA LAST","content":"<div grid-row=\"\" grid-pad=\"0\" grid-gutter=\"0\" grid-responsive=\"\" class=\"\"><div grid-col=\"x12\" grid-pad=\"0\" class=\"\"><h1><a href=\"https:\/\/brian-ho.io\/#Top\">CHRISTINA LAST<\/a><\/h1><\/div><\/div>","content_no_html":"CHRISTINA LAST","content_partial_html":"<h1><a href=\"hello.html">CHRISTINA LAST<\/a><\/h1>","thumb":"","thumb_meta":null,"thumb_is_visible":false,"sort":7,"index":0,"set_id":0,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1731500\"] .container_width {\n\twidth: 100%\/*!variable_defaults*\/;\n}\n\n[local-style=\"1731500\"] body {\n}\n\n[local-style=\"1731500\"] .backdrop {\n}\n\n[local-style=\"1731500\"] .page {\n}\n\n[local-style=\"1731500\"] .page_background {\n\tbackground-color: transparent \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1731500\"] .content_padding {\n\tpadding-bottom: 0rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] h1 {\n\tcolor: rgba(255, 255, 255, 0.8);\n font-family: \"Roboto Condensed\", sans-serif;\n font-weight: 300;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] h1 a {\n\tcolor: rgba(195, 195, 195, 0.75);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] small a {\n}\n\n[local-style=\"1731500\"] .container {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731500\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"transparent","show_local_thumbs":true,"page_bgcolor":"","main_margin":"2","main_margin_bottom":"0","content_width":"100"},"pin_options":{"position":"top","overlay":true,"fixed":true,"exclude_mobile":false,"accommodate":true}},"set_open":false,"images":[],"backdrop":null},{"id":1731501,"site_id":105789,"project_url":"Top-Nav","direct_link":"https:\/\/brian-ho.io\/Top-Nav","type":"page","title":"Top Nav","title_no_html":"Top Nav","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":true,"fixed":true,"exclude_mobile":true,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"Home, Featured,\u00a0City, Space, Interface","content":"<div style=\"text-align: right\"><h2><a href=\"Hello\" rel=\"history\">Home<\/a>, <i><a href=\"Featured-1\" rel=\"history\">Featured<\/a>,<\/i> <i><a href=\"City\" rel=\"history\">City<\/a><\/i>, <i><a href=\"Space\" rel=\"history\">Space<\/a><\/i>, <i><a href=\"Interface\" rel=\"history\">Interface<\/a><\/i><\/h2><\/div><br>","content_no_html":"Home, Featured, City, Space, Interface","content_partial_html":"<h2><a href=\"Hello\" rel=\"history\">Home<\/a>, <i><a href=\"Featured-1\" rel=\"history\">Featured<\/a>,<\/i> <i><a href=\"City\" rel=\"history\">City<\/a><\/i>, <i><a href=\"Space\" rel=\"history\">Space<\/a><\/i>, <i><a href=\"Interface\" rel=\"history\">Interface<\/a><\/i><\/h2><br>","thumb":"","thumb_meta":null,"thumb_is_visible":false,"sort":8,"index":0,"set_id":0,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1731501\"] .container_width {\n\twidth: 98% \/*!variable_defaults*\/;\n}\n\n[local-style=\"1731501\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"1731501\"] .backdrop {\n}\n\n[local-style=\"1731501\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"1731501\"] .page_background {\n\tbackground-color: transparent \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1731501\"] .content_padding {\n\tpadding-left: 0rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] h2 {\n\tcolor: rgba(195, 195, 195, 0.75);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] h2 a {\n\tcolor: rgba(195, 195, 195, 0.75);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] small a {\n}\n\n[local-style=\"1731501\"] .container {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731501\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"transparent","show_local_thumbs":true,"page_bgcolor":"","main_margin":"0","main_margin_bottom":"0","main_margin_left":"0","content_width":"98"},"pin_options":{"position":"top","overlay":true,"fixed":true,"exclude_mobile":true,"accommodate":true}},"set_open":false,"images":[],"backdrop":null}
63,{"id":1731502,"site_id":105789,"project_url":"Footer","direct_link":"https:\/\/brian-ho.io\/Footer","type":"page","title":"Footer","title_no_html":"Footer","tags":"","display":false,"pin":true,"pin_options":{"position":"bottom","overlay":true,"accommodate":true,"fixed":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"\ue04c\ufe0e\u00a0 \u00a0 Get in touch: email, Github, LinkedIn.","content":"<hr><div style=\"text-align: left\"><h2><a href=\"#Top\" class=\"icon-link\" style=\"text-decoration:none\">\ue04c\ufe0e<\/a> Get in touch: <a href=\"mailto:[email protected]\">email<\/a>, <a href=\"https:\/\/github.com\/brian-ho\" target=\"_blank\">Github<\/a>, <a href=\"https:\/\/www.linkedin.com\/in\/brianhodesign\" target=\"_blank\">LinkedIn<\/a>.<\/h2><\/div>","content_no_html":"\ue04c\ufe0e Get in touch: email, Github, LinkedIn.","content_partial_html":"<hr><h2><a href=\"#Top\" class=\"icon-link\" style=\"text-decoration:none\">\ue04c\ufe0e<\/a> Get in touch: <a href=\"mailto:[email protected]\">email<\/a>, <a href=\"https:\/\/github.com\/brian-ho\" target=\"_blank\">Github<\/a>, <a href=\"https:\/\/www.linkedin.com\/in\/brianhodesign\" target=\"_blank\">LinkedIn<\/a>.<\/h2>","thumb":"","thumb_meta":{"thumbnail_crop":null},"thumb_is_visible":false,"sort":9,"index":0,"set_id":0,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1731502\"] .container_width {\n\twidth: 90% \/*!variable_defaults*\/;\n}\n\n[local-style=\"1731502\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"1731502\"] .backdrop {\n}\n\n[local-style=\"1731502\"] .page {\n}\n\n[local-style=\"1731502\"] .page_background {\n\tbackground-color: rgb(255, 255, 255) \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1731502\"] .content_padding {\n\tpadding-top: 0.3rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] bodycopy {\n\tfont-size: 1rem;\n\tline-height: 0.5;\n\tcolor: rgba(99, 99, 99, 0.75);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] small a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1731502\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"rgb(255, 255, 255)","show_local_thumbs":true,"page_bgcolor":"","main_margin_top":"0.3","content_width":"90"},"pin_options":{"position":"bottom","overlay":true,"accommodate":true,"fixed":true}},"set_open":false,"images":[],"backdrop":null},{"id":1743467,"title":"Work","project_url":"Work","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":10,"index":1,"page_count":5,"pin_position":null,"thumbnail_options":null,"pages":[{"id":2233262,"title":"Featured","project_url":"Featured-1","set_id":1743467,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":11,"index":0,"page_count":6,"pin_position":null,"thumbnail_options":null,"pages":[{"id":2233281,"site_id":105789,"project_url":"Featured-Intro","direct_link":"https:\/\/brian-ho.io\/Featured-Intro","type":"page","title":"Featured Intro","title_no_html":"Featured Intro","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":true,"is_set":false,"stack":false,"excerpt":"FEATURED PROJECTS\n\nI'm an interdisciplinary data scientist working at the intersection of quantitative social science, technology and the built environment.","content":"<small>FEATURED PROJECTS<\/small><br>\n<h2><div style=\"max-width: 1200px; text-align: left;\">I'm an interdisciplinary data scientist working at the intersection of quantitative social science, technology and the built environment.<\/div><\/h2>","content_no_html":"FEATURED PROJECTS\nI'm an interdisciplinary data scientist working at the intersection of quantitative social science, technology and the built environment.","content_partial_html":"FEATURED PROJECTS<br>\n<h2>I'm an interdisciplinary data scientist working at the intersection of quantitative social science, technology and the built environment.<\/h2>","thumb":"11015708","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-21.875,"imageModel":{"id":11015708,"project_id":2233281,"image_ref":"{image 11}","name":"backdrop4.png","hash":"6f852d774961163e20476c7631c775a2cf8e55970648cb860bdafea97b94ceae","width":600,"height":600,"sort":0,"date_added":"1514324350"},"stored":{"ratio":100,"crop_ratio":"16x9"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":12,"index":0,"set_id":2233262,"page_options":{"using_local_css":true,"local_css":"[local-style=\"2233281\"] .container_width {\n\twidth: 90%\/*!variable_defaults*\/;\n}\n\n[local-style=\"2233281\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"2233281\"] .backdrop {\n}\n\n[local-style=\"2233281\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"2233281\"] .page_background {\n\tbackground-color: #000 \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"2233281\"] .content_padding {\n\tpadding-bottom: 1.7rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] h2 {\n\tcolor: rgba(255, 255, 255, 0.8);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] h2 a {\n\tcolor: rgb(255, 255, 255);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] small {\n\tcolor: rgba(255, 255, 255, 0.85);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] small a {\n}\n\n[local-style=\"2233281\"] .container {\n\talign-items: flex-start \/*!vertical_top*\/;
63\n\t-webkit-align-items: flex-start \/*!vertical_top*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"2233281\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"#000","show_local_thumbs":true,"page_bgcolor":"","main_margin_bottom":"1.7","content_width":"90"},"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true}},"set_open":false,"images":[{"id":11015708,"project_id":2233281,"image_ref":"{image 11}","name":"backdrop4.png","hash":"6f852d774961163e20476c7631c775a2cf8e55970648cb860bdafea97b94ceae","width":600,"height":600,"sort":0,"exclude_from_backdrop":false,"date_added":"1514324350"}],"backdrop":{"id":324005,"site_id":105789,"page_id":2233281,"backdrop_id":15,"backdrop_path":"pixelation","is_active":true,"data":{"layout_mode":"grid_mode","rows":64,"columns":64,"grid_size":25,"zoom":100,"flip_it":false,"stir_grid":true,"stir_freq":15,"stir_strength":22,"stir_disorder":46,"elasticity":33,"color":"rgba(0, 0, 0, 0)","hex":"#000000","alpha":"0","mouse_interaction":false,"mouse_sensitivity":6,"tolerance":66,"mouse_zoom":100,"image":"11015708","requires_webgl":"true","image_width":"1500","image_height":"1500"}}},{"id":1863318,"site_id":105789,"project_url":"Finding-the-fault-lines-using-Geospatial-ML","direct_link":"https:\/\/brian-ho.io\/Finding-the-fault-lines-using-Geospatial-ML","type":"page","title":"Finding the fault lines using Geospatial ML","title_no_html":"Finding the fault lines using Geospatial ML","tags":"Computer vision cartography for smarter cities","display":true,"pin":false,"pin_options":null,"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"Finding the fault lines using Geospatial MLUnderstanding our machine-mediated perception of cities with computer vision cartography.\n\n\n\nCHALLENGE\n\nThe view...","content":"<div grid-row=\"\" grid-pad=\"3\" grid-gutter=\"6\" grid-responsive=\"\" class=\"\"><div grid-col=\"1\" grid-pad=\"3\"><\/div><div grid-col=\"9\" grid-pad=\"3\" class=\"\"><br>\n<br>\n<h2>Finding the fault lines using Geospatial ML<\/h2><h1>Understanding our machine-mediated perception of cities with computer vision cartography.<\/h1><\/div><div grid-col=\"2\" grid-pad=\"3\"><\/div><\/div><br>\n<br>\n<div class=\"in-text\"><div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\"><div grid-col=\"1\" grid-pad=\"2\"><div class=\"in-text\"><font color=\"#000000\" face=\"Roboto Condensed, Icons\"><\/font><\/div><\/div><div grid-col=\"5\" grid-pad=\"2\"><div class=\"in-text\"><div class=\"in-text\"><div class=\"in-text\"><font color=\"#000000\" face=\"Roboto Condensed, Icons\"><small>CHALLENGE<\/small><\/font><br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>The view from above does not match the view from the ground. Maps and plans are useful tools, but they overlook important details; the individual perspective is now mediated by machines and technologies.<\/i><\/span><br>\n<br>\n<small>PROJECT<\/small><br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Multifaceted research into historical methods of mapping and seeing cities, coupled with a new system of computer vision and deep learning on street-level imagery to produce new cartographies based on human perception.<\/i><\/span><\/div><\/div><br>\n<\/div><\/div><div grid-col=\"5\" grid-pad=\"2\" class=\"\"><div class=\"in-text\"><div class=\"in-text\"><small><font color=\"#000000\" face=\"Roboto Condensed, Icons\">DETAILS<\/font><\/small><br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Harvard University Graduate School of Design (GSD) + School of Engineering and Applied Sciences (SEAS)<\/i><br><\/span>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Master in Design Engineering thesis<\/i><\/span><br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Robert Pietrusko and Krzysztof Gajos, advisors<\/i><\/span><br>\n<br>\n<div class=\"in-text\"><div class=\"in-text\"><small><font color=\"#000000\" face=\"Roboto Condensed, Icons\">DETAILS<\/font><\/small><br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Awarded the <a href=\"http:\/\/gis.harvard.edu\/resources\/awards\/awardee\/esri-development-center-student-year-award-2018\">ESRI Development Center Student of the Year Award<\/a> in March 2018.<\/i><\/span><br>\n<div class=\"in-text\"><div class=\"in-text\"><div class=\"in-text\"><div class=\"in-text\"><div class=\"in-text\"><span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Published in the GSD\u2019s <a href=\"https:\/\/www.gsd.harvard.edu\/publication\/platform-11-setting-the-table\/\" target=\"_blank\">Platform 11:<\/a> <a href=\"https:\/\/issuu.com\/actar\/docs\/gsd_platform11\/30\" target=\"_blank\">Setting the Table<\/a>.<\/i><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div grid-col=\"1\" grid-pad=\"2\"><\/div><\/div><\/div><h2><a id=\"Project\"><\/a><div grid-row=\"\" grid-pad=\"3\" grid-gutter=\"6\" grid-responsive=\"\"><div grid-col=\"1\" grid-pad=\"3\"><\/div><div grid-col=\"5\" grid-pad=\"3\" class=\"\"><a href=\"#Project\" class=\"icon-link\">\ue08c\ufe0e<\/a><\/div><div grid-col=\"5\" grid-pad=\"3\"><\/div><div grid-col=\"1\" grid-pad=\"3\"><\/div><\/div><br>\n<\/h2><br>\n<br>\n<div style=\"text-align: center\"><div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"10\" grid-pad=\"2\" class=\"\"><img width=\"1000\" height=\"1000\" width_o=\"1000\" height_o=\"1000\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/2869aeccb7cfbf9b0a4b09aaf5caabbbad4ea71b406bf313c88357335c779ad2\/idep_sq.png\" data-mid=\"16589121\" border=\"0\" data-scale=\"100\"\/><\/div>\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n<\/div><br><\/div>\n<br>\n<div grid-row=\"\" grid-pad=\"3\" grid-gutter=\"6\" grid-responsive=\"\"><div grid-col=\"1\" grid-pad=\"3\"><br>\n<\/div><div grid-col=\"5\" grid-pad=\"3\"><i><\/i><i>Making a New City Image<\/i> explores the machine-mediated perception of urban form: new ways of seeing, understanding and experiencing cities in the information age.<br>\n<br>Spanning the disciplines of urbanism and computer science, this project fosters a productive dialogue between the two. What might we learn about the city using computer vision, deep learning and data science? How might the history, theory and practice of urbanism \u2014 which has long viewed the city as a subject of measurement \u2014 inform modern applications of computation to cities? Most importantly, can we ensure that both disciplines understand the city as it is perceived by people?<br>\n<\/div><div grid-col=\"5\" grid-pad=\"3\" class=\"\">This thesis also formalizes a practice of computer vision cartography. First, it has revisited Kevin Lynch\u2019s <i>Image of the City<\/i>: applying machine learning models to archival photographs and maps of Boston (<a href=\"http:\/\/new-city-image.io\" target=\"_blank\">new-city-image.io<\/a>), and classifying from them Lynch\u2019s elements of the city image. This process has also been adapted to the present day. I have created instruments for the procedural capture of street-level imagery, and the identification of types of urban environments crowdsourced from human input (<a href=\"http:\/\/bit.ly\/new-city-image\" target=\"_blank\">bit.ly\/new-city-image<\/a>).<br>\n<br>Together, these methods produce a mode of analysis that balances a comprehensive perspective at the scale of the city with a focus on the texture, color and details of urban life.<\/div><div grid-col=\"1\" grid-pad=\"3\"><\/div><\/div><br>\n<br>\n<br><div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"2\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"8\" grid-pad=\"2\" class=\"\"><img width=\"2000\" height=\"800\" width_o=\"2000\" height_o=\"800\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/772fb0a3ffc88fd60c0339565c87a2613b7614b0de972ffe68abff691cb762a8\/combined-sequence3.gif\" data-mid=\"16754255\" border=\"0\" \/><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\"><\/div>\n<\/div><br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\" class=\"\"><div grid-col=\"1\" grid-pad=\"2\"><\/div><div grid-col=\"5\" grid-pad=\"2\" class=\"\"><h2>Challenging the plan perspective<\/h2>The project seeks to resolve two different view of cities: the view from above and the view from the ground.<\/div><div grid-col=\"5\" grid-pad=\"2\"><\/div><div grid-col=\"1\" grid-pad=\"2\"><\/div><\/div><br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"2\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"8\" grid-pad=\"2\" class=\"\"><br>\n<img width=\"2400\" height=\"1267\" width_o=\"2400\" height_o=\"1267\" data-src=\"Animations_1.gif" data-mid=\"16752713\" border=\"0\" \/><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\"><\/div>\n<\/div><br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\"><div grid-col=\"1\" grid-pad=\"2\"><\/div><div grid-col=\"5\" grid-pad=\"2\" class=\"\"><h2>Exploring machine-mediated vision <\/h2>The project also investigates the role of technology in shaping human perception of urban form.<\/div><div grid-col=\"5\" grid-pad=\"2\"><\/div><div grid-col=\"1\" grid-pad=\"2\"><\/div><\/div><br>\n<br>\n<video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\"><source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/dashboard_1080.mov\" type=\"video\/mp4\">\n<\/video>\n<br>\n<br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\"><div grid-col=\"1\" grid-pad=\"2\"><\/div><div grid-col=\"5\" grid-pad=\"2\" class=\"\"><h2>Process 1: Inputs<\/h2>How can urban theory and history inform the data inputs for computational models of cities?<br>\n<br>By training a convolutional neural net to classify the elements of the city image from geocoded and labeled images from the Kevin Lynch archive (accessed via Flickr API), we can combine historical and theoretical perspective with new digital approaches.<\/div><div grid-col=\"5\" grid-pad=\"2\"><\/div><div grid-col=\"1\" grid-pad=\"2\"><\/div><\/div><br>\n<br>\n<img width=\"10800\" height=\"4200\" width_o=\"10800\" height_o=\"4200\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/5a2368aa451ecae0efde7d73a037cbe5bc28b9cd16bc0352550ca43cf0856d1b\/idep_process1.png\" data-mid=\"16589122\" border=\"0\" \/><br>\n<br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"3\" grid-pad=\"2\">Images from the Kevin Lynch archive were geocoded and labeled using a re-projection (created in GIS) of his original city image diagram. The resulting geocoded images can be viewed <a href=\"http:\/\/new-city-image.io\" target=\"_blank\">online<\/a>.<\/div>\n\t<div grid-col=\"8\" grid-pad=\"2\"><video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\"><source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/idep_city+image.mov\" type=\"video\/mp4\">\n<\/video><\/div>\n<\/div><br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"3\" grid-pad=\"2\">A <a href=\"http:\/\/new-city-image.io\/label\" target=\"_blank\">web interface<\/a> was developed to allow for manual geocoding of images by comparison to Google Street View. The existing image captions were first parsed by the Google Places search API, to provide approximate locations.<\/div>\n\t<div grid-col=\"8\" grid-pad=\"2\"><video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\"><source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/idep_geocode.mov\" type=\"video\/mp4\">\n<\/video><\/div>\n<\/div><br>\n<br>\n<div class=\"image-gallery\" data-gallery=\"%7B%22mode_id%22%3A2%2C%22gallery_instance_id%22%3A1%2C%22name%22%3A%22Columns%22%2C%22path%22%3A%22columns%22%2C%22data%22%3A%7B%22column_size%22%3A10%2C%22columns%22%3A3%2C%22image_padding%22%3A%220.5%22%2C%22responsive%22%3Afalse%2C%22mobile_data%22%3A%7B%22columns%22%3A2%2C%22column_size%22%3A11%2C%22image_padding%22%3A1%2C%22separate_mobile_view%22%3Afalse%7D%2C%22meta_data%22%3A%7B%7D%7D%7D\">\n<img width=\"3384\" height=\"5075\" width_o=\"3384\" height_o=\"5075\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/1d22323fbcf2c2797dfaa5857f191589fc45db570e089739436b798d4ebf4cd3\/bho_IDEP04.jpg\" data-mid=\"16589132\" border=\"0\" \/>\n<img width=\"2667\" height=\"4000\" width_o=\"2667\" height_o=\"4000\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/be10969c67bce835ec29ce4d7c2223b206602c0e05f718cd85a4f3d730e7e9a6\/bho_IDEP03.jpg\" data-mid=\"16589131\" border=\"0\" \/>\n<img width=\"4000\" height=\"6000\" width_o=\"4000\" height_o=\"6000\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/d0bd4dc8fdcefdcc859c2a1ae667996f5a4b88d5e123e1eb748fd49918a656ee\/bho_IDEP05.jpg\" data-mid=\"16589133\" border=\"0\" \/>\n<\/div><br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"6\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">The results were also visualized via projection mapping onto a milled topographic surface, with height cooresponding to building density (a first approximation of a perceptual geography in Boston).<\/div>\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n<\/div><br>\n<br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\" class=\"\"><h2>Process 2: Instrument <br><\/h2>How can new digital methods extend the knowledge of urbanism and design practice? <br>\n<br>By building a device to capture 360-degree imagery, associated to a GPS tag, we can build our own dataset to represent the city of Boston today.<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n<\/div><br>\n<img width=\"10800\" height=\"4200\" width_o=\"10800\" height_o=\"4200\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/a8b9a2bc93b7dfe5a5c332ac12e6faecd0d809c6d3992a7ef4b61c79509f3c19\/idep_process2.png\" data-mid=\"16589123\" border=\"0\" \/><div style=\"text-align: center\"><div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"4\" grid-pad=\"2\" class=\"\"><div style=\"text-align: left\">The device in exploded axonometric. Design of the device combined digital CAD methods with 3D printing; different materials were selected for components based on desired mechanical properties.<\/div><\/div>\n\t<div grid-col=\"7\" grid-pad=\"2\" class=\"\"><div style=\"text-align: left\"><img width=\"1650\" height=\"2550\" width_o=\"1650\" height_o=\"2550\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/b237d26c9b35149de9981ef625d3b1b0333dd65a5f949da29ac2cf5960d3e1f7\/idep_device.png\" data-mid=\"16627087\" border=\"0\" \/><\/div><\/div>\n<\/div><br><\/div>\n<br>\n<br>\n<video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\">\n<source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/bike+footage.mov\" type=\"video\/mp4\">\n<\/video><br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"7\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"4\" grid-pad=\"2\">The resulting collected dataset, captured over a week and about 100 miles. Associated map tiles were also downloaded from Mapbox, to create a concatanated input array.<\/div>\n\t<div grid-col=\"1\" grid-pad=\"2\" class=\"\"><br>\n<\/div>\n<\/div><br>\n<br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\"><div grid-col=\"1\" grid-pad=\"2\"><\/div><div grid-col=\"5\" grid-pad=\"2\" class=\"\"><h2>Process
633: Interface<\/h2>How can digital methods capture human perspective, to inform both urbanism and computation? <br>\n<br>By developing an interface for crowdsourced labeling, we can collect human perception at scale. These labels can be used to inform machine learning models, and can voluntarily be attributed to their contributors.\n\t\n\t<\/div><div grid-col=\"6\" grid-pad=\"2\"><\/div><\/div><br>\n<img width=\"10800\" height=\"4200\" width_o=\"10800\" height_o=\"4200\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/4f2d96a078bb465688299fa612dfc70df027972880f1e54cc48bedbb0f3bb302\/idep_process3.png\" data-mid=\"16589124\" border=\"0\" \/><br>\n<br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"3\" grid-pad=\"2\" class=\"\">The first task of the <a href=\"http:\/\/bit.ly\/new-city-image\" target=\"_blank\">crowdsourced interface<\/a> asked persons to view a previously collected image, aAnd guess its location. This provides a scalar value of distance from the correct location, which can be averaged over many trials to build a sense of which views of the street are more \u201clocatable.\u201d<\/div>\n\t<div grid-col=\"8\" grid-pad=\"2\"><video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\">\n<source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/idep_guessing.mov\" type=\"video\/mp4\">\n<\/video><\/div>\n<\/div><br><br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n\t<div grid-col=\"3\" grid-pad=\"2\" class=\"\">The second task of the <a href=\"http:\/\/bit.ly\/new-city-image\" target=\"_blank\">crowdsourced interface<\/a> asked persons label images according to the element of the city image, from Kevin Lynch. Participants who completed the survey could also optionally submit a memory of their own.<\/div>\n\t<div grid-col=\"8\" grid-pad=\"2\"><video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\"><source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/idep_labeling.mov\" type=\"video\/mp4\">\n<\/video><\/div>\n<\/div>\n<br>\n<div grid-row=\"\" grid-pad=\"3\" grid-gutter=\"6\" grid-responsive=\"\"><div grid-col=\"x12\" grid-pad=\"3\" class=\"\">\n\n\n<div class=\"image-gallery\" data-gallery=\"%7B%22mode_id%22%3A6%2C%22gallery_instance_id%22%3A2%2C%22name%22%3A%22Slideshow%22%2C%22path%22%3A%22slideshow%22%2C%22data%22%3A%7B%22autoplay%22%3Atrue%2C%22autoplaySpeed%22%3A%223.5%22%2C%22speed%22%3A0.5%2C%22arrows%22%3Atrue%2C%22transition-type%22%3A%22fade%22%2C%22constrain_height%22%3Atrue%2C%22image_vertical_align%22%3A%22middle%22%2C%22image_horizontal_align%22%3A%22middle%22%2C%22image_alignment%22%3A%22image_middle_middle%22%2C%22mobile_data%22%3A%7B%22separate_mobile_view%22%3Afalse%7D%2C%22meta_data%22%3A%7B%7D%7D%7D\">\n<img width=\"2593\" height=\"1224\" width_o=\"2593\" height_o=\"1224\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/effc59e65032a4a91d1b0f4d9dcd32616f57fcc76e37573bf613449e549e2943\/history-06.png\" data-mid=\"9080768\" border=\"0\" data-scale=\"100\"\/>\n<img width=\"2593\" height=\"1224\" width_o=\"2593\" height_o=\"1224\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/0e48550b683cf8bea73c8e16cf2fbd4328bfe11a4e527f92cd336ac12c177f51\/history-07.png\" data-mid=\"9080769\" border=\"0\" \/>\n<img width=\"10800\" height=\"5101\" width_o=\"10800\" height_o=\"5101\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/4ca53d80ceaad86cf85a07ad3b01ed3674ed3c1376c29b914422fd378bbd1418\/results-01.png\" data-mid=\"13224311\" border=\"0\" \/>\n<img width=\"2592\" height=\"1224\" width_o=\"2592\" height_o=\"1224\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/fb80d2c89e2a58abacd35e1bdd9d24dd8fad106cfc1f59ebe30453299c7fbe90\/elements-01.png\" data-mid=\"9080721\" border=\"0\" \/>\n<\/div><br>\n<\/div><\/div><div grid-col=\"x12\" grid-pad=\"2\" class=\"\"><br>\n<\/div>\n\n<hr><div style=\"text-align: left\"><h2>Still curious? Check out some of my other work:<br><\/h2>\n<h2><br><a id=\"Work\"><\/a><a href=\"#Work\" style=\"text-decoration:none\" class=\"icon-link\">\ue08c\ufe0e<\/a><\/h2><\/div>","content_no_html":"\n\nFinding the fault lines using Geospatial MLUnderstanding our machine-mediated perception of cities with computer vision cartography.\n\nCHALLENGE\nThe view from above does not match the view from the ground. Maps and plans are useful tools, but they overlook important details; the individual perspective is now mediated by machines and technologies.\n\nPROJECT\nMultifaceted research into historical methods of mapping and seeing cities, coupled with a new system of computer vision and deep learning on street-level imagery to produce new cartographies based on human perception.\nDETAILS\nHarvard University Graduate School of Design (GSD) + School of Engineering and Applied Sciences (SEAS)\nMaster in Design Engineering thesis\nRobert Pietrusko and Krzysztof Gajos, advisors\n\nDETAILS\nAwarded the ESRI Development Center Student of the Year Award in March 2018.\nPublished in the GSD\u2019s Platform 11: Setting the Table.\ue08c\ufe0e\n\n\n\n\t\n\t{image 13 scale=\"100\"}\n\t\n\n\n\nMaking a New City Image explores the machine-mediated perception of urban form: new ways of seeing, understanding and experiencing cities in the information age.\nSpanning the disciplines of urbanism and computer science, this project fosters a productive dialogue between the two. What might we learn about the city using computer vision, deep learning and data science? How might the history, theory and practice of urbanism \u2014 which has long viewed the city as a subject of measurement \u2014 inform modern applications of computation to cities? Most importantly, can we ensure that both disciplines understand the city as it is perceived by people?\nThis thesis also formalizes a practice of computer vision cartography. First, it has revisited Kevin Lynch\u2019s Image of the City: applying machine learning models to archival photographs and maps of Boston (new-city-image.io), and classifying from them Lynch\u2019s elements of the city image. This process has also been adapted to the present day. I have created instruments for the procedural capture of street-level imagery, and the identification of types of urban environments crowdsourced from human input (bit.ly\/new-city-image).\nTogether, these methods produce a mode of analysis that balances a comprehensive perspective at the scale of the city with a focus on the texture, color and details of urban life.\n\n\n\t\n\t{image 27}\n\t\n\nChallenging the plan perspectiveThe project seeks to resolve two different view of cities: the view from above and the view from the ground.\n\n\t\n\t\n{image 25}\n\t\n\nExploring machine-mediated vision The project also investigates the role of technology in shaping human perception of urban form.\n\n\n\n\n\nProcess 1: InputsHow can urban theory and history inform the data inputs for computational models of cities?\nBy training a convolutional neural net to classify the elements of the city image from geocoded and labeled images from the Kevin Lynch archive (accessed via Flickr API), we can combine historical and theoretical perspective with new digital approaches.\n\n{image 14}\n\n\n\t\n\tImages from the Kevin Lynch archive were geocoded and labeled using a re-projection (created in GIS) of his original city image diagram. The resulting geocoded images can be viewed online.\n\t\n\n\n\n\t\n\tA web interface was developed to allow for manual geocoding of images by comparison to Google Street View. The existing image captions were first parsed by the Google Places search API, to provide approximate locations.\n\t\n\n\n\n\n{image 18}\n{image 17}\n{image 19}\n\n\n\t\n\tThe results were also visualized via projection mapping onto a milled topographic surface, with height cooresponding to building density (a first approximation of a perceptual geography in Boston).\n\t\n\n\n\n\t\n\tProcess 2: Instrument How can new digital methods extend the knowledge of urbanism and design practice? \nBy building a device to capture 360-degree imagery, associated to a GPS tag, we can build our own dataset to represent the city of Boston today.\n\t\n\t\n\n{image 15}\n\t\n\tThe device in exploded axonometric. Design of the device combined digital CAD methods with 3D printing; different materials were selected for components based on desired mechanical properties.\n\t{image 20}\n\n\n\n\n\n\n\n\t\n\tThe resulting collected dataset, captured over a week and about 100 miles. Associated map tiles were also downloaded from Mapbox, to create a concatanated input array.\n\t\n\n\n\nProcess 3: InterfaceHow can digital methods capture human perspective, to inform both urbanism and computation? \nBy developing an interface for crowdsourced labeling, we can collect human perception at scale. These labels can be used to inform machine learning models, and can voluntarily be attributed to their contributors.\n\t\n\t\n{image 16}\n\n\n\t\n\tThe first task of the crowdsourced interface asked persons to view a previously collected image, aAnd guess its location. This provides a scalar value of distance from the correct location, which can be averaged over many trials to build a sense of which views of the street are more \u201clocatable.\u201d\n\t\n\n\n\n\n\t\n\tThe second task of the crowdsourced interface asked persons label images according to the element of the city image, from Kevin Lynch. Participants who completed the survey could also optionally submit a memory of their own.\n\t\n\n\n\n\n\n\n\n{image 2 scale=\"100\"}\n{image 3}\n{image 8}\n{image 1}\n\n\n\n\nStill curious? Check out some of my other work:\n\ue08c\ufe0e","content_partial_html":"<br>\n<br>\n<h2>Finding the fault lines using Geospatial ML<\/h2><h1>Understanding our machine-mediated perception of cities with computer vision cartography.<\/h1><br>\n<br>\nCHALLENGE<br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>The view from above does not match the view from the ground. Maps and plans are useful tools, but they overlook important details; the individual perspective is now mediated by machines and technologies.<\/i><\/span><br>\n<br>\nPROJECT<br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Multifaceted research into historical methods of mapping and seeing cities, coupled with a new system of computer vision and deep learning on street-level imagery to produce new cartographies based on human perception.<\/i><\/span><br>\nDETAILS<br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Harvard University Graduate School of Design (GSD) + School of Engineering and Applied Sciences (SEAS)<\/i><br><\/span>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Master in Design Engineering thesis<\/i><\/span><br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Robert Pietrusko and Krzysztof Gajos, advisors<\/i><\/span><br>\n<br>\nDETAILS<br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Awarded the <a href=\"http:\/\/gis.harvard.edu\/resources\/awards\/awardee\/esri-development-center-student-year-award-2018\">ESRI Development Center Student of the Year Award<\/a> in March 2018.<\/i><\/span><br>\n<span style=\"color: rgba(100, 100, 100, 0.85098);\"><i>Published in the GSD\u2019s <a href=\"https:\/\/www.gsd.harvard.edu\/publication\/platform-11-setting-the-table\/\" target=\"_blank\">Platform 11:<\/a> <a href=\"https:\/\/issuu.com\/actar\/docs\/gsd_platform11\/30\" target=\"_blank\">Setting the Table<\/a>.<\/i><\/span><h2><a id=\"Project\"><\/a><a href=\"#Project\" class=\"icon-link\">\ue08c\ufe0e<\/a><br>\n<\/h2><br>\n<br>\n\n\t\n\t<img width=\"1000\" height=\"1000\" width_o=\"1000\" height_o=\"1000\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/2869aeccb7cfbf9b0a4b09aaf5caabbbad4ea71b406bf313c88357335c779ad2\/idep_sq.png\" data-mid=\"16589121\" border=\"0\" data-scale=\"100\"\/>\n\t\n<br>\n<br>\n<br>\n<i><\/i><i>Making a New City Image<\/i> explores the machine-mediated perception of urban form: new ways of seeing, understanding and experiencing cities in the information age.<br>\n<br>Spanning the disciplines of urbanism and computer science, this project fosters a productive dialogue between the two. What might we learn about the city using computer vision, deep learning and data science? How might the history, theory and practice of urbanism \u2014 which has long viewed the city as a subject of measurement \u2014 inform modern applications of computation to cities? Most importantly, can we ensure that both disciplines understand the city as it is perceived by people?<br>\nThis thesis also formalizes a practice of computer vision cartography. First, it has revisited Kevin Lynch\u2019s <i>Image of the City<\/i>: applying machine learning models to archival photographs and maps of Boston (<a href=\"http:\/\/new-city-image.io\" target=\"_blank\">new-city-image.io<\/a>), and classifying from them Lynch\u2019s elements of the city image. This process has also been adapted to the present day. I have created instruments for the procedural capture of street-level imagery, and the identification of types of urban environments crowdsourced from human input (<a href=\"http:\/\/bit.ly\/new-city-image\" target=\"_blank\">bit.ly\/new-city-image<\/a>).<br>\n<br>Together, these methods produce a mode of analysis that balances a comprehensive perspective at the scale of the city with a focus on the texture, color and details of urban life.<br>\n<br>\n<br>\n\t\n\t<img width=\"2000\" height=\"800\" width_o=\"2000\" height_o=\"800\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/772fb0a3ffc88fd60c0339565c87a2613b7614b0de972ffe68abff691cb762a8\/combined-sequence3.gif\" data-mid=\"16754255\" border=\"0\" \/>\n\t\n<br>\n<h2>Challenging the plan perspective<\/h2>The project seeks to resolve two different view of cities: the view from above and the view from the ground.<br>\n\n\t\n\t<br>\n<img width=\"2400\" height=\"1267\" width_o=\"2400\" height_o=\"1267\" data-src=\"Animations_1.gif" data-mid=\"16752713\" border=\"0\" \/>\n\t\n<br>\n<h2>Exploring machine-mediated vision <\/h2>The project also investigates the role of technology in shaping human perception of urban form.<br>\n<br>\n<video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\"><source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/dashboard_1080.mov\" type=\"video\/mp4\">\n<\/video>\n<br>\n<br>\n<h2>Process 1: Inputs<\/h2>How can urban theory and history inform the data inputs for computational models of cities?<br>\n<br>By training a convolutional neural net to classify the elements of the city image from geocoded and labeled images from the Kevin Lynch archive (accessed via Flickr API), we can combine historical and theoretical perspective with new digital approaches.<br>\n<br>\n<img width=\"10800\" height=\"4200\" width_o=\"10800\" height_o=\"4200\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/5a2368aa451ecae0efde7d73a037cbe5bc28b9cd16bc0352550ca43cf0856d1b\/idep_process1.png\" data-mid=\"16589122\" border=\"0\" \/><br>\n<br>\n\n\t\n\tImages from the Kevin Lynch archive were geocoded and labeled using a re-projection (created in GIS) of his original city image diagram. The resulting geocoded images can be viewed <a href=\"http:\/\/new-city-image.io\" target=\"_blank\">online<\/a>.\n\t<video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\"><source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/idep_city+image.mov\" type=\"video\/mp4\">\n<\/video>\n<br>\n\n\t\n\tA <a href=\"http:\/\/new-city-image.io\/label\" target=\"_blank\">web interface<\/a> was developed to allow for manual geocoding of images by comparison to Google Street View. The existing image captions were first parsed by the Google Places search API, to provide approximate locations.\n\t<video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\"><source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/idep_geocode.mov\" type=\"video\/mp4\">\n<\/video>\n<br>\n<br>
63\n\n<img width=\"3384\" height=\"5075\" width_o=\"3384\" height_o=\"5075\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/1d22323fbcf2c2797dfaa5857f191589fc45db570e089739436b798d4ebf4cd3\/bho_IDEP04.jpg\" data-mid=\"16589132\" border=\"0\" \/>\n<img width=\"2667\" height=\"4000\" width_o=\"2667\" height_o=\"4000\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/be10969c67bce835ec29ce4d7c2223b206602c0e05f718cd85a4f3d730e7e9a6\/bho_IDEP03.jpg\" data-mid=\"16589131\" border=\"0\" \/>\n<img width=\"4000\" height=\"6000\" width_o=\"4000\" height_o=\"6000\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/d0bd4dc8fdcefdcc859c2a1ae667996f5a4b88d5e123e1eb748fd49918a656ee\/bho_IDEP05.jpg\" data-mid=\"16589133\" border=\"0\" \/>\n<br>\n\n\t\n\tThe results were also visualized via projection mapping onto a milled topographic surface, with height cooresponding to building density (a first approximation of a perceptual geography in Boston).\n\t\n<br>\n<br>\n\n\t\n\t<h2>Process 2: Instrument <br><\/h2>How can new digital methods extend the knowledge of urbanism and design practice? <br>\n<br>By building a device to capture 360-degree imagery, associated to a GPS tag, we can build our own dataset to represent the city of Boston today.\n\t\n\t\n<br>\n<img width=\"10800\" height=\"4200\" width_o=\"10800\" height_o=\"4200\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/a8b9a2bc93b7dfe5a5c332ac12e6faecd0d809c6d3992a7ef4b61c79509f3c19\/idep_process2.png\" data-mid=\"16589123\" border=\"0\" \/>\n\t\n\tThe device in exploded axonometric. Design of the device combined digital CAD methods with 3D printing; different materials were selected for components based on desired mechanical properties.\n\t<img width=\"1650\" height=\"2550\" width_o=\"1650\" height_o=\"2550\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/b237d26c9b35149de9981ef625d3b1b0333dd65a5f949da29ac2cf5960d3e1f7\/idep_device.png\" data-mid=\"16627087\" border=\"0\" \/>\n<br>\n<br>\n<br>\n<video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\">\n<source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/bike+footage.mov\" type=\"video\/mp4\">\n<\/video><br>\n\n\t\n\tThe resulting collected dataset, captured over a week and about 100 miles. Associated map tiles were also downloaded from Mapbox, to create a concatanated input array.\n\t<br>\n\n<br>\n<br>\n<h2>Process 3: Interface<\/h2>How can digital methods capture human perspective, to inform both urbanism and computation? <br>\n<br>By developing an interface for crowdsourced labeling, we can collect human perception at scale. These labels can be used to inform machine learning models, and can voluntarily be attributed to their contributors.\n\t\n\t<br>\n<img width=\"10800\" height=\"4200\" width_o=\"10800\" height_o=\"4200\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/4f2d96a078bb465688299fa612dfc70df027972880f1e54cc48bedbb0f3bb302\/idep_process3.png\" data-mid=\"16589124\" border=\"0\" \/><br>\n<br>\n\n\t\n\tThe first task of the <a href=\"http:\/\/bit.ly\/new-city-image\" target=\"_blank\">crowdsourced interface<\/a> asked persons to view a previously collected image, aAnd guess its location. This provides a scalar value of distance from the correct location, which can be averaged over many trials to build a sense of which views of the street are more \u201clocatable.\u201d\n\t<video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\">\n<source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/idep_guessing.mov\" type=\"video\/mp4\">\n<\/video>\n<br><br>\n\n\t\n\tThe second task of the <a href=\"http:\/\/bit.ly\/new-city-image\" target=\"_blank\">crowdsourced interface<\/a> asked persons label images according to the element of the city image, from Kevin Lynch. Participants who completed the survey could also optionally submit a memory of their own.\n\t<video width=\"1080\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" style=\"text-align: center;\"><source src=\"https:\/\/s3.amazonaws.com\/new-city-image\/path\/video\/idep_labeling.mov\" type=\"video\/mp4\">\n<\/video>\n\n<br>\n\n\n\n\n<img width=\"2593\" height=\"1224\" width_o=\"2593\" height_o=\"1224\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/effc59e65032a4a91d1b0f4d9dcd32616f57fcc76e37573bf613449e549e2943\/history-06.png\" data-mid=\"9080768\" border=\"0\" data-scale=\"100\"\/>\n<img width=\"2593\" height=\"1224\" width_o=\"2593\" height_o=\"1224\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/0e48550b683cf8bea73c8e16cf2fbd4328bfe11a4e527f92cd336ac12c177f51\/history-07.png\" data-mid=\"9080769\" border=\"0\" \/>\n<img width=\"10800\" height=\"5101\" width_o=\"10800\" height_o=\"5101\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/4ca53d80ceaad86cf85a07a
63d3b01ed3674ed3c1376c29b914422fd378bbd1418\/results-01.png\" data-mid=\"13224311\" border=\"0\" \/>\n<img width=\"2592\" height=\"1224\" width_o=\"2592\" height_o=\"1224\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/fb80d2c89e2a58abacd35e1bdd9d24dd8fad106cfc1f59ebe30453299c7fbe90\/elements-01.png\" data-mid=\"9080721\" border=\"0\" \/>\n<br>\n<br>\n\n\n<hr><h2>Still curious? Check out some of my other work:<br><\/h2>\n<h2><br><a id=\"Work\"><\/a><a href=\"#Work\" style=\"text-decoration:none\" class=\"icon-link\">\ue08c\ufe0e<\/a><\/h2>","thumb":"9087738","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-0.231481,"imageModel":{"id":9087738,"project_id":1863318,"image_ref":"{image 7}","name":"partis-thumb.png","hash":"1c591b2e03fcd6d8cc6ba734158aa5581a81e12968c8deb5dce1cc8afe77c086","width":648,"height":366,"sort":0,"date_added":"1515552831"},"stored":{"ratio":56.481481481481,"crop_ratio":"16x9"},"cropManuallySet":true}},"thumb_is_visible":true,"sort":14,"index":1,"set_id":2233262,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1863318\"] .container_width {\n}\n\n[local-style=\"1863318\"] body {\n}\n\n[local-style=\"1863318\"] .backdrop {\n}\n\n[local-style=\"1863318\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"1863318\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1863318\"] .content_padding {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] h1 {\n font-family: \"DINosaur\";\n\tline-height: 1.2;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] small a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1863318\"] a a {\n}\n\n[local-style=\"1863318\"] .container {\n\talign-items: flex-start \/*!vertical_top*\/;\n\t-webkit-align-items: flex-start \/*!vertical_top*\/;\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":true,"page_bgcolor":""}},"set_open":false,"images":[{"id":9080721,"project_id":1863318,"image_ref":"{image 1}","name":"elements-01.png","hash":"fb80d2c89e2a58abacd35e1bdd9d24dd8fad106cfc1f59ebe30453299c7fbe90","width":2592,"height":1224,"sort":0,"exclude_from_backdrop":false,"date_added":"1515542068"},{"id":9080768,"project_id":1863318,"image_ref":"{image 2}","name":"history-06.png","hash":"effc59e65032a4a91d1b0f4d9dcd32616f57fcc76e37573bf613449e549e2943","width":2593,"height":1224,"sort":0,"exclude_from_backdrop":false,"date_added":"1515542210"},{"id":9080769,"project_id":1863318,"image_ref":"{image 3}","name":"history-07.png","hash":"0e48550b683cf8bea73c8e16cf2fbd4328bfe11a4e527f92cd336ac12c177f51","width":2593,"height":1224,"sort":0,"exclude_from_backdrop":false,"date_added":"1515542211"},{"id":9087738,"project_id":1863318,"image_ref":"{image 7}","name":"partis-thumb.png","hash":"1c591b2e03fcd6d8cc6ba734158aa5581a81e12968c8deb5dce1cc8afe77c086","width":648,"height":366,"sort":0,"exclude_from_backdrop":false,"date_added":"1515552831"},{"id":13224311,"project_id":1863318,"image_ref":"{image 8}","name":"results-01.png","hash":"4ca53d80ceaad86cf85a07ad3b01ed3674ed3c1376c29b914422fd378bbd1418","width":10800,"height":5101,"sort":0,"exclude_from_backdrop":false,"date_added":"1521484229"},{"id":16589121,"project_id":1863318,"image_ref":"{image 13}","name":"idep_sq.png","hash":"2869aeccb7cfbf9b0a4b09aaf5caabbbad4ea71b406bf313c88357335c779ad2","width":1000,"height":1000,"sort":0,"exclude_from_backdrop":false,"date_added":"1526619624"},{"id":16589122,"project_id":1863318,"image_ref":"{image 14}","name":"idep_process1.png","hash":"5a2368aa451ecae0efde7d73a037cbe5bc28b9cd16bc0352550ca43cf0856d1b","width":10800,"height":4200,"sort":0,"exclude_from_backdrop":false,"date_added":"1526619670"},{"id":16589123,"project_id":1863318,"image_ref":"{image 15}","name":"idep_process2.png","hash":"a8b9a2bc93b7dfe5a5c332ac12e6faecd0d809c6d3992a7ef4b61c79509f3c19","width":10800,"height":4200,"sort":0,"exclude_from_backdrop":false,"date_added":"1526619671"},{"id":16589124,"project_id":1863318,"image_ref":"{image 16}","name":"idep_process3.png","hash":"4f2d96a078bb465688299fa612dfc70df027972880f1e54cc48bedbb0f3bb302","width":10800,"height":4200,"sort":0,"exclude_from_backdrop":false,"date_added":"1526619671"},{"id":16589131,"project_id":1863318,"image_ref":"{image 17}","name":"bho_IDEP03.jpg","hash":"be10969c67bce835ec29ce4d7c2223b206602c0e05f718cd85a4f3d730e7e9a6","width":2667,"height":4000,"sort":0,"exclude_from_backdrop":false,"date_added":"1526619855"},{"id":16589132,"project_id":1863318,"image_ref":"{image 18}","name":"bho_IDEP04.jpg","hash":"1d22323fbcf2c2797dfaa5857f191589fc45db570e089739436b798d4ebf4cd3","width":3384,"height":5075,"s
63ort":0,"exclude_from_backdrop":false,"date_added":"1526619858"},{"id":16589133,"project_id":1863318,"image_ref":"{image 19}","name":"bho_IDEP05.jpg","hash":"d0bd4dc8fdcefdcc859c2a1ae667996f5a4b88d5e123e1eb748fd49918a656ee","width":4000,"height":6000,"sort":0,"exclude_from_backdrop":false,"date_added":"1526619858"},{"id":16627087,"project_id":1863318,"image_ref":"{image 20}","name":"idep_device.png","hash":"b237d26c9b35149de9981ef625d3b1b0333dd65a5f949da29ac2cf5960d3e1f7","width":1650,"height":2550,"sort":0,"exclude_from_backdrop":false,"date_added":"1526678318"},{"id":16746622,"project_id":1863318,"image_ref":"{image 22}","name":"parti_v2a.gif","hash":"eab547c208add8c9efceaca42d48182f86c6e6237afea4af504b90ac8a216270","width":2400,"height":1401,"sort":0,"exclude_from_backdrop":false,"date_added":"1526916332"},{"id":16752713,"project_id":1863318,"image_ref":"{image 25}","name":"Animations_1.gif","hash":"1216f94e36abd19da0e8014ca43bebc911150140e7eb7c56eda89266f884b9b6","width":2400,"height":1267,"sort":0,"exclude_from_backdrop":false,"date_added":"1526921385"},{"id":16754255,"project_id":1863318,"image_ref":"{image 27}","name":"combined-sequence3.gif","hash":"772fb0a3ffc88fd60c0339565c87a2613b7614b0de972ffe68abff691cb762a8","width":2000,"height":800,"sort":0,"exclude_from_backdrop":false,"date_added":"1526923500"}],"backdrop":{"id":270932,"site_id":105789,"page_id":1863318,"backdrop_id":3,"backdrop_path":"wallpaper","is_active":true,"data":{"scale_option":"cover","margin":0,"limit_size":false,"overlay_color":"transparent","bg_color":"transparent","cycle_images":false,"autoplay":false,"slideshow_transition":"slide","transition_timeout":2.5,"transition_duration":1,"randomize":false,"arrow_navigation":false,"image":"9080721","requires_webgl":"false"}}}]},{"id":1731584,"title":"City","project_url":"City","set_id":1743467,"is_homepage":false,"pin":false,"is_set":true,"in_nav":true,"stack":false,"sort":19,"index":1,"page_count":4,"pin_position":null,"thumbnail_options":null,"pages":[{"id":1739511,"site_id":105789,"project_url":"City-Intro","direct_link":"https:\/\/brian-ho.io\/City-Intro","type":"page","title":"City Intro","title_no_html":"City Intro","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":true,"is_set":false,"stack":false,"excerpt":"CITY PROJECTS\nTechnologies and systems that make cities better for people:","content":"<small>CITY PROJECTS<\/small><div style=\"text-align: left;\">\n<h2>Technologies and systems that make cities better for people:<\/h2><\/div>","content_no_html":"CITY PROJECTS\nTechnologies and systems that make cities better for people:","content_partial_html":"CITY PROJECTS\n<h2>Technologies and systems that make cities better for people:<\/h2>","thumb":"8464704","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-21.875,"imageModel":{"id":8464704,"project_id":1739511,"image_ref":"{image 9}","name":"backdrop5.png","hash":"4898072e8f86aa2b85ca7bf0d6838b412375ff448d87355ab3bebb295fae96d9","width":600,"height":600,"sort":0,"date_added":1514388363},"stored":{"ratio":100,"crop_ratio":"16x9"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":20,"index":0,"set_id":1731584,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1739511\"] .container_width {\n}\n\n[local-style=\"1739511\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"1739511\"] .backdrop {\n}\n\n[local-style=\"1739511\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"1739511\"] .page_background {\n\tbackground-color: #331b1b \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1739511\"] .content_padding {\n\tpadding-bottom: 1.7rem \/*!main_margin*\/;\n\tpadding-top: 1.5rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] h2 {\n\tcolor: rgba(255, 255, 255, 0.75);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] h2 a {\n\tcolor: rgb(255, 255, 255);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] small {\n\tcolor: rgba(255, 255, 255, 0.85);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] small a {\n}\n\n[local-style=\"1739511\"] .container {\n\talign-items: flex-start \/*!vertical_top*\/;
63\n\t-webkit-align-items: flex-start \/*!vertical_top*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739511\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"#331b1b","show_local_thumbs":true,"page_bgcolor":"","main_margin_bottom":"1.7","main_margin_top":"1.5"},"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true}},"set_open":false,"images":[{"id":8464704,"project_id":1739511,"image_ref":"{image 9}","name":"backdrop5.png","hash":"4898072e8f86aa2b85ca7bf0d6838b412375ff448d87355ab3bebb295fae96d9","width":600,"height":600,"sort":0,"exclude_from_backdrop":false,"date_added":"1514388363"}],"backdrop":{"id":246206,"site_id":105789,"page_id":1739511,"backdrop_id":15,"backdrop_path":"pixelation","is_active":true,"data":{"layout_mode":"grid_mode","rows":64,"columns":64,"grid_size":25,"zoom":100,"flip_it":false,"stir_grid":true,"stir_freq":33,"stir_strength":33,"stir_disorder":66,"elasticity":33,"color":"transparent","hex":"#ffffff","alpha":"0","mouse_interaction":false,"mouse_sensitivity":6,"tolerance":66,"mouse_zoom":100,"image":"8464704","requires_webgl":"true","image_width":"1500","image_height":"1500"}}}]},{"id":1731605,"title":"Interface","project_url":"Interface","set_id":1743467,"is_homepage":false,"pin":false,"is_set":true,"in_nav":true,"stack":false,"sort":30,"index":2,"page_count":3,"pin_position":null,"thumbnail_options":null,"pages":[{"id":1739532,"site_id":105789,"project_url":"Interface-Intro","direct_link":"https:\/\/brian-ho.io\/Interface-Intro","type":"page","title":"Interface Intro","title_no_html":"Interface Intro","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":true,"is_set":false,"stack":false,"excerpt":"INTERFACE PROJECTS\n\nHuman-centered interfaces from an interface-centered human:","content":"<small>INTERFACE PROJECTS<\/small><br>\n<h2>Human-centered interfaces from an interface-centered human:<\/h2>","content_no_html":"INTERFACE PROJECTS\nHuman-centered interfaces from an interface-centered human:","content_partial_html":"INTERFACE PROJECTS<br>\n<h2>Human-centered interfaces from an interface-centered human:<\/h2>","thumb":"8490385","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-21.875,"imageModel":{"id":8490385,"project_id":1739532,"image_ref":"{image 11}","name":"backdrop9.png","hash":"1c6d3955a9e8992a86f885f3642698da046c8993e72dcb996bfcbc74124b09d2","width":600,"height":600,"sort":0,"date_added":"1514439572"},"stored":{"ratio":100,"crop_ratio":"16x9"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":31,"index":0,"set_id":1731605,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1739532\"] .container_width {\n}\n\n[local-style=\"1739532\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"1739532\"] .backdrop {\n}\n\n[local-style=\"1739532\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"1739532\"] .page_background {\n\tbackground-color: #000 \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1739532\"] .content_padding {\n\tpadding-bottom: 1.7rem \/*!main_margin*\/;\n\tpadding-top: 1.5rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] h2 {\n\tcolor: rgba(255, 255, 255, 0.8);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] h2 a {\n\tcolor: rgb(255, 255, 255);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] small {\n\tcolor: rgba(255, 255, 255, 0.85);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] small a {\n}\n\n[local-style=\"1739532\"] .container {\n\talign-items: flex-start \/*!vertical_top*\/;
63\n\t-webkit-align-items: flex-start \/*!vertical_top*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739532\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"#000","show_local_thumbs":true,"page_bgcolor":"","main_margin_bottom":"1.7","main_margin_top":"1.5"},"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true}},"set_open":false,"images":[{"id":8490385,"project_id":1739532,"image_ref":"{image 11}","name":"backdrop9.png","hash":"1c6d3955a9e8992a86f885f3642698da046c8993e72dcb996bfcbc74124b09d2","width":600,"height":600,"sort":0,"exclude_from_backdrop":false,"date_added":"1514439572"}],"backdrop":{"id":246215,"site_id":105789,"page_id":1739532,"backdrop_id":15,"backdrop_path":"pixelation","is_active":true,"data":{"layout_mode":"grid_mode","rows":29,"columns":19,"grid_size":25,"zoom":100,"flip_it":false,"stir_grid":true,"stir_freq":9,"stir_strength":22,"stir_disorder":33,"elasticity":33,"color":"rgba(0, 0, 0, 0)","hex":"#000000","alpha":"0","mouse_interaction":false,"mouse_sensitivity":6,"tolerance":66,"mouse_zoom":100,"image":"8490385","requires_webgl":"true","image_width":"1500","image_height":"1500"}}}]},{"id":1731585,"title":"Space","project_url":"Space","set_id":1743467,"is_homepage":false,"pin":false,"is_set":true,"in_nav":true,"stack":false,"sort":42,"index":3,"page_count":2,"pin_position":null,"thumbnail_options":null,"pages":[{"id":1739531,"site_id":105789,"project_url":"Space-Intro","direct_link":"https:\/\/brian-ho.io\/Space-Intro","type":"page","title":"Space Intro","title_no_html":"Space Intro","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":true,"is_set":false,"stack":false,"excerpt":"SPACE PROJECTS\nDesigning experience through architecture and environment:","content":"<small>SPACE PROJECTS<\/small><div style=\"text-align: left;\"><h2>\nDesigning experience through architecture and environment:<\/h2><\/div>","content_no_html":"SPACE PROJECTS\nDesigning experience through architecture and environment:","content_partial_html":"SPACE PROJECTS<h2>\nDesigning experience through architecture and environment:<\/h2>","thumb":"8490371","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-21.875,"imageModel":{"id":8490371,"project_id":1739531,"image_ref":"{image 11}","name":"backdrop7.png","hash":"8296e65ce5b0c2698faed2a3d06c1745c5bbe874814f9ab41f33e155be426fa5","width":600,"height":600,"sort":0,"date_added":"1514439426"},"stored":{"ratio":100,"crop_ratio":"16x9"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":43,"index":0,"set_id":1731585,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1739531\"] .container_width {\n}\n\n[local-style=\"1739531\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"1739531\"] .backdrop {\n}\n\n[local-style=\"1739531\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"1739531\"] .page_background {\n\tbackground-color: #16162c \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1739531\"] .content_padding {\n\tpadding-bottom: 1.7rem \/*!main_margin*\/;\n\tpadding-top: 1.5rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] h2 {\n\tcolor: rgba(255, 255, 255, 0.75);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] h2 a {\n\tcolor: rgb(255, 255, 255);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] small {\n\tcolor: rgba(255, 255, 255, 0.85);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] small a {\n}\n\n[local-style=\"1739531\"] .container {\n\talign-items: flex-start \/*!vertical_top*\/;
63\n\t-webkit-align-items: flex-start \/*!vertical_top*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1739531\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"#16162c","show_local_thumbs":true,"page_bgcolor":"","main_margin_bottom":"1.7","main_margin_top":"1.5"},"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true}},"set_open":false,"images":[{"id":8490371,"project_id":1739531,"image_ref":"{image 11}","name":"backdrop7.png","hash":"8296e65ce5b0c2698faed2a3d06c1745c5bbe874814f9ab41f33e155be426fa5","width":600,"height":600,"sort":0,"exclude_from_backdrop":false,"date_added":"1514439426"}],"backdrop":{"id":246214,"site_id":105789,"page_id":1739531,"backdrop_id":15,"backdrop_path":"pixelation","is_active":true,"data":{"layout_mode":"grid_mode","rows":64,"columns":64,"grid_size":25,"zoom":100,"flip_it":false,"stir_grid":true,"stir_freq":7,"stir_strength":15,"stir_disorder":33,"elasticity":14,"color":"rgba(146, 0, 255, 0.24)","hex":"#9200ff","alpha":"0.24","mouse_interaction":false,"mouse_sensitivity":6,"tolerance":66,"mouse_zoom":100,"image":"8490371","requires_webgl":"true","image_width":"1500","image_height":"1500"}}}]},{"id":1731606,"title":"Object","project_url":"Object","set_id":1743467,"is_homepage":false,"pin":false,"is_set":true,"in_nav":true,"stack":false,"sort":52,"index":4,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[{"id":1744626,"site_id":105789,"project_url":"Object-Intro","direct_link":"https:\/\/brian-ho.io\/Object-Intro","type":"page","title":"Object Intro","title_no_html":"Object Intro","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":true,"is_set":false,"stack":false,"excerpt":"OBJECT PROJECTS\n\nObjects, experiments and explorations:","content":"<small>OBJECT PROJECTS<\/small><br>\n<h2>Objects, experiments and explorations:<\/h2>","content_no_html":"OBJECT PROJECTS\nObjects, experiments and explorations:","content_partial_html":"OBJECT PROJECTS<br>\n<h2>Objects, experiments and explorations:<\/h2>","thumb":"8490415","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-21.875,"imageModel":{"id":8490415,"project_id":1744626,"image_ref":"{image 10}","name":"backdrop10.png","hash":"45921aa9d222af8fa2abd46dcf5b481edb6b35d1e6d0f86a968f10cc3e0bac42","width":600,"height":600,"sort":0,"date_added":1514439755},"stored":{"ratio":100,"crop_ratio":"16x9"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":53,"index":0,"set_id":1731606,"page_options":{"using_local_css":true,"local_css":"[local-style=\"1744626\"] .container_width {\n}\n\n[local-style=\"1744626\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"1744626\"] .backdrop {\n}\n\n[local-style=\"1744626\"] .page {\n\tmin-height: auto \/*!page_height_default*\/;\n}\n\n[local-style=\"1744626\"] .page_background {\n\tbackground-color: #33240d \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"1744626\"] .content_padding {\n\tpadding-bottom: 1.7rem \/*!main_margin*\/;\n\tpadding-top: 1.5rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] h2 {\n\tcolor: rgba(255, 255, 255, 0.8);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] h2 a {\n\tcolor: rgb(255, 255, 255);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] small {\n\tcolor: rgba(255, 255, 255, 0.85);\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] small a {\n}\n\n[local-style=\"1744626\"] .container {\n\talign-items: flex-start \/*!vertical_top*\/;
63\n\t-webkit-align-items: flex-start \/*!vertical_top*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] a:hover a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"1744626\"] a a {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"#33240d","show_local_thumbs":true,"page_bgcolor":"","main_margin_bottom":"1.7","main_margin_top":"1.5"},"pin_options":{"position":"top","overlay":false,"fixed":false,"accommodate":true}},"set_open":false,"images":[{"id":8490415,"project_id":1744626,"image_ref":"{image 10}","name":"backdrop10.png","hash":"45921aa9d222af8fa2abd46dcf5b481edb6b35d1e6d0f86a968f10cc3e0bac42","width":600,"height":600,"sort":0,"exclude_from_backdrop":false,"date_added":"1514439755"}],"backdrop":{"id":246997,"site_id":105789,"page_id":1744626,"backdrop_id":15,"backdrop_path":"pixelation","is_active":true,"data":{"layout_mode":"grid_mode","rows":64,"columns":64,"grid_size":25,"zoom":100,"flip_it":false,"stir_grid":true,"stir_freq":15,"stir_strength":22,"stir_disorder":46,"elasticity":33,"color":"rgba(0, 0, 0, 0)","hex":"#000000","alpha":"0","mouse_interaction":false,"mouse_sensitivity":6,"tolerance":66,"mouse_zoom":100,"image":"8490415","requires_webgl":"true","image_width":"1500","image_height":"1500"}}}]}]}]}</script>
vendor: 1 bytes, line 63
63
64<script type="text/json" data-set="SiteMenu" >[{"id":1731807,"project_url":"Info","direct_link":"https:\/\/brian-ho.io\/Info","type":"page","title":"Info","title_no_html":"Info","in_nav":true,"is_set":false,"sort":1,"index":0,"set_id":1733652},{"id":1731584,"project_url":"City","direct_link":"https:\/\/brian-ho.io\/City","type":"set","title":"City","title_no_html":"City","in_nav":true,"is_set":true,"sort":19,"index":1,"set_id":1743467},{"id":1731605,"project_url":"Interface","direct_link":"https:\/\/brian-ho.io\/Interface","type":"set","title":"Interface","title_no_html":"Interface","in_nav":true,"is_set":true,"sort":30,"index":2,"set_id":1743467},{"id":1731585,"project_url":"Space","direct_link":"https:\/\/brian-ho.io\/Space","type":"set","title":"Space","title_no_html":"Space","in_nav":true,"is_set":true,"sort":42,"index":3,"set_id":1743467},{"id":1731606,"project_url":"Object","direct_link":"https:\/\/brian-ho.io\/Object","type":"set","title":"Object","title_no_html":"Object","in_nav":true,"is_set":true,"sort":52,"index":4,"set_id":1743467}]</script>
vendor: 1 bytes, line 64
64
65<script type="text/json" data-set="FirstloadThumbOptions" >{"page_id":"1863318"}</script>
vendor: 1 bytes, line 65
65
66<script type="text/json" data-set="ThumbnailSettings" >{"id":544240,"name":"Grid","path":"grid","mode_id":1,"site_id":105789,"page_id":null,"iterator":1,"is_active":true,"data":{"crop":true,"thumb_crop":"16x9","column_size":10,"columns":"3","thumb_horizontal_align":"left","thumbnails_padding":"0.5","responsive":true,"show_title":true,"show_tags":true,"show_excerpt":false,"filter_type":"all","filter_tags":"","filter_set":"","show_thumbs":true,"mobile_data":{"column_size":12,"thumbnails_padding":"0.5","separate_mobile_view":false,"columns":"1"},"meta_data":{},"thumbnails_width":"90","responsive_columns":"1","responsive_row_height":"75","random_limit":"999","responsive_thumbnails_padding":"0.5","thumbnails_bgcolor":"rgb(255, 255, 255)"}}</script>
vendor: 1 bytes, line 66
66
67<script type="text/json" data-set="ThumbnailModes" >[{"name":"Grid","path":"grid","sort":0,"mode_id":1},{"name":"Columns","path":"columns","sort":1,"mode_id":2},{"name":"Justify","path":"justify","sort":2,"mode_id":3},{"name":"Freeform","path":"freeform","sort":3,"mode_id":5},{"name":"Montessori","path":"montessori","sort":4,"mode_id":4}]</script>
vendor: 1 bytes, line 67
67
68<script type="text/json" data-set="FirstloadThumbnails" >[{"id":1731593,"url":"Boston-Bench-Buddy","project_url":"Boston-Bench-Buddy","title":"Boston Bench Buddy ","title_no_html":"Boston Bench Buddy ","tags":"A SMS service for aging in place.","excerpt":"The Boston Bench BuddyHelping residents of Boston age in place, with a simple SMS chat service that locates nearby public restrooms and...","thumb":"8511113","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-0.049999999999997,"imageModel":{"id":8511113,"project_id":1731593,"image_ref":"{image 10}","name":"bench_buddy_ux3_thumb.gif","hash":"6bc5e6a8a63b704efb7e17303e6d67f4e07897180048a86e44bd2ca00e6748fd","width":1000,"height":563,"sort":0,"date_added":"1514484262"},"stored":{"ratio":56.3,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":2233262,"tags_with_links":"<a href=\"\/A-SMS-service-for-aging-in-place.\" rel=\"history\">A SMS service for aging in place.<\/a>"},{"id":1863318,"url":"Finding-the-fault-lines-using-Geospatial-ML","project_url":"Finding-the-fault-lines-using-Geospatial-ML","title":"Finding the fault lines using Geospatial ML","title_no_html":"Finding the fault lines using Geospatial ML","tags":"Computer vision cartography for smarter cities","excerpt":"Finding the fault lines using Geospatial MLUnderstanding our machine-mediated perception of cities with computer vision cartography.\n\n\n\nCHALLENGE\n\nThe view...","thumb":"9087738","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-0.231481,"imageModel":{"id":9087738,"project_id":1863318,"image_ref":"{image 7}","name":"partis-thumb.png","hash":"1c591b2e03fcd6d8cc6ba734158aa5581a81e12968c8deb5dce1cc8afe77c086","width":648,"height":366,"sort":0,"date_added":"1515552831"},"stored":{"ratio":56.481481481481,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":2233262,"tags_with_links":"<a href=\"\/Computer-vision-cartography-for-smarter-cities\" rel=\"history\">Computer vision cartography for smarter cities<\/a>"},{"id":1731614,"url":"HouseZero-AR","project_url":"HouseZero-AR","title":"HouseZero AR","title_no_html":"HouseZero AR","tags":"Augmented reality for seeing building performance","excerpt":"HouseZero AR\nCreating an interface for seeing building performance in augmented reality, to enable better research into the future of high-performance...","thumb":"8510824","thumb_meta":{"thumbnail_crop":{"percentWidth":"100.04940711462451","marginLeft":0,"marginTop":-1.4210854715202e-14,"imageModel":{"id":8510824,"project_id":1731614,"image_ref":"{image 9}","name":"animation-thumb.gif","hash":"70d4f83909c4b1c1c59e216aae834cfc2a8306a0afa5b62c769e373ee6650418","width":900,"height":506,"sort":0,"date_added":"1514483972"},"stored":{"ratio":56.222222222222,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":2233262,"tags_with_links":"<a href=\"\/Augmented-reality-for-seeing-building-performance\" rel=\"history\">Augmented reality for seeing building performance<\/a>"},{"id":1731607,"url":"Alley-Pond-Center","project_url":"Alley-Pond-Center","title":"Alley Pond Center","title_no_html":"Alley Pond Center","tags":"Sustainable public architecture for NYC","excerpt":"Alley Pond CenterCreating a community teaching tool and promoting environmental sustainability with public architecture for NYC.\n\n\n\n\tCHALLENGE\n\nDesign a...","thumb":"8583517","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":8583517,"project_id":1731607,"image_ref":"{image 11}","name":"apec-thumb.png","hash":"9941e11ecc46d0549087665046d37c5d22b27593436895dce51db819ad9194cb","width":1866,"height":1050,"sort":0,"date_added":1514640181},"stored":{"ratio":56.270096463023,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":2233262,"tags_with_links":"<a href=\"\/Sustainable-public-architecture-for-NYC\" rel=\"history\">Sustainable public architecture for NYC<\/a>"},{"id":1731589,"url":"Food-Systems","project_url":"Food-Systems","title":"Food Systems","title_no_html":"Food Systems","tags":"A book to turn work into knowledge","excerpt":"Food Systems\nA book to turn diverse research and design work on food into useful knowledge.\n\n\n\n\n\tCHALLENGE\n\nCapture the diverse outputs of the inaugural MDE...","thumb":"8576659","thumb_meta":{"thumbnail_crop":{"percentWidth":"100.02657958687729","marginLeft":-0.013289793438642,"marginTop":-7.105427357601e-15,"imageModel":{"id":8576659,"project_id":1731589,"image_ref":"{image 12}","name":"book-thumb.png","hash":"b86fe449c377ce75744f7db0b1a132a73046f7fcf902780909ee0abc045d4921","width":2927,"height":1646,"sort":0,"date_added":"1514615605"},"stored":{"ratio":56.235052955244,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":2233262,"tags_with_links":"<a href=\"\/A-book-to-turn-work-into-knowledge\" rel=\"history\">A book to turn work into knowledge<\/a>"},{"id":1731590,"url":"Futurescape","project_url":"Futurescape","title":"Futurescape","title_no_html":"Futurescape","tags":"Simulation for fire-prone ecosystems","excerpt":"Futurescape\nUsing interactive agent-based simulation to understand and communicate the complexity of fire-prone ecosystems.\
68n\n\n\t\n\n\n\n\tCHALLENGE\n\nCommunicate the risk...","thumb":"8509900","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-0.11139774859287,"imageModel":{"id":8509900,"project_id":1731590,"image_ref":"{image 18}","name":"thumb.gif","hash":"008b0f0aa9cc5aa3046a59e13b0bcd647e4452c9a17aed1a70b59e3ca2e3fbe8","width":533,"height":301,"sort":0,"date_added":"1514482571"},"stored":{"ratio":56.472795497186,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":2233262,"tags_with_links":"<a href=\"\/Simulation for fire-prone ecosystems\" rel=\"history\">Simulation for fire-prone ecosystems<\/a>"},{"id":3197913,"url":"The-Future-of-Shopping","project_url":"The-Future-of-Shopping","title":"The Future of Shopping","title_no_html":"The Future of Shopping","tags":"Modular street furniture, pop-up markets and a digital platform.","excerpt":"The Future of ShoppingMaking responsive retail environments with deployable street furniture, pop-up markets and a digital platform.\n\n\n\n\n\n\n\tCHALLENGE\n\nEnvision the...","thumb":"15843884","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-5.2083333333333,"imageModel":{"id":15843884,"project_id":3197913,"image_ref":"{image 5}","name":"cover.jpg","hash":"ae3fa2e6e189945edbffbea9068b4baa30c385a6720d54ebf452fe88fa43fb32","width":6000,"height":4000,"sort":0,"date_added":"1525425483"},"stored":{"ratio":66.666666666667,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":1731584,"tags_with_links":"<a href=\"\/Modular-street-furniture\" rel=\"history\">Modular street furniture<\/a>, <a href=\"\/pop-up markets and a digital platform.\" rel=\"history\">pop-up markets and a digital platform.<\/a>"},{"id":1731594,"url":"The-New-Wave","project_url":"The-New-Wave","title":"The New Wave","title_no_html":"The New Wave","tags":"Sidewalk infrastructure for AV public transit","excerpt":"The New WavePutting the human interface for urban tech into the public realm, with sidewalk hailing infrastructure for autonomous vehicles.\u00a0\n\n\n\n\n\tCHALLENGE\n\nAnchor...","thumb":"8576583","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":-0.0090763868719108,"imageModel":{"id":8576583,"project_id":1731594,"image_ref":"{image 15}","name":"wave-thumb.png","hash":"cecacb823435252a1c544d345efdd52b6bc35296e98f80f542f3581c1c8a8cbd","width":3443,"height":1937,"sort":0,"date_added":1514615183},"stored":{"ratio":56.259076386872,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":1731584,"tags_with_links":"<a href=\"\/Sidewalk-infrastructure-for-AV-public-transit\" rel=\"history\">Sidewalk infrastructure for AV public transit<\/a>"},{"id":2954726,"url":"Climate-Solutions-Living-Lab","project_url":"Climate-Solutions-Living-Lab","title":"Climate Solutions Living Lab","title_no_html":"Climate Solutions Living Lab","tags":"Sustainable energy infrastructure for climate justice","excerpt":"Climate Solutions Living LabInfrastructure to promote energy independence, community sustainability and climate justice in rural Alaska.\n\n\n\n\n\tCHALLENGE\n\nAssist in...","thumb":"14657069","thumb_meta":{"thumbnail_crop":{"percentWidth":"114","marginLeft":-1,"marginTop":-3.9797152732061,"imageModel":{"id":14657069,"project_id":2954726,"image_ref":"{image 11}","name":"thumb_Artboard-4.png","hash":"a9d84bc585a8a561f8153ce70fda78589bffc36b9b3398d50a5264ceedec65b7","width":3038,"height":1710,"sort":0,"date_added":1523537147},"stored":{"ratio":56.287030941409,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":1731584,"tags_with_links":"<a href=\"\/Sustainable-energy-infrastructure-for-climate-justice\" rel=\"history\">Sustainable energy infrastructure for climate justice<\/a>"},{"id":1731598,"url":"Life-With-the-Vacant-Lot","project_url":"Life-With-the-Vacant-Lot","title":"Life With the Vacant Lot","title_no_html":"Life With the Vacant Lot","tags":"Dynamic zoning for resilience","excerpt":"Life With the Vacant Lot\nPreparing cities and people for climate change and disaster resilience with dynamic zoning.\n\n\n\n\n\n\n\tCHALLENGE\n\nUsing New Orleans and...","thumb":"8576660","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":8576660,"project_id":1731598,"image_ref":"{image 8}","name":"vacant-thumb.png","hash":"01843ba3fa054e7d1c0a0680fd0d4a5f04e4e06d8271de6d1f29560e2d6fc800","width":600,"height":338,"sort":0,"date_added":"1514615629"},"stored":{"ratio":56.333333333333,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":1731584,"tags_with_links":"<a href=\"\/Dynamic-zoning-for-resilience\" rel=\"history\">Dynamic zoning for resilience<\/a>"},{"id":1731595,"url":"Food-through-the-Interface","project_url":"Food-through-the-Interface","title":"Food through the Interface","title_no_html":"Food through the Interface","tags":"Improving public health with the right information","excerpt":"Food through the InterfaceImproving public health and promoting food justice by providing the right information at the right time.\n\n\n\n\n\tCHALLENGE\n\nPromote food...","thumb":"8576381","thumb_meta":{"thumbnail_crop":{"percentWidth":"100.07267441860466","marginLeft":0,"marginTop":-7.105427357601e-15,"imageModel":{"id":8576381,"project_id":1731595,"image_ref":"{image 7}","name":"food-thumb.png","hash":"d27b331a44a2ee44b3a8dbfa33fff2f382f026daf61db5aec306425cc90cd0d5","width":918,"height":516,"sort":0,"date_added":"1514613942"},"stored":{"ratio":56.209150326797,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":1731605,"tags_with_links":"<a href=\"\/Improving-public-health-with-the-right-information\" rel=\"history\">Improving public health with the right information<\/a>"},{"id":1731602,"url":"Busy-Bee","project_url":"Busy-Bee","title":"Busy Bee","title_no_html":"Busy Bee","tags":"Measuring with physical computation","excerpt":"Busy Bee\n\nMeasuring digital productivity and human movement in a creative studio with a new tool for spatial analysis and data visualization.\u00a0\n\n\n\tCHALLENGE\nUse new...","thumb":"8510479","thumb_meta":{"thumbnail_crop":{"percentWidth":"102","marginLeft":-0.33333333333333,"marginTop":0,"imageModel":{"id":8510479,"project_id":1731602,"image_ref":"{image 11}","name":"in-action-thumb2.gif","hash":"007e2c9f5b0f71363d40e1c76
68746ba0947c3a808d3da60adfe38d3c8ccb5ba28","width":732,"height":412,"sort":0,"date_added":"1514483459"},"stored":{"ratio":56.284153005464,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":1731605,"tags_with_links":"<a href=\"\/Measuring-with-physical-computation\" rel=\"history\">Measuring with physical computation<\/a>"},{"id":1731615,"url":"Event-Detection-Interface","project_url":"Event-Detection-Interface","title":"Event Detection Interface","title_no_html":"Event Detection Interface","tags":"Smarter search of big data","excerpt":"Event Detection InterfaceEnabling smarter search of big data with better UI and UX.\n\n\n\n\tCHALLENGE\n\nDesign an interface for internal data scientists and external...","thumb":"8512467","thumb_meta":{"thumbnail_crop":{"percentWidth":"100.11334196891193","marginLeft":-0.056670984455964,"marginTop":0,"imageModel":{"id":8512467,"project_id":1731615,"image_ref":"{image 9}","name":"4d-ui-thumb.gif","hash":"8859019181e3852abc69885d48210f8595596caed2ce169155eb42555a62bba3","width":687,"height":386,"sort":0,"date_added":"1514485732"},"stored":{"ratio":56.186317321689,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":1731605,"tags_with_links":"<a href=\"\/Smarter-search-of-big-data\" rel=\"history\">Smarter search of big data<\/a>"},{"id":1731603,"url":"Library-as-Village","project_url":"Library-as-Village","title":"Library as Village","title_no_html":"Library as Village","tags":"Creating third place for the future of NYC","excerpt":"Library as VillageImagining a new and necessary stance for a New York City public branch library in the 21st century.\n\n\n\n\tCHALLENGEDesign NYC\u2019s branch library of...","thumb":"8576484","thumb_meta":{"thumbnail_crop":{"percentWidth":"100","marginLeft":0,"marginTop":0,"imageModel":{"id":8576484,"project_id":1731603,"image_ref":"{image 20}","name":"library-thumb2.gif","hash":"63a76671696107f06c0e513f8db8fe36fe6e41e10ee5add8bea332f2918e0e3b","width":554,"height":312,"sort":0,"date_added":"1514614614"},"stored":{"ratio":56.317689530686,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":1731585,"tags_with_links":"<a href=\"\/Creating-third-place-for-the-future-of-NYC\" rel=\"history\">Creating third place for the future of NYC<\/a>"},{"id":1731604,"url":"Arks-of-Time","project_url":"Arks-of-Time","title":"Arks of Time","title_no_html":"Arks of Time","tags":"Space for slowing down in a 24-hour city","excerpt":"Arks of Time\n\nSlowing down in a 24-hour city, with dynamic architecture as landscape bridge across the East River.\n\n\nCHALLENGE\nCreate a new Pier-X for the East...","thumb":"8428191","thumb_meta":{"thumbnail_crop":{"percentWidth":"142","marginLeft":-42,"marginTop":-31.542707817458,"imageModel":{"id":8428191,"project_id":1731604,"image_ref":"{image 7}","name":"section_o.png","hash":"8e9536eba093f77f4f4aaeb26d1805b148fb7424006f01f0efc2e58f929b34ec","width":5000,"height":3750,"sort":0,"date_added":1514308144},"stored":{"ratio":75,"crop_ratio":"16x9"},"cropManuallySet":true}},"set_id":1731585,"tags_with_links":"<a href=\"\/Space for slowing down in a 24-hour city\" rel=\"history\">Space for slowing down in a 24-hour city<\/a>"}]</script>
vendor: 1 bytes, line 68
68
69<script type="text/x-handlebars-template" id="loading_animation"><div class="loading_animation pulsing <%= extra_class %> {{ extra_class }}"> 70 <div> 71 <svg class="loading" width="500" height="500" viewBox="0 0 500 500"> 72 <path d="M495,201.19a257.61,257.61,0,0,0-14.19-47.05,260.51,260.51,0,0,0-23.17-42.9,253.09,253.09,0,0,0-69.06-68.85,245.21,245.21,0,0,0-42.88-23A227.1,227.1,0,0,0,298.88,5.26,241.81,241.81,0,0,0,249.5.31V0C111.7,0,0,111.7,0,249.5H.32a242.23,242.23,0,0,0,4.93,49.36A227.43,227.43,0,0,0,19.82,345a247.09,247.09,0,0,0,23,43,253.65,253.65,0,0,0,68.87,68.85,260.28,260.28,0,0,0,43,23.19,258.59,258.59,0,0,0,47,14.17,254.37,254.37,0,0,0,47.86,4.69V499c7.64,0,15.16-.47,22.62-1.14.88-.08,1.77-.05,2.66-.14,1.3-.13,2.56-.41,3.86-.56,6.82-.77,13.63-1.66,20.42-3A255.67,255.67,0,0,0,345.86,480a246.52,246.52,0,0,0,42.95-23.19A253.15,253.15,0,0,0,457.64,388a246.55,246.55,0,0,0,23.21-43A256.9,256.9,0,0,0,495,298.19a250.34,250.34,0,0,0,4.71-48.69A246.63,246.63,0,0,0,495,201.19ZM484.14,249.5H249.5V483.27a238.72,238.72,0,0,1-44.83-4.37,245.21,245.21,0,0,1-44-13.26,246.55,246.55,0,0,1-40.28-21.75,237.64,237.64,0,0,1-64.61-64.62,231.25,231.25,0,0,1-21.6-40.37,212.18,212.18,0,0,1-13.63-43.15,226.46,226.46,0,0,1-4.61-46.25H249.5V15.92c.2,0,.39,0,.59,0a227.57,227.57,0,0,1,45.79,4.67,212.11,212.11,0,0,1,43.79,13.26,228.85,228.85,0,0,1,40.22,21.52,237.92,237.92,0,0,1,64.82,64.6,246.65,246.65,0,0,1,21.72,40.2,243.26,243.26,0,0,1,13.28,44.09,231,231,0,0,1,4.43,45.26Z"/> 73 </svg> 74 </div> 75</div></script>
vendor: 1 bytes, line 75
75
76<script type="text/x-handlebars-template" id="page_master">{{#if this.is_set}} {{#each pages}} {{#if this.is_set}} <div data-container="set" data-id="{{id}}"> {{>page_master}} </div> {{else}} {{>page}} {{/if}} {{/each}} {{else}} {{>page}} {{/if}}</script>
vendor: 1 bytes, line 76
76
77<script type="text/x-handlebars-template" id="page">{{#if pin}} {{!-- Do not render pins in this view --}} {{else}} <div data-container="page" class="page_container" {{#if page_options.local_layout_options.split_responsive}}split-responsive {{else}}{{#if page_options.local_layout_options.split_layout}}split-layout {{/if}}{{/if}}local-style="{{id}}" data-id="{{id}}"> <div class="page container container_width" data-container="content" data-id="{{id}}"> <bodycopy class="bodycopy content content_padding"> <div class="page_content clearfix" data-elementresizer data-resize-parent> {{print "content"}} </div> {{{ page_options.svg_overlay }}} </bodycopy> </div> <style class="local-css" data-target="{{id}}"> {{{ page_options.local_css }}} </style> {{#if_all backdrop backdrop_enabled}} <div data-backdrop="{{backdrop.backdrop_path}}" class="backdrop" data-view="Backdrop" data-id="{{id}}"> [script type="text/json" data-set="backdrop_data">{{{stringify backdrop}}}[/script> </div> {{/if_all}} </div> {{/if}}</script>
vendor: 1 bytes, line 77
77
78<script type="text/x-handlebars-template" id="content">{{#each content}} {{#if pin}}{{!-- Do not render pins in this view --}} {{else}} {{#if this.is_set}} <div data-container="{{#if this.is_set}}set{{else}}page{{/if}}" data-id="{{id}}"> {{>page_master}} </div> {{else}} {{>page_master}} {{/if}} {{/if}} {{/each}}</script>
vendor: 1 bytes, line 78
78
79<script type="text/x-handlebars-template" id="sitemenu"><div id="site_menu_panel"> <div id="site_menu" class="site_menu"> <div class="page-link home-link {{#if display_options.site_menu_options.show_homepage}} {{else}}hidden{{/if}}"> <a href="" rel="home_page">Homepage</a> <div class="break"></div> </div> {{#each site_menu_tree.pages}} {{>sitemenu_item}} {{/each}} <div class="close">Ã</div> </div> </div></script>
vendor: 1 bytes, line 79
79
80<script type="text/x-handlebars-template" id="sitemenu_item">{{#if is_set}} {{#if in_nav}} <div class="set-link" data-link-pid="{{id}}" data-prevtype="{{previous_type}}"> {{#if_equal set_id 0}} {{#if has_children}} {{#if_equal previous_type "page"}} <div class="break"></div> {{/if_equal}} {{/if}} {{/if_equal}} {{#if in_nav}} <a href="{{project_url}}" rel="history">{{title}}</a> {{/if}} <div data-set-wrapper {{#if in_nav}}class="indent"{{/if}}> {{/if}} {{#each pages}} {{>sitemenu_item}} {{/each}} {{#if in_nav}} </div> </div> {{/if}} {{else}} {{#if in_nav}} <div class="page-link" data-link-pid="{{id}}" data-prevtype="{{previous_type}}"> <a href="{{project_url}}" rel="history">{{title}}</a> </div> {{/if}} {{/if}}</script>
vendor: 1 bytes, line 80
80
81<script type="text/x-handlebars-template" id="pin"><div class="page_container{{#if pin_options.overlay}} overlay{{/if}}{{#if pin_options.accommodate}} accommodate{{/if}}{{#if pin_options.fixed}} fixed{{/if}}{{#if pin_options.exclude_mobile}} exclude_mobile{{/if}}{{#if pin_options.exclude_desktop}} exclude_desktop{{/if}}{{#if_equal pin_options.position 'bottom'}}{{#unless pin_options.fixed}} bottom_pin_invisibility{{/unless}}{{/if_equal}}" local-style="{{id}}"> <div class="page container container_width clearfix" data-container="content" data-id="{{id}}"> <bodycopy class="bodycopy content content_padding"> {{#if_option "title_in_project"}} {{#if show_title}} <div class="project_title" style="display: none"> {{{title}}} </div> {{/if}} {{/if_option}} <div class="page_content clearfix" data-elementresizer data-resize-parent> {{print "content"}} </div> {{{ page_options.svg_overlay }}} </bodycopy> </div> <style class="local-css" data-target="{{id}}"> {{{ page_options.local_css }}} </style> {{#if_all backdrop backdrop_enabled}} <div data-backdrop="{{backdrop.backdrop_path}}" class="backdrop" data-view="Backdrop" data-id="{{backdrop.page_id}}">[script type="text/json" data-set="backdrop_data">{{{stringify backdrop}}}[/script></div> {{/if_all}} </div></script>
vendor: 1 bytes, line 81
81
82<script type="text/x-handlebars-template" id="pinned_top">{{#each pinned}} {{#if pin}} {{#if_equal pin_options.position 'top'}} {{>pin}} {{/if_equal}} {{/if}} {{/each}}</script>
vendor: 1 bytes, line 82
82
83<script type="text/x-handlebars-template" id="pinned_bottom">{{#each pinned}} {{#if pin}} {{#if_equal pin_options.position 'bottom'}} {{>pin}} {{/if_equal}} {{/if}} {{/each}}</script>
vendor: 1 bytes, line 83
83
84<script type="text/x-handlebars-template" id="thumbnail"><div class="container thumbnails_width clearfix"> <div class="content content_padding"> <div class="thumbnails"> {{>thumbnail_subview}} </div> </div> </div></script>
vendor: 1 bytes, line 84
84
85<script src="//static.cargo.site/libs/cargo.apicore.package.jquery213.min.js?20-04-23&" data-main=""></script>
vendor: 1 bytes, line 85
85
86<script src="https://static.cargo.site/assets/builds/apipackage.min.js?20-04-23&" data-main=""></script>
86 87 88 </head> 89 <body data-bodyview="" style="visibility: hidden;"> 90 91 92 93
93<script> 94 window.scrollMonitor=function(){var t,i,o,e,s,n=function(){return window.pageYOffset||document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop},h={},c=[],l="visibilityChange",r="enterViewport",a="fullyEnterViewport",p="exitViewport",w="partiallyExitViewport",u="locationChange",m="stateChange",f=[l,r,a,p,w,u,m],d={top:0,bottom:0},b=function(){return window.innerHeight||document.documentElement.clientHeight},v=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.documentElement.clientHeight)};function g(){if(h.viewportTop=n(),h.viewportBottom=h.viewportTop+h.viewportHeight,h.documentHeight=v(),h.documentHeight!==t){for(o=c.length;o--;)c[o].recalculateLocation();t=h.documentHeight}}function V(){h.viewportHeight=b(),g(),k()}function I(){clearTimeout(e),e=setTimeout(V,100)}function k(){for(s=c.length;s--;)c[s].update();for(s=c.length;s--;)c[s].triggerCallbacks()}function y(t,o){var e,s,n,c,b,v,g=this;this.watchItem=t,this.offsets=o?o===+o?{top:o,bottom:o}:{top:o.top||d.top,bottom:o.bottom||d.bottom}:d,this.callbacks={};for(var V=0,I=f.length;V<I;V++)g.callbacks[f[V]]=[];function k(t){if(0!==t.length)for(b=t.length;b--;)(v=t[b]).callback.call(g,i),v.isOne&&t.splice(b,1)}this.locked=!1,this.triggerCallbacks=function(){switch(this.isInViewport&&!e&&k(this.callbacks[r]),this.isFullyInViewport&&!s&&k(this.callbacks[a]),this.isAboveViewport!==n&&this.isBelowViewport!==c&&(k(this.callbacks[l]),s||this.isFullyInViewport||(k(this.callbacks[a]),k(this.callbacks[w])),e||this.isInViewport||(k(this.callbacks[r]),k(this.callbacks[p]))),!this.isFullyInViewport&&s&&k(this.callbacks[w]),!this.isInViewport&&e&&k(this.callbacks[p]),this.isInViewport!==e&&k(this.callbacks[l]),!0){case e!==this.isInViewport:case s!==this.isFullyInViewport:case n!==this.isAboveViewport:case c!==this.isBelowViewport:k(this.callbacks[m])}e=this.isInViewport,s=this.isFullyInViewport,n=this.isAboveViewport,c=this.isBelowViewport},this.recalculateLocation=function(){if(!this.locked){var t=this.top,i=this.bottom;if(this.watchItem.nodeName){var o=this.watchItem.style.display;"none"===o&&(this.watchItem.style.display="");var e=this.watchItem.getBoundingClientRect();this.top=e.top+h.viewportTop,this.bottom=e.bottom+h.viewportTop,"none"===o&&(this.watchItem.style.display=o)}else this.watchItem===+this.watchItem?this.watchItem>0?this.top=this.bottom=this.watchItem:this.top=this.bottom=h.documentHeight-this.watchItem:(this.top=this.watchItem.top,this.bottom=this.watchItem.bottom);this.top-=this.offsets.top,this.bottom+=this.offsets.bottom,this.height=this.bottom-this.top,void 0===t&&void 0===i||this.top===t&&this.bottom===i||k(this.callbacks[u])}},this.recalculateLocation(),this.update(),e=this.isInViewport,s=this.isFullyInViewport,n=this.isAboveViewport,c=this.isBelowViewport}h.viewportTop=null,h.viewportBottom=null,h.documentHeight=null,h.viewportHeight=b(),y.prototype={on:function(t,o,e){switch(!0){case t===l&&!this.isInViewport&&this.isAboveViewport:case t===r&&this.isInViewport:case t===a&&this.isFullyInViewport:case t===p&&this.isAboveViewport&&!this.isInViewport:case t===w&&this.isAboveViewport:if(o.call(this,i),e)return}if(!this.callbacks[t])throw new Error("Tried to add a scroll monitor listener of type "+t+". Your options are: "+f.join(", "));this.callbacks[t].push({callback:o,isOne:e||!1})},off:function(t,i){if(!this.callbacks[t])throw new Error("Tried to remove a scroll monitor listener of type "+t+". Your options are: "+f.join(", "));for(var o,e=0;o=this.callbacks[t][e];e++)if(o.callback===i){this.callbacks[t].splice(e,1);break}},one:function(t,i){this.on(t,i,!0)},recalculateSize:function(){this.height=this.watchItem.offsetHeight+this.offsets.top+this.offsets.bottom,this.bottom=this.top+this.height},update:function(){this.isAboveViewport=this.top<h.viewportTop,this.isBelowViewport=this.bottom>h.viewportBottom,this.isInViewport=this.top<=h.viewportBottom&&this.bottom>=h.viewportTop,this.isFullyInViewport=this.top>=h.viewportTop&&this.bottom<=h.viewportBottom||this.isAboveViewport&&this.isBelowViewport},destroy:function(){var t=c.indexOf(this);c.splice(t,1);for(var i=0,o=f.length;i<o;i++)this.callbacks[f[i]].length=0},lock:function(){this.locked=!0},unlock:function(){this.locked=!1}};for(var H=function(t){return function(i,o){this.on.call(this,t,i,o)}},E=0,T=f.length;E<T;E++){var B=f[E];y.prototype[B]=H(B)}try{g()}catch(t){try{window.$(g)}catch(t){throw new Error("If you must put scrollMonitor in the <head>, you must use jQuery.")}}function A(t){i=t,g(),k()}return"#throttle-scroll-monitor"===window.location.hash&&(A=_.throttle(A,66)),window.addEventListener?(window.addEventListener("scroll",A),window.addEventListener("resize",I)):(window.attachEvent("onscroll",A),window.attachEvent("onresize",I)),h.beget=h.create=function(t,i){"string"==typeof t?t=document.querySelector(t):t&&t.length>0&&(t=t[0]);var o=new y(t,i);return c.push(o),o.update(),o},h.update=function(){i=null,g(),k()},h.recalculateLocations=function(){h.documentHeight=0,h.update()},h}(); 95 </script>
95 96 97 <customhtml><link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i|Roboto:300,300i,400,400i" rel="stylesheet"> 98 99<a id="Top"></a> 100 101<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 101-102
101 102<script async src="https://www.googletagmanager.com/gtag/js?id=
102UA-62315071-3
vendor: 12 bytes, line 102
102"></script>
103<script> 104
vendor: 134 bytes, lines 104-108
104window.dataLayer = window.dataLayer || []; 105 function gtag(){dataLayer.push(arguments);} 106 gtag('js', new Date()); 107 108 gtag('config', '
108UA-62315071-3
vendor: 4 bytes, line 108
108');
109</script>
109</customhtml> 110 <div class="loading" data-loading="page"> 111<div class="loading_animation pulsing <%= extra_class %> "> 112 <div> 113 <svg class="loading" width="500" height="500" viewBox="0 0 500 500"> 114 <path d="M495,201.19a257.61,257.61,0,0,0-14.19-47.05,260.51,260.51,0,0,0-23.17-42.9,253.09,253.09,0,0,0-69.06-68.85,245.21,245.21,0,0,0-42.88-23A227.1,227.1,0,0,0,298.88,5.26,241.81,241.81,0,0,0,249.5.31V0C111.7,0,0,111.7,0,249.5H.32a242.23,242.23,0,0,0,4.93,49.36A227.43,227.43,0,0,0,19.82,345a247.09,247.09,0,0,0,23,43,253.65,253.65,0,0,0,68.87,68.85,260.28,260.28,0,0,0,43,23.19,258.59,258.59,0,0,0,47,14.17,254.37,254.37,0,0,0,47.86,4.69V499c7.64,0,15.16-.47,22.62-1.14.88-.08,1.77-.05,2.66-.14,1.3-.13,2.56-.41,3.86-.56,6.82-.77,13.63-1.66,20.42-3A255.67,255.67,0,0,0,345.86,480a246.52,246.52,0,0,0,42.95-23.19A253.15,253.15,0,0,0,457.64,388a246.55,246.55,0,0,0,23.21-43A256.9,256.9,0,0,0,495,298.19a250.34,250.34,0,0,0,4.71-48.69A246.63,246.63,0,0,0,495,201.19ZM484.14,249.5H249.5V483.27a238.72,238.72,0,0,1-44.83-4.37,245.21,245.21,0,0,1-44-13.26,246.55,246.55,0,0,1-40.28-21.75,237.64,237.64,0,0,1-64.61-64.62,231.25,231.25,0,0,1-21.6-40.37,212.18,212.18,0,0,1-13.63-43.15,226.46,226.46,0,0,1-4.61-46.25H249.5V15.92c.2,0,.39,0,.59,0a227.57,227.57,0,0,1,45.79,4.67,212.11,212.11,0,0,1,43.79,13.26,228.85,228.85,0,0,1,40.22,21.52,237.92,237.92,0,0,1,64.82,64.6,246.65,246.65,0,0,1,21.72,40.2,243.26,243.26,0,0,1,13.28,44.09,231,231,0,0,1,4.43,45.26Z"/> 115 </svg> 116 </div> 117</div> </div> 118 119 <div 120 id="site_menu_wrapper" class=" mobile_only" 121 data-sitemenu-position="top-right" 122 data-type="cargo_menu" 123 data-set="SiteMenu" 124 data-view="SiteMenu" 125> 126 127 <a rel="site_menu" id="site_menu_button" class=""> 128 129 î°︎ 130 </a> 131 132 <div id="site_menu_panel_container" data-type="cargo_menu"><!-- empty container for site menu --></div> 133 134</div> 135 <a id="shop_button" rel="show_cart" href class="disabled "> 136 </a> 137 <div data-view="pinned_top" data-set="Scaffolding" data-position="top" class="pinned pinned_top" style="height: 235.734px;"> 138 <div class="page_container overlay accommodate fixed pointer-events-none" local-style="1731500" style="top: 0px; z-index: 7;"> 139 <div class="page container container_width clearfix" data-container="content" data-id="1731500"> 140 <bodycopy class="bodycopy content content_padding"> 141 142 143 <div class="page_content clearfix" data-elementresizer="" data-resize-parent="" data-ce-host="true" data-ce-model-id="1731500"> 144 <div grid-row="" grid-pad="0" grid-gutter="0" grid-responsive="" class=""><div grid-col="x12" grid-pad="0" class=""><h1><a href="../Hello">CHRISTINA LAST</a></h1></div></div> 145 </div> 146 147 148 </bodycopy> 149 </div> 150 <div class="page_background"></div> 151 <style class="local-css" data-target="1731500"> 152 [local-style="1731500"] .container_width { 153 width: 100%/*!variable_defaults*/; 154} 155 156[local-style="1731500"] body { 157} 158 159[local-style="1731500"] .backdrop { 160} 161 162[local-style="1731500"] .page { 163} 164 165[local-style="1731500"] .page_background { 166 background-color: transparent /*!page_container_bgcolor*/; 167} 168 169[local-style="1731500"] .content_padding { 170 padding-bottom: 0rem /*!main_margin*/; 171} 172 173[data-predefined-style="true"] [local-style="1731500"] bodycopy { 174} 175 176[data-predefined-style="true"] [local-style="1731500"] bodycopy a { 177} 178 179[data-predefined-style="true"] [local-style="1731500"] h1 { 180 color: rgba(255, 255, 255, 0.8); 181 font-family: "Roboto Condensed", sans-serif; 182 font-weight: 300; 183} 184 185[data-predefined-style="true"] [local-style="1731500"] h1 a { 186 color: rgba(195, 195, 195, 0.75); 187} 188 189[data-predefined-style="true"] [local-style="1731500"] h2 { 190} 191 192[data-predefined-style="true"] [local-style="1731500"] h2 a { 193} 194 195[data-predefined-style="true"] [local-style="1731500"] small { 196} 197 198[data-predefined-style="true"] [local-style="1731500"] small a { 199} 200 201[local-style="1731500"] .container { 202} 203 204[data-predefined-style="true"] [local-style="1731500"] a:hover { 205} 206 207[data-predefined-style="true"] [local-style="1731500"] a:hover a { 208} 209 210[data-predefined-style="true"] [local-style="1731500"] a { 211} 212 213[data-predefined-style="true"] [local-style="1731500"] a a { 214} 215 </style> 216 </div> <div class="page_container overlay accommodate fixed exclude_mobile pointer-events-none" local-style="1731501" style="top: 0px; z-index: 6;"> 217 <div class="page container container_width clearfix" data-container="content" data-id="1731501"> 218 <bodycopy class="bodycopy content content_padding"> 219 220 221 </bodycopy> 222 </div> 223 <div class="page_background"></div> 224 <style class="local-css" data-target="1731501"> 225 [local-style="1731501"] .container_width { 226 width: 98% /*!variable_defaults*/; 227} 228 229[local-style="1731501"] body { 230 background-color: initial /*!variable_defaults*/; 231} 232 233[local-style="1731501"] .backdrop { 234} 235 236[local-style="1731501"] .page { 237 min-height: auto /*!page_height_default*/; 238} 239 240[local-style="1731501"] .page_background { 241 background-color: transparent /*!page_container_bgcolor*/; 242} 243 244[local-style="1731501"] .content_padding { 245 padding-left: 0rem /*!main_margin*/; 246} 247 248[data-predefined-style="true"] [local-style="1731501"] bodycopy { 249} 250 251[data-predefined-style="true"] [local-style="1731501"] bodycopy a { 252} 253 254[data-predefined-style="true"] [local-style="1731501"] h1 { 255} 256 257[data-predefined-style="true"] [local-style="1731501"] h1 a { 258} 259 260[data-predefined-style="true"] [local-style="1731501"] h2 { 261 color: rgba(195, 195, 195, 0.75); 262} 263 264[data-predefined-style="true"] [local-style="1731501"] h2 a { 265 color: rgba(195, 195, 195, 0.75); 266} 267 268[data-predefined-style="true"] [local-style="1731501"] small { 269} 270 271[data-predefined-style="true"] [local-style="1731501"] small a { 272} 273 274[local-style="1731501"] .container { 275} 276 277[data-predefined-style="true"] [local-style="1731501"] a:hover { 278} 279 280[data-predefined-style="true"] [local-style="1731501"] a:hover a { 281} 282 283[data-predefined-style="true"] [local-style="1731501"] a { 284} 285 286[data-predefined-style="true"] [local-style="1731501"] a a { 287} 288 </style> 289 </div> <div class="page_container accommodate" local-style="2233281" style="padding-top: 78.125px; top: 0px;" data-padding-top="true"> 290 <div class="page container container_width clearfix" data-container="content" data-id="2233281"> 291 <bodycopy class="bodycopy content content_padding"> 292 293 294 <div class="page_content clearfix" data-elementresizer="" data-resize-parent="" data-ce-host="true" data-ce-model-id="2233281"> 295 <small>FEATURED PROJECTS</small><br> 296<h2><div style="max-width: 1200px; text-align: left;">I'm an interdisciplinary data scientist working at the intersection of quantitative social science, technology and the built environment.</div></h2> 297 </div> 298 299 300 </bodycopy> 301 </div> 302 <div class="page_background"></div> 303 <style class="local-css" data-target="2233281"> 304 [local-style="2233281"] .container_width { 305 width: 90%/*!variable_defaults*/; 306} 307 308[local-style="2233281"] body { 309 background-color: initial /*!variable_defaults*/; 310} 311 312[local-style="2233281"] .backdrop { 313} 314 315[local-style="2233281"] .page { 316 min-height: auto /*!page_height_default*/; 317} 318 319[local-style="2233281"] .page_background { 320 background-color: #000 /*!page_container_bgcolor*/; 321} 322 323[local-style="2233281"] .content_padding { 324 padding-bottom: 1.7rem /*!main_margin*/; 325} 326 327[data-predefined-style="true"] [local-style="2233281"] bodycopy { 328} 329 330[data-predefined-style="true"] [local-style="2233281"] bodycopy a { 331} 332 333[data-predefined-style="true"] [local-style="2233281"] h1 { 334} 335 336[data-predefined-style="true"] [local-style="2233281"] h1 a { 337} 338 339[data-predefined-style="true"] [local-style="2233281"] h2 { 340 color: rgba(255, 255, 255, 0.8); 341} 342 343[data-predefined-style="true"] [local-style="2233281"] h2 a { 344 color: rgb(255, 255, 255); 345} 346 347[data-predefined-style="true"] [local-style="2233281"] small { 348 color: rgba(255, 255, 255, 0.85); 349} 350 351[data-predefined-style="true"] [local-style="2233281"] small a { 352} 353 354[local-style="2233281"] .container { 355 align-items: flex-start /*!vertical_top*/; 356 -webkit-align-items: flex-start /*!vertical_top*/; 357} 358 359[data-predefined-style="true"] [local-style="2233281"] a:hover { 360} 361 362[data-predefined-style="true"] [local-style="2233281"] a:hover a { 363} 364 365[data-predefined-style="true"] [local-style="2233281"] a { 366} 367 368[data-predefined-style="true"] [local-style="2233281"] a a { 369} 370 </style> 371 372<div data-backdrop="pixelation" class="backdrop" data-view="Backdrop" data-id="2233281"><div style="opacity: 1; transition: opacity 0.5s ease-in-out 0s; will-change: initial;"><div class="loading_animation pulsing <%= extra_class %> hidden"> 373 <div>
374 <svg class="loading" width="500" height="500" viewBox="0 0 500 500"> 375 <path d="M495,201.19a257.61,257.61,0,0,0-14.19-47.05,260.51,260.51,0,0,0-23.17-42.9,253.09,253.09,0,0,0-69.06-68.85,245.21,245.21,0,0,0-42.88-23A227.1,227.1,0,0,0,298.88,5.26,241.81,241.81,0,0,0,249.5.31V0C111.7,0,0,111.7,0,249.5H.32a242.23,242.23,0,0,0,4.93,49.36A227.43,227.43,0,0,0,19.82,345a247.09,247.09,0,0,0,23,43,253.65,253.65,0,0,0,68.87,68.85,260.28,260.28,0,0,0,43,23.19,258.59,258.59,0,0,0,47,14.17,254.37,254.37,0,0,0,47.86,4.69V499c7.64,0,15.16-.47,22.62-1.14.88-.08,1.77-.05,2.66-.14,1.3-.13,2.56-.41,3.86-.56,6.82-.77,13.63-1.66,20.42-3A255.67,255.67,0,0,0,345.86,480a246.52,246.52,0,0,0,42.95-23.19A253.15,253.15,0,0,0,457.64,388a246.55,246.55,0,0,0,23.21-43A256.9,256.9,0,0,0,495,298.19a250.34,250.34,0,0,0,4.71-48.69A246.63,246.63,0,0,0,495,201.19ZM484.14,249.5H249.5V483.27a238.72,238.72,0,0,1-44.83-4.37,245.21,245.21,0,0,1-44-13.26,246.55,246.55,0,0,1-40.28-21.75,237.64,237.64,0,0,1-64.61-64.62,231.25,231.25,0,0,1-21.6-40.37,212.18,212.18,0,0,1-13.63-43.15,226.46,226.46,0,0,1-4.61-46.25H249.5V15.92c.2,0,.39,0,.59,0a227.57,227.57,0,0,1,45.79,4.67,212.11,212.11,0,0,1,43.79,13.26,228.85,228.85,0,0,1,40.22,21.52,237.92,237.92,0,0,1,64.82,64.6,246.65,246.65,0,0,1,21.72,40.2,243.26,243.26,0,0,1,13.28,44.09,231,231,0,0,1,4.43,45.26Z"></path> 376 </svg> 377 </div> 378</div><canvas width="2026" height="472" class="canvas_pixelation"></canvas></div></div> 379</div> 380</div> 381 <div data-backdrop="pixelation" class="backdrop" data-view="Backdrop" data-id="2233281">
381<script type="text/json" data-set="backdrop_data">{"id":324005,"site_id":105789,"page_id":"2233281","backdrop_id":15,"backdrop_path":"pixelation","is_active":true,"data":{"layout_mode":"grid_mode","rows":64,"columns":64,"grid_size":25,"zoom":100,"flip_it":false,"stir_grid":true,"stir_freq":15,"stir_strength":22,"stir_disorder":46,"elasticity":33,"color":"rgba(0, 0, 0, 0)","hex":"#000000","alpha":"0","mouse_interaction":false,"mouse_sensitivity":6,"tolerance":66,"mouse_zoom":100,"image":"11015708","requires_webgl":"true","image_width":"1500","image_height":"1500"}}</script>
381</div> 382</div> 383</div> 384<div class="main_container"> 385 386 <div class="content_container"> 387<div data-view="Content" data-set="Scaffolding"> 388 389 390 391 392 <div data-container="page" class="page_container" local-style="1863318" data-id="1863318"> 393 394 <div class="page container container_width" data-container="content" data-id="1863318"> 395 <bodycopy class="bodycopy content content_padding"> 396 397 <div class="page_content clearfix" data-elementresizer data-resize-parent> 398 <projectcontent><div grid-row="" grid-pad="3" grid-gutter="6" grid-responsive="" class=""><div grid-col="1" grid-pad="3"></div><div grid-col="9" grid-pad="3" class=""><br> 399<br> 400<h2>Community conversations</h2><h1>Using NLP to visualise conversations for the largest guardianship community in the UK.</h1></div><div grid-col="2" grid-pad="3"></div></div><br> 401<br> 402<div class="in-text"><div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""><div grid-col="1" grid-pad="2"><div class="in-text"><font color="#000000" face="Roboto Condensed, Icons"></font></div></div><div grid-col="5" grid-pad="2"><div class="in-text"><div class="in-text"><div class="in-text"><font color="#000000" face="Roboto Condensed, Icons"><small>CHALLENGE</small></font><br> 403<span style="color: rgba(100, 100, 100, 0.85098);"><i>To explore the relationships between the guardians, the property gaurdianship company and the building manager, highlighting the informal occupations of guardians, their work and life insecurity. </i></span><br> 404<br> 405<small>PROJECT</small><br> 406<span style="color: rgba(100, 100, 100, 0.85098);"><i>"Booth House is Typingâ¦â is a visualisation that visually spatializes conversations from a group chat for a guardianship community in East London.</i></span></div></div><br> 407</div></div><div grid-col="5" grid-pad="2" class=""><div class="in-text"> 408<div class="in-text"><div class="in-text"><small><font color="#000000" face="Roboto Condensed, Icons">DETAILS</font></small><br> 409<span style="color: rgba(100, 100, 100, 0.85098);"><i>Exhibited at the <a href="https://www.boothhaus.com/">Booth Haus art exhibition</a> in December 2019.</i></span><br> 410<div class="in-text"><div class="in-text"><div class="in-text"><div class="in-text"><div class="in-text"><span style="color: rgba(100, 100, 100, 0.85098);"></span></div></div></div></div></div></div></div></div></div></div><div grid-col="1" grid-pad="2"></div></div></div><h2><a id="Project"></a><div grid-row="" grid-pad="3" grid-gutter="6" grid-responsive=""><div grid-col="1" grid-pad="3"></div><div grid-col="5" grid-pad="3" class=""><a href="#Project" class="icon-link">îï¸</a></div><div grid-col="5" grid-pad="3"></div><div grid-col="1" grid-pad="3"></div></div><br> 411</h2><br> 412<br> 413<div style="text-align: center"><div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""> 414 <div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""> 415 <div grid-col="0" grid-pad="2"></div> 416 <div grid-col="8" grid-pad="2" class=""><br> 417 <div grid-col="2" grid-pad="2"></div> 418 </div> 419 <video width="1080" autoplay="" muted="" loop="" playsinline="" style="text-align: center;"><source src="Video_1.mp4" type="video/mp4"> 420 </video></div> 421 <div grid-col="1" grid-pad="2"></div> 422</div><br></div> 423<br> 424<div grid-row="" grid-pad="3" grid-gutter="6" grid-responsive=""> 425 <div grid-col="1" grid-pad="3"><br> 426 </div> 427 <div grid-col="5" grid-pad="3"><i></i><i>Temporary property guardianship is a relatively new form of insecure urban dwelling existing in the grey area between informal occupation, the security industry and housing. 428 The guardianship (run by Dot Dot Dot property guardians) is the largest of its kind in the UK, and has 90 residents cohabiting in an informal housing arrangement. The community is characterised by a pooling of shared resources, and constant artistic collaboration between residents.<br> 429 </div><div grid-col="5" grid-pad="3" class=""> 430 The visualisation attempts to capture the mutual participation of guardians in the process of creating, curating and distributing knowledge and resources. 431 The visualisation also hints at the complex power relationship between the guardians, Dot Dot Dot and the building manager, highlighting the grey areas between the informal occupations of guardians, their work and life insecurity.</div><div grid-col="1" grid-pad="3"></div></div><br> 432<br> 433<div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""> 434 <div grid-col="0" grid-pad="2"></div> 435 <div grid-col="8" grid-pad="2" class=""><br> 436 <div grid-col="2" grid-pad="2"></div> 437</div> 438<video width="1080" autoplay="" muted="" loop="" playsinline="" style="text-align: center;"><source src="booth-house-demo.mp4" type="video/mp4"> 439</video></div> 440<div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""><div grid-col="1" grid-pad="2"></div><div grid-col="5" grid-pad="2" class=""><h2>Process 1: Data Cleaning</h2> 441 <br>The data driven visualisation uses the guardianship-wide whatsapp group chat, pre-processes the conversation to remove mobile numbers and contact information. 442 I ran the cleaned whatsapp data through two algorithms. The first generates topics of themes guardianâs mention in the group chat, such as alerts from Dot Dot Dot or events of interest. 443 The second algorithm spatializes the messages as points in an n-dimensional vector space. 444 Both the size and the darkness of the title dot represents how many conversation comments have the same topic vector. 445 I then mapped the topic and message data and word embeddings in 3D space, and graphing the content of each message in the resulting word cloud. 446</div><div grid-col="5" grid-pad="2"></div><div grid-col="1" grid-pad="2"></div></div><br> 447<div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""> 448 <div grid-col="0" grid-pad="2"></div> 449 <div grid-col="8" grid-pad="2" class=""><img width="2000" height="1000" width_o="1000" height_o="1000" src="Structure_algorithms.png" data-mid="16754255" border="0" data-mid="16589121" border="0" data-scale="100" class="image-zoom" style="width: 140%; height: auto; margin-left: 0%;
449 margin-top: -0.049999999999997%;"/></div> 450 <div grid-col="2" grid-pad="2"></div> 451</div> 452<br> 453 <div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""><div grid-col="1" grid-pad="2"></div><div grid-col="5" grid-pad="2" class=""><h2>Process 2: Interactivity</h2> 454 <br> 455 In terms of interactivity each topic is given a separate colour which can be turned on and off. The conversations can be viewed in Title Mode, where the vectors can be turned on and off. 456 The word cloud can be used to see what conversations have topics that include the second word, the word topic information can be turned on and off. 457 When a point is hovered over the words/titles appear, the user can use the up and down arrow keys to cycle through the words/titles. 458 The right and left arrow keys can be used to select a specific word/title and see the connections related to it. 459</div><div grid-col="5" grid-pad="2"></div><div grid-col="1" grid-pad="2"></div></div><br> 460 <div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""><div grid-col="1" grid-pad="2"></div><div grid-col="5" grid-pad="2" class=""><h2>Process 3: Algorithms</h2> 461<br>The visualisation incorporates two natural language processing (NLP) algorithms, illustrating how machine learning algorithms can extract insights from textual data. 462Furthermore, the visual touches on Information privacy as the relationship between the collection and dissemination of data, technology, the public expectation of privacy, legal and political issues surrounding them. 463When considering underlying anxieties with âflexible livingâ associated with the precarious lives of informal guardian communities, the debate around privacy, information exposure of the various practices of property guardians highlights the multiple levels of insecurity communities such as this face. 464</div> 465<br> 466<br><br><br> 467<br><div grid-col="5" grid-pad="2" class="">The <a href="https://github.com/ChristinaLast/Booth-House-is-typing..." target="_blank">code</a> to run the visualisation locally is available on Github. <br> 468<br>The project was exhibited at the <a href="https://www.boothhaus.com/">Booth Haus art exhibition</a> in December 2019</div> 469<div grid-col="5" grid-pad="2"></div><div grid-col="1" grid-pad="2"></div></div><br> 470<hr><div style="text-align: left"><h2>Still curious? Check out some of my other work:<br></h2> 471 </div> 472 <h2><br><a id="Work"></a><a href="#Work" style="text-decoration:none" class="icon-link">îï¸</a></h2> 473 </div> 474 </projectcontent> 475 </div> 476 </bodycopy> 477 </div> 478 <style class="local-css" data-target="1733654"> 479 [local-style="1733654"] .container_width { 480 481 } 482 [local-style="1733654"] body { 483 484 } 485 [local-style="1733654"] .backdrop { 486 487 } 488 [local-style="1733654"] .page { 489 min-height: auto /*!page_height_default*/; 490 } 491 [local-style="1733654"] .page_background { 492 background-color: initial /*!page_container_bgcolor*/; 493 } 494 [local-style="1733654"] .content_padding { 495 padding-top: 3rem /*!main_margin*/; 496 } 497 [data-predefined-style="true"] [local-style="1733654"] bodycopy { 498 499 } 500 [data-predefined-style="true"] [local-style="1733654"] bodycopy a { 501 502 } 503 [data-predefined-style="true"] [local-style="1733654"] h1 { 504 color: rgba(151, 151, 151, 0.85); 505 } 506 [data-predefined-style="true"] [local-style="1733654"] h1 a { 507 508 } 509 [data-predefined-style="true"] [local-style="1733654"] h2 { 510 color: rgba(99, 99, 99, 0.75); 511 } 512 [data-predefined-style="true"] [local-style="1733654"] h2 a { 513 color: #000; 514 } 515 [data-predefined-style="true"] [local-style="1733654"] small { 516 517 } 518 [data-predefined-style="true"] [local-style="1733654"] small a { 519 520 } 521 [local-style="1733654"] .container { 522 523 } 524 [data-predefined-style="true"] [local-style="1733654"] a:hover { 525 526 } 527 [data-predefined-style="true"] [local-style="1733654"] a:hover a { 528 529 } 530 [data-predefined-style="true"] [local-style="1733654"] a { 531 532 } 533 [data-predefined-style="true"] [local-style="1733654"] a a { 534 535 } 536 </style> 537 </div> 538 </div> 539 </div> 540 <div data-autopaginate="" style="pointer-events: none; height: 1px;
540 margin-top: -1px; width: 100%;"></div> 541 <div data-view="Thumbnail" data-set="GlobalThumbnails" class="thumbnails" style="padding-bottom: 83.4688px;" data-padding-bottom="true" data-content-accommodated="true"><div class="container thumbnails_width clearfix"> <div class="content content_padding"> <div thumbnails="grid" grid-row="" thumbnails-pad="" thumbnails-gutter="" data-elementresizer=""> 542 543 544 545 <div class="thumbnail has_title" data-id="1731593" grid-col="x10" thumbnails-pad=""> 546 <a href="../Community_conversations/community-conversations.html" rel="history" class="image-link"> <div class="thumb_image" aspect-ratio="16x9" data-elementresizer-no-resize="" data-elementresizer-no-centering=""> 547 <img data-mid="8511113" width="1000" height="563" style="width: 100%; height: auto; margin-left: 0%; margin-top: -0.049999999999997%;" src="../assets_index/Guardian_Social_Network.gif"> 548 </div> 549 <div class="title"><span>Community conversations</span></div> 550 </a> 551 <div class="tags"><a href="../Community_conversations/community-conversations.html" rel="history">An NLP driven interface to explore exchanges in guardianship communities.</a></div> 552 </div> 553 <div class="thumbnail has_title" data-id="1863318" grid-col="x10" thumbnails-pad=""> 554 <a href="../Finding_the_fault_lines/Finding-the-fault-lines-using-Geospatial-ML.html" rel="history" class="image-link"> 555 <div class="thumb_image" aspect-ratio="16x9" data-elementresizer-no-resize="" data-elementresizer-no-centering=""> 556 <img data-mid="9087738" width="648" height="366" style="width: 100%; height: auto; margin-left: 0%; margin-top: -0.231481%;" src="../Finding_the_fault_lines/Accessibility_LA.gif"> 557 </div> 558 <div class="title"><span>Finding the fault lines</span></div> 559 </a> 560 <div class="tags"><a href="../Finding_the_fault_lines/Finding-the-fault-lines-using-Geospatial-ML.html" rel="history">Geographic ML to predict job access in LA.</a></div> 561 </div> 562 <div class="thumbnail has_title" data-id="1731614" grid-col="x10" thumbnails-pad=""> 563 <a href="../Spatialising_research/spatialising_research.html" rel="history" class="image-link"> 564 <div class="thumb_image" aspect-ratio="16x9" data-elementresizer-no-resize="" data-elementresizer-no-centering=""> 565 <img data-mid="8510824" width="900" height="506" style="width: 100.04940711462451%; height: auto; margin-left: 0%; margin-top: -1.4210854715202e-14%;" src="../assets_index/UCSB_Spatialised_research.gif"> 566 </div> 567 <div class="title"><span>Spatialising Research</span></div> 568 </a> 569 <div class="tags"><a href="../Spatialising_research/spatialising_research.html" rel="history">Geo-semanic research networks.</a></div> 570 </div> 571 <div class="thumbnail has_title" data-id="1731607" grid-col="x10" thumbnails-pad=""> 572 <a href="../research_discovery_interface/research_discovery_interface.html" rel="history" class="image-link"> 573 <div class="thumb_image" aspect-ratio="16x9" data-elementresizer-no-resize="" data-elementresizer-no-centering=""> 574 <img data-mid="8583517" width="1866" height="1050" style="width: 100%; height: auto; margin-left: 0%; margin-top: 0%;" src="../assets_index/Research_discovery_interface.gif"> 575 </div> 576 <div class="title"><span>Research discovery interfaces</span></div> 577 </a> 578 <div class="tags"><a href="../research_discovery_interface/research_discovery_interface.html" rel="history">A search space to discover related research using NLP.</a></div> 579 </div> 580 <div class="thumbnail has_title" data-id="1731589" grid-col="x10" thumbnails-pad=""> 581 <a href="../citiblox/citiblox.html" rel="history" class="image-link"> 582 <div class="thumb_image" aspect-ratio="16x9" data-elementresizer-no-resize="" data-elementresizer-no-centering=""> 583 <img data-mid="8576659" width="2927" height="1646" style="width: 100.02657958687729%; height: auto; margin-left: -0.013289793438642%; margin-top: -7.105427357601e-15%;" src="../assets_index/citiblox.gif"> 584 </div> 585 <div class="title"><span>Citiblox</span></div> 586 </a> 587 <div class="tags"><a href="../citiblox/citiblox.html" rel="history">AI-powered modular pavers as a form of adaptable street infrastru
587cture.</a></div> 588 </div> 589 <div class="thumbnail has_title" data-id="1731590" grid-col="x10" thumbnails-pad=""> 590 <a href="../Harvard_GSD_sprint/harvard_gsd_sprint.html" rel="history" class="image-link"> 591 <div class="thumb_image" aspect-ratio="16x9" data-elementresizer-no-resize="" data-elementresizer-no-centering=""> 592 <img data-mid="8509900" width="533" height="301" style="width: 100%; height: auto; margin-left: 0%; margin-top: -0.11139774859287%;" src="../assets_index/Harvard_GSD.gif"> 593 </div> 594 <div class="title"><span>Move the Curb</span></div> 595 </a> 596 <div class="tags"><a href="../Harvard_GSD_sprint/harvard_gsd_sprint.html" rel="history">Designing a curb for the 21st century at Havard GSD.</a></div> 597 </div> 598 <div class="thumbnail has_title" data-id="3197913" grid-col="x10" thumbnails-pad=""> 599 <a href="../reimagine_the_canals/reimagine_the_canals.html" rel="history" class="image-link"> 600 <div class="thumb_image" aspect-ratio="16x9" data-elementresizer-no-resize="" data-elementresizer-no-centering=""> 601 <img data-mid="15843884" width="6000" height="4000" style="width: 100%; height: auto; margin-left: 0%; margin-top: -5.2083333333333%;" src="../assets_index/Reimagine_the_canals.gif"> 602 </div> 603 <div class="title"><span>Reimagining the Canals</span></div> 604 </a> 605 <div class="tags"><a href="/reimagine_the_canals/reimagine_the_canals.html" rel="history">
605Economic analysis for one of the largest infrastructure projects in the US.</a></div> 606 </div> 607 <div class="thumbnail has_title" data-id="1731594" grid-col="x10" thumbnails-pad=""> 608 <a href="../hide_and_seek_robot/hide_and_seek_robot.html" rel="history" class="image-link"> 609 <div class="thumb_image" aspect-ratio="16x9" data-elementresizer-no-resize="" data-elementresizer-no-centering=""> 610 <img data-mid="8576583" width="3443" height="1937" style="width: 100%; height: auto; margin-left: 0%; margin-top: -0.0090763868719108%;" src="../assets_index/robot.jpg"> 611 </div> 612 <div class="title"><span>Hide and Seek Robot</span></div> 613 </a> 614 <div class="tags"><a href="../hide_and_seek_robot/hide_and_seek_robot.html" rel="history">Human-computer intercation stimulating real-world play.</a></div> 615 </div> 616 <div class="thumbnail has_title" data-id="2954726" grid-col="x10" thumbnails-pad=""> 617 <a href="../travel_book_checkouts/travel_book_checkouts.html" rel="history" class="image-link"> 618 <div class="thumb_image" aspect-ratio="16x9" data-elementresizer-no-resize="" data-elementresizer-no-centering=""> 619 <img data-mid="14657069" width="3038" height="1710" style="width: 114%; height: auto; margin-left: -1%; margin-top: -3.9797152732061%;" src="../assets_index/big-data-processing.gif"> 620 </div> 621 <div class="title"><span>Where to travel?</span></div> 622 </a> 623 <div class="tags"><a href="../travel_book_checkouts/travel_book_checkouts.html" rel="history">Big Data Visualisation of Travel books in Seattle Public Library.</a></div> 624 </div> 625 <bodycopy class="bodycopy content content_padding"> 626 627 628 <div class="page_content clearfix" data-elementresizer data-resize-parent> 629 <projectcontent><hr><div style="text-align: left"><h2><a href="#Top" class="icon-link" style="text-decoration:none">îï¸</a> Get in touch: <a href="mailto:[email protected]">email</a>, <a href="https://github.com/ChristinaLast/" target="_blank">Github</a>, <a href="https://www.linkedin.com/in/christina-last/" target="_blank">LinkedIn</a>.</h2></div></projectcontent> 630 </div> 631 632 633 </bodycopy> 634 <style class="local-css" data-target="1731502"> 635 [local-style="1731502"] .container_width { 636 width: 90% /*!variable_defaults*/; 637} 638 639[local-style="1731502"] body { 640 background-color: initial /*!variable_defaults*/; 641} 642 643[local-style="1731502"] .backdrop { 644} 645 646[local-style="1731502"] .page { 647} 648 649[local-style="1731502"] .page_background { 650 background-color: rgb(255, 255, 255) /*!page_container_bgcolor*/; 651} 652 653[local-style="1731502"] .content_padding { 654 padding-top: 0.3rem /*!main_margin*/; 655} 656 657[data-predefined-style="true"] [local-style="1731502"] bodycopy { 658 font-size: 1rem; 659 line-height: 0.5; 660 color: rgba(99, 99, 99, 0.75); 661} 662 663[data-predefined-style="true"] [local-style="1731502"] bodycopy a { 664} 665 666[data-predefined-style="true"] [local-style="1731502"] h1 { 667} 668 669[data-predefined-style="true"] [local-style="1731502"] h1 a { 670} 671 672[data-predefined-style="true"] [local-style="1731502"] h2 { 673} 674 675[data-predefined-style="true"] [local-style="1731502"] h2 a { 676} 677 678[data-predefined-style="true"] [local-style="1731502"] small { 679} 680 681[data-predefined-style="true"] [local-style="1731502"] small a { 682} 683 684[data-predefined-style="true"] [local-style="1731502"] a:hover { 685} 686 687[data-predefined-style="true"] [local-style="1731502"] a:hover a { 688} 689 690[data-predefined-style="true"] [local-style="1731502"] a { 691} 692 693[data-predefined-style="true"] [local-style="1731502"] a a { 694} 695 </style> 696 </div> </div> 697 698 </div> 699 700 <div data-content-ruler="" class="container container_width"></div> 701 702 <style id="">/* 703 * This CSS file has been generated and is served by Cargo Collective Inc 704 * and is authorized to be used on Cargo Collective Inc only. 705 * 706 * This CSS resource incorporates links to font software which is 707 * the valuable copyrighted property of WebType LLC, The Font Bureau 708 * and/or their suppliers. You may not
709 * attempt to copy, install, redistribute, convert, modify or reverse 710 * engineer this font software. Please contact WebType with any 711 * questions: http://www.webtype.com 712 */ 713 714@font-face { 715 font-family: "DINosaur"; 716 src: url("https://type.cargo.site/DINosaur/DINosaurBook-3.woff") format("woff"); 717 font-style: normal; 718 font-weight: normal; 719 unicode-range: U+0000-DFFF, U+F900-FFFD; 720} 721@font-face { 722 font-family: "DINosaur"; 723 src: url("https://type.cargo.site/DINosaur/DINosaurBookItalic-3.woff") format("woff"); 724 font-style: italic; 725 font-weight: normal; 726 unicode-range: U+0000-DFFF, U+F900-FFFD; 727} 728@font-face { 729 font-family: "DINosaur"; 730 src: url("https://type.cargo.site/DINosaur/DINosaurBold-3.woff") format("woff"); 731 font-style: normal; 732 font-weight: bold; 733 unicode-range: U+0000-DFFF, U+F900-FFFD; 734} 735@font-face { 736 font-family: "DINosaur"; 737 src: url("https://type.cargo.site/DINosaur/DINosaurBoldItalic-3.woff") format("woff"); 738 font-style: italic; 739 font-weight: bold; 740 unicode-range: U+0000-DFFF, U+F900-FFFD; 741} 742@font-face { 743 font-family: "Quiosco"; 744 src: url("https://type.cargo.site/Quiosco/QuioscoRegular-3.woff") format("woff"); 745 font-style: normal; 746 font-weight: normal; 747 unicode-range: U+0000-DFFF, U+F900-FFFD; 748} 749@font-face { 750 font-family: "Quiosco"; 751 src: url("https://type.cargo.site/Quiosco/QuioscoItalic-3.woff") format("woff"); 752 font-style: italic; 753 font-weight: normal; 754 unicode-range: U+0000-DFFF, U+F900-FFFD; 755} 756@font-face { 757 font-family: "Quiosco"; 758 src: url("https://type.cargo.site/Quiosco/QuioscoBold-3.woff") format("woff"); 759 font-style: normal; 760 font-weight: bold; 761 unicode-range: U+0000-DFFF, U+F900-FFFD; 762} 763@font-face { 764 font-family: "Quiosco"; 765 src: url("https://type.cargo.site/Quiosco/QuioscoBoldItalic-3.woff") format("woff"); 766 font-style: italic; 767 font-weight: bold; 768 unicode-range: U+0000-DFFF, U+F900-FFFD; 769} 770</style> 771 772 773<div id="following-overlay" style="display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2147483637;"></div></body> 774 775 776 777<div id="following-container" style="background: rgb(26, 26, 26);"></div> 778 779 780<html lang="en" data-predefined-style="true" data-css-presets="true" data-css-preset="" data-typography-preset="" style="font-size: 92.5971%;"><head>
vendor: 72 bytes, lines 780-782
780 781 782 <script async="" src="https://www.googletagmanager.com/gtag/js?id=
782UA-1837333-7
vendor: 15 bytes, lines 782-783
782"></script> 783
783<script> 784 var __cargo_context__ = 'live'; 785 var __cargo_js_ver__ = '20-07-01.1'; 786 787
vendor: 140 bytes, lines 787-791
787window.dataLayer = window.dataLayer || []; 788 function gtag(){dataLayer.push(arguments);} 789 gtag('js', new Date()); 790 791 gtag('config', '
791UA-1837333-7
vendor: 8 bytes, lines 791-792
791'); 792
792gtag('config', ''); 793 794 795 </script>
795 796 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 797 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 798 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 799 800 <meta name="robots" content="index,follow"> 801 <meta property="og:type" content="website"> 802 803 <link rel="preconnect" href="https://static.cargo.site" crossorigin=""> 804 <link rel="preconnect" href="https://freight.cargo.site" crossorigin=""> 805 806 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 807 <link rel="preconnect" href="https://type.cargo.site" crossorigin=""> 808 809 <!--<link rel="preload" href="https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff" as="font" type="font/woff" crossorigin>--> 810 811 <meta name="google-site-verification" content="2POmlGf1uEo94avo0ufXvgJV5qiPjghZnopSL3lK4DQ"> 812 813 <link href="../favicon.ico" rel="shortcut icon"> 814 <link href="https://brian-ho.io/rss" rel="alternate" type="application/rss+xml" title="BRIAN HO feed"> 815 816 <link href="//fonts.googleapis.com/css?family=Roboto:300,400,400italic,700,700italic|Roboto Condensed:300&20-07-01.1&" id="" rel="stylesheet" type="text/css"> 817<link href="https://brian-ho.io/stylesheet?20-07-01.1&1575577283" id="member_stylesheet" rel="stylesheet" type="text/css"> 818<style id="">@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);unicode-range:U+E000-E15C,U+FE0E}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);font-weight:240;unicode-range:U+E000-E15C,U+FE0E}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);unicode-range:U+E000-E15C,U+FE0E;font-weight:400}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);unicode-range:U+E000-E15C,U+FE0E;font-weight:600}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);unicode-range:U+E000-E15C,U+FE0E;font-weight:800}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);unicode-range:U+E000-E15C,U+FE0E;font-style:italic}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);unicode-range:U+E000-E15C,U+FE0E;font-weight:200;font-style:italic}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);unicode-range:U+E000-E15C,U+FE0E;font-weight:400;font-style:italic}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);unicode-range:U+E000-E15C,U+FE0E;font-weight:600;font-style:italic}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.1.woff);unicode-range:U+E000-E15C,U+FE0E;font-weight:800;font-style:italic}body.iconfont-loading,body.iconfont-loading *{color:transparent!important}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}body.no-scroll{overflow:hidden}/*! 819 * Content 820 */.page{word-wrap:break-word}:focus{outline:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.pointer-events-none .page_content .audio-player,.pointer-events-none .page_content .shop_product,.pointer-events-none .page_content a,.pointer-events-none .page_content audio,.pointer-events-none .page_content button,.pointer-events-none .page_content details,.pointer-events-none .page_content iframe,.pointer-events-none .page_content img,.pointer-events-none .page_content input,.pointer-events-none .page_content video{pointer-events:auto}.pointer-events-none .page_content *>a,.pointer-events-none .page_content>a{position:relative}s *{text-transform:inherit}#toolset{position:fixed;bottom:10px;right:10px;z-index:8}.mobile #toolset,.template_site_inframe #toolset{display:none}#toolset a{display:block;height:24px;width:24px;margin:0;padding:0;text-decoration:none;background:rgba(0,0,0,.2)}#toolset a:hover{background:rgba(0,0,0,.8)}[data-adminview] #toolset a,[data-adminview] #toolset_admin a{background:rgba(0,0,0,.04);pointer-events:none;cursor:default}#toolset_admin a:active{background:rgba(0,0,0,.7)}#toolset_admin a svg>*{transform:scale(1.1) translate(0,-.5px);transform-origin:50% 50%}#toolset_admin a svg{pointer-events:none;width:100%!important;height:auto!important}#following-container{overflow:auto;-webkit-overflow-scrolling:touch}#following-container iframe{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}:root{--following-width:-400px;--following-animation-duration:450ms}@keyframes following-open{0%{transform:translateX(0)}100%{transform:translateX(var(--following-width))}}@keyframes following-open-inverse{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * var(--following-width)))}}@keyframes following-close{0%{transform:translateX(var(--following-width))}100%{transform:translateX(0)}}@keyframes following-close-inverse{0%{transform:translateX(calc(-1 * var(--following-width)))}100%{transform:translateX(0)}}body.animate-left{animation:following-open var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}#following-container.animate-left{animation:following-close-inverse var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}#following-container.animate-left #following-frame{animation:following-close var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}body.animate-right{animation:following-close var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}#following-container.animate-right{animation:following-open-inverse var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}#following-container.animate-right #following-frame{animation:following-open var(--following-animation-duration);animation-fill-mode:both;animation-timing-function:cubic-bezier(.24,1,.29,1)}.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,
8200,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.content .slick-slide img{display:inline-block}.content .slick-slide img:not(.image-zoom){cursor:pointer}.content .scrub .slick-list,.content .scrub .slick-slide img:not(.image-zoom){cursor:ew-resize}body.slideshow-scrub-dragging *{cursor:ew-resize!important}.content .slick-slide img:not([src]),.content .slick-slide img[src='']{width:100%;height:auto}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-arrow{position:absolute;z-index:9;width:0;top:0;height:100%;cursor:pointer;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.slick-arrow.hidden{opacity:0}
820.slick-arrow svg{position:absolute;height:56px;width:46px;padding:10px 5px;top:0;left:0;right:0;bottom:0;margin:auto}.slick-arrow svg:active{opacity:.75}.slick-arrow svg .arrow-shape{fill:#fff}.slick-arrow svg .arrow-outline{fill:#000;opacity:.2}.slick-arrow.slick-next{right:0;text-align:right}.slick .slick-next svg,.wallpaper-navigation .slick-next svg{transform:scaleX(-1);margin-right:20px}.mobile .slick .slick-next svg{margin-right:10px}.slick-arrow.slick-prev{text-align:left}.slick .slick-prev svg,.wallpaper-navigation .slick-prev svg{margin-left:20px}.mobile .slick .slick-prev svg{margin-left:10px}.loading_animation{display:none;vertical-align:middle;z-index:15;line-height:0;pointer-events:none;border-radius:100%}.loading_animation.hidden{display:none}.loading_animation.pulsing{opacity:0;display:inline-block;animation-delay:.1s;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-duration:12s;animation-iteration-count:infinite;animation:fade-pulse-in .5s ease-in-out;-moz-animation:fade-pulse-in .5s ease-in-out;-webkit-animation:fade-pulse-in .5s ease-in-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}.loading_animation.pulsing.no-delay{animation-delay:0s;-webkit-animation-delay:0s;-moz-animation-delay:0s}.loading_animation div{border-radius:100%}.loading_animation div svg{max-width:100%;height:auto}.loading_animation div,.loading_animation div svg{width:20px;height:20px}.loading_animation.full-width svg{width:100%;height:auto}.loading_animation.full-width.big svg{width:100px;height:100px}.loading_animation div svg>*{fill:#ccc}.loading_animation div{-webkit-animation:spin-loading 12s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation:spin-loading 12s ease-out;-moz-animation-iteration-count:infinite;animation:spin-loading 12s ease-out;animation-iteration-count:infinite}.loading_animation.hidden{display:none}[data-backdrop] .loading_animation{position:absolute;top:15px;left:15px;z-index:99}.loading_animation.position-absolute.middle{top:calc(50% - 10px);left:calc(50% - 10px)}.loading_animation.position-absolute.topleft{top:0;left:0}.loading_animation.position-absolute.middleright{top:calc(50% - 10px);right:1rem}.loading_animation.position-absolute.middleleft{top:calc(50% - 10px);left:1rem}.loading_animation.gray div svg>*{fill:#999}.loading_animation.gray-dark div svg>*{fill:#666}.loading_animation.gray-darker div svg>*{fill:#555}.loading_animation.gray-light div svg>*{fill:#ccc}.loading_animation.white div svg>*{fill:rgba(255,255,255,.85)}.loading_animation.blue div svg>*{fill:#698fff}.loading_animation.inline{display:inline-block;margin-bottom:.5ex}.loading_animation.inline.left{margin-right:.5ex}@-webkit-keyframes fade-pulse-in{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-moz-keyframes fade-pulse-in{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes fade-pulse-in{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-webkit-keyframes pulsate{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes pulsate{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes pulsate{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes spin-loading{0%{transform:rotate(0)}9%{transform:rotate(1050deg)}18%{transform:rotate(-1090deg)}20%{transform:rotate(-1080deg)}23%{transform:rotate(-1080deg)}28%{transform:rotate(-1095deg)}29%{transform:rotate(-1065deg)}34%{transform:rotate(-1080deg)}35%{transform:rotate(-1050deg)}40%{transform:rotate(-1065deg)}41%{transform:rotate(-1035deg)}44%{transform:rotate(-1035deg)}47%{transform:rotate(-2160deg)}50%{transform:rotate(-2160deg)}56%{transform:rotate(45deg)}60%{transform:rotate(45deg)}80%{transform:rotate(6120deg)}100%{transform:rotate(0)}}@keyframes spin-loading{0%{transform:rotate(0)}9%{transform:rotate(1050deg)}18%{transform:rotate(-1090deg)}20%{transform:rotate(-1080deg)}23%{transform:rotate(-1080deg)}28%{transform:rotate(-1095deg)}29%{transform:rotate(-1065deg)}34%{transform:rotate(-1080deg)}35%{transform:rotate(-1050deg)}40%{transform:rotate(-1065deg)}41%{transform:rotate(-1035deg)}44%{transform:rotate(-1035deg)}47%{transform:rotate(-2160deg)}50%{transform:rotate(-2160deg)}56%{transform:rotate(45deg)}60%{transform:rotate(45deg)}80%{transform:rotate(6120deg)}100%{transform:rotate(0)}}[grid-row]{align-items:flex-start;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}[grid-col]{box-sizing:border-box}[grid-row] [grid-col].empty:after{content:"\0000A0";cursor:text}body.mobile[data-adminview=content-editproject] [grid-row] [grid-col].empty:after{display:none}[grid-col=auto]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}[grid-col=x12]{width:100%}[grid-col=x11]{width:50%}[grid-col=x10]{width:33.33%}[grid-col=x9]{width:25%}[grid-col=x8]{width:20%}[grid-col=x7]{width:16.666666667%}
820[grid-col=x6]{width:14.285714286%}[grid-col=x5]{width:12.5%}[grid-col=x4]{width:11.111111111%}[grid-col=x3]{width:10%}[grid-col=x2]{width:9.090909091%}[grid-col=x1]{width:8.333333333%}[grid-col="1"]{width:8.33333%}[grid-col="2"]{width:16.66667%}[grid-col="3"]{width:25%}[grid-col="4"]{width:33.33333%}[grid-col="5"]{width:41.66667%}[grid-col="6"]{width:50%}[grid-col="7"]{width:58.33333%}[grid-col="8"]{width:66.66667%}[grid-col="9"]{width:75%}[grid-col="10"]{width:83.33333%}[grid-col="11"]{width:91.66667%}[grid-col="12"]{width:100%}body.mobile [grid-responsive] [grid-col]{width:100%;-webkit-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}[data-ce-host=true][contenteditable=true] [grid-pad]{pointer-events:none}[data-ce-host=true][contenteditable=true] [grid-pad]>*{pointer-events:auto}[grid-pad="0"]{padding:0}[grid-pad="0.25"]{padding:.125rem}[grid-pad="0.5"]{padding:.25rem}[grid-pad="0.75"]{padding:.375rem}[grid-pad="1"]{padding:.5rem}[grid-pad="1.25"]{padding:.625rem}[grid-pad="1.5"]{padding:.75rem}[grid-pad="1.75"]{padding:.875rem}[grid-pad="2"]{padding:1rem}[grid-pad="2.5"]{padding:1.25rem}[grid-pad="3"]{padding:1.5rem}[grid-pad="3.5"]{padding:1.75rem}[grid-pad="4"]{padding:2rem}[grid-pad="5"]{padding:2.5rem}[grid-pad="6"]{padding:3rem}[grid-pad="7"]{padding:3.5rem}[grid-pad="8"]{padding:4rem}[grid-pad="9"]{padding:4.5rem}[grid-pad="10"]{padding:5rem}[grid-gutter="0"]{margin:0}[grid-gutter="0.5"]{margin:-.25rem}[grid-gutter="1"]{margin:-.5rem}[grid-gutter="1.5"]{margin:-.75rem}[grid-gutter="2"]{margin:-1rem}[grid-gutter="2.5"]{margin:-1.25rem}[grid-gutter="3"]{margin:-1.5rem}[grid-gutter="3.5"]{margin:-1.75rem}[grid-gutter="4"]{margin:-2rem}[grid-gutter="5"]{margin:-2.5rem}[grid-gutter="6"]{margin:-3rem}[grid-gutter="7"]{margin:-3.5rem}[grid-gutter="8"]{margin:-4rem}[grid-gutter="10"]{margin:-5rem}[grid-gutter="12"]{margin:-6rem}[grid-gutter="14"]{margin:-7rem}[grid-gutter="16"]{margin:-8rem}[grid-gutter="18"]{margin:-9rem}[grid-gutter="20"]{margin:-10rem}small{max-width:100%;text-decoration:inherit}img:not([src]),img[src='']{outline:1px solid rgba(177,177,177,.4);outline-offset:-1px;content:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)}img.image-zoom{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}#imprimatur{color:#333;font-size:10px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"Sans Serif",Icons;/*!System*/position:fixed;opacity:.3;right:-28px;bottom:160px;transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);z-index:8;text-transform:uppercase;color:#999;opacity:.5;padding-bottom:2px;text-decoration:none}.mobile #imprimatur{display:none}bodycopy cargo-link a{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"Sans Serif",Icons;/*!System*/font-size:12px;font-style:normal;font-weight:400;transform:rotate(270deg);text-decoration:none;position:fixed!important;right:-27px;bottom:100px;text-decoration:none;letter-spacing:normal;background:0 0;border:0;border-bottom:0;outline:0}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}.pswp--minimal--dark .pswp__top-bar,.pswp__button{background:0 0}.pswp,.pswp__bg,.pswp__container,.pswp__custom_nav,.pswp__img--placeholder,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__button{width:44px;height:44px;position:relative;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp,.pswp__item{overflow:hidden}.pswp--touch .pswp__custom_nav{display:none}.pswp__ui{-webkit-font-smoothing:auto;opacity:1;z-index:1550}.pswp__custom_nav{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp__custom_nav .pswp__group .pswp__button{display:inline-block;float:none;pointer-events:auto;cursor:pointer;margin-right:1px;font-size:12px;position:relative}.pswp__button svg{position:absolute;top:0;bottom:0;width:36px;height:36px;margin:auto;pointer-events:none}.pswp__custom_nav .pswp__group:active svg{opacity:.75}
820.pswp__button svg .shape-shape{fill:#fff}.pswp__button svg .shape-outline{fill:#000;opacity:.2}.pswp__button-prev svg{left:20px}.pswp__button-next svg{transform:scaleX(-1);right:20px}.pswp__custom_nav .pswp__group .pswp__button-prev{position:absolute;left:0;top:0;width:10%;height:100%}.pswp__custom_nav .pswp__group .pswp__button-next{position:absolute;right:0;top:0;width:10%;height:100%}.pswp,.pswp__bg,.pswp__scroll-wrap,.pswp__zoom-wrap{width:100%;position:absolute}.pswp__custom_nav .pswp__group .pswp__button-close{position:absolute;top:20px;right:14px}.pswp__container,.pswp__item,.pswp__zoom-wrap{right:0;bottom:0;top:0;position:absolute;left:0}.pswp__ui--hidden .pswp__button{opacity:.001}.pswp__element--disabled{display:none!important}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;height:100%;left:0;top:0;-ms-touch-action:none;touch-action:none;z-index:9999999;-webkit-text-size-adjust:100%;line-height:initial;letter-spacing:initial;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--zoom-disabled .pswp__img{cursor:default!important}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{left:0;top:0;height:100%;opacity:0;transform:translateZ(0);will-change:opacity}.pswp__scroll-wrap{left:0;top:0;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 222ms cubic-bezier(.4,0,.22,1);transition:transform 222ms cubic-bezier(.4,0,.22,1)}.pswp__bg{-webkit-transition:opacity 222ms cubic-bezier(.4,0,.22,1);transition:opacity 222ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__error-msg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.shop_product .dropdown_wrapper{flex:0 0 100%;position:relative}.shop_product select{appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;border-radius:0}.shop_product select.dropdown::-ms-expand{display:none}.shop_product a{cursor:pointer;border-bottom:none;text-decoration:none}.shop_product a.out-of-stock{pointer-events:none}body.audio-player-dragging *{cursor:ew-resize!important}.audio-player{display:inline-flex;flex:1 0 calc(100% - 2px);width:calc(100% - 2px)}.audio-player .button{height:100%;flex:0 0 3.3rem;display:flex}.audio-player .separator{left:3.3rem;height:100%}.audio-player .buffer{width:0%;height:100%;transition:left .3s linear,width .3s linear}.audio-player.seeking .buffer{transition:left 0s,width 0s}.audio-player.seeking{user-select:none;-webkit-user-select:none;cursor:ew-resize}.audio-player.seeking *{user-select:none;-webkit-user-select:none;cursor:ew-resize}.audio-player .bar{overflow:hidden;display:flex;justify-content:space-between;align-content:center;flex-grow:1}.audio-player .progress{width:0%;height:100%;transition:width .3s linear}.audio-player.seeking .progress{transition:width 0s}.audio-player .pause,.audio-player .play{cursor:pointer;height:100%}.audio-player .note-icon{margin:auto 0;order:2;flex:0 1 auto}.audio-player .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;user-select:none;padding:.5rem 0 .5rem 1rem;margin:auto auto auto 0;flex:0 3 auto;min-width:0;width:100%}.audio-player .total-time{flex:0 1 auto;margin:auto 0}.audio-player .current-time,.audio-player .play-text{flex:0 1 auto;margin:auto 0}.audio-player .stream-anim{user-select:none;margin:auto auto auto 0}
820.audio-player .stream-anim span{display:inline-block}.audio-player .buffer,.audio-player .current-time,.audio-player .note-svg,.audio-player .play-text,.audio-player .separator,.audio-player .total-time{user-select:none;pointer-events:none}.audio-player .buffer,.audio-player .play-text,.audio-player .progress{position:absolute}.audio-player,.audio-player .bar,.audio-player .button,.audio-player .current-time,.audio-player .note-icon,.audio-player .pause,.audio-player .play,.audio-player .total-time{position:relative}body.mobile .audio-player,body.mobile .audio-player *{-webkit-touch-callout:none}#standalone-admin-frame{border:0;width:400px;position:absolute;right:0;top:0;height:100vh;z-index:99}body[standalone-admin=true] #standalone-admin-frame{transform:translate(0,0)}body[standalone-admin=true] .main_container{width:calc(100% - 400px)}body[standalone-admin=false] #standalone-admin-frame{transform:translate(100%,0)}body[standalone-admin=false] .main_container{width:100%}.toggle_standaloneAdmin{position:fixed;top:0;right:400px;height:40px;width:40px;z-index:999;cursor:pointer;background-color:rgba(0,0,0,.4)}.toggle_standaloneAdmin:active{opacity:.7}body[standalone-admin=false] .toggle_standaloneAdmin{right:0}.toggle_standaloneAdmin *{color:#fff;fill:#fff}.toggle_standaloneAdmin svg{padding:6px;width:100%;height:100%;opacity:.85}body[standalone-admin=false] .toggle_standaloneAdmin #close,body[standalone-admin=true] .toggle_standaloneAdmin #backdropsettings{display:none}.toggle_standaloneAdmin>div{width:100%;height:100%}#admin_toggle_button{position:fixed;top:50%;transform:translate(0,-50%);right:400px;height:36px;width:12px;z-index:999;cursor:pointer;background-color:rgba(0,0,0,.09);padding-left:2px;margin-right:5px}#admin_toggle_button .bar{content:'';background:rgba(0,0,0,.09);position:fixed;width:5px;bottom:0;top:0;z-index:10}#admin_toggle_button:active{background:rgba(0,0,0,.065)}#admin_toggle_button *{color:#fff;fill:#fff}#admin_toggle_button svg{padding:0;width:16px;height:36px;margin-left:1px;opacity:1}#admin_toggle_button svg *{fill:#fff;opacity:1}#admin_toggle_button[data-state=closed] .toggle_admin_close{display:none}#admin_toggle_button[data-state=closed],#admin_toggle_button[data-state=closed] .toggle_admin_open{width:20px;cursor:pointer;margin:0}#admin_toggle_button[data-state=closed] svg{margin-left:2px}#admin_toggle_button[data-state=open] .toggle_admin_open{display:none}select,select *{text-rendering:auto!important}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}customhtml>*{position:relative;z-index:10}body,html{min-height:100vh;margin:0;padding:0}html{touch-action:manipulation;position:relative;background-color:#fff}.main_container{min-height:100vh;width:100%;overflow:hidden}.container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;width:100%;overflow:visible}.container{align-items:flex-start;-webkit-align-items:flex-start}.page{z-index:2}.page ul li>text-limit{display:block}.content,.content_container,.pinned{-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;max-width:100%}.content_container{width:100%}.content_container.full_height{min-height:100vh}.page_background{position:absolute;top:0;left:0;width:100%;height:100%}.page_container{position:relative;overflow:visible;width:100%}.backdrop{position:absolute;top:0;z-index:1;width:100%;height:100%;max-height:100vh}.backdrop>div{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transform:translate3d(0,0,0);contain:strict}[data-backdrop].backdrop>div[data-overflowing]{max-height:100vh;position:absolute;top:0;left:0}body.mobile [split-responsive]{display:flex;flex-direction:column}body.mobile [split-responsive] .container{width:100%;order:2}body.mobile [split-responsive] .backdrop{position:relative;height:50vh;width:100%;order:1}body.mobile [split-responsive] [data-auxiliary].backdrop{position:absolute;height:50vh;width:100%;order:1}.page{position:relative;z-index:2}img[data-align=left]{float:left}img[data-align=right]{float:right}[data-rotation]{transform-origin:center center}.content .page_content:not([contenteditable=true]) [data-draggable]{pointer-events:auto!important;backface-visibility:hidden}.preserve-3d{-moz-transform-style:preserve-3d;transform-style:preserve-3d}.content .page_content:not([contenteditable=true]) [data-draggable] iframe{pointer-events:none!important}.dragging-active iframe{pointer-events:none!important}.content .page_content:not([contenteditable=true]) [data-draggable]:active{opacity:1}.content .scroll-transition-fade{transition:transform 1s ease-in-out,opacity .8s ease-in-out}.content .scroll-transition-fade.below-viewport{opacity:0;transform:translateY(40px)}.mobile.full_width .page_container:not([split-layout]) .container_width{width:100%}[data-view=pinned_bottom] .bottom_pin_invisibility{visibility:hidden}.pinned{position:relative;width:100%}.pinned .page_container.accommodate:not(.fixed):not(.overlay){z-index:2}.pinned .page_container.overlay{position:absolute;z-index:4}.pinned .page_container.overlay.fixed{position:fixed}.pinned .page_container.overlay.fixed .page{max-height:100vh;-webkit-overflow-scrolling:touch}.pinned .page_container.overlay.fixed .page.allow-scroll{overflow-y:auto;overflow-x:hidden}.pinned .page_container.overlay.fixed .page.allow-scroll{align-items:flex-start;-webkit-align-items:flex-start}.pinned .page_container .page.allow-scroll::-webkit-scrollbar{width:0;background:0 0;display:none}.pinned.pinned_top .page_container.overlay{left:0;top:0}.pinned.pinned_bottom .page_container.overlay{left:0;bottom:0}.thumbnails{position:relative;z-index:1}[thumbnails=grid]{align-items:baseline}[thumbnails=justify] .thumbnail{box-sizing:content-box}[thumbnails][data-padding-zero] .thumbnail{margin-bottom:-1px}[thumbnails=montessori] .thumbnail{pointer-events:auto;position:absolute}[thumbnails] .thumbnail>a{display:block;text-decoration:none}[thumbnails=montessori]{height:0}[thumbnails][data-resizing],[thumbnails][data-resizing] *{cursor:nwse-resize}[thumbnails] .thumbnail .resize-handle{cursor:nwse-resize;width:26px;height:26px;padding:5px;position:absolute;opacity:.75;right:-1px;bottom:-1px;z-index:100}[thumbnails][data-resizing] .resize-handle{display:none}[thumbnails] .thumbnail .resize-handle svg{position:absolute;top:0;left:0}[thumbnails] .thumbnail .resize-handle:hover{opacity:1}[data-can-move].thumbnail .resize-handle svg .resize_path_outline{fill:rgba(255,255,255,1)}[data-can-move].thumbnail .resize-handle svg .resize_path{fill:rgba(0,0,0,1)}[thumbnails=montessori] .thumbnail_sizer{height:0;width:100%;position:relative;padding-bottom:100%;pointer-events:none}[thumbnails] .thumbnail img{display:block;min-height:3px;margin-bottom:0}[thumbnails] .thumbnail img:not([src]),img[src=""]{margin:0!important;width:100%;min-height:3px;height:100%!important;position:absolute}[aspect-ratio="1x1"].thumb_image{height:0;padding-bottom:100%;overflow:hidden}[aspect-ratio="4x3"].thumb_image{height:0;padding-bottom:75%;overflow:hidden}[aspect-ratio="16x9"].thumb_image{height:0;padding-bottom:56.25%;overflow:hidden}[thumbnails] .thumb_image{width:100%;position:relative}[thumbnails][thumbnail-vertical-align=top]{align-items:flex-start}[thumbnails][thumbnail-vertical-align=middle]{align-items:center}[thumbnails][thumbnail-vertical-align=bottom]{align-items:baseline}[thumbnails][thumbnail-horizontal-align=left]{justify-content:flex-start}[thumbnails][thumbnail-horizontal-align=middle]{justify-content:center}[thumbnails][thumbnail-horizontal-align=right]{justify-content:flex-end}.thumb_image.default_image>svg{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.thumb_image.default_image{outline:1px solid #ccc;outline-offset:-1px;position:relative}.mobile.full_width [data-view=Thumbnail] .thumbnails_width{width:100%}.content [data-draggable] a:active,.content [data-draggable] img:active{opacity:initial}.content .draggable-dragging{opacity:initial}[data-draggable].draggable_visible{visibility:visible}[data-draggable].draggable_hidden{visibility:hidden}.gallery_card [data-draggable],.marquee [data-draggable]{visibility:inherit}[data-draggable]{visibility:visible;background-color:rgba(0,0,0,.003)}#site_menu_panel_container .image-gallery:not(.initialized){height:0;padding-bottom:100%;min-height:initial}.image-gallery:not(.initialized){min-height:100vh;visibility:hidden;width:100%}.image-gallery .gallery_card img{display:block;width:100%;height:auto}.image-gallery .gallery_card{transform-origin:center}.image-gallery .gallery_card.dragging{opacity:.1;transform:initial!important}.image-gallery:not([image-gallery=slideshow]) .gallery_card iframe:only-child,.image-gallery:not([image-gallery=slideshow]) .gallery_card video:only-child{width:100%;height:100%;top:0;left:0;position:absolute}.image-gallery [image-gallery-pad="0"] video:only-child{object-fit:cover;height:calc(100% + 1px)}div.image-gallery>a,div.image-gallery>iframe,div.image-gallery>img,div.image-gallery>video{display:none}[image-gallery-row]{align-items:flex-start;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.image-gallery .gallery_card_image{width:100%;position:relative}[data-predefined-style=true] .image-gallery a.gallery_card{display:block;border:none}[image-gallery-col]{box-sizing:border-box}[image-gallery-col=x12]{width:100%}[image-gallery-col=x11]{width:50%}[image-gallery-col=x10]{width:33.33%}[image-gallery-col=x9]{width:25%}[image-gallery-col=x8]{width:20%}[image-gallery-col=x7]{width:16.666666667%}
820[image-gallery-col=x6]{width:14.285714286%}[image-gallery-col=x5]{width:12.5%}[image-gallery-col=x4]{width:11.111111111%}[image-gallery-col=x3]{width:10%}[image-gallery-col=x2]{width:9.090909091%}[image-gallery-col=x1]{width:8.333333333%}.content .page_content [image-gallery-pad].image-gallery{pointer-events:none}.content .page_content [image-gallery-pad].image-gallery .gallery_card_image>*,.content .page_content [image-gallery-pad].image-gallery .gallery_image_caption{pointer-events:auto}.content .page_content [image-gallery-pad="0"]{padding:0}.content .page_content [image-gallery-pad="0.25"]{padding:.125rem}.content .page_content [image-gallery-pad="0.5"]{padding:.25rem}.content .page_content [image-gallery-pad="0.75"]{padding:.375rem}.content .page_content [image-gallery-pad="1"]{padding:.5rem}.content .page_content [image-gallery-pad="1.25"]{padding:.625rem}.content .page_content [image-gallery-pad="1.5"]{padding:.75rem}.content .page_content [image-gallery-pad="1.75"]{padding:.875rem}.content .page_content [image-gallery-pad="2"]{padding:1rem}.content .page_content [image-gallery-pad="2.5"]{padding:1.25rem}.content .page_content [image-gallery-pad="3"]{padding:1.5rem}.content .page_content [image-gallery-pad="3.5"]{padding:1.75rem}.content .page_content [image-gallery-pad="4"]{padding:2rem}.content .page_content [image-gallery-pad="5"]{padding:2.5rem}.content .page_content [image-gallery-pad="6"]{padding:3rem}.content .page_content [image-gallery-pad="7"]{padding:3.5rem}.content .page_content [image-gallery-pad="8"]{padding:4rem}.content .page_content [image-gallery-pad="9"]{padding:4.5rem}.content .page_content [image-gallery-pad="10"]{padding:5rem}.content .page_content [image-gallery-gutter="0"]{margin:0}.content .page_content [image-gallery-gutter="0.5"]{margin:-.25rem}.content .page_content [image-gallery-gutter="1"]{margin:-.5rem}.content .page_content [image-gallery-gutter="1.5"]{margin:-.75rem}.content .page_content [image-gallery-gutter="2"]{margin:-1rem}.content .page_content [image-gallery-gutter="2.5"]{margin:-1.25rem}.content .page_content [image-gallery-gutter="3"]{margin:-1.5rem}.content .page_content [image-gallery-gutter="3.5"]{margin:-1.75rem}.content .page_content [image-gallery-gutter="4"]{margin:-2rem}.content .page_content [image-gallery-gutter="5"]{margin:-2.5rem}.content .page_content [image-gallery-gutter="6"]{margin:-3rem}.content .page_content [image-gallery-gutter="7"]{margin:-3.5rem}.content .page_content [image-gallery-gutter="8"]{margin:-4rem}.content .page_content [image-gallery-gutter="10"]{margin:-5rem}.content .page_content [image-gallery-gutter="12"]{margin:-6rem}.content .page_content [image-gallery-gutter="14"]{margin:-7rem}.content .page_content [image-gallery-gutter="16"]{margin:-8rem}.content .page_content [image-gallery-gutter="18"]{margin:-9rem}.content .page_content [image-gallery-gutter="20"]{margin:-10rem}[image-gallery=slideshow]:not(.initialized)>*{min-height:1px;opacity:0;min-width:100%}[image-gallery=slideshow] img.image-zoom:active{opacity:initial}[image-gallery=slideshow].slick-initialized .gallery_card{pointer-events:none}[image-gallery=slideshow].slick-initialized .gallery_card.slick-current{pointer-events:auto}[image-gallery=slideshow] .gallery_card:not(.has_caption){line-height:0}.content .page_content [image-gallery=slideshow].image-gallery>*{pointer-events:auto}.content [image-gallery=slideshow].image-gallery.slick-initialized .gallery_card{overflow:hidden;margin:0;display:flex;flex-flow:row wrap;flex-shrink:0}.content [image-gallery=slideshow].image-gallery.slick-initialized .gallery_card.slick-current{overflow:visible}[image-gallery=slideshow] .gallery_image_caption{opacity:1;transition:opacity .3s;-webkit-transition:opacity .3s;width:100%;margin-left:auto;margin-right:auto;clear:both}[image-gallery-horizontal-align=left] .gallery_image_caption{text-align:left}[image-gallery-horizontal-align=middle] .gallery_image_caption{text-align:center}[image-gallery-horizontal-align=right] .gallery_image_caption{text-align:right}[image-gallery=slideshow][data-slideshow-in-transition] .gallery_image_caption{opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s}[image-gallery=slideshow] .gallery_card_image{width:initial;margin:0;display:inline-block}[image-gallery=slideshow] .gallery_card img{margin:0;display:block}[image-gallery=slideshow][data-exploded]{align-items:flex-start;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start}[image-gallery=slideshow][data-exploded] .gallery_card{padding:1rem;width:16.666%}[image-gallery=slideshow][data-exploded] .gallery_card_image{height:0;display:block;width:100%}[image-gallery=grid]{align-items:baseline}[image-gallery=grid] .gallery_card.has_caption .gallery_card_image{display:block}[image-gallery=grid] [image-gallery-pad="0"].gallery_card{margin-bottom:-1px}[image-gallery=grid] .gallery_card img{margin:0}[image-gallery=columns] .gallery_card img{margin:0}[image-gallery=justify]{align-items:flex-start}[image-gallery=justify] .gallery_card img{margin:0}[image-gallery=montessori][image-gallery-row]{display:block}[image-gallery=montessori] a.gallery_card,[image-gallery=montessori] div.gallery_card{position:absolute;pointer-events:auto}[image-gallery=montessori][data-can-move] .gallery_card,[image-gallery=montessori][data-can-move] .gallery_card .gallery_card_image,[image-gallery=montessori][data-can-move] .gallery_card .gallery_card_image>*{cursor:move}[image-gallery=montessori]{position:relative;height:0}[image-gallery=freeform] .gallery_card{position:relative}[image-gallery=freeform] [image-gallery-pad="0"].gallery_card{margin-bottom:-1px}[image-gallery-vertical-align]{display:flex;flex-flow:row wrap}[image-gallery-vertical-align].slick-track{display:flex;flex-flow:row nowrap}[image-gallery-vertical-align=top]{align-content:flex-start;align-items:flex-start}[image-gallery-vertical-align=middle]{align-items:center;align-content:center}[image-gallery-vertical-align=bottom]{align-content:flex-end;align-items:flex-end}[image-gallery-horizontal-align=left]{justify-content:flex-start}[image-gallery-horizontal-align=middle]{justify-content:center}[image-gallery-horizontal-align=right]{justify-content:flex-end}.image-gallery[data-resizing],.image-gallery[data-resizing] *{cursor:nwse-resize!important}.image-gallery .gallery_card .resize-handle,.image-gallery .gallery_card .resize-handle *{cursor:nwse-resize!important}.image-gallery .gallery_card .resize-handle{width:26px;height:26px;padding:5px;position:absolute;opacity:.75;right:-1px;bottom:-1px;z-index:10}.image-gallery[data-resizing] .resize-handle{display:none}.image-gallery .gallery_card .resize-handle svg{cursor:nwse-resize!important;position:absolute;top:0;left:0}.image-gallery .gallery_card .resize-handle:hover{opacity:1}[data-can-move].gallery_card .resize-handle svg .resize_path_outline{fill:rgba(255,255,255,1)}[data-can-move].gallery_card .resize-handle svg .resize_path{fill:rgba(0,0,0,1)}[image-gallery=montessori] .thumbnail_sizer{height:0;width:100%;position:relative;padding-bottom:100%;pointer-events:none}#site_menu_button{display:block;text-decoration:none;pointer-events:auto;z-index:9;vertical-align:top;cursor:pointer;box-sizing:content-box;font-family:Icons}#site_menu_button.custom_icon{padding:0;line-height:0}#site_menu_button.custom_icon img{width:100%;height:auto}#site_menu_wrapper.disabled #site_menu_button{display:none}#site_menu_wrapper.mobile_only #site_menu_button{display:none}body.mobile #site_menu_wrapper.mobile_only:not(.disabled) #site_menu_button:not(.active){display:block}#site_menu_panel_container[data-type=cargo_menu] #site_menu_panel{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;cursor:default}.site_menu{pointer-events:auto;position:absolute;z-index:11;top:0;bottom:0;line-height:0;max-width:400px;min-width:300px;font-size:20px;text-align:left;background:rgba(20,20,20,.95);padding:20px 30px 90px 30px;overflow-y:scroll;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;
820-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}body.mobile #site_menu_wrapper .site_menu{overflow-x:scroll;-webkit-overflow-scrolling:touch;min-width:auto;max-width:100%;width:100%;padding:20px}#site_menu_wrapper[data-sitemenu-position=bottom-left] #site_menu,#site_menu_wrapper[data-sitemenu-position=top-left] #site_menu{left:0}#site_menu_wrapper[data-sitemenu-position=bottom-right] #site_menu,#site_menu_wrapper[data-sitemenu-position=top-right] #site_menu{right:0}#site_menu_wrapper[data-type=page] .site_menu{right:0;left:0;width:100%;padding:0;margin:0;background:0 0}.site_menu_wrapper.open .site_menu{display:block}.site_menu div{display:block}.site_menu a{text-decoration:none;display:inline-block;color:rgba(255,255,255,.75);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4}.site_menu div a.active{color:rgba(255,255,255,.4)}.site_menu div.set-link>a{font-weight:700}.site_menu div.hidden{display:none}.site_menu .close{display:block;position:absolute;top:0;right:10px;font-size:60px;line-height:50px;font-weight:200;color:rgba(255,255,255,.4);cursor:pointer;user-select:none}#site_menu_panel_container .page_container{position:relative;overflow:hidden;background:0 0;z-index:2}#site_menu_panel_container .site_menu_page_wrapper{position:fixed;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;width:100%;z-index:100}#site_menu_panel_container .site_menu_page_wrapper .backdrop{pointer-events:none}#site_menu_panel_container #site_menu_page_overlay{position:fixed;top:0;right:0;bottom:0;left:0;cursor:default;z-index:1}#shop_button{display:block;text-decoration:none;pointer-events:auto;z-index:9;vertical-align:top;cursor:pointer;box-sizing:content-box;font-family:Icons}#shop_button.custom_icon{padding:0;line-height:0}#shop_button.custom_icon img{width:100%;height:auto}#shop_button.disabled{display:none}.loading[data-loading]{display:none;position:fixed;bottom:8px;left:8px;z-index:100}.new_site_button_wrapper{font-size:1.8rem;font-weight:400;color:rgba(0,0,0,.85);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif,'Sans Serif',Icons;font-style:normal;line-height:1.4;color:#fff;position:fixed;bottom:0;right:0;z-index:999}body.template_site #toolset{display:none!important}body.mobile .new_site_button{display:none}.new_site_button{display:flex;height:44px;cursor:pointer}.new_site_button .plus{width:44px;height:100%}.new_site_button .plus svg{width:100%;height:100%}.new_site_button .plus svg line{stroke:#000;stroke-width:2px}.new_site_button .plus:after,.new_site_button .plus:before{content:'';width:30px;height:2px}.new_site_button .text{background:#0fce83;display:none;padding:7.5px 15px 7.5px 15px;height:100%;font-size:20px;color:#222}.new_site_button:active{opacity:.8}.new_site_button.show_full .text{display:block}.new_site_button.show_full .plus{display:none}html:not(.admin-wrapper) .template_site #confirm_modal [data-progress] .progress-indicator:after{content:'Generating Site...';padding:7.5px 15px;right:-200px;color:#000}bodycopy svg.marker-overlay,bodycopy svg.marker-overlay *{transform-origin:0 0;-webkit-transform-origin:0 0;box-sizing:initial}bodycopy svg#svgroot{box-sizing:initial}bodycopy svg.marker-overlay{padding:inherit;position:absolute;left:0;top:0;width:100%;height:100%;min-height:1px;overflow:visible;pointer-events:none;z-index:999}bodycopy svg.marker-overlay *{pointer-events:initial}bodycopy svg.marker-overlay text{letter-spacing:initial}bodycopy svg.marker-overlay a{cursor:pointer}.marquee:not(.torn-down){overflow:hidden;width:100%;position:relative;padding-bottom:.25em;padding-top:.25em;margin-bottom:-.25em;margin-top:-.25em;contain:layout}.marquee .marquee_contents{will-change:transform;display:flex;flex-direction:column}.marquee[behavior][direction].torn-down{white-space:normal}.marquee[behavior=bounce] .marquee_contents{display:block;float:left;clear:both}.marquee[behavior=bounce] .marquee_inner{display:block}.marquee[behavior=bounce][direction=vertical] .marquee_contents{width:100%}.marquee[behavior=bounce][direction=diagonal] .marquee_inner:last-child,.marquee[behavior=bounce][direction=vertical] .marquee_inner:last-child{position:relative;visibility:hidden}.marquee[behavior=bounce][direction=horizontal],.marquee[behavior=scroll][direction=horizontal]{white-space:pre}.marquee[behavior=scroll][direction=horizontal] .marquee_contents{display:inline-flex;white-space:nowrap;min-width:100%}.marquee[behavior=scroll][direction=horizontal] .marquee_inner{min-width:100%}.marquee[behavior=scroll] .marquee_inner:first-child{will-change:transform;position:absolute;width:100%;top:0;left:0}.cycle{display:none}</style>
821<script type="text/json" data-set="defaults">{}</script>
vendor: 1 bytes, line 821
821
822<script type="text/json" data-set="DisplayOptions">{"user_id":105789,"pagination_count":24,"title_in_project":true,"disable_project_scroll":false,"learning_cargo_seen":true,"resource_url":null,"use_sets":null,"sets_are_clickable":null,"set_links_position":null,"sticky_pages":null,"total_projects":0,"slideshow_responsive":false,"slideshow_thumbnails_header":true,"layout_options":{"content_position":"center_cover","content_width":"90","content_margin":"5","main_margin":"1.5","text_alignment":"text_left","vertical_position":"vertical_top","bgcolor":"rgb(255, 255, 255)","WebFontConfig":{"System":{"families":{"-apple-system":{"variants":["n4","i4","n7","i7"]},"DINosaur":{"variants":["n3","n4","i4","n7","i7"]}}},"Google":{"families":{"Roboto":{"variants":["300","400","400italic","700","700italic"]},"Roboto Condensed":{"variants":["300"]}}},"Persona":{"families":{"DINosaur":{"variants":["n4","i4","n7","i7"]},"Roboto":{"variants":["i3"]},"Quiosco":{"variants":["n4","i4","n7","i7"]}}}},"links_orientation":"links_horizontal","viewport_size":"phone","mobile_zoom":"30","mobile_view":"desktop","mobile_padding":"-4","mobile_formatting":false,"width_unit":"rem","text_width":"66","is_feed":false,"limit_vertical_images":true,"image_zoom":true,"mobile_images_full_width":true,"responsive_columns":"1","responsive_thumbnails_padding":"0.7","enable_sitemenu":false,"sitemenu_mobileonly":false,"menu_position":"top-left","sitemenu_option":"cargo_menu","responsive_row_height":"75","advanced_padding_enabled":false,"main_margin_top":"1.5","main_margin_right":"1.5","main_margin_bottom":"1.5","main_margin_left":"1.5","mobile_pages_full_width":true,"scroll_transition":false,"image_full_zoom":false},"element_sort":{"no-group":[{"name":"Navigation","isActive":true},{"name":"Header Text","isActive":true},{"name":"Content","isActive":true},{"name":"Header Image","isActive":false}]},"site_menu_options":{"display_type":"cargo_menu","enable":true,"mobile_only":true,"position":"top-right","single_page_id":"1904349","icon":"\ue130","show_homepage":true,"single_page_url":"Menu","custom_icon":false},"ecommerce_options":{"enable_ecommerce_button":false,"shop_button_position":"top-right","shop_icon":"\ue137","custom_icon":false,"shop_icon_text":"Cart <(#)>","icon":"","enable_geofencing":false,"enabled_countries":["AF","AX","AL","DZ","AS","AD","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BQ","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CW","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GG","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IM","IL","IT","JM","JP","JE","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","ME","MS","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","BL","SH","KN","LC","MF","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SX","SK","SI","SB","SO","ZA","GS","SS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW"]}}</script>
vendor: 1 bytes, line 822
822
823<script type="text/json" data-set="Site">{"id":"105789","direct_link":"https:\/\/brian-ho.io","display_url":"brian-ho.io","site_url":"brianho","account_shop_id":null,"has_ecommerce":false,"has_shop":false,"ecommerce_key_public":null,"cargo_spark_button":false,"following_url":null,"website_title":"BRIAN HO","meta_tags":"","meta_description":"","meta_head":"<meta name=\"google-site-verification\" content=\"2POmlGf1uEo94avo0ufXvgJV5qiPjghZnopSL3lK4DQ\" \/>","homepage_id":"1733652","css_url":"https:\/\/brian-ho.io\/stylesheet","rss_url":"https:\/\/brian-ho.io\/rss","js_url":"\/_jsapps\/design\/design.js","favicon_url":"../favicon.ico","home_url":"https:\/\/cargo.site","auth_url":"https:\/\/auth.cargo.site","profile_url":"https:\/\/freight.cargo.site\/w\/403\/h\/405\/c\/0\/1\/403\/403\/i\/957afac6b230a2372cfec8691160b2150ad3dc272affbddedf50f74cd2064246\/favicon-02.png","profile_width":403,"profile_height":403,"social_image_url":"https:\/\/freight.cargo.site\/i\/5f12b4fac4dedcb4138b13fa38e89cd2e8371238d4d0125da6b03bb0fcc02966\/thumbs-16.jpg","social_width":600,"social_height":600,"social_description":"Brian Ho is an interdisciplinary designer working at the intersection of society, technology and the built environment. He's merging the digital and physical with architecture, urbanism, visualization, interaction design, full-stack web dev, UI\/UX, AR\/VR, machine learning, data science and code. City, space, and interface projects. Harvard GSD+SEAS MDE, Columbia GSAPP, Yale University.","social_has_image":true,"social_has_description":true,"site_menu_icon":null,"site_menu_has_image":false,"custom_html":"<customhtml><link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto+Condensed:300,300i,400,400i|Roboto:300,300i,400,400i\" rel=\"stylesheet\">\n\n<a id=\"Top\"><\/a>\n\n<!-- Global site tag (gtag.js) - Google Analytics -->\n
823<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=UA-62315071-3\"><\/script>\n
823<script>\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'UA-62315071-3');\n<\/script><\/customhtml>","filter":null,"is_editor":false,"use_hi_res":false,"hiq":null,"obs_id":"0","progenitor_site":"noblinking","files":{"sim-city-720.mov":"https:\/\/files.cargocollective.com\/c105789\/sim-city-720.mov?1518108060","Notification.mov":"https:\/\/files.cargocollective.com\/c105789\/Notification.mov?1518105365","fire.mp4":"https:\/\/files.cargocollective.com\/c105789\/fire.mp4?1518101159","bf8f8741-5f64-4db9-a877-a44624092e68.woff2":"https:\/\/files.cargocollective.com\/204585\/bf8f8741-5f64-4db9-a877-a44624092e68.woff2?1486850869","58c01d2a-ce4a-4360-a61f-761e91aa67c0.woff2":"https:\/\/files.cargocollective.com\/204585\/58c01d2a-ce4a-4360-a61f-761e91aa67c0.woff2?1486850861","4a916908-f6f7-4df6-90a1-176fb83137d9.eot":"https:\/\/files.cargocollective.com\/204585\/4a916908-f6f7-4df6-90a1-176fb83137d9.eot?1486683437","30d23194-f646-428e-9323-c85f8aea47ed.eot":"https:\/\/files.cargocollective.com\/204585\/30d23194-f646-428e-9323-c85f8aea47ed.eot?1486683244","mtiFontTrackingCode.js":"https:\/\/files.cargocollective.com\/204585\/mtiFontTrackingCode.js?1486683229","7ce02c2c-45d4-4dee-90f2-f8034e29ac24.woff":"https:\/\/files.cargocollective.com\/204585\/7ce02c2c-45d4-4dee-90f2-f8034e29ac24.woff?1486646281","ccd9698a-60c5-48f7-acbe-5352b4aa81d4.woff":"https:\/\/files.cargocollective.com\/204585\/ccd9698a-60c5-48f7-acbe-5352b4aa81d4.woff?1486646270","standalone3.html":"https:\/\/files.cargocollective.com\/204585\/standalone3.html?1459291199"},"resource_url":"brian-ho.io\/_api\/v0\/site\/105789"}</script>
823 824 825 826 827
828<script type="text/json" data-set="ThumbnailModes">[{"name":"Grid","path":"grid","sort":0,"mode_id":1},{"name":"Columns","path":"columns","sort":1,"mode_id":2},{"name":"Justify","path":"justify","sort":2,"mode_id":3},{"name":"Freeform","path":"freeform","sort":3,"mode_id":5},{"name":"Montessori","path":"montessori","sort":4,"mode_id":4}]</script>
828 829
830<script type="text/x-handlebars-template" id="loading_animation"><div class="loading_animation pulsing <%= extra_class %> {{ extra_class }}"> 831 <div> 832 <svg class="loading" width="500" height="500" viewBox="0 0 500 500"> 833 <path d="M495,201.19a257.61,257.61,0,0,0-14.19-47.05,260.51,260.51,0,0,0-23.17-42.9,253.09,253.09,0,0,0-69.06-68.85,245.21,245.21,0,0,0-42.88-23A227.1,227.1,0,0,0,298.88,5.26,241.81,241.81,0,0,0,249.5.31V0C111.7,0,0,111.7,0,249.5H.32a242.23,242.23,0,0,0,4.93,49.36A227.43,227.43,0,0,0,19.82,345a247.09,247.09,0,0,0,23,43,253.65,253.65,0,0,0,68.87,68.85,260.28,260.28,0,0,0,43,23.19,258.59,258.59,0,0,0,47,14.17,254.37,254.37,0,0,0,47.86,4.69V499c7.64,0,15.16-.47,22.62-1.14.88-.08,1.77-.05,2.66-.14,1.3-.13,2.56-.41,3.86-.56,6.82-.77,13.63-1.66,20.42-3A255.67,255.67,0,0,0,345.86,480a246.52,246.52,0,0,0,42.95-23.19A253.15,253.15,0,0,0,457.64,388a246.55,246.55,0,0,0,23.21-43A256.9,256.9,0,0,0,495,298.19a250.34,250.34,0,0,0,4.71-48.69A246.63,246.63,0,0,0,495,201.19ZM484.14,249.5H249.5V483.27a238.72,238.72,0,0,1-44.83-4.37,245.21,245.21,0,0,1-44-13.26,246.55,246.55,0,0,1-40.28-21.75,237.64,237.64,0,0,1-64.61-64.62,231.25,231.25,0,0,1-21.6-40.37,212.18,212.18,0,0,1-13.63-43.15,226.46,226.46,0,0,1-4.61-46.25H249.5V15.92c.2,0,.39,0,.59,0a227.57,227.57,0,0,1,45.79,4.67,212.11,212.11,0,0,1,43.79,13.26,228.85,228.85,0,0,1,40.22,21.52,237.92,237.92,0,0,1,64.82,64.6,246.65,246.65,0,0,1,21.72,40.2,243.26,243.26,0,0,1,13.28,44.09,231,231,0,0,1,4.43,45.26Z"/> 834 </svg> 835 </div> 836</div></script>
vendor: 1 bytes, line 836
836
837<script type="text/x-handlebars-template" id="page_master">{{#if this.is_set}} {{#each pages}} {{#if this.is_set}} <div data-container="set" data-id="{{id}}"> {{>page_master}} </div> {{else}} {{>page}} {{/if}} {{/each}} {{else}} {{>page}} {{/if}}</script>
vendor: 1 bytes, line 837
837
838<script type="text/x-handlebars-template" id="page">{{#if pin}} {{!-- Do not render pins in this view --}} {{else}} <div data-container="page" class="page_container" {{#if page_options.local_layout_options.split_responsive}}split-responsive {{else}}{{#if page_options.local_layout_options.split_layout}}split-layout {{/if}}{{/if}}local-style="{{id}}" data-id="{{id}}"> <div class="page container container_width" data-container="content" data-id="{{id}}"> <bodycopy class="bodycopy content content_padding"> <div class="page_content clearfix" data-elementresizer data-resize-parent> {{print "content"}} </div> {{{ page_options.svg_overlay }}} </bodycopy> </div> <style class="local-css" data-target="{{id}}"> {{{ page_options.local_css }}} </style> {{#if_all backdrop backdrop_enabled}} <div data-backdrop="{{backdrop.backdrop_path}}" class="backdrop" data-view="Backdrop" data-id="{{id}}"> [script type="text/json" data-set="backdrop_data">{{{stringify backdrop}}}[/script> </div> {{/if_all}} </div> {{/if}}</script>
vendor: 1 bytes, line 838
838
839<script type="text/x-handlebars-template" id="content">{{#each content}} {{#if pin}}{{!-- Do not render pins in this view --}} {{else}} {{#if this.is_set}} <div data-container="{{#if this.is_set}}set{{else}}page{{/if}}" data-id="{{id}}"> {{>page_master}} </div> {{else}} {{>page_master}} {{/if}} {{/if}} {{/each}}</script>
vendor: 1 bytes, line 839
839
840<script type="text/x-handlebars-template" id="sitemenu"><div id="site_menu_panel"> <div id="site_menu" class="site_menu"> <div class="page-link home-link {{#if display_options.site_menu_options.show_homepage}} {{else}}hidden{{/if}}"> <a href="" rel="home_page">Homepage</a> <div class="break"></div> </div> {{#each site_menu_tree.pages}} {{>sitemenu_item}} {{/each}} <div class="close">Ã</div> </div> </div></script>
vendor: 1 bytes, line 840
840
841<script type="text/x-handlebars-template" id="sitemenu_item">{{#if is_set}} {{#if in_nav}} <div class="set-link" data-link-pid="{{id}}" data-prevtype="{{previous_type}}"> {{#if_equal set_id 0}} {{#if has_children}} {{#if_equal previous_type "page"}} <div class="break"></div> {{/if_equal}} {{/if}} {{/if_equal}} {{#if in_nav}} <a href="{{project_url}}" rel="history">{{title}}</a> {{/if}} <div data-set-wrapper {{#if in_nav}}class="indent"{{/if}}> {{/if}} {{#each pages}} {{>sitemenu_item}} {{/each}} {{#if in_nav}} </div> </div> {{/if}} {{else}} {{#if in_nav}} <div class="page-link" data-link-pid="{{id}}" data-prevtype="{{previous_type}}"> <a href="{{project_url}}" rel="history">{{title}}</a> </div> {{/if}} {{/if}}</script>
vendor: 1 bytes, line 841
841
842<script type="text/x-handlebars-template" id="pin"><div class="page_container{{#if pin_options.overlay}} overlay{{/if}}{{#if pin_options.accommodate}} accommodate{{/if}}{{#if pin_options.fixed}} fixed{{/if}}{{#if pin_options.exclude_mobile}} exclude_mobile{{/if}}{{#if pin_options.exclude_desktop}} exclude_desktop{{/if}}{{#if_equal pin_options.position 'bottom'}}{{#unless pin_options.fixed}} bottom_pin_invisibility{{/unless}}{{/if_equal}}" {{#if page_options.local_layout_options.split_responsive}}split-responsive {{else}}{{#if page_options.local_layout_options.split_layout}}split-layout {{/if}}{{/if}}local-style="{{id}}"> <div class="page container container_width clearfix" data-container="content" data-id="{{id}}"> <bodycopy class="bodycopy content content_padding"> {{#if_option "title_in_project"}} {{#if show_title}} <div class="project_title" style="display: none"> {{{title}}} </div> {{/if}} {{/if_option}} <div class="page_content clearfix" data-elementresizer data-resize-parent> {{print "content"}} </div> {{{ page_options.svg_overlay }}} </bodycopy> </div><style class="local-css" data-target="{{id}}"> {{{ page_options.local_css }}} </style> {{#if_all backdrop backdrop_enabled}} <div data-backdrop="{{backdrop.backdrop_path}}" class="backdrop" data-view="Backdrop" data-id="{{backdrop.page_id}}">[script type="text/json" data-set="backdrop_data">{{{stringify backdrop}}}[/script></div> {{/if_all}} </div></script>
vendor: 1 bytes, line 842
842
843<script type="text/x-handlebars-template" id="pinned_top">{{#each pinned}} {{#if pin}} {{#if_equal pin_options.position 'top'}} {{>pin}} {{/if_equal}} {{/if}} {{/each}}</script>
vendor: 1 bytes, line 843
843
844<script type="text/x-handlebars-template" id="pinned_bottom">{{#each pinned}} {{#if pin}} {{#if_equal pin_options.position 'bottom'}} {{>pin}} {{/if_equal}} {{/if}} {{/each}}</script>
vendor: 1 bytes, line 844
844
845<script type="text/x-handlebars-template" id="thumbnail"><div class="container thumbnails_width clearfix"> <div class="content content_padding"> <div class="thumbnails"> {{>thumbnail_subview}} </div> </div> </div></script>
vendor: 1 bytes, line 845
845
846<script src="//static.cargo.site/libs/cargo.apicore.package.jquery213.min.js?20-07-01.1&" data-main=""></script>
vendor: 1 bytes, line 846
846
847<script src="https://static.cargo.site/assets/builds/apipackage.min.js?20-07-01.1&" data-main=""></script>
847 848 849 <style type="text/css">[draggable=true] {-webkit-user-drag: element; -webkit-user-select: none; -moz-user-select: none;}</style>
849<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="_dist/pixelation" src="/_jsapps/backdrop/_dist/pixelation.js?20-07-01.1"></script>
849<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="/_jsapps/thumbnails/grid/main.js" src="/_jsapps/thumbnails/grid/main.js?20-07-01.1"></script>
849<style type="text/css">[data-backdrop="pixelation"].backdrop > div { 850 opacity: 0; 851 position: absolute; 852 top: 0; 853 left: 0; 854 width: 100%; 855 height: 100%; 856} 857 858[data-backdrop="pixelation"] .canvas_pixelation { 859 pointer-events: none; 860 background-color: #000; 861 position: absolute; 862 top: 0; 863 left: 0; 864 width: 100%; 865 height: 100%; 866} 867</style>
867<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="_libs/pixi.min" src="/_jsapps/backdrop/_libs/pixi.min.js?20-07-01.1"></script>
867<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="https://static.cargo.site/assets/builds/imagegallery/columns.js" src="https://static.cargo.site/assets/builds/imagegallery/columns.js?20-07-01.1"></script>
867<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="https://static.cargo.site/assets/builds/imagegallery/slideshow.js" src="https://static.cargo.site/assets/builds/imagegallery/slideshow.js?20-07-01.1"></script>
867<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="https://static.cargo.site/assets/builds/imagegallery/base.js" src="https://static.cargo.site/assets/builds/imagegallery/base.js?20-07-01.1"></script>
867</head> 868 <body data-bodyview="" style="" class="" data-page-id="1863318" data-gr-c-s-loaded="true"> 869 870 871 872
872<script> 873 window.scrollMonitor=function(){var t,i,o,e,s,n=function(){return window.pageYOffset||document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop},h={},c=[],l="visibilityChange",r="enterViewport",a="fullyEnterViewport",p="exitViewport",w="partiallyExitViewport",u="locationChange",m="stateChange",f=[l,r,a,p,w,u,m],d={top:0,bottom:0},b=function(){return window.innerHeight||document.documentElement.clientHeight},v=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.documentElement.clientHeight)};function g(){if(h.viewportTop=n(),h.viewportBottom=h.viewportTop+h.viewportHeight,h.documentHeight=v(),h.documentHeight!==t){for(o=c.length;o--;)c[o].recalculateLocation();t=h.documentHeight}}function V(){h.viewportHeight=b(),g(),k()}function I(){clearTimeout(e),e=setTimeout(V,100)}function k(){for(s=c.length;s--;)c[s].update();for(s=c.length;s--;)c[s].triggerCallbacks()}function y(t,o){var e,s,n,c,b,v,g=this;this.watchItem=t,this.offsets=o?o===+o?{top:o,bottom:o}:{top:o.top||d.top,bottom:o.bottom||d.bottom}:d,this.callbacks={};for(var V=0,I=f.length;V<I;V++)g.callbacks[f[V]]=[];function k(t){if(0!==t.length)for(b=t.length;b--;)(v=t[b]).callback.call(g,i),v.isOne&&t.splice(b,1)}this.locked=!1,this.triggerCallbacks=function(){switch(this.isInViewport&&!e&&k(this.callbacks[r]),this.isFullyInViewport&&!s&&k(this.callbacks[a]),this.isAboveViewport!==n&&this.isBelowViewport!==c&&(k(this.callbacks[l]),s||this.isFullyInViewport||(k(this.callbacks[a]),k(this.callbacks[w])),e||this.isInViewport||(k(this.callbacks[r]),k(this.callbacks[p]))),!this.isFullyInViewport&&s&&k(this.callbacks[w]),!this.isInViewport&&e&&k(this.callbacks[p]),this.isInViewport!==e&&k(this.callbacks[l]),!0){case e!==this.isInViewport:case s!==this.isFullyInViewport:case n!==this.isAboveViewport:case c!==this.isBelowViewport:k(this.callbacks[m])}e=this.isInViewport,s=this.isFullyInViewport,n=this.isAboveViewport,c=this.isBelowViewport},this.recalculateLocation=function(){if(!this.locked){var t=this.top,i=this.bottom;if(this.watchItem.nodeName){var o=this.watchItem.style.display;"none"===o&&(this.watchItem.style.display="");var e=this.watchItem.getBoundingClientRect();this.top=e.top+h.viewportTop,this.bottom=e.bottom+h.viewportTop,"none"===o&&(this.watchItem.style.display=o)}else this.watchItem===+this.watchItem?this.watchItem>0?this.top=this.bottom=this.watchItem:this.top=this.bottom=h.documentHeight-this.watchItem:(this.top=this.watchItem.top,this.bottom=this.watchItem.bottom);this.top-=this.offsets.top,this.bottom+=this.offsets.bottom,this.height=this.bottom-this.top,void 0===t&&void 0===i||this.top===t&&this.bottom===i||k(this.callbacks[u])}},this.recalculateLocation(),this.update(),e=this.isInViewport,s=this.isFullyInViewport,n=this.isAboveViewport,c=this.isBelowViewport}h.viewportTop=null,h.viewportBottom=null,h.documentHeight=null,h.viewportHeight=b(),y.prototype={on:function(t,o,e){switch(!0){case t===l&&!this.isInViewport&&this.isAboveViewport:case t===r&&this.isInViewport:case t===a&&this.isFullyInViewport:case t===p&&this.isAboveViewport&&!this.isInViewport:case t===w&&this.isAboveViewport:if(o.call(this,i),e)return}if(!this.callbacks[t])throw new Error("Tried to add a scroll monitor listener of type "+t+". Your options are: "+f.join(", "));this.callbacks[t].push({callback:o,isOne:e||!1})},off:function(t,i){if(!this.callbacks[t])throw new Error("Tried to remove a scroll monitor listener of type "+t+". Your options are: "+f.join(", "));for(var o,e=0;o=this.callbacks[t][e];e++)if(o.callback===i){this.callbacks[t].splice(e,1);break}},one:function(t,i){this.on(t,i,!0)},recalculateSize:function(){this.height=this.watchItem.offsetHeight+this.offsets.top+this.offsets.bottom,this.bottom=this.top+this.height},update:function(){this.isAboveViewport=this.top<h.viewportTop,this.isBelowViewport=this.bottom>h.viewportBottom,this.isInViewport=this.top<=h.viewportBottom&&this.bottom>=h.viewportTop,this.isFullyInViewport=this.top>=h.viewportTop&&this.bottom<=h.viewportBottom||this.isAboveViewport&&this.isBelowViewport},destroy:function(){var t=c.indexOf(this);c.splice(t,1);for(var i=0,o=f.length;i<o;i++)this.callbacks[f[i]].length=0},lock:function(){this.locked=!0},unlock:function(){this.locked=!1}};for(var H=function(t){return function(i,o){this.on.call(this,t,i,o)}},E=0,T=f.length;E<T;E++){var B=f[E];y.prototype[B]=H(B)}try{g()}catch(t){try{window.$(g)}catch(t){throw new Error("If you must put scrollMonitor in the <head>, you must use jQuery.")}}function A(t){i=t,g(),k()}return"#throttle-scroll-monitor"===window.location.hash&&(A=_.throttle(A,66)),window.addEventListener?(window.addEventListener("scroll",A),window.addEventListener("resize",I)):(window.attachEvent("onscroll",A),window.attachEvent("onresize",I)),h.beget=h.create=function(t,i){"string"==typeof t?t=document.querySelector(t):t&&t.length>0&&(t=t[0]);var o=new y(t,i);return c.push(o),o.update(),o},h.update=function(){i=null,g(),k()},h.recalculateLocations=function(){h.documentHeight=0,h.update()},h}(); 874 </script>
874 875 876 <customhtml><link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i|Roboto:300,300i,400,400i" rel="stylesheet"> 877 878<a id="Top"></a> 879 880<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 67 bytes, lines 880-881
880 881<script async="" src="https://www.googletagmanager.com/gtag/js?id=
881UA-62315071-3
vendor: 12 bytes, line 881
881"></script>
882<script> 883
vendor: 134 bytes, lines 883-887
883window.dataLayer = window.dataLayer || []; 884 function gtag(){dataLayer.push(arguments);} 885 gtag('js', new Date()); 886 887 gtag('config', '
887UA-62315071-3
vendor: 4 bytes, line 887
887');
888</script>
888</customhtml> 889 <div class="loading" data-loading="page" style="display: none;"> 890<div class="loading_animation pulsing <%= extra_class %> "> 891 <div> 892 <svg class="loading" width="500" height="500" viewBox="0 0 500 500"> 893 <path d="M495,201.19a257.61,257.61,0,0,0-14.19-47.05,260.51,260.51,0,0,0-23.17-42.9,253.09,253.09,0,0,0-69.06-68.85,245.21,245.21,0,0,0-42.88-23A227.1,227.1,0,0,0,298.88,5.26,241.81,241.81,0,0,0,249.5.31V0C111.7,0,0,111.7,0,249.5H.32a242.23,242.23,0,0,0,4.93,49.36A227.43,227.43,0,0,0,19.82,345a247.09,247.09,0,0,0,23,43,253.65,253.65,0,0,0,68.87,68.85,260.28,260.28,0,0,0,43,23.19,258.59,258.59,0,0,0,47,14.17,254.37,254.37,0,0,0,47.86,4.69V499c7.64,0,15.16-.47,22.62-1.14.88-.08,1.77-.05,2.66-.14,1.3-.13,2.56-.41,3.86-.56,6.82-.77,13.63-1.66,20.42-3A255.67,255.67,0,0,0,345.86,480a246.52,246.52,0,0,0,42.95-23.19A253.15,253.15,0,0,0,457.64,388a246.55,246.55,0,0,0,23.21-43A256.9,256.9,0,0,0,495,298.19a250.34,250.34,0,0,0,4.71-48.69A246.63,246.63,0,0,0,495,201.19ZM484.14,249.5H249.5V483.27a238.72,238.72,0,0,1-44.83-4.37,245.21,245.21,0,0,1-44-13.26,246.55,246.55,0,0,1-40.28-21.75,237.64,237.64,0,0,1-64.61-64.62,231.25,231.25,0,0,1-21.6-40.37,212.18,212.18,0,0,1-13.63-43.15,226.46,226.46,0,0,1-4.61-46.25H249.5V15.92c.2,0,.39,0,.59,0a227.57,227.57,0,0,1,45.79,4.67,212.11,212.11,0,0,1,43.79,13.26,228.85,228.85,0,0,1,40.22,21.52,237.92,237.92,0,0,1,64.82,64.6,246.65,246.65,0,0,1,21.72,40.2,243.26,243.26,0,0,1,13.28,44.09,231,231,0,0,1,4.43,45.26Z"></path> 894 </svg> 895 </div> 896</div> </div> 897 898 <div id="site_menu_wrapper" class=" mobile_only" data-sitemenu-position="top-right" data-type="cargo_menu" data-set="SiteMenu" data-view="SiteMenu"> 899 900 <a rel="site_menu" id="site_menu_button" class="" style=""> 901 902 î°ï¸ 903 </a> 904 905 <div id="site_menu_panel_container" data-type="cargo_menu" style="display: none;"><!-- empty container for site menu --></div> 906 907</div> 908 <a id="shop_button" rel="show_cart" href="" class="disabled " style=""> 909 </a> 910 <style class="local-css" data-target="1731501"> [local-style="1731501"] .container_width { 911 width: 98% /*!variable_defaults*/; 912} 913 914[local-style="1731501"] body { 915 background-color: initial /*!variable_defaults*/; 916} 917 918[local-style="1731501"] .backdrop { 919} 920 921[local-style="1731501"] .page { 922 min-height: auto /*!page_height_default*/; 923} 924 925[local-style="1731501"] .page_background { 926 background-color: transparent /*!page_container_bgcolor*/; 927} 928 929[local-style="1731501"] .content_padding { 930 padding-left: 0rem /*!main_margin*/; 931} 932 933[data-predefined-style="true"] [local-style="1731501"] bodycopy { 934} 935 936[data-predefined-style="true"] [local-style="1731501"] bodycopy a { 937} 938 939[data-predefined-style="true"] [local-style="1731501"] h1 { 940} 941 942[data-predefined-style="true"] [local-style="1731501"] h1 a { 943} 944 945[data-predefined-style="true"] [local-style="1731501"] h2 { 946 color: rgba(195, 195, 195, 0.75); 947} 948 949[data-predefined-style="true"] [local-style="1731501"] h2 a { 950 color: rgba(195, 195, 195, 0.75); 951} 952 953[data-predefined-style="true"] [local-style="1731501"] small { 954} 955 956[data-predefined-style="true"] [local-style="1731501"] small a { 957} 958 959[local-style="1731501"] .container { 960} 961 962[data-predefined-style="true"] [local-style="1731501"] a:hover { 963} 964 965[data-predefined-style="true"] [local-style="1731501"] a:hover a { 966} 967 968[data-predefined-style="true"] [local-style="1731501"] a { 969} 970 971[data-predefined-style="true"] [local-style="1731501"] a a { 972} </style> 973 974 975<div id="following-overlay" style="display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 2147483637;"></div></body><div id="following-container" style="background: rgb(26, 26, 26);"></div></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.