CINXE.COM
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style id="typography.js">html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{font:112.5%/1.65 'Arvo',sans-serif;box-sizing:border-box;overflow-y:scroll;}*{box-sizing:inherit;}*:before{box-sizing:inherit;}*:after{box-sizing:inherit;}body{color:hsla(0,0%,0%,0.8);font-family:'Arvo',sans-serif;font-weight:normal;word-wrap:break-word;font-kerning:normal;-moz-font-feature-settings:"kern", "liga", "clig", "calt";-ms-font-feature-settings:"kern", "liga", "clig", "calt";-webkit-font-feature-settings:"kern", "liga", "clig", "calt";font-feature-settings:"kern", "liga", "clig", "calt";}img{max-width:100%;margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}h1{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;color:inherit;font-family:'Montserrat',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:2.25rem;line-height:1.1;}h2{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;color:inherit;font-family:'Montserrat',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:1.62671rem;line-height:1.1;}h3{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;color:inherit;font-family:'Montserrat',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:1.38316rem;line-height:1.1;}h4{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;color:inherit;font-family:'Montserrat',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.1;}h5{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;color:inherit;font-family:'Montserrat',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:0.85028rem;line-height:1.1;}h6{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;color:inherit;font-family:'Montserrat',sans-serif;font-weight:bold;text-rendering:optimizeLegibility;font-size:0.78405rem;line-height:1.1;}hgroup{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}ul{margin-left:1.65rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;list-style-position:outside;list-style-image:none;}ol{margin-left:1.65rem;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;list-style-position:outside;list-style-image:none;}dl{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}dd{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}p{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}figure{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}pre{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;font-size:0.85rem;line-height:1.42;background:hsla(0,0%,0%,0.04);border-radius:3px;overflow:auto;word-wrap:normal;padding:1.65rem;}table{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;font-size:1rem;line-height:1.65rem;border-collapse:collapse;width:100%;}fieldset{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}blockquote{margin-left:1.65rem;margin-right:1.65rem;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}form{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}noscript{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}iframe{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}hr{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:calc(1.65rem - 1px);background:hsla(0,0%,0%,0.2);border:none;height:1px;}address{margin-left:0;margin-right:0;margin-top:0;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;margin-bottom:1.65rem;}b{font-weight:bold;}strong{font-weight:bold;}dt{font-weight:bold;}th{font-weight:bold;}li{margin-bottom:calc(1.65rem / 2);}ol li{padding-left:0;}ul li{padding-left:0;}li > ol{margin-left:1.65rem;margin-bottom:calc(1.65rem / 2);margin-top:calc(1.65rem / 2);}li > ul{margin-left:1.65rem;margin-bottom:calc(1.65rem / 2);margin-top:calc(1.65rem / 2);}blockquote *:last-child{margin-bottom:0;}li *:last-child{margin-bottom:0;}p *:last-child{margin-bottom:0;}li > p{margin-bottom:calc(1.65rem / 2);}code{font-size:0.85rem;line-height:1.65rem;}kbd{font-size:0.85rem;line-height:1.65rem;}samp{font-size:0.85rem;line-height:1.65rem;}abbr{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}acronym{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;}abbr[title]{border-bottom:1px dotted hsla(0,0%,0%,0.5);cursor:help;text-decoration:none;}thead{text-align:left;}td,th{text-align:left;border-bottom:1px solid hsla(0,0%,0%,0.12);font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";padding-left:1.1rem;padding-right:1.1rem;padding-top:0.825rem;padding-bottom:calc(0.825rem - 1px);}th:first-child,td:first-child{padding-left:0;}th:last-child,td:last-child{padding-right:0;}tt,code{background-color:hsla(0,0%,0%,0.04);border-radius:3px;font-family:"SFMono-Regular", Consolas,"Roboto Mono","Droid Sans Mono","Liberation Mono",Menlo,Courier,monospace;padding:0;padding-top:0.2em;padding-bottom:0.2em;}pre code{background:none;line-height:1.42;}code:before,code:after,tt:before,tt:after{letter-spacing:-0.2em;content:" ";}pre code:before,pre code:after,pre tt:before,pre tt:after{content:none;}</style><style data-href="/styles.3ff9f938876872665ebb.css" id="gatsby-global-css">input[type=range][orient=vertical]{-ms-writing-mode:bt-lr;writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:8px;height:175px;padding:0 5px}input{filter:grayscale(1)}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px;text-align:center}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}body{color:rgba(0,0,0,.8);font-weight:400;word-wrap:break-word;-webkit-font-kerning:normal;font-kerning:normal;-ms-font-feature-settings:"kern","liga","clig","calt";font-feature-settings:"kern","liga","clig","calt"}img{max-width:100%;padding:0;margin:0 0 1.45rem}h1{font-size:2.25rem}h1,h2{padding:0;margin:0 0 1.45rem;color:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;text-rendering:optimizeLegibility;line-height:1.1}h2{font-size:1.62671rem}h3{font-size:1.38316rem}h3,h4{padding:0;margin:0 0 1.45rem;color:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;text-rendering:optimizeLegibility;line-height:1.1}h4{font-size:1rem}h5{font-size:.85028rem}h5,h6{padding:0;margin:0 0 1.45rem;color:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;text-rendering:optimizeLegibility;line-height:1.1}h6{font-size:.78405rem}hgroup{padding:0;margin:0 0 1.45rem}ol,ul{padding:0;margin:0 0 1.45rem 1.45rem;list-style-position:outside;list-style-image:none}dd,dl,figure,p{padding:0;margin:0 0 1.45rem}pre{margin:0 0 1.45rem;font-size:.85rem;line-height:1.42;background:rgba(0,0,0,.04);border-radius:3px;overflow:auto;word-wrap:normal;padding:1.45rem}table{font-size:1rem;line-height:1.45rem;border-collapse:collapse;width:100%}fieldset,table{padding:0;margin:0 0 1.45rem}blockquote{padding:0;margin:0 1.45rem 1.45rem}form,iframe,noscript{padding:0;margin:0 0 1.45rem}hr{padding:0;margin:0 0 calc(1.45rem - 1px);background:rgba(0,0,0,.2);border:none;height:1px}address{padding:0;margin:0 0 1.45rem}b,dt,strong,th{font-weight:700}li{margin-bottom:.725rem}ol li,ul li{padding-left:0}li>ol,li>ul{margin-left:1.45rem;margin-bottom:.725rem;margin-top:.725rem}blockquote :last-child,li :last-child,p :last-child{margin-bottom:0}li>p{margin-bottom:.725rem}code,kbd,samp{font-size:.85rem;line-height:1.45rem}abbr,abbr[title],acronym{border-bottom:1px dotted rgba(0,0,0,.5);cursor:help}abbr[title]{text-decoration:none}td,th,thead{text-align:left}td,th{border-bottom:1px solid rgba(0,0,0,.12);font-feature-settings:"tnum";-moz-font-feature-settings:"tnum";-ms-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";padding:.725rem .96667rem calc(.725rem - 1px)}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}code,tt{background-color:rgba(0,0,0,.04);border-radius:3px;font-family:SFMono-Regular,Consolas,Roboto Mono,Droid Sans Mono,Liberation Mono,Menlo,Courier,monospace;padding:.2em 0}pre code{background:none;line-height:1.42}code:after,code:before,tt:after,tt:before{letter-spacing:-.2em;content:" "}pre code:after,pre code:before,pre tt:after,pre tt:before{content:""}@media only screen and (max-width:480px){html{font-size:100%}}#fullFrame{position:fixed;top:0;left:0;height:100vh;width:100vw;border:none;z-index:101;overflow:hidden;height:-webkit-fill-available!important;margin:0!important}html:has(#fullFrame){overflow:hidden}code[class*=language-],pre[class*=language-]{color:#657b83;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#073642}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdf6e3}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#93a1a1}.token.punctuation{color:#586e75}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#268bd2}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.url{color:#2aa198}.token.entity{color:#657b83;background:#eee8d5}.token.atrule,.token.attr-value,.token.keyword{color:#859900}.token.class-name,.token.function{color:#b58900}.token.important,.token.regex,.token.variable{color:#cb4b16}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.maxbittker{font-family:Astloch,sans-serif}body,html{margin:0;padding:0;max-width:100%;overflow-x:hidden;border-radius:0!important}.home{column-count:3;column-gap:0;margin:0;width:calc(100% - 1px);font-size:0}.home img{margin:0;display:block}.home p{margin-top:.25em;margin-bottom:.25em}@media screen and (min-width:900px){.home{max-height:calc(100vh - 72px)}}@media screen and (min-width:1500px){.home{column-count:4}}.home-brick{display:inline-block;width:100%;font-size:1rem;position:relative}.home-brick p{margin:.25em}.min,.x{position:absolute;z-index:500;right:-1px;top:0;padding:0;font-size:10px;display:flex;justify-content:center;align-content:center;font-family:monospace;height:13px;width:13px;line-height:0;cursor:pointer;border:1px solid #000;background-color:#f4eeef}.x svg{pointer-events:none}.x polyline{fill:none;stroke:#000;stroke-width:1px}.min{right:13px}marquee{width:100%}.loom{line-height:0;position:absolute;left:0;top:0;right:0;width:100vw;height:100vh;overflow:hidden;z-index:0;pointer-events:none;stroke:#000;stroke-width:1px}.loom-row{width:100%;display:flex;overflow:hidden}.hradio{line-height:0;margin-bottom:0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.b-wrap{border:1px solid #000;padding:5px;background-color:#f4eeef;z-index:1}.b-wrap.fill{display:flex;align-items:stretch;width:100%}.header .b-wrap{display:inline-block}.pack{margin-right:-1px;margin-bottom:-1px;box-shadow:none}@media screen and (max-width:660px){.b-wrap{padding:1px;box-shadow:none}.home{column-count:2}}@media screen and (max-width:960px){.desktopOnly{display:none}}@media screen and (max-width:370px){.b-wrap{padding:1px}.home{column-count:1}}.index{height:100%;width:100%}.less-nav-example ul{margin:0;padding:0;list-style:none}.less-nav-example li{display:inline-block}.less-nav-example a{background:pink;border-radius:3px;display:block;margin-right:6px;padding:3px 9px;text-decoration:none}.the-less-class{text-decoration:underline}.headroom *{color:#382e31!important}body{background:#f4eeef}pre{border:1px solid #000;border-radius:0!important}h1{border-bottom:1px dashed #000;margin-top:.2em}#canvas{position:fixed;z-index:1}a{color:#55e;text-decoration:none}a:link{color:#58c}a:visited{color:#97c}a:hover{color:#55e}a:active{color:#00f}.markdown img{max-height:50vh;float:right;display:block;margin:10px}.red{color:#ff0;text-shadow:-1px -1px 0 #00f,1px -1px 0 #0f0,-1px 1px 0 #00f,1px 1px 0 red}.ground{width:100%;height:100%;margin:0}.plate{width:90%;height:60vh;margin:30px auto;display:flex;border:30px solid #fff}.plate .paper{height:20%;width:100%}.plate .ground-left{background-color:#fff;width:50%}.plate .ground-left .paper{background-color:#fa9}.plate .ground-left .paper:first-child{opacity:1}.plate .ground-left .paper:nth-child(2){opacity:.8}.plate .ground-left .paper:nth-child(3){opacity:.6}.plate .ground-left .paper:nth-child(4){opacity:.4}.plate .ground-left .paper:nth-child(5){opacity:.2}.plate .ground-left .paper:nth-child(6){opacity:0}.plate .ground-right{background-color:#fff;width:50%}.plate .ground-right .paper,.plate .ground-right .paper:first-child{background-color:#9af}.plate .ground-right .paper:nth-child(2){background-color:#adbbff}.plate .ground-right .paper:nth-child(3){background-color:#c2ccff}.plate .ground-right .paper:nth-child(4){background-color:#d6ddff}.plate .ground-right .paper:nth-child(5){background-color:#ebeeff}.plate .ground-right .paper:nth-child(6){background-color:#fff}.plate-two{width:90%;height:60vh;margin:30px auto;display:flex;border:30px solid #fff;overflow:hidden;position:relative}.plate-two .paper{position:absolute;width:50%}.plate-two .ground-left{background-color:#fff;width:50%}.plate-two .ground-left .paper{background-color:#5b83ad;height:100%;opacity:.2}.plate-two .ground-left .paper:first-child{height:100%}.plate-two .ground-left .paper:nth-child(2){height:80%}.plate-two .ground-left .paper:nth-child(3){height:60%}.plate-two .ground-left .paper:nth-child(4){height:40%}.plate-two .ground-left .paper:nth-child(5){height:20%}.plate-two .ground-left .paper:nth-child(6){height:0%}.plate-two .ground-right{background-color:#fff;width:50%;height:100%;right:0}.plate-two .ground-right .paper{background-color:#5b83ad}.plate-two .ground-right .paper:first-child{height:20%;z-index:100;background-color:#5b83ad}.plate-two .ground-right .paper:nth-child(2){height:40%;z-index:80;background-color:#7c9cbd}.plate-two .ground-right .paper:nth-child(3){height:60%;z-index:60;background-color:#9db5ce}.plate-two .ground-right .paper:nth-child(4){height:80%;z-index:40;background-color:#bdcdde}.plate-two .ground-right .paper:nth-child(5){background-color:#dee6ef;height:100%;z-index:20}.plate-two .ground-right .paper:nth-child(6){z-index:10;background-color:#fff}.plate-three{width:90%;height:60vh;margin:30px auto;display:flex;border:30px solid #fff;overflow:hidden;position:relative}.plate-three .paper{position:absolute;width:50%}.plate-three .ground-left{background-color:#fff;width:50%}.plate-three .ground-left .paper{height:100%}.plate-three .ground-left .paper .layer{position:absolute;width:100%;background-color:#5b83ad;height:100%;opacity:.2}.plate-three .ground-left .paper:first-child{height:100%}.plate-three .ground-left .paper:nth-child(2){height:80%}.plate-three .ground-left .paper:nth-child(3){height:60%}.plate-three .ground-left .paper:nth-child(4){height:40%}.plate-three .ground-left .paper:nth-child(5){height:20%}.plate-three .ground-left .paper:nth-child(6){height:0%}.plate-three .ground-right{background-color:#fff;width:50%;height:100%;right:0}.plate-three .ground-right .paper{background-color:#5b83ad}.plate-three .ground-right .paper:first-child{height:20%;z-index:100;background-color:#5b83ad}.plate-three .ground-right .paper:nth-child(2){height:40%;z-index:80;background-color:#7c9cbd}.plate-three .ground-right .paper:nth-child(3){height:60%;z-index:60;background-color:#9db5ce}.plate-three .ground-right .paper:nth-child(4){height:80%;z-index:40;background-color:#bdcdde}.plate-three .ground-right .paper:nth-child(5){background-color:#dee6ef;height:100%;z-index:20}.plate-three .ground-right .paper:nth-child(6){z-index:10;background-color:#fff}.art-masonry{display:grid;max-width:800px;margin:auto;grid-template-columns:repeat(1,100%)}@media screen and (max-width:600px){.art-masonry{grid-template-columns:repeat(1,100%);margin:0 -2em}}.art-card{border:2px solid #f4eaed;overflow:hidden;box-sizing:content-box;width:100%}.art-card img{margin:0;width:100%}.ipost,.ipost div{overflow:hidden}.ipost div{margin-top:-55px;margin-bottom:-35%}@media screen and (max-width:500px){.art-card{width:100%;height:95vw}}.canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated}iframe.header{width:100%;height:300px;max-height:50vw;border:1px solid #000}blockquote{padding:.5em 1em;font-size:1.1em;background-color:wheat}.book{max-width:min(300px,calc(50% - 8px));max-height:300px}.album{max-width:min(200px,calc(50% - 8px));align-self:end}.album,.book{margin:4px;transition:all .1s ease-in-out}.main-shelf{width:100%;position:relative;max-width:115vh;margin:auto}.main-shelf img{margin:0}.main-shelf svg{position:absolute;top:0;left:0;width:100%;height:100%}rect{fill:none;stroke:rgba(85,85,85,.3333333333333333);pointer-events:all;fill-opacity:.2}#overlay-img{position:absolute;z-index:5000;width:30%;pointer-events:none}.rest{margin-top:1em}.rest,.shelf{line-height:0;display:flex;flex-wrap:wrap;justify-content:center}.shelf{padding-top:4px}</style><meta name="generator" content="Gatsby 2.32.11"/><title data-react-helmet="true">max-bittker</title><script data-react-helmet="true" async="" defer="" src="https://www.recurse-scout.com/loader.js?t=3a128824cb3dacb3e5bf25cec6f3b40e"></script><link href="//fonts.googleapis.com/css?family=Montserrat:700|Arvo:400,400i,700" rel="stylesheet" type="text/css"/><link as="script" rel="preload" href="/webpack-runtime-13e077ee6c7da92a69db.js"/><link as="script" rel="preload" href="/framework-c2b0e21894d55c7153b4.js"/><link as="script" rel="preload" href="/app-dbfbf941a9b38d361079.js"/><link as="script" rel="preload" href="/styles-407fe62976dc5310c43e.js"/><link as="script" rel="preload" href="/component---src-pages-bookshelf-js-70132e3a936d2e5014f5.js"/><link as="script" rel="preload" href="/component---src-pages-index-js-3d2f68ab7496265fb793.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div><div class="b-wrap fill" style="min-height:100vh"><div class="b-wrap fill"><div class="b-wrap fill"><div class="b-wrap fill"><div class="b-wrap fill"><div class="b-wrap fill"><div style="width:100%"><div style="margin:0 auto;max-width:20000px;padding-top:0"><div class="home"><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><a href="https://postcards.maxbittker.com/write/"><svg height="50" width="200" id="d" viewBox="0 0 undefined undefined" style="width:calc(100% + 8px);height:100%;margin:-4px"><polyline points="0,0 , NaN,NaN" stroke="black"></polyline><polyline points="undefined,0 , NaN,NaN" stroke="black"></polyline></svg><p style="margin:0;text-align:center">Send me a letter?</p></a></div></div></div></div></div></div></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div style="position:relative;height:20px"><marquee style="position:absolute;top:-5px" scrollamount="3">•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•</marquee><marquee style="position:absolute;top:-5px" scrollamount="4">•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•</marquee><marquee style="position:absolute;top:-5px" scrollamount="1">•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•</marquee><marquee style="position:absolute;top:-5px" scrollamount="2">•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•*´¨`*•.¸¸.•</marquee></div></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><p>Building tools for creative play & communication.</p><p>Currently Teaching:<br/> <a href="https://maxbittker.github.io/Hand-Held-ITP-2021/">"Hand Held: Creative Tools for Phones"</a> </p></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="hradio" aria-hidden="true" style="flex-wrap:wrap"><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/></div></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><p><a href="https://sandspiel.club/">Sandspiel</a> is a falling sand game with an embedded online drawing community<br/><br/><a href="https://twitter.com/NYT_first_said"> @NYT_first_said </a>is a twitter bot that records when The New York Times says a word for the first time in its history.</p><p style="text-align:right"><a href="/projects/"> More projects →</a> </p></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="hradio" aria-hidden="true" style="flex-wrap:wrap-reverse"><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/><input type="checkbox" tabindex="-1"/><input type="checkbox" tabindex="-1" checked=""/></div></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><p><span style="display:flex;flex-wrap:wrap;justify-content:space-around"><a href="/blog/"> blog </a><a href="https://twitter.com/MaxBittker">twitter</a><a href="https://github.com/MaxBittker">github</a><a href="https://www.instagram.com/maxbittker/">instagram</a></span></p></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><a href="/bookshelf/"><div class="main-shelf"><img src="/static/shelf_small-2d264f21266cc6e8cd6b5f493dee71a4.webp"/><img id="overlay-img" style="top:NaNpx;left:NaNpx;transform:TranslateX(-100%) TranslateY(-50%)"/><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 4033 3025"><path d="M3083.34 194.976C3084 193.273 3086.41 193.273 3087.07 194.976L3095.59 216.961C3095.88 217.693 3096.56 218.192 3097.35 218.235L3120.89 219.546C3122.71 219.647 3123.46 221.939 3122.04 223.093L3103.77 237.99C3103.16 238.486 3102.89 239.293 3103.1 240.052L3109.12 262.847C3109.59 264.612 3107.64 266.029 3106.11 265.039L3086.29 252.261C3085.63 251.836 3084.78 251.836 3084.12 252.261L3064.31 265.039C3062.77 266.029 3060.82 264.612 3061.29 262.847L3067.32 240.052C3067.52 239.293 3067.26 238.486 3066.65 237.99L3048.37 223.093C3046.96 221.939 3047.7 219.647 3049.53 219.546L3073.07 218.235C3073.85 218.192 3074.54 217.693 3074.82 216.961L3083.34 194.976Z" fill="#E7CC86"></path><path d="M523.377 1625.75C524.037 1624.05 526.446 1624.05 527.106 1625.75L535.627 1647.73C535.911 1648.47 536.597 1648.96 537.381 1649.01L560.923 1650.32C562.747 1650.42 563.491 1652.71 562.076 1653.87L543.8 1668.76C543.191 1669.26 542.929 1670.07 543.13 1670.82L549.159 1693.62C549.626 1695.38 547.676 1696.8 546.141 1695.81L526.325 1683.03C525.666 1682.61 524.818 1682.61 524.158 1683.03L504.342 1695.81C502.807 1696.8 500.857 1695.38 501.324 1693.62L507.353 1670.82C507.554 1670.07 507.292 1669.26 506.683 1668.76L488.408 1653.87C486.992 1652.71 487.737 1650.42 489.56 1650.32L513.102 1649.01C513.886 1648.96 514.572 1648.47 514.856 1647.73L523.377 1625.75Z" fill="#E7CC86"></path><path d="M776.612 1673.01C777.272 1671.31 779.681 1671.31 780.341 1673.01L788.862 1695C789.146 1695.73 789.832 1696.23 790.616 1696.27L814.158 1697.58C815.982 1697.68 816.726 1699.97 815.311 1701.13L797.035 1716.03C796.426 1716.52 796.164 1717.33 796.365 1718.09L802.394 1740.88C802.861 1742.65 800.911 1744.06 799.376 1743.07L779.56 1730.3C778.9 1729.87 778.053 1729.87 777.393 1730.3L757.577 1743.07C756.042 1744.06 754.092 1742.65 754.559 1740.88L760.588 1718.09C760.789 1717.33 760.527 1716.52 759.918 1716.03L741.642 1701.13C740.227 1699.97 740.971 1697.68 742.795 1697.58L766.337 1696.27C767.121 1696.23 767.807 1695.73 768.091 1695L776.612 1673.01Z" fill="#E7CC86"></path><path d="M901.077 1715.95C901.737 1714.24 904.147 1714.24 904.807 1715.95L913.328 1737.93C913.611 1738.66 914.297 1739.16 915.081 1739.21L938.623 1740.52C940.447 1740.62 941.192 1742.91 939.776 1744.06L921.5 1758.96C920.891 1759.46 920.629 1760.26 920.83 1761.02L926.859 1783.82C927.326 1785.58 925.377 1787 923.842 1786.01L904.026 1773.23C903.366 1772.81 902.518 1772.81 901.858 1773.23L882.042 1786.01C880.507 1787 878.558 1785.58 879.025 1783.82L885.054 1761.02C885.254 1760.26 884.992 1759.46 884.384 1758.96L866.108 1744.06C864.692 1742.91 865.437 1740.62 867.26 1740.52L890.803 1739.21C891.587 1739.16 892.272 1738.66 892.556 1737.93L901.077 1715.95Z" fill="#E7CC86"></path><path d="M1569.35 1539.88C1570.01 1538.18 1572.42 1538.18 1573.08 1539.88L1581.6 1561.86C1581.88 1562.6 1582.57 1563.09 1583.35 1563.14L1606.89 1564.45C1608.72 1564.55 1609.46 1566.84 1608.04 1567.99L1589.77 1582.89C1589.16 1583.39 1588.9 1584.19 1589.1 1584.95L1595.13 1607.75C1595.6 1609.51 1593.65 1610.93 1592.11 1609.94L1572.29 1597.16C1571.63 1596.74 1570.79 1596.74 1570.13 1597.16L1550.31 1609.94C1548.78 1610.93 1546.83 1609.51 1547.29 1607.75L1553.32 1584.95C1553.52 1584.19 1553.26 1583.39 1552.65 1582.89L1534.38 1567.99C1532.96 1566.84 1533.71 1564.55 1535.53 1564.45L1559.07 1563.14C1559.86 1563.09 1560.54 1562.6 1560.83 1561.86L1569.35 1539.88Z" fill="#E7CC86"></path><path d="M1666.16 1564C1666.82 1562.3 1669.23 1562.3 1669.89 1564L1678.41 1585.99C1678.69 1586.72 1679.38 1587.22 1680.16 1587.26L1703.7 1588.57C1705.53 1588.67 1706.27 1590.97 1704.86 1592.12L1686.58 1607.02C1685.97 1607.51 1685.71 1608.32 1685.91 1609.08L1691.94 1631.87C1692.41 1633.64 1690.46 1635.06 1688.92 1634.07L1669.11 1621.29C1668.45 1620.86 1667.6 1620.86 1666.94 1621.29L1647.12 1634.07C1645.59 1635.06 1643.64 1633.64 1644.11 1631.87L1650.13 1609.08C1650.34 1608.32 1650.07 1607.51 1649.47 1607.02L1631.19 1592.12C1629.77 1590.97 1630.52 1588.67 1632.34 1588.57L1655.88 1587.26C1656.67 1587.22 1657.35 1586.72 1657.64 1585.99L1666.16 1564Z" fill="#E7CC86"></path><path d="M2050.89 1810.46C2051.55 1808.76 2053.96 1808.76 2054.62 1810.46L2063.14 1832.45C2063.42 1833.18 2064.11 1833.68 2064.89 1833.72L2088.43 1835.03C2090.26 1835.13 2091 1837.42 2089.59 1838.58L2071.31 1853.48C2070.7 1853.97 2070.44 1854.78 2070.64 1855.54L2076.67 1878.33C2077.14 1880.1 2075.19 1881.51 2073.65 1880.53L2053.84 1867.75C2053.18 1867.32 2052.33 1867.32 2051.67 1867.75L2031.85 1880.53C2030.32 1881.51 2028.37 1880.1 2028.84 1878.33L2034.86 1855.54C2035.07 1854.78 2034.8 1853.97 2034.19 1853.48L2015.92 1838.58C2014.5 1837.42 2015.25 1835.13 2017.07 1835.03L2040.61 1833.72C2041.4 1833.68 2042.08 1833.18 2042.37 1832.45L2050.89 1810.46Z" fill="#E7CC86"></path><path d="M3610.05 2063.92C3610.71 2062.21 3613.12 2062.21 3613.78 2063.92L3622.31 2085.9C3622.59 2086.63 3623.27 2087.13 3624.06 2087.18L3647.6 2088.49C3649.42 2088.59 3650.17 2090.88 3648.75 2092.03L3630.48 2106.93C3629.87 2107.43 3629.61 2108.23 3629.81 2108.99L3635.84 2131.79C3636.3 2133.55 3634.35 2134.97 3632.82 2133.98L3613 2121.2C3612.34 2120.78 3611.5 2120.78 3610.84 2121.2L3591.02 2133.98C3589.48 2134.97 3587.54 2133.55 3588 2131.79L3594.03 2108.99C3594.23 2108.23 3593.97 2107.43 3593.36 2106.93L3575.09 2092.03C3573.67 2090.88 3574.41 2088.59 3576.24 2088.49L3599.78 2087.18C3600.56 2087.13 3601.25 2086.63 3601.53 2085.9L3610.05 2063.92Z" fill="#E7CC86"></path><path d="M789.077 23.2356C789.737 21.5326 792.147 21.5326 792.807 23.2356L801.328 45.2206C801.612 45.9528 802.297 46.4511 803.081 46.4948L826.624 47.8049C828.447 47.9063 829.192 50.198 827.776 51.352L809.5 66.2496C808.892 66.7457 808.63 67.5521 808.83 68.3112L814.859 91.1059C815.326 92.8716 813.377 94.2879 811.842 93.2981L792.026 80.5203C791.366 80.0948 790.518 80.0948 789.858 80.5203L770.042 93.2981C768.507 94.2879 766.558 92.8716 767.025 91.1059L773.054 68.3112C773.255 67.5521 772.993 66.7457 772.384 66.2496L754.108 51.352C752.692 50.198 753.437 47.9063 755.261 47.8049L778.803 46.4948C779.587 46.4511 780.273 45.9528 780.556 45.2206L789.077 23.2356Z" fill="#E7CC86"></path><path d="M579.054 47.1138C579.714 45.4108 582.123 45.4108 582.783 47.1138L591.304 69.0988C591.588 69.8309 592.274 70.3293 593.058 70.3729L616.6 71.683C618.423 71.7845 619.168 74.0762 617.752 75.2302L599.477 90.1277C598.868 90.6239 598.606 91.4302 598.807 92.1893L604.836 114.984C605.303 116.75 603.353 118.166 601.818 117.176L582.002 104.398C581.342 103.973 580.494 103.973 579.835 104.398L560.019 117.176C558.484 118.166 556.534 116.75 557.001 114.984L563.03 92.1893C563.231 91.4302 562.969 90.6239 562.36 90.1277L544.084 75.2302C542.669 74.0762 543.413 71.7845 545.237 71.683L568.779 70.3729C569.563 70.3293 570.249 69.8309 570.533 69.0988L579.054 47.1138Z" fill="#E7CC86"></path><rect x="75.6635" y="19.7271" width="413.627" height="1342.38" id="/static/54-c1a71a345733253cd5a934568973bed5.png"></rect><rect x="530.634" y="141.33" width="134.249" height="1219.05" transform="rotate(1.5808 530.634 141.33)" id="/static/52-9068f037fe64217d03a9b128cd544bf3.png"></rect><rect x="86.3391" y="1604.35" width="164.893" height="1328.09" transform="rotate(-0.0767265 86.3391 1604.35)" id="/static/1-af802b199264af67a31ae758ec52c2b2.png"></rect><rect x="255.336" y="1693.06" width="144.224" height="1250.73" transform="rotate(-0.0767265 255.336 1693.06)" id="/static/2-a2c5c52a969b94ddf4b7a7ebd3ce35da.png"></rect><rect x="406.807" y="1710.67" width="235.217" height="1233.44" transform="rotate(-0.0767265 406.807 1710.67)" id="/static/3-60783eee4d92567dc2d902211c1f61ff.png"></rect><rect x="655.67" y="1632.37" width="61.1048" height="1300.07" transform="rotate(-0.0767265 655.67 1632.37)" id="/static/4-8166ad59941d52b17a01299e2dd35b06.png"></rect><rect x="729.694" y="1756.2" width="95.9747" height="1186.96" transform="rotate(-0.0767265 729.694 1756.2)" id="/static/5-606a8ea696abe3113f42deb2d0b0bfb3.png"></rect><rect x="862.009" y="1794" width="77.9461" height="1149.79" transform="rotate(-0.0767265 862.009 1794)" id="/static/6-2de1f685af26b40a61397b87a717bc7e.png"></rect><rect x="956.46" y="1773.91" width="73.3656" height="1172.85" transform="rotate(-0.0767265 956.46 1773.91)" id="/static/7-b94f03f3f232d2b5580f040cc5b58e78.png"></rect><rect x="1050.74" y="1787.9" width="258.598" height="1159.01" transform="rotate(-0.0767265 1050.74 1787.9)" id="/static/8-0e97a00ef655d46857811a2b7a24d5dc.png"></rect><rect x="1340.44" y="1723.05" width="63.4846" height="1223.92" transform="rotate(-0.0767265 1340.44 1723.05)" id="/static/9-28a5f32cf553f2d1e69da2975737f1c2.png"></rect><rect x="1423.06" y="1624.83" width="90.4812" height="1335.43" transform="rotate(-0.0767265 1423.06 1624.83)" id="/static/53-211a334caf208afd198829cad5d79bd1.png"></rect><rect x="1528.64" y="1647.99" width="68.2081" height="1312.36" transform="rotate(-0.0767265 1528.64 1647.99)" id="/static/10-0934976cb280725469a4c093c74bfe90.png"></rect><rect x="1616.15" y="1660.44" width="90.4812" height="1300.07" transform="rotate(-0.0767265 1616.15 1660.44)" id="/static/11-2bb98f8b24a111b23ca5a8c31faa7a9e.png"></rect><rect x="1722.61" y="1767.56" width="68.4639" height="1209.68" transform="rotate(-0.0767265 1722.61 1767.56)" id="/static/12-350598a7f6931bef0eef1343256eed23.png"></rect><rect x="1805.65" y="1665.96" width="63.7495" height="1294.13" transform="rotate(-0.0767265 1805.65 1665.96)" id="/static/13-f367e77419070e31fda4edc850305c3a.png"></rect><rect x="1870.16" y="1797.16" width="69.9976" height="1163.41" transform="rotate(-0.0767265 1870.16 1797.16)" id="/static/14-4ada3e8f65fe1cc23ce08fe778878dc5.png"></rect><rect x="1949.98" y="1807.73" width="56.2628" height="1176.99" transform="rotate(-0.0767265 1949.98 1807.73)" id="/static/15-10966ef1993e034abe982079713489f8.png"></rect><rect x="2018.29" y="1907.02" width="42.6417" height="1095.31" transform="rotate(-0.0767265 2018.29 1907.02)" id="/static/16-ea37f3f448c17e76621b51ce7a1ce769.png"></rect><rect x="2130.97" y="1659.71" width="56.2199" height="1342.03" transform="rotate(2.31762 2130.97 1659.71)" id="/static/17-d185344a02df4fe0873dd66c6ea748e9.png"></rect><rect x="2208.53" y="1660.68" width="104.525" height="1330.8" transform="rotate(2.79298 2208.53 1660.68)" id="/static/18-b7cf9230f2416a232579beb9f8365e29.png"></rect><rect x="1.84644" y="2.1489" width="84.9253" height="1195.85" transform="matrix(0.997018 0.0771752 -0.0737988 0.997273 2329.77 1794.89)" id="/static/19-b13ac1b4e2645f729a75810188a3c35b.png"></rect><rect x="1.8715" y="2.12711" width="76.0053" height="1256.88" transform="matrix(0.997854 0.0654834 -0.0621042 0.99807 2402.43 1734.66)" id="/static/20-cf2a78535929aad91e57124d7b350902.png"></rect><rect x="-1.95948" y="2.04634" width="90.6364" height="1520.3" transform="matrix(0.0199857 0.9998 -0.999727 0.0233709 3934.63 2808.78)" id="/static/29-00152e74ad193cabfd446cba0740a1bb.png"></rect><rect x="-1.97288" y="2.03343" width="100.587" height="1494.47" transform="matrix(0.0134197 0.99991 -0.999859 0.0168053 3934.83 2694.16)" id="/static/28-b72382c1ab9e7a0882a5a515d593ce8d.png"></rect><rect x="-1.98683" y="2.0198" width="74.7629" height="1437.78" transform="matrix(0.00653403 0.999979 -0.999951 0.00991996 3870.51 2591.09)" id="/static/27-8e38fedad35593ef9f8b26574c8ad6f8.png"></rect><rect x="-1.98624" y="2.02038" width="114.211" height="1398.44" transform="matrix(0.00682641 0.999977 -0.999948 0.0102123 3838.89 2463.9)" id="/static/26-353c1bd99700bedbb2acf1fae9b487e7.png"></rect><rect x="-1.95948" y="2.04634" width="86.7926" height="1435.08" transform="matrix(0.0199857 0.9998 -0.999727 0.0233709 3885.59 2338.5)" id="/static/25-988c8e12060e6492762a902ebac9c72a.png"></rect><rect x="-1.95948" y="2.04634" width="79.1448" height="1324.79" transform="matrix(0.0199857 0.9998 -0.999727 0.0233709 3780 2243.63)" id="/static/24-16f668b3ea4ca71878efcefcc15904a0.png"></rect><rect x="-1.95948" y="2.04634" width="79.0247" height="1148.17" transform="matrix(0.0199857 0.9998 -0.999727 0.0233709 3610.39 2106)" id="/static/21-b0450a68d17ec67a8dca62aa8b3c5051.png"></rect><rect x="-1.95948" y="2.04634" width="20.5087" height="1439.4" transform="matrix(0.0199857 0.9998 -0.999727 0.0233709 3902.05 2214.51)" id="/static/23-dade77ddab05be89db9b9df36e3856bf.png"></rect><rect x="-1.95948" y="2.04634" width="20.5087" height="1425.22" transform="matrix(0.0199857 0.9998 -0.999727 0.0233709 3889.87 2185.73)" id="/static/22-caef992802302f7d219074340d7d6597.png"></rect><rect x="702.571" y="137.516" width="171.19" height="1219.05" transform="rotate(1.5808 702.571 137.516)" id="/static/30-eb09f3a9798270590b59fbac62e0fd48.png"></rect><rect x="911.434" y="14.9485" width="149.734" height="1329.76" transform="rotate(1.5808 911.434 14.9485)" id="/static/31-8ac9dca04a41a90cb474b1172cc3435e.png"></rect><rect x="1065.17" y="204.38" width="66.6203" height="1159.3" id="/static/32-7b001fcf724c4fa60589e9eafa614d9e.png"></rect><rect x="1144.43" y="204.38" width="93.55" height="1159.3" id="/static/33-792798b4c1f1554dfd377ec129f6ffe6.png"></rect><rect x="1250.63" y="204.38" width="88.4842" height="1159.3" id="/static/34-b5ad24b9068b4f1eec70218009090211.png"></rect><rect x="1365.47" y="141.275" width="74.3873" height="1220.83" id="/static/35-7c2101828bcccd7d5c0cb318c176d86d.png"></rect><rect x="1466.22" y="359.438" width="74.3873" height="1004.24" id="/static/36-86fd4de8d033fbf1687c17358fc236df.png"></rect><rect x="1566.96" y="412.421" width="122.224" height="951.256" id="/static/37-94bb102f66e0871a2b8f2b7143434d65.png"></rect><rect x="1715.55" y="63.3594" width="122.224" height="1296.5" id="/static/38-85a0ff0dc52f68f32300982e1a9a16ae.png"></rect><rect x="1841.77" y="204.38" width="172.52" height="1159.3" id="/static/39-fa843f8d4934cc5ddd2d6cdc12376982.png"></rect><rect x="2021.95" y="226.196" width="131.614" height="1137.48" id="/static/40-51797952a0c9f68455e6431852dd8d07.png"></rect><rect x="2161.22" y="160.747" width="131.614" height="1187.64" id="/static/55-11b95c0546c27aaa25bbb87d4457f587.png"></rect><rect x="2319.2" y="176.035" width="86.8138" height="1187.64" id="/static/41-53020fe7bd58cae8db4f1a397f6cfb37.png"></rect><rect x="2421.08" y="87.2721" width="73.9155" height="1268.23" transform="rotate(1 2421.08 87.2721)" id="/static/42-ed3f81d28971a7269d36cf50dd7e80b4.png"></rect><rect x="3200.78" y="97.2472" width="69.3272" height="697.799" transform="rotate(87.5004 3200.78 97.2472)" id="/static/48-74ad240dece1668550d26f52335b2d7c.png"></rect><rect x="2508.26" y="204.414" width="101.229" height="1157.64" transform="rotate(1 2508.26 204.414)" id="/static/43-32710452e04ff30b2c7d29678180bfd2.png"></rect><rect x="2610.65" y="224.626" width="87.9525" height="1148.33" id="/static/44-d207d6e18854d1b6a19685ca3ee5055d.png" transform="rotate(1 2610.65 224.626)"></rect><rect x="2702.59" y="361.366" width="87.9525" height="1009.74" transform="rotate(1 2702.59 361.366)" id="/static/45-0f6bbb82bec7aa1fa5dfd7529c83e16c.png"></rect><rect x="2794.53" y="345.983" width="94.2227" height="1025.41" transform="rotate(1 2794.53 345.983)" id="/static/46-45488168e4d19e864678418dbf03e521.png"></rect><rect x="2913.09" y="208.828" width="127.167" height="1152.83" transform="rotate(1 2913.09 208.828)" id="/static/47-d043279cb434d08e86cfae089b6a3175.png"></rect><rect x="3061.19" y="211.117" width="57.3448" height="1163.45" transform="rotate(1 3061.19 211.117)" id="/static/49-9665413ac80ccca0046ac9c1db1a4836.png"></rect><rect x="3130.36" y="219.173" width="64.9578" height="1149.48" transform="rotate(1 3130.36 219.173)" id="/static/51-0f2df59d00c512de2dc1e8e62e78873d.png"></rect><rect x="3196.37" y="170.454" width="34.8338" height="1197.5" transform="rotate(1 3196.37 170.454)" id="/static/56-780e28d667973f5089a79a3c8dd77a62.png"></rect><rect x="3235.23" y="49.8379" width="71.2036" height="1318.77" id="/static/50-f4e82b7b1a6a76d738436c202d2e681c.png"></rect></svg></div></a></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><input type="range" min="1" max="9" step="0.1" style="left:0;top:0;width:100%;vertical-align:middle" alt="focus" value="1"/></div></div></div></div></div></div></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div> <video muted autoplay playsinline loop width="100%" name="art video" src="/static/plug-c319f09aaa5f6bcf4d7a3c4c4095086f.mp4" style=" width: 100%; height: 100%; display: block; filter: brightness(0.95) sepia(0.04); " /> </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><img alt="my face" src="/static/face-4ff735ec75306ed674e7156c7d49c02e.jpg"/></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="home-brick "><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="hradio" aria-hidden="true" style="flex-wrap:wrap-reverse"><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/><input type="radio" tabindex="-1"/><input type="radio" tabindex="-1" checked=""/></div></div></div></div></div></div><div class="home-brick desktopOnly"><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="home-brick desktopOnly"><button class="x" tabindex="-1"><svg height="11" width="11" id="d" viewBox="0 0 11 11"><polyline points="0,0 , 11,11"></polyline><polyline points="11,0 , 0,11"></polyline></svg></button><div class="b-wrap pack"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><div class="b-wrap"><img src="/static/Point_cloud_torus-d629eab2dacf3e25d0ee3cbf5fd2bcf4.gif" style="width:100%;height:100%;display:block;filter:brightness(0.95) sepia(0.04)" alt="source: wikipedia user LucasVB"/></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-d47b21a5737d9524fa70.js"],"app":["/app-dbfbf941a9b38d361079.js"],"component---src-pages-404-js":["/component---src-pages-404-js-0129d555bce1aa4b341f.js"],"component---src-pages-art-js":["/component---src-pages-art-js-28e89f3c2d09b2b724a7.js"],"component---src-pages-blog-js":["/component---src-pages-blog-js-ba364daa78d62cef86e9.js"],"component---src-pages-bookshelf-js":["/component---src-pages-bookshelf-js-70132e3a936d2e5014f5.js"],"component---src-pages-face-js":["/component---src-pages-face-js-6ff156d6abd7458bd350.js"],"component---src-pages-index-js":["/component---src-pages-index-js-3d2f68ab7496265fb793.js"],"component---src-pages-projects-js":["/component---src-pages-projects-js-7244e57a989eeb20bc77.js"],"component---src-templates-blog-template-js":["/component---src-templates-blog-template-js-f2c416fa334c042880a6.js"]};/*]]>*/</script><script src="/polyfill-d47b21a5737d9524fa70.js" nomodule=""></script><script src="/component---src-pages-index-js-3d2f68ab7496265fb793.js" async=""></script><script src="/component---src-pages-bookshelf-js-70132e3a936d2e5014f5.js" async=""></script><script src="/styles-407fe62976dc5310c43e.js" async=""></script><script src="/app-dbfbf941a9b38d361079.js" async=""></script><script src="/framework-c2b0e21894d55c7153b4.js" async=""></script><script src="/webpack-runtime-13e077ee6c7da92a69db.js" async=""></script><script async defer src="https://cdn.simpleanalytics.io/hello.js"></script> <noscript><img src="https://api.simpleanalytics.io/hello.gif" alt=""></noscript></body></html>