PageSourceSearch

https://christinalast.com/Community_conversations/community-conversations.html

html christinalast.com collected 2026-09-29 12:55:00 UTC 288,804 bytes, 975 lines download raw bytes

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 &lt;(#)&gt;","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.&nbsp;<\/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>,&nbsp;<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>,&nbsp;<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>&nbsp; ... 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>&nbsp; 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.&nbsp;\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,&nbsp;software, buildings and plans in Toronto,&nbsp;Boston, SF, NYC and NOLA&nbsp; ... 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)&nbsp; 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.&nbsp;<\/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>,&nbsp;<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>,&nbsp;<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>&nbsp; ... 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>&nbsp; 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&nbsp;<a href=\"Finding-the-fault-lines-using-Geospatial-ML\" rel=\"history\">machine-mediated perception of cities<\/a>. Interfaces for seeing&nbsp;<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&nbsp;<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&nbsp;machine-mediated perception of cities. Interfaces for seeing&nbsp;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&nbsp;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&nbsp;<a href=\"Finding-the-fault-lines-using-Geospatial-ML\" rel=\"history\">machine-mediated perception of cities<\/a>. Interfaces for seeing&nbsp;<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&nbsp;<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":"&nbsp; &nbsp;","content_no_html":"&nbsp; &nbsp;","content_partial_html":"&nbsp; &nbsp;","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 &amp; 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 &amp; 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 &amp; 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>&nbsp;<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,&nbsp;City, Space, Interface","content_partial_html":"<h2><a href=\"Hello\" rel=\"history\">Home<\/a>, <i><a href=\"Featured-1\" rel=\"history\">Featured<\/a>,<\/i>&nbsp;<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>&nbsp; &nbsp; 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&nbsp; &nbsp; Get in touch: email, Github, LinkedIn.","content_partial_html":"<hr><h2><a href=\"#Top\" class=\"icon-link\" style=\"text-decoration:none\">\ue04c\ufe0e<\/a>&nbsp; &nbsp; 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			&#xfe0e;
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>&nbsp; &nbsp; 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&amp;20-07-01.1&amp;" id="" rel="stylesheet" type="text/css">
817<link href="https://brian-ho.io/stylesheet?20-07-01.1&amp;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 &lt;(#)&gt;","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&amp;" 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&amp;" 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.