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>
9<script> 10 var __cargo_context__ = 'live'; 11 var __cargo_js_ver__ = 'c=2034164712'; 12 var __cargo_maint__ = false; 13 14 15 </script>
15 16 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 17 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 18 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 19 20 21 <meta name="robots" content="index,follow"> 22 23 <title>CHEMICAL GARDEN â JIARONG YU</title> 24 <meta name="description" content="CHEMICAL GARDEN îï¸ï¸ï¸ - Narrative Centre - Figure 1. Picture of chemical garden (SteÌphane Querbes) The..."> 25 <meta name=âgeneratorâ content="Cargo (https://cargo.site)"> 26 27 <meta name="twitter:card" content="summary_large_image"> 28 <meta name="twitter:title" content="CHEMICAL GARDEN â JIARONG YU"> 29 <meta name="twitter:description" content="CHEMICAL GARDEN îï¸ï¸ï¸ - Narrative Centre - Figure 1. Picture of chemical garden (SteÌphane Querbes) The..."> 30 <meta name="twitter:image" content="https://freight.cargo.site/w/1200/i/df4c6b5ccb940ecdf343ddeb4f0fcbad124ff7f601c92d47f0093f7cc66b67f0/CG-1.jpg"> 31 <meta property="og:locale" content="en_US"> 32 <meta property="og:title" content="CHEMICAL GARDEN â JIARONG YU"> 33 <meta property="og:description" content="CHEMICAL GARDEN îï¸ï¸ï¸ - Narrative Centre - Figure 1. Picture of chemical garden (SteÌphane Querbes) The..."> 34 <meta property="og:url" content="https://6lieprojects.com/CHEMICAL-GARDEN"> 35 <meta property="og:image" content="https://freight.cargo.site/w/1200/i/df4c6b5ccb940ecdf343ddeb4f0fcbad124ff7f601c92d47f0093f7cc66b67f0/CG-1.jpg"> 36 <meta property="og:type" content="website"> 37 38 <link rel="preconnect" href="https://static.cargo.site" crossorigin> 39 <link rel="preconnect" href="https://freight.cargo.site" crossorigin> 40 41 <link rel="preconnect" href="https://type.cargo.site" crossorigin> 42 43 <!--<link rel="preload" href="https://static.cargo.site/assets/social/IconFont-Regular-0.9.3.woff2" as="font" type="font/woff" crossorigin>--> 44 45 46 47 <link href="https://freight.cargo.site/t/original/i/4131f30d2c3a7ffb25648fd8bbc090f243170e168f833590d929fd9a1c29e41d/logo-design-2_.ico" rel="shortcut icon"> 48 <link href="https://6lieprojects.com/rss" rel="alternate" type="application/rss+xml" title="JIARONG YU feed"> 49 50 <link href="https://6lieprojects.com/stylesheet?c=2034164712&1706377350" id="member_stylesheet" rel="stylesheet" type="text/css" /> 51<style id="">@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.3.woff2);unicode-range:U+E000-E15C,U+F0000,U+FE0E}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.3.woff2);font-weight:240;unicode-range:U+E000-E15C,U+F0000,U+FE0E}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.3.woff2);unicode-range:U+E000-E15C,U+F0000,U+FE0E;font-weight:400}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.3.woff2);unicode-range:U+E000-E15C,U+F0000,U+FE0E;font-weight:600}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.3.woff2);unicode-range:U+E000-E15C,U+F0000,U+FE0E;font-weight:800}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.3.woff2);unicode-range:U+E000-E15C,U+F0000,U+FE0E;font-style:italic}@font-face{font-family:Icons;src:url(https://static.cargo.site/assets/social/IconFont-Regular-0.9.3.woff2);unicode-range:U+E000-E15C,U+F0000,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.3.woff2);unicode-range:U+E000-E15C,U+F0000,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.3.woff2);unicode-range:U+E000-E15C,U+F0000,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.3.woff2);unicode-range:U+E000-E15C,U+F0000,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}/*! 52 * Content 53 */.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}
53#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{transform:translate3d(0,0,0);will-change:transform}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:'';width:1px;height:1px;margin-top:-1px;margin-left:-1px}.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}
53.slick-arrow svg{position:absolute;width:36px;height:36px;top:0;left:0;right:0;bottom:0;margin:auto;transform:translate(.25px,.25px)}.slick-arrow svg.right-arrow{transform:translate(.25px,.25px) scaleX(-1)}.slick-arrow svg:active{opacity:.75}.slick-arrow svg .arrow-shape{fill:none!important;stroke:#fff;stroke-linecap:square}.slick-arrow svg .arrow-outline{fill:none!important;stroke-width:2.5px;stroke:rgba(0,0,0,.6);stroke-linecap:square}.slick-arrow.slick-next{right:0;text-align:right}.slick-next svg,.wallpaper-navigation .slick-next svg{margin-right:10px}.mobile .slick-next svg{margin-right:10px}.slick-arrow.slick-prev{text-align:left}.slick-prev svg,.wallpaper-navigation .slick-prev svg{margin-left:10px}.mobile .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%}
53[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__img--placeholder,.pswp__zoom-wrap,.quick-view-navigation{-webkit-backface-visibility:hidden}
53.pswp__button{cursor:pointer;opacity:1;-webkit-appearance:none;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button-close>svg{top:10px;right:10px;margin-left:auto}.pswp--touch .quick-view-navigation{display:none}.pswp__ui{-webkit-font-smoothing:auto;opacity:1;z-index:1550}.quick-view-navigation{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.quick-view-navigation .pswp__group .pswp__button{pointer-events:auto}.pswp__button>svg{position:absolute;width:36px;height:36px}.quick-view-navigation .pswp__group:active svg{opacity:.75}.pswp__button svg .shape-shape{fill:#fff}.pswp__button svg .shape-outline{fill:#000}.pswp__button-prev>svg{top:0;bottom:0;left:10px;margin:auto}.pswp__button-next>svg{top:0;bottom:0;right:10px;margin:auto}.quick-view-navigation .pswp__group .pswp__button-prev{position:absolute;left:0;top:0;width:0;height:100%}.quick-view-navigation .pswp__group .pswp__button-next{position:absolute;right:0;top:0;width:0;height:100%}.quick-view-navigation .close-button,.quick-view-navigation .left-arrow,.quick-view-navigation .right-arrow{transform:translate(.25px,.25px)}.quick-view-navigation .right-arrow{transform:translate(.25px,.25px) scaleX(-1)}.pswp__button svg .shape-outline{fill:transparent!important;stroke:#000;stroke-width:2.5px;stroke-linecap:square}.pswp__button svg .shape-shape{fill:transparent!important;stroke:#fff;stroke-width:1.5px;stroke-linecap:square}.pswp__bg,.pswp__scroll-wrap,.pswp__zoom-wrap{width:100%;position:absolute}.quick-view-navigation .pswp__group .pswp__button-close{margin:0}.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__ui--hidden .pswp__button,.pswp__ui--hidden .pswp__button *{pointer-events:none}.pswp .pswp__ui.pswp__ui--displaynone{display:none}.pswp__element--disabled{display:none!important}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{position:fixed;display:none;height:100%;width:100%;top:0;left:0;right:0;bottom:0;margin:auto;-ms-touch-action:none;touch-action:none;z-index:9999999;-webkit-text-size-adjust:100%;line-height:initial;letter-spacing:initial;outline:0}.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%}.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--hide-overflow .pswp__scroll-wrap,.pswp--hide-overflow.pswp{overflow:hidden}.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__ui--idle{opacity: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}.quick-view.mouse-down .iframe-item{pointer-events:none!important}.quick-view-caption-positioner{pointer-events:none;width:100%;height:100%}.quick-view-caption-wrapper{margin:auto;position:absolute;bottom:0;left:0;right:0}.quick-view-horizontal-align-left .quick-view-caption-wrapper{margin-left:0}.quick-view-horizontal-align-right .quick-view-caption-wrapper{margin-right:0}[data-quick-view-caption]{transition:.1s opacity ease-in-out;position:absolute;bottom:0;left:0;right:0}.quick-view-horizontal-align-left [data-quick-view-caption]{text-align:left}.quick-view-horizontal-align-right [data-quick-view-caption]{text-align:right}.quick-view-caption{transition:.1s opacity ease-in-out}.quick-view-caption>*{display:inline-block}.quick-view-caption *{pointer-events:auto}.quick-view-caption.hidden{opacity:0}
53.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;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.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}.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}b b{font-weight:inherit}*{-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%;-webkit-backface-visibility:hidden;backface-visibility:hidden;
53transform: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}div[data-container=set]:empty{margin-top:1px}.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:#fff}[data-can-move].thumbnail .resize-handle svg .resize_path{fill:#000}[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=slideshow] .gallery_card video[muted][autoplay]:not([controls]),.image-gallery[image-gallery=slideshow] .gallery_card video[muted][data-autoplay]:not([controls]){pointer-events:none}.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%}
53[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][data-constrained-by=height] [image-gallery-vertical-align].slick-track{align-items:flex-start}[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}
53[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 .slick-list{margin-bottom:-.3px}[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:#fff}[data-can-move].gallery_card .resize-handle svg .resize_path{fill:#000}[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:auto;overflow-x:hidden;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;
53-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}body.mobile #site_menu_wrapper .site_menu{-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>
54<script type="text/json" data-set="defaults" >{"current_offset":0,"current_page":1,"cargo_url":"jiarong6","is_domain":true,"is_mobile":false,"is_tablet":false,"is_phone":false,"api_path":"https:\/\/6lieprojects.com\/_api","is_editor":false,"is_template":false,"is_direct_link":true,"direct_link_pid":36794892}</script>
vendor: 1 bytes, line 54
54
55<script type="text/json" data-set="DisplayOptions" >{"user_id":2575319,"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":"left_cover","content_width":"70","content_margin":"5","main_margin":"2","text_alignment":"text_left","vertical_position":"vertical_top","bgcolor":"transparent","WebFontConfig":{"cargo":{"families":{"Monument Grotesk Mono":{"variants":["n2","i2","n3","i3","n4","i4","n5","i5","n7","i7","n8","i8","n9","i9"]},"Monument Grotesk Variable":{"variants":["n2","n3","n4","n5","n7","n8","n9","n10","i4"]},"Basteleur":{"variants":["n4"]},"Diatype":{"variants":["n2","i2","n3","i3","n4","i4","n5","i5","n7","i7"]}}},"system":{"families":{"-apple-system":{"variants":["n4"]}}}},"links_orientation":"links_horizontal","viewport_size":"phone","mobile_zoom":"25","mobile_view":"desktop","mobile_padding":"-5","mobile_formatting":false,"width_unit":"rem","text_width":"66","is_feed":false,"limit_vertical_images":false,"image_zoom":true,"mobile_images_full_width":false,"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":"2","main_margin_right":"2","main_margin_bottom":"2","main_margin_left":"2","mobile_pages_full_width":true,"scroll_transition":false,"image_full_zoom":false,"quick_view_height":"100","quick_view_width":"100","quick_view_alignment":"quick_view_center_center","advanced_quick_view_padding_enabled":false,"quick_view_padding":"2.5","quick_view_padding_top":"2.5","quick_view_padding_bottom":"2.5","quick_view_padding_left":"2.5","quick_view_padding_right":"2.5","quick_content_alignment":"quick_content_center_center","close_quick_view_on_scroll":true,"show_quick_view_ui":true,"quick_view_bgcolor":"rgba(255, 255, 255, 1)","quick_view_caption":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":"page","enable":false,"mobile_only":true,"position":"top-right","single_page_id":null,"icon":"\ue132","show_homepage":true,"single_page_url":"Menu","custom_icon":false},"ecommerce_options":{"enable_ecommerce_button":false,"shop_button_position":"bottom-right","shop_icon":"\ue138","custom_icon":false,"shop_icon_text":"SHOPPING BAG <(#)>","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 55
55
56<script type="text/json" data-set="Site" >{"id":"2575319","direct_link":"https:\/\/6lieprojects.com","display_url":"6lieprojects.com","site_url":"jiarong6","account_shop_id":null,"has_ecommerce":false,"has_shop":false,"ecommerce_key_public":null,"cargo_spark_button":false,"following_url":null,"website_title":"JIARONG YU","meta_tags":"","meta_description":"","meta_head":"","homepage_id":"36794911","css_url":"https:\/\/6lieprojects.com\/stylesheet","rss_url":"https:\/\/6lieprojects.com\/rss","js_url":"\/_jsapps\/design\/design.js","favicon_url":"https:\/\/freight.cargo.site\/t\/original\/i\/4131f30d2c3a7ffb25648fd8bbc090f243170e168f833590d929fd9a1c29e41d\/logo-design-2_.ico","home_url":"https:\/\/cargo.site","auth_url":"https:\/\/cargo.site","profile_url":null,"profile_width":0,"profile_height":0,"social_image_url":"https:\/\/freight.cargo.site\/i\/d853e8c5a6048fca9305a5c3ef76f6415aa06f37901cfe359d1b26e460007965\/dddd.png","social_width":1024,"social_height":1024,"social_description":"Jiarong (Viol\u00e8t) Yu, an interaction designer, sonic producer, performer, education practitioner, and life-long researcher in the sound, visual, tactile, and other sensorial fields. Under the alias \"6Li\u00e8,\" she has been very active in STEM+A \/\u00a0STEAM Integration (science, technology engineering, arts and mathematics), exploring the potential of\u00a0 Human-AI codesign, Human-Computer Interaction, Immersive Technology for future learning, discussing how humanity and STEM shape each other.","social_has_image":true,"social_has_description":true,"site_menu_icon":null,"site_menu_has_image":false,"custom_html":"<customhtml><\/customhtml>","filter":null,"is_editor":false,"use_hi_res":false,"hiq":null,"progenitor_site":"z207","files":[],"resource_url":"6lieprojects.com\/_api\/v0\/site\/2575319"}</script>
vendor: 1 bytes, line 56
56
57<script type="text/json" data-set="ScaffoldingData" >{"id":0,"title":"JIARONG YU","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":3,"pin_position":null,"thumbnail_options":null,"pages":[{"id":36794889,"title":"Landing Page","project_url":"Landing-Page","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":0,"index":0,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[]},{"id":36794891,"title":"Project","project_url":"Project","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":true,"sort":2,"index":1,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[{"id":36794892,"site_id":2575319,"project_url":"CHEMICAL-GARDEN","direct_link":"https:\/\/6lieprojects.com\/CHEMICAL-GARDEN","type":"page","title":"CHEMICAL GARDEN","title_no_html":"CHEMICAL GARDEN","tags":"","display":false,"pin":false,"pin_options":null,"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"CHEMICAL GARDEN\n\ue04a\ufe0e\ufe0e\ufe0e\n\n\n\n\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t- Narrative Centre -\n\n\n\n\n\nFigure 1. Picture of chemical garden (Ste\u0301phane Querbes)\u00a0\nThe...","content":"<a href=\"CHEMICAL-GARDEN\" rel=\"history\" class=\"image-link\"><img width=\"1584\" height=\"1056\" width_o=\"1584\" height_o=\"1056\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/98de73d0ae46a5d81e64713f310a42157e7c80dfdb1152996dfb96edb44789fa\/ed.jpg\" data-mid=\"219587990\" border=\"0\" \/><\/a><br>\n<br>\n<br>\n<br>\n<h1>CHEMICAL GARDEN<\/h1><br><h2><a href=\"#\" rel=\"home_page\" class=\"icon-link\">\ue04a\ufe0e\ufe0e\ufe0e<\/a><br><\/h2><br>\n<br>\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t<div style=\"text-align: center\"><h2><i>- Narrative Centre -<\/i><\/h2><\/div><div style=\"text-align: left;\"><br>\n<img width=\"1600\" height=\"1066\" width_o=\"1600\" height_o=\"1066\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/6dedc8547a4d5c25e730d9d44eebb4df90bc3923f03edba30ecdf1f13cbac66a\/Chemical-Garden.jpg\" data-mid=\"219587974\" border=\"0\" \/><br>\n<\/div><div style=\"text-align: center;\"><br>\nFigure 1. Picture of chemical garden (<a href=\"https:\/\/www.stephanequerbes.com\/portfolio\/magazine\/\" target=\"_blank\">Ste\u0301phane Querbes<\/a>) <\/div><div style=\"text-align: left;\"><small><br>The <b>chemical garden phenomenon<\/b>, also known as the water garden or the silicone garden. The experiment usually involves adding metallic salts to an aqueous solution of sodium silicate, resulting in crystalline fibrous structures that mimic the appearance of deep-sea corals and plants. The chemical garden in the experiment is like an underwater world.<br>\n<br>\nAs Chemical Gardens researcher Alexander Blanchard said, \"While on-Earth growth tends to be\nupward, we expect growth in random directions and a spherical shape in space at\nthe macroscopic level\" (Blanchard, 2018).<\/small><br>\n<br>\n<br><\/div>\n<br>\n<div style=\"text-align: center\"><h2><i><b>- Concept -<\/b><\/i><\/h2><\/div>\n<small><br>\nIn 2022, with the\nsupport of the <b><i><a href=\"https:\/\/www.designinformatics.org\/\" target=\"_blank\">Design Informatics<\/a><\/i><\/b> lab and <b><i><a href=\"https:\/\/www.beautyofscience.com\/\" target=\"_blank\">Beauty of Science<\/a><\/i><\/b>, I independently designed the audio-visual interactive performance \"Chemical Garden\", and it is then staged in <i><b>InSpace Gallery<\/b><\/i> and <b><i>WhiteSpace Gallery<\/i><\/b>. With the narrative\ncentre of the classic chemical reaction \"Chemical Garden\", the\nproject aims to further investigate the future of embodied learning and the\npotential for art to shape scientific communication in different contexts. Step into a realm where the intangible data is not just observed, but also experienced.<br>\n\n\n\n\n\n\n<\/small><br><br><div style=\"text-align: center;\"><br><br>\n<br>\n<h2><i><b>- Design Development -<\/b><\/i><\/h2><\/div>\n<small><br>\n<b>1. Visual elements extraction<\/b><br>\n<br><img width=\"1280\" height=\"1361\" width_o=\"1280\" height_o=\"1361\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/d48dfa328f2507986a131bfa7ff76c78900fac984f92d0fcc65683d4d0eb088b\/figure55-05.jpg\" data-mid=\"219587978\" border=\"0\" \/>\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n<\/small><div style=\"text-align: center\">Figure 2. Chemical reaction (Beauty of Science), and analogous coral (Birmingham\nMuseums Trust)<\/div><small>\n<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<img width=\"1068\" height=\"450\" width_o=\"1068\" height_o=\"450\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/01c672adbd0a70ae26af57251c2f0bf47f23b150bd0dc3b5806274032197b3b4\/2022-08-24-9.53.32.png\" data-mid=\"219587965\" border=\"0\" \/>\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n<\/small><div style=\"text-align: center\">Figure 3. Sketch of the visual design to mimic coral\u2019s shape<br><\/div><div style=\"text-align: right;\">\n<br><\/div><small>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<b><br><br>2. Audio\/Visual Interaction Workflow<br><\/b>\n<br><\/small><div style=\"text-align: center\"><small><img width=\"1068\" height=\"352\" width_o=\"1068\" height_o=\"352\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/1767c11734ff0d6ae0c0e142b1892b157d211af1715133881581edaba4e19f6f\/2022-08-24-9.53.14.png\" data-mid=\"219587969\" border=\"0\" data-scale=\"78\"\/><\/small><\/div><small><br>\n<br><b>3. Audio\/Visual InteractionTesting<\/b><br>\n<img width=\"1068\" height=\"348\" width_o=\"1068\" height_o=\"348\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/11feca6516b709d1f29c6a90bd5d903ea8f8a9555f0d28454ccf892da8b27e87\/2022-08-24-9.53.53.png\" data-mid=\"219587966\" border=\"0\" data-scale=\"100\"\/><\/small><br><img width=\"1068\" height=\"1174\" width_o=\"1068\" height_o=\"1174\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/dce3b98b05a232273909cd57f873286843a728adc582ae38ab40a2a4e75f644e\/2022-08-24-9.54.06.png\" data-mid=\"219587967\" border=\"0\" \/>\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n<div style=\"text-align: center\">Figure 4. Prototype of the audio-visual interaction simulating the growth of chemical garden<br><\/div><br><div style=\"text-align: right;\"><div style=\"text-align: left\"><small><\/small><\/div><\/div>\n<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<br><div style=\"text-align: center\"><h2><i><b>- Performance -<\/b><\/i><br><\/h2><\/div>\n<b><small><br>Audio-visual immersive performance at InSpace Gallery (2022, Edinburgh)<\/small><\/b>\n<small>Realtime Motion - Projection<\/small><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%3A11%2C%22columns%22%3A%222%22%2C%22image_padding%22%3A2%2C%22responsive%22%3Atrue%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%2C%22captions%22%3Atrue%7D%7D\">\n<img width=\"1920\" height=\"1080\" width_o=\"1920\" height_o=\"1080\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/2d461e94e6095b8af243ed951a44952561dbb8af28eb03070eb784d32924f9de\/-31-05.png\" data-mid=\"219587983\" border=\"0\" \/>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/df4c6b5ccb940ecdf343ddeb4f0fcbad124ff7f601c92d47f0093f7cc66b67f0\/CG-1.jpg\" data-mid=\"219587960\" border=\"0\" \/>\n<iframe frameborder=\"0\" width=\"840\" height=\"472.5\" src=\"https:\/\/www.youtube.com\/embed\/IyeUIRYYtOs?si=oaCPu0pgBwr8_HSF&controls=0\" allowfullscreen=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" title=\"YouTube video player\"><\/iframe>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/72e9d526afbfb2af7be50f6fd7b144bdc659e1c840c11e3b9bc2d1480825a056\/CG-2.jpg\" data-mid=\"219587961\" border=\"0\" \/>\n<\/div><br><br><br>\n<small>Audio-visual immersive performance at Whitespace Gallery (2022, Edinburgh)<\/small><br>\n<br>\n<div class=\"image-gallery\" data-gallery=\"%7B%22mode_id%22%3A1%2C%22gallery_instance_id%22%3A2%2C%22name%22%3A%22Grid%22%2C%22path%22%3A%22grid%22%2C%22data%22%3A%7B%22column_size%22%3A11%2C%22columns%22%3A%222%22%2C%22image_padding%22%3A2%2C%22responsive%22%3Atrue%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%2C%22captions%22%3Atrue%7D%7D\">\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/a2ac480c0e5119aa02cbcca698f1cd00c026318a7fd25769b7b4f9af269d9f4e\/WT-4.jpg\" data-mid=\"219587986\" border=\"0\" \/>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/17787a773a0b8b394aa19b50b309364a8a7ee6580a4d11ea8e4588e51e27b823\/WT-2.
57jpg\" data-mid=\"219587963\" border=\"0\" \/>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/9995c24215704118fa4f7572f9264cdd2ecf5f183fdd83d1ee63e2d47b20394e\/WT-3.jpg\" data-mid=\"219587964\" border=\"0\" \/>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/4a9cdec06d59c12cceecbd3429341ecd904b9024e999c8dbbe50c04aedb5bf0d\/WT-1.jpg\" data-mid=\"219587962\" border=\"0\" \/>\n<\/div><div style=\"text-align: left;\"><div style=\"text-align: center\"><small><i><span style=\"color: #9a9a9a;\"><br>\n<\/span><\/i><\/small><div class=\"marquee\" speed=\"-6\"><div style=\"text-align: left;\"><div style=\"text-align: center\"><div style=\"text-align: left\"><small><i><span style=\"color: rgb(154, 154, 154); background-color: rgb(14, 1, 1);\">Comments: \u201cJust as no two snowflakes are ever identical, no two chemical bouquets of metallic salts in water glass are ever the in the same shape. The improvised music and the improvised \"sound painting\"; it's like a chemical reaction in that it takes the audio signals as input and produces visual and lighting signals as output. Unpredictability and freedom from repetition are the hallmarks of a spontaneous performance like an experiment.\u201d<\/span><\/i><\/small><\/div><\/div><\/div><\/div><\/div><\/div><br>\n<div style=\"text-align: right;\"><div style=\"text-align: left;\"><br><br>\n<div style=\"text-align: center\"><h2><i><b>- Future of Embodied Learning -<\/b><\/i><br><\/h2><\/div><br>\n<\/div><\/div><small><img width=\"1280\" height=\"963\" width_o=\"1280\" height_o=\"963\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/2f56d5bf35dee7875ed412afefa0fc3d92f10294add206e9dc668afa0030b714\/figure6-04.jpg\" data-mid=\"219587970\" border=\"0\" \/><br>\n\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t<br>\n<\/small><div style=\"text-align: center\">Figure 5. Sketch of the corals, representing different metal salts, assembled into a bizarre plant-like object<\/div><div style=\"text-align: right;\"><br>\n<br>\n<\/div><br><div style=\"text-align: center\"><br><\/div><img width=\"1024\" height=\"1497\" width_o=\"1024\" height_o=\"1497\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/d9f4a751b58c5834f6277324e9299a1b4f7f621472102c816ae2279ff054cea9\/Rendering.jpg\" data-mid=\"219587989\" border=\"0\" \/><br>\n<div style=\"text-align: center;\"><br>\nFigure 6. 3D modeling of visual identity<br>\n<br><\/div><img width=\"1346\" height=\"897\" width_o=\"1346\" height_o=\"897\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/ab58c5bcd3aacc0ec5afdc03f04b9cadfa29258b66d5cc6be25761d667bb7b91\/qq8779_A_performance_combining_music_and_projections_the_theme__da68388e-8643-40ac-ac48-a5b2704d0d90.jpg\" data-mid=\"219587991\" border=\"0\" \/><br>\n<br><br>\n<small>Conceptual Performance Exhibited at Blue Centre (2023, Shanghai)<\/small><br>\n<i><b><small><i>
57Realtime-Motion XR\/AR <\/i><\/small><\/b><\/i><br>\n<br>\n<img width=\"1584\" height=\"1056\" width_o=\"1584\" height_o=\"1056\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/98de73d0ae46a5d81e64713f310a42157e7c80dfdb1152996dfb96edb44789fa\/ed.jpg\" data-mid=\"219587990\" border=\"0\" \/><br>\n<br><br><br><h2><a href=\"#\" rel=\"home_page\">\ue04a\ufe0e\ufe0e\ufe0e Back<\/a><\/h2><br><br><br><br>\n<br>","content_no_html":"{image 49}\n\n\n\nCHEMICAL GARDEN\ue04a\ufe0e\ufe0e\ufe0e\n\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t- Narrative Centre -\n{image 29}\n\nFigure 1. Picture of chemical garden (Ste\u0301phane Querbes) The chemical garden phenomenon, also known as the water garden or the silicone garden. The experiment usually involves adding metallic salts to an aqueous solution of sodium silicate, resulting in crystalline fibrous structures that mimic the appearance of deep-sea corals and plants. The chemical garden in the experiment is like an underwater world.\n\nAs Chemical Gardens researcher Alexander Blanchard said, \"While on-Earth growth tends to be\nupward, we expect growth in random directions and a spherical shape in space at\nthe macroscopic level\" (Blanchard, 2018).\n\n\n\n- Concept -\n\nIn 2022, with the\nsupport of the Design Informatics lab and Beauty of Science, I independently designed the audio-visual interactive performance \"Chemical Garden\", and it is then staged in InSpace Gallery and WhiteSpace Gallery. With the narrative\ncentre of the classic chemical reaction \"Chemical Garden\", the\nproject aims to further investigate the future of embodied learning and the\npotential for art to shape scientific communication in different contexts. Step into a realm where the intangible data is not just observed, but also experienced.\n\n\n\n\n\n\n\n\n- Design Development -\n\n1. Visual elements extraction\n{image 36}\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\nFigure 2. Chemical reaction (Beauty of Science), and analogous coral (Birmingham\nMuseums Trust)\n\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n{image 20}\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\nFigure 3. Sketch of the visual design to mimic coral\u2019s shape\n\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n2. Audio\/Visual Interaction Workflow\n{image 24 scale=\"78\"}\n3. Audio\/Visual InteractionTesting\n{image 21 scale=\"100\"}{image 22}\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\nFigure 4. Prototype of the audio-visual interaction simulating the growth of chemical garden\n\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n- Performance -\nAudio-visual immersive performance at InSpace Gallery (2022, Edinburgh)\nRealtime Motion - Projection\n\n\n{image 41}\n{image 15}\n\n{image 16}\n\nAudio-visual immersive performance at Whitespace Gallery (2022, Edinburgh)\n\n\n{image 44}\n{image 18}\n{image 19}\n{image 17}\n\nComments: \u201cJust as no two snowflakes are ever identical, no two chemical bouquets of metallic salts in water glass are ever the in the same shape. The improvised music and the improvised \"sound painting\"; it's like a chemical reaction in that it takes the audio signals as input and produces visual and lighting signals as output. Unpredictability and freedom from repetition are the hallmarks of a spontaneous performance like an experiment.\u201d\n\n- Future of Embodied Learning -\n{image 25}\n\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\nFigure 5. Sketch of the corals, representing different metal salts, assembled into a bizarre plant-like object\n\n{image 48}\n\nFigure 6. 3D modeling of visual identity\n{image 50}\n\nConceptual Performance Exhibited at Blue Centre (2023, Shanghai)\nRealtime-Motion XR\/AR \n\n{image 49}\n\ue04a\ufe0e\ufe0e\ufe0e Back\n","content_partial_html":"<a href=\"CHEMICAL-GARDEN\" rel=\"history\" class=\"image-link\"><img width=\"1584\" height=\"1056\" width_o=\"1584\" height_o=\"1056\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/98de73d0ae46a5d81e64713f310a42157e7c80dfdb1152996dfb96edb44789fa\/ed.jpg\" data-mid=\"219587990\" border=\"0\" \/><\/a><br>\n<br>\n<br>\n<br>\n<h1>CHEMICAL GARDEN<\/h1><br><h2><a href=\"#\" rel=\"home_page\" class=\"icon-link\">\ue04a\ufe0e\ufe0e\ufe0e<\/a><br><\/h2><br>\n<br>\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t<h2><i>- Narrative Centre -<\/i><\/h2><br>\n<img width=\"1600\" height=\"1066\" width_o=\"1600\" height_o=\"1066\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/6dedc8547a4d5c25e730d9d44eebb4df90bc3923f03edba30ecdf1f13cbac66a\/Chemical-Garden.jpg\" data-mid=\"219587974\" border=\"0\" \/><br>\n<br>\nFigure 1. Picture of chemical garden (<a href=\"https:\/\/www.stephanequerbes.com\/portfolio\/magazine\/\" target=\"_blank\">Ste\u0301phane Querbes<\/a>) <br>The <b>chemical garden phenomenon<\/b>, also known as the water garden or the silicone garden. The experiment usually involves adding metallic salts to an aqueous solution of sodium silicate, resulting in crystalline fibrous structures that mimic the appearance of deep-sea corals and plants. The chemical garden in the experiment is like an underwater world.<br>\n<br>\nAs Chemical Gardens researcher Alexander Blanchard said, \"While on-Earth growth tends to be\nupward, we expect growth in random directions and a spherical shape in space at\nthe macroscopic level\" (Blanchard, 2018).<br>\n<br>\n<br>\n<br>\n<h2><i><b>- Concept -<\/b><\/i><\/h2>\n<br>\nIn 2022, with the\nsupport of the <b><i><a href=\"https:\/\/www.designinformatics.org\/\" target=\"_blank\">Design Informatics<\/a><\/i><\/b> lab and <b><i><a href=\"https:\/\/www.beautyofscience.com\/\" target=\"_blank\">Beauty of Science<\/a><\/i><\/b>, I independently designed the audio-visual interactive performance \"Chemical Garden\", and it is then staged in <i><b>InSpace Gallery<\/b><\/i> and <b><i>WhiteSpace Gallery<\/i><\/b>. With the narrative\ncentre of the classic chemical reaction \"Chemical Garden\", the\nproject aims to further investigate the future of embodied learning and the\npotential for art to shape scientific communication in different c
57ontexts. Step into a realm where the intangible data is not just observed, but also experienced.<br>\n\n\n\n\n\n\n<br><br><br><br>\n<br>\n<h2><i><b>- Design Development -<\/b><\/i><\/h2>\n<br>\n<b>1. Visual elements extraction<\/b><br>\n<br><img width=\"1280\" height=\"1361\" width_o=\"1280\" height_o=\"1361\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/d48dfa328f2507986a131bfa7ff76c78900fac984f92d0fcc65683d4d0eb088b\/figure55-05.jpg\" data-mid=\"219587978\" border=\"0\" \/>\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\nFigure 2. Chemical reaction (Beauty of Science), and analogous coral (Birmingham\nMuseums Trust)\n<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<img width=\"1068\" height=\"450\" width_o=\"1068\" height_o=\"450\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/01c672adbd0a70ae26af57251c2f0bf47f23b150bd0dc3b5806274032197b3b4\/2022-08-24-9.53.32.png\" data-mid=\"219587965\" border=\"0\" \/>\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\nFigure 3. Sketch of the visual design to mimic coral\u2019s shape<br>\n<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<b><br><br>2. Audio\/Visual Interaction Workflow<br><\/b>\n<br><img width=\"1068\" height=\"352\" width_o=\"1068\" height_o=\"352\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/1767c11734ff0d6ae0c0e142b1892b157d211af1715133881581edaba4e19f6f\/2022-08-24-9.53.14.png\" data-mid=\"219587969\" border=\"0\" data-scale=\"78\"\/><br>\n<br><b>3. Audio\/Visual InteractionTesting<\/b><br>\n<img width=\"1068\" height=\"348\" width_o=\"1068\" height_o=\"348\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/11feca6516b709d1f29c6a90bd5d903ea8f8a9555f0d28454ccf892da8b27e87\/2022-08-24-9.53.53.png\" data-mid=\"219587966\" border=\"0\" data-scale=\"100\"\/><br><img width=\"1068\" height=\"1174\" width_o=\"1068\" height_o=\"1174\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/dce3b98b05a232273909cd57f873286843a728adc582ae38ab40a2a4e75f644e\/2022-08-24-9.54.06.png\" data-mid=\"219587967\" border=\"0\" \/>\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\nFigure 4. Prototype of the audio-visual interaction simulating the growth of chemical garden<br><br>\n<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<br><h2><i><b>- Performance -<\/b><\/i><br><\/h2>\n<b><br>Audio-visual immersive performance at InSpace Gallery (2022, Edinburgh)<\/b>\nRealtime Motion - Projection<br>\n<br>\n\n<img width=\"1920\" height=\"1080\" width_o=\"1920\" height_o=\"1080\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/2d461e94e6095b8af243ed951a44952561dbb8af28eb03070eb784d32924f9de\/-31-05.png\" data-mid=\"219587983\" border=\"0\" \/>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/df4c6b5ccb940ecdf343ddeb4f0fcbad124ff7f601c92d47f0093f7cc66b67f0\/CG-1.jpg\" data-mid=\"219587960\" border=\"0\" \/>\n<iframe frameborder=\"0\" width=\"840\" height=\"472.5\" src=\"https:\/\/www.youtube.com\/embed\/IyeUIRYYtOs?si=oaCPu0pgBwr8_HSF&controls=0\" allowfullscreen=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" title=\"YouTube video player\"><\/iframe>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/72e9d526afbfb2af7be50f6fd7b144bdc659e1c840c11e3b9bc2d1480825a056\/CG-2.jpg\" data-mid=\"219587961\" border=\"0\" \/>\n<br><br><br>\nAudio-visual immersive performance at Whitespace Gallery (2022, Edinburgh)<br>\n<br>\n\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/a2ac480c0e5119aa02cbcca698f1cd00c026318a7fd25769b7b4f9af269d9f4e\/WT-4.jpg\" data-mid=\"219587986\" border=\"0\" \/>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/17787a773a0b8b394aa19b50b309364a8a7ee6580a4d11ea8e4588e51e27b823\/WT-2.
57jpg\" data-mid=\"219587963\" border=\"0\" \/>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/9995c24215704118fa4f7572f9264cdd2ecf5f183fdd83d1ee63e2d47b20394e\/WT-3.jpg\" data-mid=\"219587964\" border=\"0\" \/>\n<img width=\"2761\" height=\"1553\" width_o=\"2761\" height_o=\"1553\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/4a9cdec06d59c12cceecbd3429341ecd904b9024e999c8dbbe50c04aedb5bf0d\/WT-1.jpg\" data-mid=\"219587962\" border=\"0\" \/>\n<i><span style=\"color: #9a9a9a;\"><br>\n<\/span><\/i><i><span style=\"color: rgb(154, 154, 154); background-color: rgb(14, 1, 1);\">Comments: \u201cJust as no two snowflakes are ever identical, no two chemical bouquets of metallic salts in water glass are ever the in the same shape. The improvised music and the improvised \"sound painting\"; it's like a chemical reaction in that it takes the audio signals as input and produces visual and lighting signals as output. Unpredictability and freedom from repetition are the hallmarks of a spontaneous performance like an experiment.\u201d<\/span><\/i><br>\n<br><br>\n<h2><i><b>- Future of Embodied Learning -<\/b><\/i><br><\/h2><br>\n<img width=\"1280\" height=\"963\" width_o=\"1280\" height_o=\"963\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/2f56d5bf35dee7875ed412afefa0fc3d92f10294add206e9dc668afa0030b714\/figure6-04.jpg\" data-mid=\"219587970\" border=\"0\" \/><br>\n\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t<br>\nFigure 5. Sketch of the corals, representing different metal salts, assembled into a bizarre plant-like object<br>\n<br>\n<br><br><img width=\"1024\" height=\"1497\" width_o=\"1024\" height_o=\"1497\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/d9f4a751b58c5834f6277324e9299a1b4f7f621472102c816ae2279ff054cea9\/Rendering.jpg\" data-mid=\"219587989\" border=\"0\" \/><br>\n<br>\nFigure 6. 3D modeling of visual identity<br>\n<br><img width=\"1346\" height=\"897\" width_o=\"1346\" height_o=\"897\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/ab58c5bcd3aacc0ec5afdc03f04b9cadfa29258b66d5cc6be25761d667bb7b91\/qq8779_A_performance_combining_music_and_projections_the_theme__da68388e-8643-40ac-ac48-a5b2704d0d90.jpg\" data-mid=\"219587991\" border=\"0\" \/><br>\n<br><br>\nConceptual Performance Exhibited at Blue Centre (2023, Shanghai)<br>\n<i><b><i>
57Realtime-Motion XR\/AR <\/i><\/b><\/i><br>\n<br>\n<img width=\"1584\" height=\"1056\" width_o=\"1584\" height_o=\"1056\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/98de73d0ae46a5d81e64713f310a42157e7c80dfdb1152996dfb96edb44789fa\/ed.jpg\" data-mid=\"219587990\" border=\"0\" \/><br>\n<br><br><br><h2><a href=\"#\" rel=\"home_page\">\ue04a\ufe0e\ufe0e\ufe0e Back<\/a><\/h2><br><br><br><br>\n<br>","thumb":"219587960","thumb_meta":{"thumbnail_crop":{"percentWidth":"133.3386992916935","marginLeft":-16.6693,"marginTop":0,"imageModel":{"id":219587960,"project_id":36794892,"image_ref":"{image 15}","name":"CG-1.jpg","hash":"df4c6b5ccb940ecdf343ddeb4f0fcbad124ff7f601c92d47f0093f7cc66b67f0","width":2761,"height":1553,"sort":0,"exclude_from_backdrop":false,"date_added":"1660776994"},"stored":{"ratio":56.247736327418,"crop_ratio":"4x3"},"cropManuallySet":true}},"thumb_is_visible":true,"sort":3,"index":0,"set_id":36794891,"page_options":{"using_local_css":true,"local_css":"[local-style=\"36794892\"] .container_width {\n\twidth: 56% \/*!variable_defaults*\/;\n}\n\n[local-style=\"36794892\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"36794892\"] .backdrop {\n}\n\n[local-style=\"36794892\"] .page {\n\tbackground-color: #fff \/*!page_bgcolor*\/;\n}\n\n[local-style=\"36794892\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"36794892\"] .content_padding {\n\tpadding-top: 3.3rem \/*!main_margin*\/;\n\tpadding-bottom: 3.3rem \/*!main_margin*\/;\n\tpadding-left: 3.3rem \/*!main_margin*\/;\n\tpadding-right: 3.3rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] small a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794892\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"#fff","content_width":"56","main_margin":"3.3","main_margin_top":"3.3","main_margin_right":"3.3","main_margin_bottom":"3.3","main_margin_left":"3.3"}},"set_open":false,"images":[{"id":219587960,"project_id":36794892,"image_ref":"{image 15}","name":"CG-1.jpg","hash":"df4c6b5ccb940ecdf343ddeb4f0fcbad124ff7f601c92d47f0093f7cc66b67f0","width":2761,"height":1553,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642795"},{"id":219587961,"project_id":36794892,"image_ref":"{image 16}","name":"CG-2.jpg","hash":"72e9d526afbfb2af7be50f6fd7b144bdc659e1c840c11e3b9bc2d1480825a056","width":2761,"height":1553,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642795"},{"id":219587962,"project_id":36794892,"image_ref":"{image 17}","name":"WT-1.jpg","hash":"4a9cdec06d59c12cceecbd3429341ecd904b9024e999c8dbbe50c04aedb5bf0d","width":2761,"height":1553,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642795"},{"id":219587963,"project_id":36794892,"image_ref":"{image 18}","name":"WT-2.jpg","hash":"17787a773a0b8b394aa19b50b309364a8a7ee6580a4d11ea8e4588e51e27b823","width":2761,"height":1553,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642795"},{"id":219587964,"project_id":36794892,"image_ref":"{image 19}","name":"WT-3.jpg","hash":"9995c24215704118fa4f7572f9264cdd2ecf5f183fdd83d1ee63e2d47b20394e","width":2761,"height":1553,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642795"},{"id":219587965,"project_id":36794892,"image_ref":"{image 20}","name":"2022-08-24-9.53.32.png","hash":"01c672adbd0a70ae26af57251c2f0bf47f23b150bd0dc3b5806274032197b3b4","width":1068,"height":450,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587966,"project_id":36794892,"image_ref":"{image 21}","name":"2022-08-24-9.53.53.png","hash":"11feca6516b709d1f29c6a90bd5d903ea8f8a9555f0d28454ccf892da8b27e87","width":1068,"height":348,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587967,"project_id":36794892,"image_ref":"{image 22}","name":"2022-08-24-9.54.06.png","hash":"dce3b98b05a232273909cd57f873286843a728adc582ae38ab40a2a4e75f644e","width":1068,"height":1174,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587968,"project_id":36794892,"image_ref":"{image 23}","name":"CG4.jpg","hash":"4b86c71d98c2fe6ccb988be2db10cb315ef930c6574aa6df38cd4b046235f3a4","width":2761,"height":1553,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587969,"project_id":36794892,"image_ref":"{image 24}","name":"2022-08-24-9.53.14.png","hash":"1767c11734ff0d6ae0c0e142b1892b157d211af1715133881581edaba4e19f6f","width":1068,"height":352,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587970,"project_id":36794892,"image_ref":"{image 25}","name":"figure6-04.jpg","hash":"2f56d5bf35dee7875ed412afefa0fc3d92f10294add206e9dc668afa0030b714","width":1280,"he
57ight":963,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587971,"project_id":36794892,"image_ref":"{image 26}","name":"1-03.jpg","hash":"2ba76026ada0041fbb54ff332b678bd08e611576ce7f59fed950ff7bce6093f8","width":2077,"height":3413,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587972,"project_id":36794892,"image_ref":"{image 27}","name":"2022-08-24-10.08.17.png","hash":"61cac8c3f99dbe285baba7f0678b683470be37c103c59a64b179ede5aed7116e","width":1230,"height":954,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587973,"project_id":36794892,"image_ref":"{image 28}","name":"Chemical-Reaction.gif","hash":"9b696207b11ecd6396c868262801731074a2edd4f1c792e70fc8de53af5edc8c","width":950,"height":721,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587974,"project_id":36794892,"image_ref":"{image 29}","name":"Chemical-Garden.jpg","hash":"6dedc8547a4d5c25e730d9d44eebb4df90bc3923f03edba30ecdf1f13cbac66a","width":1600,"height":1066,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587975,"project_id":36794892,"image_ref":"{image 30}","name":"Conceptual-Performance-2.png","hash":"e0978587bf7ef23d16c845728d06474aa6be2b0eebbd99f4a47f79378f8a7255","width":1536,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642796"},{"id":219587976,"project_id":36794892,"image_ref":"{image 33}","name":"2024-01-25-16.44.45.png","hash":"d68261799b7da8c8b45535c0d56156ebf512ece76e5af72272b9a086f3145ecc","width":1109,"height":310,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587977,"project_id":36794892,"image_ref":"{image 35}","name":"ed.png","hash":"91b5527aaf81ed72744cebf5395e2879280c8b7ed10e036e59241daadbf2c751","width":1024,"height":1536,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587978,"project_id":36794892,"image_ref":"{image 36}","name":"figure55-05.jpg","hash":"d48dfa328f2507986a131bfa7ff76c78900fac984f92d0fcc65683d4d0eb088b","width":1280,"he
57ight":1361,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587979,"project_id":36794892,"image_ref":"{image 37}","name":"2022-08-04-12.14.33.png","hash":"160996e5b1cfc6ada9a7e6977eb931ac23371d157fb7a4d7a344f9e7a0721b77","width":2848,"height":1552,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587980,"project_id":36794892,"image_ref":"{image 38}","name":"2022-08-04-12.12.36.png","hash":"fb3a814f915e205baefecf46082cfac20a4d649a9f30104bb4158d004eacfcaf","width":2848,"height":1552,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587981,"project_id":36794892,"image_ref":"{image 39}","name":"untitled.1745023.jpg","hash":"442ebe3d08adcf94feb6b415cd62b77a2942f64ddd8441ae2e9189e46fc36661","width":1920,"height":3413,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587982,"project_id":36794892,"image_ref":"{image 40}","name":"Rendering.png","hash":"7f3461353a52001c8772275ea82865a3c758c9de87fdba60383fc23a61b51ed7","width":1024,"height":1536,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587983,"project_id":36794892,"image_ref":"{image 41}","name":"-31-05.png","hash":"2d461e94e6095b8af243ed951a44952561dbb8af28eb03070eb784d32924f9de","width":1920,"height":1080,"s
57ort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587984,"project_id":36794892,"image_ref":"{image 42}","name":"qq8779_A_performance_combining_music_and_projections_the_theme__7e7b7f29-c7b8-48ba-aa4b-c04959cc2823.png","hash":"d2e0325b321864f2665dc93650c46395d0c3a0456c256a42582a1a84e7803f40","width":1536,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587985,"project_id":36794892,"image_ref":"{image 43}","name":"qq8779_A_performance_combining_music_and_projections_the_theme__85387435-63e0-40d4-bc83-ff8acabb5032.png","hash":"e31bc6b66b6468afb0d05f21627f9c6f9269ce5b11b095f69401af6240ed33fe","width":1536,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587986,"project_id":36794892,"image_ref":"{image 44}","name":"WT-4.jpg","hash":"a2ac480c0e5119aa02cbcca698f1cd00c026318a7fd25769b7b4f9af269d9f4e","width":2761,"height":1553,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642797"},{"id":219587987,"project_id":36794892,"image_ref":"{image 45}","name":"2023-07-21-10.45.43.png","hash":"4fbf36f937a2c28fb751a1dd06e8e21f19592f8315e9e9afcc5a1edb3ad5c496","width":2728,"height":1614,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642798"},{"id":219587988,"project_id":36794892,"image_ref":"{image 47}","name":"2024-01-27-18.06.03.jpg","hash":"d9748c8557e141e3d94354a8e3a5dea6e210f4253a387d0103e9e628596e6525","width":1733,"height":277,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642798"},{"id":219587989,"project_id":36794892,"image_ref":"{image 48}","name":"Rendering.jpg","hash":"d9f4a751b58c5834f6277324e9299a1b4f7f621472102c816ae2279ff054cea9","width":1024,"height":1497,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642798"},{"id":219587990,"project_id":36794892,"image_ref":"{image 49}","name":"ed.jpg","hash":"98de73d0ae46a5d81e64713f310a42157e7c80dfdb1152996dfb96edb44789fa","width":1584,"height":1056,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642798"},{"id":219587991,"project_id":36794892,"image_ref":"{image 50}","name":"qq8779_A_performance_combining_music_and_projections_the_theme__da68388e-8643-40ac-ac48-a5b2704d0d90.jpg","hash":"ab58c5bcd3aacc0ec5afdc03f04b9cadfa29258b66d5cc6be25761d667bb7b91","width":1346,"height":897,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642798"},{"id":219587992,"project_id":36794892,"image_ref":"{image 51}","name":"qq8779_A_performance_combining_music_and_projections_the_theme__3f82bb38-917d-418d-9de5-811c8d7f52d5.jpg","hash":"0cc1493222e25a2ae659c4afa3adf3547766cee8a914ac4cbbaa78e8bb133124","width":1536,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642798"},{"id":219587993,"project_id":36794892,"image_ref":"{image 52}","name":"qq8779_Three_angles_of_an_electronic_music_performance_combinin_bbdcab14-2b68-4445-9f6f-ba99241bab93.jpg","hash":"5fe31fd36beae12f762a669a724f51917da08e58a5c7888e04730ed27ed6899f","width":1374,"height":916,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642798"},{"id":219587994,"project_id":36794892,"image_ref":"{image 54}","name":"Conceptual-Performance-2.jpg","hash":"cd263c2d870b810534a6b38419e250f1ec1cbf6695e67ff02a7c04dcefc6e6ad","width":1828,"height":1218,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642798"}],"backdrop":null}]},{"id":36794905,"title":"Pages","project_url":"Pages","set_id":0,"is_homepage":false,"pin":false,"is_set":true,"in_nav":false,"stack":false,"sort":17,"index":2,"page_count":0,"pin_position":null,"thumbnail_options":null,"pages":[{"id":36794907,"site_id":2575319,"project_url":"Footer","direct_link":"https:\/\/6lieprojects.com\/Footer","type":"page","title":"Footer","title_no_html":"Footer","tags":"","display":false,"pin":true,"pin_options":{"position":"bottom","overlay":true,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"INDEX \u00a0NEXT\ue04b\ufe0e\ufe0e\ufe0e","content":"<hr><br>\n\n<a href=\"#\" rel=\"home_page\">INDEX<\/a> <a href=\"#\" rel=\"next_page\">NEXT\ue04b\ufe0e\ufe0e\ufe0e<\/a>","content_no_html":"\n\nINDEX NEXT\ue04b\ufe0e\ufe0e\ufe0e","content_partial_html":"<hr><br>\n\n<a href=\"#\" rel=\"home_page\">INDEX<\/a> <a href=\"#\" rel=\"next_page\">NEXT\ue04b\ufe0e\ufe0e\ufe0e<\/a>","thumb":"","thumb_meta":null,"thumb_is_visible":false,"sort":19,"index":0,"set_id":36794905,"page_options":{"using_local_css":true,"local_css":"[local-style=\"36794907\"] .container_width {\n\twidth: 100% \/*!variable_defaults*\/;\n}\n\n[local-style=\"36794907\"] body {\n}\n\n[local-style=\"36794907\"] .backdrop {\n}\n\n[local-style=\"36794907\"] .page {\n}\n\n[local-style=\"36794907\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"36794907\"] .content_padding {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] small a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794907\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"","content_width":"100"},"pin_options":{"position":"bottom","overlay":true,"accommodate":true}},"set_open":false,"images":[],"backdrop":null}]},{"id":36794908,"site_id":2575319,"project_url":"Right-info-panel","direct_link":"https:\/\/6lieprojects.com\/Right-info-panel","type":"page","title":"Right info panel","title_no_html":"Right info panel","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":true,"fixed":true,"exclude_mobile":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"JIARONG YU\n\t\n\n\nJiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied informatics....","content":"<hr>\n<br>\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"11\" grid-pad=\"2\"><h1><b><a href=\"#\" rel=\"home_page\">JIARONG YU<\/a><\/b><\/h1><\/div>\n\t<div grid-col=\"1\" grid-pad=\"2\"><\/div>\n<\/div><br>\n<small><span style=\"background-color: initial;\"><span style=\"background-color: initial;\">Jiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied informatics. Under the alias \"<b>6Li\u00e8<\/b>,\" she has been very active in <b>STEM<\/b><strong>\/STEAM Integration (science, technology, engineering, arts, and mathematics)<\/strong>, exploring the potential of Human-AI collaboration, Human-Computer Interaction, and Immersive Technology for future learning experiences and human cognition, and discussing how humanity and technology shape each other. She has been launching spatial immersive experience projects, fusing multi-modal AI, Game Engine, Extended Reality, Robotics, and Mechanical & Interactive Installation.<\/span><\/span><span style=\"background-color: initial;\"><\/span><\/small><br><br>\n<br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"#\" rel=\"home_page\">Home<\/a>\n<br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"contact-form\" rel=\"history\">Email<\/a><br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"Human-AI-Workshop-Performance\" rel=\"history\">Events<\/a>\n<br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"https:\/\/6liemusic.bandcamp.com\" target=\"_blank\">Music<\/a>\n<br>\n\ue04e\ufe0e\ufe0e\ufe0e <a href=\"https:\/\/www.instagram.com\/666lie\/\" target=\"_blank\">Instagram<\/a><br>\n\ue04e\ufe0e\ufe0e\ufe0e <a href=\"http:\/\/www.linkedin.com\/in\/jiarongyu6\" target=\"_blank\">Linkedin<\/a><br>\n<br>\n<hr><div style=\"text-align: right\"><\/div><br>\n\ue151\ufe0e\ufe0e\ufe0e Work for\/with<br>\n<br>\n<a href=\"#\" rel=\"home_page\" class=\"image-link\"><img width=\"1300\" height=\"455\" width_o=\"1300\" height_o=\"455\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/6b67bf99a72778adadb532fadc9632f7874e5b2884d4b6812e402270af9af1d1\/logoss.jpg\" data-mid=\"225387155\" border=\"0\" \/><\/a><br>\n\n<br>\n<br>","content_no_html":"\n\n\n\tJIARONG YU\n\t\n\nJiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied informatics. Under the alias \"6Li\u00e8,\" she has been very active in STEM\/STEAM Integration (science, technology, engineering, arts, and mathematics), exploring the potential of Human-AI collaboration, Human-Computer Interaction, and Immersive Technology for future learning experiences and human cognition, and discussing how humanity and technology shape each other. She has been launching spatial immersive experience projects, fusing multi-modal AI, Game Engine, Extended Reality, Robotics, and Mechanical & Interactive Installation.\n\ue04e\ufe0e\ufe0e\ufe0e Home\n\ue04e\ufe0e\ufe0e\ufe0e Email\ue04e\ufe0e\ufe0e\ufe0e Events\n\ue04e\ufe0e\ufe0e\ufe0e Music\n\n\ue04e\ufe0e\ufe0e\ufe0e Instagram\n\ue04e\ufe0e\ufe0e\ufe0e Linkedin\n\n\n\ue151\ufe0e\ufe0e\ufe0e Work for\/with\n\n{image 19}\n\n\n","content_partial_html":"<hr>\n<br>\n\n\t<h1><b><a href=\"#\" rel=\"home_page\">JIARONG YU<\/a><\/b><\/h1>\n\t\n<br>\n<span style=\"background-color: initial;\"><span style=\"background-color: initial;\">Jiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied informatics. Under the alias \"<b>6Li\u00e8<\/b>,\" she has been very active in <b>STEM<\/b><strong>\/STEAM Integration (science, technology, engineering, arts, and mathematics)<\/strong>, exploring the potential of Human-AI collaboration, Human-Computer Interaction, and Immersive Technology for future learning experiences and human cognition, and discussing how humanity and technology shape each other. She has been launching spatial immersive experience projects, fusing multi-modal AI, Game Engine, Extended Reality, Robotics, and Mechanical & Interactive Installation.<\/span><\/span><span style=\"background-color: initial;\"><\/span><br><br>\n<br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"#\" rel=\"home_page\">Home<\/a>\n<br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"contact-form\" rel=\"history\">Email<\/a><br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"Human-AI-Workshop-Performance\" rel=\"history\">Events<\/a>\n<br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"https:\/\/6liemusic.bandcamp.com\" target=\"_blank\">Music<\/a>\n<br>\n\ue04e\ufe0e\ufe0e\ufe0e <a href=\"https:\/\/www.instagram.com\/666lie\/\" target=\"_blank\">Instagram<\/a><br>\n\ue04e\ufe0e\ufe0e\ufe0e <a href=\"http:\/\/www.linkedin.com\/in\/jiarongyu6\" target=\"_blank\">Linkedin<\/a><br>\n<br>\n<hr><br>\n\ue151\ufe0e\ufe0e\ufe0e Work for\/with<br>\n<br>\n<a href=\"#\" rel=\"home_page\" class=\"image-link\"><img width=\"1300\" height=\"455\" width_o=\"1300\" height_o=\"455\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/6b67bf99a72778adadb532fadc9632f7874e5b2884d4b6812e402270af9af1d1\/logoss.jpg\" data-mid=\"225387155\" border=\"0\" \/><\/a><br>\n\n<br>\n<br>","thumb":"219588335","thumb_meta":{"thumbnail_crop":{"percentWidth":"197.63736263736266","marginLeft":-48.8187,"marginTop":0,"imageModel":{"id":219588335,"project_id":36794908,"image_ref":"{image 14}","name":"Logo-collection.jpg","hash":"65a84a2a1457dfd53ea2f88b3d240e2f5ccd536a6901fb57b1cba6c2690fce75","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},"stored":{"ratio":37.948290241868,"crop_ratio":"4x3"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":20,"index":0,"set_id":0,"page_options":{"using_local_css":true,"local_css":"[local-style=\"36794908\"] .container_width {\n\twidth: 30% \/*!variable_defaults*\/;\n}\n\n[local-style=\"36794908\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"36794908\"] .backdrop {\n}\n\n[local-style=\"36794908\"] .page {\n}\n\n[local-style=\"36794908\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"36794908\"] .content_padding {\n\tpadding-left: 0rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] small a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794908\"] small a:hover {\n}\n\n[local-style=\"36794908\"] .container {\n\tmargin-left: auto \/*!content_right*\/;\n\tmargin-right: 0 \/*!content_right*\/;\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"content_position":"right_cover","content_width":"30","full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"","main_margin_left":"0"},"pin_options":{"position":"top","overlay":true,"fixed":true,"exclude_mobile":true}},"set_open":false,"images":[{"id":219588335,"project_id":36794908,"image_ref":"{image 14}","name":"Logo-collection.jpg","hash":"65a84a2a1457dfd53ea2f88b3d240e2f5ccd536a6901fb57b1cba6c2690fce75","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},{"id":219588336,"project_id":36794908,"image_ref":"{image 15}","name":"Logo.jpg","hash":"cc97d6223261dc1227d658fb057e8ea9ab037be4c83a7d41d950c040f85000fd","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},{"id":219588337,"project_id":36794908,"image_ref":"{image 16}","name":"dddd.png","hash":"833d201976458bdc9ed718a674cd31420ba436c5b5d2ab8a06545897df080755","width":1024,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},{"id":219588338,"project_id":36794908,"image_ref":"{image 17}","name":"Logo.jpg","hash":"51182ac1c15da923f37b5e65949827fbfa94e5f64e7509acdc611932fe9a19b0","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},{"id":219588339,"project_id":36794908,"image_ref":"{image 18}","name":"Logo.jpg","hash":"616005e045dffe8181a6f8d34d4ef22b5f569655fb4138cb6b4b5b18417ae675","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},{"id":225387155,"project_id":36794908,"image_ref":"{image 19}","name":"logoss.jpg","hash":"6b67bf99a72778adadb532fadc9632f7874e5b2884d4b6812e402270af9af1d1","width":1300,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1737628365"}],"backdrop":null},{"id":36794909,"site_id":2575319,"project_url":"Info-panel-mobile","direct_link":"https:\/\/6lieprojects.com\/Info-panel-mobile","type":"page","title":"Info panel \u2014\u00a0mobile","title_no_html":"Info panel \u2014\u00a0mobile","tags":"","display":false,"pin":true,"pin_options":{"position":"top","overlay":true,"fixed":false,"exclude_mobile":false,"exclude_desktop":true,"accommodate":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"JIARONG YU\n\tEdinburgh\n\nLondon\n\n
57\n\n\nJiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied...","content":"<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\">\n\t<div grid-col=\"7\" grid-pad=\"2\"><h2>JIARONG YU<\/h2><\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\" class=\"\"><div style=\"text-align: right;\"><span style=\"color: rgba(0, 0, 0, 0.4);\">Edinburgh<br>\nLondon<\/span><\/div><\/div>\n<\/div><br>\n<br>\n<small><span style=\"background-color: initial;\">Jiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied informatics. Under the alias \"<b>6Li\u00e8<\/b>,\" she has been very active in <b>STEM<\/b><strong>\/STEAM Integration (science, technology, engineering, arts, and mathematics)<\/strong>, exploring the potential of Human-AI collaboration, Human-Computer Interaction, and Immersive Technology for future learning experiences and human cognition, and discussing how humanity and technology shape each other. She has been launching spatial immersive experience projects, fusing multi-modal AI, Game Engine, Extended Reality, Robotics, and Mechanical & Interactive Installation.<\/span><\/small><br>\n<br>\n<a href=\"#\" rel=\"home_page\" class=\"image-link\"><img width=\"1300\" height=\"455\" width_o=\"1300\" height_o=\"455\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/d8a40eb15b0c22d6ba2b83ad561c1ef74edd2efc95d8541c4124e2cab72109a4\/logoss.jpg\" data-mid=\"225387178\" border=\"0\" \/><\/a><br>\n<br>\n<hr>\n<br>\n\ue04e\ufe0e\ufe0e\ufe0e <a href=\"contact-form\" rel=\"history\">Email<\/a><br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"https:\/\/6liemusic.bandcamp.com\" target=\"_blank\">Music<\/a>\n<br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"https:\/\/www.instagram.com\/666lie\/\" target=\"_blank\">Instagram<\/a><br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"http:\/\/www.linkedin.com\/in\/jiarongyu6\" target=\"_blank\">Linkedin<\/a><a href=\"contact-form\" rel=\"history\"><\/a>\n<br>","content_no_html":"\n\tJIARONG YU\n\tEdinburgh\nLondon\n\n\nJiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied informatics. Under the alias \"6Li\u00e8,\" she has been very active in STEM\/STEAM Integration (science, technology, engineering, arts, and mathematics), exploring the potential of Human-AI collaboration, Human-Computer Interaction, and Immersive Technology for future learning experiences and human cognition, and discussing how humanity and technology shape each other. She has been launching spatial immersive experience projects, fusing multi-modal AI, Game Engine, Extended Reality, Robotics, and Mechanical & Interactive Installation.\n\n{image 6}\n\n\n\n\ue04e\ufe0e\ufe0e\ufe0e Email\ue04e\ufe0e\ufe0e\ufe0e Music\n\ue04e\ufe0e\ufe0e\ufe0e Instagram\ue04e\ufe0e\ufe0e\ufe0e Linkedin\n","content_partial_html":"\n\t<h2>JIARONG YU<\/h2>\n\t<span style=\"color: rgba(0, 0, 0, 0.4);\">Edinburgh<br>\nLondon<\/span>\n<br>\n<br>\n<span style=\"background-color: initial;\">Jiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied informatics. Under the alias \"<b>6Li\u00e8<\/b>,\" she has been very active in <b>STEM<\/b><strong>\/STEAM Integration (science, technology, engineering, arts, and mathematics)<\/strong>, exploring the potential of Human-AI collaboration, Human-Computer Interaction, and Immersive Technology for future learning experiences and human cognition, and discussing how humanity and technology shape each other. She has been launching spatial immersive experience projects, fusing multi-modal AI, Game Engine, Extended Reality, Robotics, and Mechanical & Interactive Installation.<\/span><br>\n<br>\n<a href=\"#\" rel=\"home_page\" class=\"image-link\"><img width=\"1300\" height=\"455\" width_o=\"1300\" height_o=\"455\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/d8a40eb15b0c22d6ba2b83ad561c1ef74edd2efc95d8541c4124e2cab72109a4\/logoss.jpg\" data-mid=\"225387178\" border=\"0\" \/><\/a><br>\n<br>\n<hr>\n<br>\n\ue04e\ufe0e\ufe0e\ufe0e <a href=\"contact-form\" rel=\"history\">Email<\/a><br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"https:\/\/6liemusic.bandcamp.com\" target=\"_blank\">Music<\/a>\n<br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"https:\/\/www.instagram.com\/666lie\/\" target=\"_blank\">Instagram<\/a><br>\ue04e\ufe0e\ufe0e\ufe0e <a href=\"http:\/\/www.linkedin.com\/in\/jiarongyu6\" target=\"_blank\">Linkedin<\/a><a href=\"contact-form\" rel=\"history\"><\/a>\n<br>","thumb":"219588340","thumb_meta":{"thumbnail_crop":{"percentWidth":"197.63736263736266","marginLeft":-48.8187,"marginTop":0,"imageModel":{"id":219588340,"project_id":36794909,"image_ref":"{image 2}","name":"Logo-collection.jpg","hash":"02ef37a6017c6618311d7b0c65a5f311ceb9cf8d2d0fbf152bdc0620e917df6d","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},"stored":{"ratio":37.948290241868,"crop_ratio":"4x3"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":21,"index":0,"set_id":0,"page_options":{"using_local_css":false,"local_css":"[local-style=\"36794909\"] .container_width {\n}\n\n[local-style=\"36794909\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"36794909\"] .backdrop {\n}\n\n[local-style=\"36794909\"] .page {\n}\n\n[local-style=\"36794909\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"36794909\"] .content_padding {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] small a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794909\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":""},"pin_options":{"position":"top","overlay":true,"fixed":false,"exclude_mobile":false,"exclude_desktop":true,"accommodate":true}},"set_open":false,"images":[{"id":219588340,"project_id":36794909,"image_ref":"{image 2}","name":"Logo-collection.jpg","hash":"02ef37a6017c6618311d7b0c65a5f311ceb9cf8d2d0fbf152bdc0620e917df6d","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},{"id":219588341,"project_id":36794909,"image_ref":"{image 3}","name":"Logo.jpg","hash":"46d99200c942fd5fce7fae9477a273c4664ce1c8156be2cb1af96876a5384774","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},{"id":219588342,"project_id":36794909,"image_ref":"{image 4}","name":"Logo.jpg","hash":"01f9a6ffe573de8ab2ff1dd1f31bc4769d7e1f1a5f438eff5f1c51314cce0a33","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642823"},{"id":219588343,"project_id":36794909,"image_ref":"{image 5}","name":"Logo.jpg","hash":"cc226fe7b0d768b8e91fa71a86157ffe665817947a94f1dd24bc40ac8eef5c1c","width":1199,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":225387178,"project_id":36794909,"image_ref":"{image 6}","name":"logoss.jpg","hash":"d8a40eb15b0c22d6ba2b83ad561c1ef74edd2efc95d8541c4124e2cab72109a4","width":1300,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1737628487"}],"backdrop":null},{"id":36794910,"site_id":2575319,"project_url":"Right-footer","direct_link":"https:\/\/6lieprojects.com\/Right-footer","type":"page","title":"Right footer","title_no_html":"Right footer","tags":"","display":false,"pin":true,"pin_options":{"position":"bottom","overlay":true,"fixed":true,"exclude_mobile":true},"in_nav":false,"is_homepage":false,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"\u00a9 2025 JIARONG YU","content":"<span style=\"color: rgba(0, 0, 0, 0.4);\">\u00a9 2025 JIARONG YU<\/span>","content_no_html":"\u00a9 2025 JIARONG YU","content_partial_html":"<span style=\"color: rgba(0, 0, 0, 0.4);\">\u00a9 2025 JIARONG YU<\/span>","thumb":"","thumb_meta":null,"thumb_is_visible":false,"sort":22,"index":0,"set_id":0,"page_options":{"using_local_css":true,"local_css":"[local-style=\"36794910\"] .container_width {\n\twidth: 30% \/*!variable_defaults*\/;\n}\n\n[local-style=\"36794910\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"36794910\"] .backdrop {\n}\n\n[local-style=\"36794910\"] .page {\n}\n\n[local-style=\"36794910\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"36794910\"] .content_padding {\n\tpadding-left: 1rem \/*!main_margin*\/;\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] small a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794910\"] small a:hover {\n}\n\n[local-style=\"36794910\"] .container {\n\tmargin-left: auto \/*!content_right*\/;\n\tmargin-right: 0 \/*!content_right*\/;\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"content_position":"right_cover","content_width":"30","full_height":false,"advanced_padding_enabled":true,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":"","main_margin_left":"1"},"pin_options":{"position":"bottom","overlay":true,"fixed":true,"exclude_mobile":true}},"set_open":false,"images":[],"backdrop":null},{"id":36794911,"site_id":2575319,"project_url":"Overview","direct_link":"https:\/\/6lieprojects.com\/Overview","type":"page","title":"Overview","title_no_html":"Overview","tags":"","display":false,"pin":false,"pin_options":{},"in_nav":false,"is_homepage":true,"backdrop_enabled":false,"is_set":false,"stack":false,"excerpt":"00\u00a0I AND AI: MIRROR\n\n\ue04b\ufe0e\ufe0e\ufe0e Immersive Exhibition | Performance\n\ue04b\ufe0e\ufe0e\ufe0e Immersive Arts UK 2025 Awardee\n\n\nAn\nimmersive experience about human-AI...","content":"<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\"><div grid-col=\"5\" grid-pad=\"2\" class=\"\"><a href=\"I-AI-Mirror\" rel=\"history\" class=\"image-link\"><img width=\"1344\" height=\"960\" width_o=\"1344\" height_o=\"960\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/f0b6a387ed7b8e20f1597fc4c9008144803a303634d05cc41c9a612c68636318\/cover_JR-YU.jpg\" data-mid=\"244882568\" border=\"0\" \/><\/a><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\" class=\"\"><br>\n<h2>00 <a href=\"I-AI-Mirror\" rel=\"history\">I AND AI: MIRROR<\/a><\/h2><br>\n<b><small><i>\ue04b\ufe0e\ufe0e\ufe0e Immersive Exhibition | Performance<\/i><\/small><br><small><i>\ue04b\ufe0e\ufe0e\ufe0e Immersive Arts UK 2025 Awardee<\/i><\/small><\/b><br><small><br>\nAn\nimmersive experience about human-AI intimacy where the audience interacts with\na generative mirror-self and rethinks the way human and AI observe, reflect and shape\neach other. \n\n\n\n\n\n\n\n\n\n\nSupported\nby <b><i>Immersive Arts UK<\/i><\/b>, <i><b>Cryptic<\/b><\/i>, the<i><b> UKRI Innovate UK Immersive Tech Network<\/b><\/i>,\n<b><i>Co-STEAM<\/i><\/b>, the <i><b>Institute for Design Informatics<\/b><\/i>, and <b><i>Inspace<\/i><\/b>. This is the prototype presentation of this project, a pop-up exhibition and performance at\nInspace, Edinburgh, which is set to expand into a major exhibition in 2026 and 2027.
57<br>\n\n\n\n\n\n\n<\/small><br>\n<br>\n<\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\"><br>\n<span style=\"color: #343434;\"><b>Pop-up Exhibition<\/b>\n\n\n\n<br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nOct 2025\n \n\n\n\n\n<br>\n<br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<b>Performance<\/b>\n\n\n\n<br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nOct 2025 \n\n\n\n<\/span><br>\n<br><\/div><\/div><hr><div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\"><div grid-col=\"5\" grid-pad=\"2\" class=\"\"><br>\n<a href=\"Human-AI-Codesign-For-Future-Learning\" rel=\"history\" class=\"image-link\"><img width=\"1584\" height=\"1056\" width_o=\"1584\" height_o=\"1056\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/696e55c89af4c57cd3a2e20d649c854914e956ca58943d03886fa872289de0dc\/Chemical-Garden.jpg\" data-mid=\"219588390\" border=\"0\" \/><\/a><br>\n<br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\"><br>\n<h2>01 <a href=\"CHEMICAL-GARDEN\" rel=\"history\">CHEMICAL GARDEN<\/a><\/h2><br>\n<b><small><i>\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Interactive Performance<\/i><\/small><br><small><i>\ue04b\ufe0e\ufe0e\ufe0e <\/i><\/small><small><i>Blue Centre \u00b7 Inspace Gallery<\/i><\/small><\/b><br><small><br>In 2022, with the\nsupport of the <i><b>Design Informatics<\/b><\/i> and <i><b>Beauty of Science<\/b><\/i>,\nan audio-visual interactive performance <i><b>Chemical Garden<\/b><\/i> was\ndesigned and staged in <i><b>InSpace Gallery<\/b><\/i> , <i><b>WhiteSpace Gallery<\/b><\/i> and <i><b>Blue Centre<\/b><\/i> with the narrative\ncentre of the classic chemical reaction \"Chemical Garden\". The\nproject aims to further investigate the future of embodied learning and the\npotential for immersive experience to shape scientific communication in different contexts.<\/small><br>\n<br>\n<\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\"><br>\n<span style=\"color: #343434;\">Jun 2023 -<br>Jul 2023<br>\n<br>Jun 2022 -<br> Jul 2022<\/span><br><\/div><\/div><hr><div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"5\" grid-pad=\"2\" class=\"\"><br>\n<a href=\"https:\/\/sites.gold.ac.uk\/costarforesightlab\/2024\/12\/12\/introduction-to-moments\/\" class=\"image-link\" target=\"_blank\"><img width=\"3587\" height=\"5381\" width_o=\"3587\" height_o=\"5381\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/65be46af63ac9e7d77488f427b29c1b7084e614fd212a39a963bf3de5db3f026\/CoSTAR-RGB_01.jpg\" data-mid=\"225385951\" border=\"0\" \/><\/a><br>\n<br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\"><h2><\/h2><br>\n<h2>02 <a href=\"https:\/\/www.costarnetwork.co.uk\/labs\/foresight-lab\/our-research-practices\" target=\"_blank\">CREATIVE ALCHEMY<\/a> <\/h2><br>\n<b><small><i>\ue04b\ufe0e\ufe0e\ufe0e Speculative Scenario Art<\/i><\/small><br><small><i>\ue04b\ufe0e\ufe0e\ufe0e CoSTAR Foresight Lab<\/i><\/small><\/b><br><small><br><\/small><br><small>Based on the narratives from the <i><b>CoSTAR Foresight Lab<\/b><\/i>, I created speculative visuals for three scenarios: data alchemy, creative independent union, and new vintage, blending Rococo sci-fi aesthetics with realism. By fusing classical, ecological, retro, and cyber elements, I tried to envision the tangible futures through 3D modelling, StyleGAN portrait generation, illustration, and digital collage. In data alchemy, an underground digital furnace symbolises grassroots movements and bottom-up machine learning. Drawing from \u201calchemical symbols,\" I layered image data elements like male lions, flowers, flames, and female human faces to \u201csimulate\u201d the alchemical process. Creative independent union uses a blockchain-represented mirror to reflect empowered creative users shaping the distributed platform landscape. New vintage depicts audiences watching performances with archaic media (traditional creators are using them to create and experience), exploring how present memories could become cultural treasures in future personas. This work reflects a close and deep collaboration with the CoSTAR Foresight Lab team, from early sketches and aesthetic development to refining the relationship between identity, personas, and future scenarios. Through this process, to shape a critical vision of speculative futures.\n<div style=\"text-align: left;\"><\/div><\/small><br>\n<br>\n<\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\"><br>\n<span style=\"color: #343434;\">Oct 2024 -<br>Dec 2024<\/span>\n<br>\n<br><\/div><\/div><hr>\n\n<br>\n\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<a href=\"Landing-Page\" rel=\"history\" class=\"image-link\"><img width=\"554\" height=\"312\" width_o=\"554\" height_o=\"312\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/fea3be5b6f44927d65c1177e351cac599ee9fd0bfaa41f8c0f9672bbc06a6141\/CR_Concept-Video-Clip.gif\" data-mid=\"219588409\" border=\"0\" \/><\/a><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<h2><\/h2><h2>03 <a href=\"CROWD-REALITY\" rel=\"history\">CROWD REALITY<\/a><\/h2><br>\n<b><small><i>\ue04b\ufe0e\ufe0e\ufe0e 3D Animation | Game | Robotics Installation<\/i><\/small><\/b><br>\n<small><i>\ue04b\ufe0e\ufe0e\ufe0e National Museum of Scotland \u00b7 Now Gallery<\/i><\/small><br>\n<br>\n\n\n<small><i><b>Crowd Reality<\/b><\/i> takes inspiration from the differences between the \"Digital\" and the \"Physical\" in the highly-virtualised pandemic time, where people are going through \"remote everything\". What if we miss the sense of a real crowd? The conceptual brand <i><b>Crowd Reality<\/b><\/i> offers interactive garments that can simulate crowd haptics, providing users with the experience of being in a crowd. To showcase the concept at the <i><b>Soft Robotics Conference<\/b><\/i>, the interactive installation combines the virtual game with the physical garment.<\/small><small><\/small><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\"><span style=\"color: #343434;\">Mar 2022 -<br> Apr 2022<br>\n<br>Nov 2021 -<br> Dec 2021<br><\/span>\n<br>\n<br>\n\n<\/div>\n<\/div>\n\n<br>\n\n<hr>\n\n<br>\n\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<a href=\"AIR-AIN-T-NEED-OUR-LUNG\" rel=\"history\" class=\"image-link\"><img width=\"1344\" height=\"896\" width_o=\"1344\" height_o=\"896\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/0ad228277b6961c0e7c3f3ec151600a24576374c5bea2a33d62427c0eaf4819f\/fff.jpg\" data-mid=\"249348565\" border=\"0\" \/><\/a><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<h2><\/h2><h2>04 <a href=\"AIR-AIN-T-NEED-OUR-LUNG\" rel=\"history\">AIR AINT NEED OUR LUNG<\/a><\/h2>\n<br>\n\n\n<small><i>\ue04b\ufe0e\ufe0e\ufe0e Performance | Music Producing | 3D Animation | Installation<br>\ue04b\ufe0e\ufe0e\ufe0e Artscience Gallery \u00b7 Whitespace Gallery<\/i><br>\n<br>\nTechno album<i><b> Air Doesn\u2019t Need Our Lung <\/b><\/i>is a response to the COVID-19 pandemic that uses sound to frame the post-pandemic era, urban population density in East Asia, and Asian Shame Culture. Racism and xenophobia, which spread more rapidly than the virus, have been investigated in the context of significant global pandemics throughout history. The project's objective is to provoke a reevaluation of the interplay between humanity, disease, and the world of nature.<\/small><small><\/small><small> <\/small><br>\n\n\n<a href=\"Page-1\" rel=\"history\"><\/a><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\">\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tReleased<br> Nov 2020<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<br><br>\n<h2><br><\/h2>\n<\/div>\n<\/div>\n\n<br>\n\n<hr>\n\n<br>\n\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<a href=\"ORGAN-CONNECTION\" rel=\"history\" class=\"image-link\"><img width=\"2270\" height=\"1440\" width_o=\"2270\" height_o=\"1440\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/5f8f2f4d0303a9ce56543a37dd74988670aca51dcbeb10737a9b27514951a8c1\/fff_.JPG\" data-mid=\"219588357\" border=\"0\" \/><\/a><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<h2>05 <a href=\"ORGAN-CONNECTION\" rel=\"history\">ORGAN CONNECTION<\/a><\/h2><b><a href=\"Page-1\" rel=\"history\"><\/a><br><\/b><small><i>\ue04b\ufe0e\ufe0e\ufe0e Data Visualisation | Data Sonification<\/i><\/small><br>\n<small><i>\ue04b\ufe0e\ufe0e\ufe0e Inspace Gallery<\/i><\/small><br>\n<br><b><small>\u201cOr know ye not that your body is a temple of the Holy Ghost which is in you\u201d \u2015 Corinthians 6:19<\/small><\/b><br>\n<small>In our body, some diseases alert us to abnormalities through symptoms, but others\nare asymptomatic until they cause serious consequences. <b><i>Organ Connection <\/i><\/b>aims to create a connection between\naudiences and human organs, to rethink the data of our body. The exhibit is in line with the theme \"Data and me\" of the <i><b>Edinburgh Science Festival<\/b><\/i>, and the project chooses \"Medical Imaging\" as the database.<\/small><br>\n\n<a href=\"Page-1\" rel=\"history\"><\/a><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\">Mar 2022 -<br>\n Apr 2022<br>\n<br><\/div>\n<\/div><br>\n\n\n\n\n<hr>\n\n<br><div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\"><div grid-col=\"5\" grid-pad=\"2\"><a href=\"OPERAI\" rel=\"history\" class=\"image-link\"><img width=\"3072\" height=\"2048\" width_o=\"3072\" height_o=\"2048\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/c44e8fae0c1f4f7842ec0ac31acbb2adfdf0ae9b59b517c2be621f73a46a339a\/img_2745.jpg\" data-mid=\"249346591\" border=\"0\" \/><\/a><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<h2>06 <a href=\"OPERAI\" rel=\"history\">OPERAI (AI)<\/a><\/h2><br>\n<b><small><i>\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Performance | Interactive Scene<\/i><\/small><br><small><i>\ue04b\ufe0e\ufe0e\ufe0e <\/i><\/small><small><i>The Queen\u2019s Hall<\/i><\/small><\/b><br><small><br>This AI-enhanced audiovisual performance was originally commissioned for the conference programme of the <i><b>School of Advanced Study<\/b><\/i>, <i><b>University of London<\/b><\/i>, and developed in collaboration with Alexandra Huang-Kokina and Paul Docherty. The collaboration subsequently extended to interactive scene design for a Sci-Fi opera, \u201cGhost of the AI Empire\u201d. The work employs a game engine, Neural Style Transfer, and diffusion models to explore an aesthetic dialogue between Western and E
57astern classical arts.<\/small><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\"><span style=\"color: #343434;\">Jun 2024 -<br>Jul 2024<br><\/span>\n<br>\n<br>\n\n<\/div>\n<\/div>\n\n<br>\n\n<hr>\n<br>\n\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<a href=\"https:\/\/6liemusic.bandcamp.com\/album\/sweet-death-society\" target=\"_blank\" class=\"image-link\"><img width=\"658\" height=\"438\" width_o=\"658\" height_o=\"438\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/3967222f3e43cb5f8c6dcbf01fdf5e563f2792cf49480fe7192a97be06b3cd8a\/Gen-2-2813116787--multi-media-installa--violet0263_sound_ins--M-5.gif\" data-mid=\"219588414\" border=\"0\" data-scale=\"100\"\/><\/a><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<h2>07 <a href=\"https:\/\/6liemusic.bandcamp.com\/album\/sweet-death-society\" target=\"_blank\">Sweet Death Society<\/a><\/h2><br>\n<small><i>\ue04b\ufe0e\ufe0e\ufe0e Speculative Design | Music Producing<\/i><br><i>\ue04b\ufe0e\ufe0e\ufe0e Biochemistry \u00b7 Interactive Installation \u00b7 Album<\/i><br>\n<br>\u201cSweet Death Society\" delves into the dark intertwining of the worldwide sugar trade's history, the snack industry's deceits, and the \"Sick-Cute\" fashion culture in Asia, from the 16th to the 21st centuries. By creating a fictional organisation that offers death-themed desserts and music, the project highlights the paradox between the sweetness that entices us and the inevitable decay it masks. This exploration prompts a reevaluation of the pleasure derived from sweets and its historical and cultural costs underneath, offering a critical thinking on consumption and the duality of life and death.<br>\n\n\n\n\n\n\n<\/small><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\">Released<br> Nov 2023<br>\n<br>\n<h2><br><\/h2>\n<\/div>\n<\/div>\n\n<br>\n<hr>\n\n<br><div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\"><div grid-col=\"5\" grid-pad=\"2\"><img width=\"1926\" height=\"1085\" width_o=\"1926\" height_o=\"1085\" data-src=\"\/\/freight.cargo.site\/t\/original\/i\/24d929ab348af5d2139a6740fb13b2b9df054e1d1e311ae59fbec1aeefe53f6b\/-1.jpg\" data-mid=\"203648840\" border=\"0\" style=\"width: 402.532px; height: 226.764px; display: none;\"><a href=\"Data-Challenge-19th-Century-Spiritualist-Newspapers\" rel=\"history\" class=\"image-link\"><img width=\"794\" height=\"497\" width_o=\"794\" height_o=\"497\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/30e49e9a83555fe21e7e8e687e87bd797169d8d7ad2e244e475620d7b26df9c1\/DD.jpg\" data-mid=\"219588369\" border=\"0\" \/><\/a><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<h2>08 <a href=\"Data-Challenge-19th-Century-Spiritualist-Newspapers\" rel=\"history\">Spiritualist Newspapers<\/a><\/h2><br>\n<small><b><\/b><i>\ue04b\ufe0e\ufe0e\ufe0e Web Design | Data Visualisation<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Cultural Heritage \u00b7 Playable Education<\/i><br>\n<br>\nIn 2021, the interactive website <i><b>Spiritualists<\/b><\/i> was developed for <i><b>National Library of Scotland<\/b><\/i> to cater to the digitalisation of the collection 19th century spiritualist newspapers. The database comprises 416 plain text files, 11,577,467 words, 416 METS files and 6365 image files. The initiative seeks to establish \"digital humanism\" as the foundation for engaging scholars, students, children, and the general public in cultural exchange.<\/small><br>\n<\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\"> Nov 2021 \u2013<br> Dec 2021<br>\n<br><\/div><\/div><br>\n<hr><br>\n\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"5\" grid-pad=\"2\" class=\"\"><img width=\"694\" height=\"416\" width_o=\"694\" height_o=\"416\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/b0661c00d21d664617bd3cc9bccc2f8d3a897a496daca66dfafc3d76b20efcf4\/Gen-2-1828484845--the-lines-and-the-ba--2024-01-31-11101--M-5.gif\" data-mid=\"219588415\" border=\"0\" \/>\n\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\"><b>\n<\/b><h2>09 KnowledgepunK<\/h2>\n<br>\n\n\n<small><i>\ue04b\ufe0e\ufe0e\ufe0e User Experience Design<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e STEAM \u00b7 Blockchain in Education <\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<br>\nFollowing<i> <b>UN<\/b> <b>SDG4 <\/b><\/i>\u201cEnsure inclusive and equitable quality education and promote lifelong\nlearning opportunities for all\u201d, the project <i><b>KnowledgepunK<\/b><\/i> endeavours to create a decentralized knowledge exchange platform that fosters <i><b>STEAM cross-disciplinary learning<\/b><\/i>\nthrough gamification and crypto incentives.\n To enhance the central role of learners, the project employs the co-design research method which focuses on stimulating the learning interest and personalised learning. <br>\n\n\n\n\n\n\n<\/small>\n\n\n<\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\">Mar 2022 -<br> May 2022<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<br>\n<br><\/div><\/div><br>\n<hr>\n\n<br><div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\"><div grid-col=\"5\" grid-pad=\"2\"><img width=\"420\" height=\"302\" width_o=\"420\" height_o=\"302\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/7cbbe1b15db1af1a99bc5e2b9ca098be230e70b61e2ba933856d6ccb16231de6\/IMG_3480.TRIM-1.gif\" data-mid=\"249348575\" border=\"0\" data-scale=\"100\"\/><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<h2>10 <a href=\"https:\/\/www.ifanr.com\/1100682\" target=\"_blank\">POETS IN SPACE<\/a><\/h2><br>\n<small><i>\ue04b\ufe0e\ufe0e\ufe0e User Experience Design | Intelligent Speech<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Astronomy \u00b7 Interactive Applet<\/i><\/small><br>\n<br><small>The collaborative project with <i><b>China Aerospace<\/b><\/i>, <i><b>WeChat<\/b><\/i> and <i><b>The Poem For You<\/b><\/i>, using the China Aerospace Rocket Intelligent Processing Unit and WeChat applet as physical and digital carriers respectively. The project planned to solicit 50,000 poetry reading voice messages all over the world to be carried into the space by the rocket launch vehicle, expecting to bring the modern romance into a
57new emotional ritual through technology, with over 3.2 million users participating.\n<\/small><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\"> Jul 2018 \u2013<br> Oct 2018<br>\n<br><\/div><\/div><br><hr>\n<br>\n\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<img width=\"2810\" height=\"1574\" width_o=\"2810\" height_o=\"1574\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/5ca6dfbaf664be98b14250e00a5258459f1cab50e73b27eb7adbe29e3c581ab7\/2024-02-01-19.42.00.jpg\" data-mid=\"249428092\" border=\"0\" \/><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<h2>11 ENTHEOGEN BAR<\/h2>\n<small>\n<br>\n\n\n<i>\ue04b\ufe0e\ufe0e\ufe0e Experience Design<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Multi-media Interactive Installation<\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<br><\/small><font face=\"Nunito, Icons\"><small><b><i>Entheogen Bar<\/i><\/b>, where the sacred realm of entheogens meets digital technology. This project blurs the lines between spirituality and technology, inviting audiences into an immersive media space that simulates the ancient practice of using entheogens for religious communion and soul healing. Through the lens of digitalised simulation, the Entheogen Bar offers a modern ritual for digital pilgrims seeking transcendence. Through motion capture, enter a subspace where every piece of hallucinogenic plants is a portal to divine encounters, challenging perceptions of color, sound, space, and time, making it the journey to spiritual awakening in the digital age.<\/small><\/font><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\">Jun 2020 -<br> Aug 2020<br>\n<br>\n<h2><br><\/h2>\n<\/div>\n<\/div>\n\n<br>\n\n<hr>\n\n\n<br>\n\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"5\" grid-pad=\"2\" class=\"\"><img width=\"1174\" height=\"783\" width_o=\"1174\" height_o=\"783\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/7504c118071a15d621108c7f55ef4418e5fecf4df6fe8cb2d64d19516ae32269\/dd-2.jpg\" data-mid=\"219588385\" border=\"0\" \/>\n\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\"><b>\n<\/b><h2>12 I-M-Perfection<\/h2>\n<br>\n\n\n<small><i>\ue04b\ufe0e\ufe0e\ufe0e AR Facial Interaction | Animation<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Computer Vision \u00b7 Multi-media Exhibition<\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<i><b><br>I-M-Perfection, imperfection.<br>\n<\/b><\/i>Inspired by Cyborg and the contrasting\ncharacteristics of human vision and computer vision, the project <i><b>I-M-perfection<\/b><\/i>hypothesizes what would be perfect in the post-human era by simulating\nalgorithmic vision systems through AR facial interaction. During the research, this project examines\nthe evolution of human standards of beauty, aiming to explore what new order we will\nestablish for aesthetics if the facial concept extraction of visual algorithms\nbreaks all the past and present standards.<br>\n\n\n\n\n\n\n \n\n\n\n<\/small><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\">Jan 2020 -<br>Apr 2020<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<br>\n<br><\/div><\/div><br><hr>\n<br>\n\n<div grid-row=\"\" grid-pad=\"2\" grid-gutter=\"4\" grid-responsive=\"\">\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<a href=\"Wavetable\" rel=\"history\" class=\"image-link\"><img width=\"658\" height=\"438\" width_o=\"658\" height_o=\"438\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/1f0d065ca2358138093a82b5b1583f8501981deb216778a0fdd89d8b43ff59de\/Gen-2-2331218417--performance-and-live--qq8779_audio-visual_--M-5.gif\" data-mid=\"219588412\" border=\"0\" \/><\/a><br>\n<\/div>\n\t<div grid-col=\"5\" grid-pad=\"2\">\n<h2><\/h2><h2>13 <a href=\"Wavetable\" rel=\"history\">LIVE VISUALS<\/a><\/h2>\n<small>\n<br>\n\n\n<i>\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Interaction Design \/ Synthesizer <\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Immersive Performance<\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<br><\/small><font face=\"Nunito, Icons\"><small><b><i>Week of Sound <\/i><\/b>aims to make everyone realise that sound is a fundamental element of balance in the relationships between the individual and others, as well as the world, the environment and society, medical, economic, industrial and cultural.<br>\n <br>\n<b><i>Wavetable<\/i><\/b> is a monthly night of sonic experimentation in Edinburgh, run by <i><b>Prof Simon Kirby<\/b><\/i> and <i><b>Expertsleepers<\/b><\/i>. I worked as an interaction designer on three show visuals for Wavetable. I developed a software <i><b>Purple Rain<\/b><\/i> to project live animations that performers can shape in real time using an expressive multi-touch control surface.<\/small><\/font><br><small><font face=\"Nunito, Icons\"><\/font><\/small><font face=\"Nunito, Icons\"><span style=\"font-size: 14.616px;\"><\/span><\/font><a href=\"Page-1\" rel=\"history\"><\/a><\/div>\n\t<div grid-col=\"2\" grid-pad=\"2\" class=\"\">Jun 2022 -<br>\n Aug 2022<br>\n<br>\n<h2><br><\/h2>\n<\/div>\n<\/div>\n\n<br>\n\n<hr>\n\n\n<br><br><br>","content_no_html":"{image 113}\n\n\t\n00 I AND AI: MIRROR\n\ue04b\ufe0e\ufe0e\ufe0e Immersive Exhibition | Performance\ue04b\ufe0e\ufe0e\ufe0e Immersive Arts UK 2025 Awardee\nAn\nimmersive experience about human-AI intimacy where the audience interacts with\na generative mirror-self and rethinks the way human and AI observe, reflect and shape\neach other. \n\n\n\n\n\n\n\n\n\n\nSupported\nby Immersive Arts UK, Cryptic, the UKRI Innovate UK Immersive Tech Network,\nCo-STEAM, the Institute for Design Informatics, and Inspace. This is the prototype presentation of this project, a pop-up exhibition and performance at\nInspace, Edinburgh, which is set to expand into a major exhibition in 2026 and 2027.\n\n\n\n\n\n\n\n\n\n\t\nPop-up Exhibition\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nOct 2025\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nPerformance\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nOct 2025 \n\n\n\n\n\n{image 75}\n\n\n\t\n01 CHEMICAL GARDEN\n\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Interactive Performance\ue04b\ufe0e\ufe0e\ufe0e Blue Centre \u00b7 Inspace GalleryIn 2022, with the\nsupport of the Design Informatics and Beauty of Science,\nan audio-visual interactive performance Chemical Garden was\ndesigned and staged in InSpace Gallery , WhiteSpace Gallery and Blue Centre with the narrative\ncentre of the classic chemical reaction \"Chemical Garden\". The\nproject aims to further investigate the future of embodied learning and the\npotential for immersive experience to shape scientific communication in different c
57ontexts.\n\n\n\t\nJun 2023 -Jul 2023\nJun 2022 - Jul 2022\n\t\n{image 111}\n\n\n\t\n02 CREATIVE ALCHEMY \n\ue04b\ufe0e\ufe0e\ufe0e Speculative Scenario Art\ue04b\ufe0e\ufe0e\ufe0e CoSTAR Foresight LabBased on the narratives from the CoSTAR Foresight Lab, I created speculative visuals for three scenarios: data alchemy, creative independent union, and new vintage, blending Rococo sci-fi aesthetics with realism. By fusing classical, ecological, retro, and cyber elements, I tried to envision the tangible futures through 3D modelling, StyleGAN portrait generation, illustration, and digital collage. In data alchemy, an underground digital furnace symbolises grassroots movements and bottom-up machine learning. Drawing from \u201calchemical symbols,\" I layered image data elements like male lions, flowers, flames, and female human faces to \u201csimulate\u201d the alchemical process. Creative independent union uses a blockchain-represented mirror to reflect empowered creative users shaping the distributed platform landscape. New vintage depicts audiences watching performances with archaic media (traditional creators are using them to create and experience), exploring how present memories could become cultural treasures in future personas. This work reflects a close and deep collaboration with the CoSTAR Foresight Lab team, from early sketches and aesthetic development to refining the relationship between identity, personas, and future scenarios. Through this process, to shape a critical vision of speculative futures.\n\n\n\n\t\nOct 2024 -Dec 2024\n\n\n\n\n\n\n\t\n{image 100}\n\n\t\n03 CROWD REALITY\n\ue04b\ufe0e\ufe0e\ufe0e 3D Animation | Game | Robotics Installation\n\ue04b\ufe0e\ufe0e\ufe0e National Museum of Scotland \u00b7 Now Gallery\n\n\n\nCrowd Reality takes inspiration from the differences between the \"Digital\" and the \"Physical\" in the highly-virtualised pandemic time, where people are going through \"remote everything\". What if we miss the sense of a real crowd? The conceptual brand Crowd Reality offers interactive garments that can simulate crowd haptics, providing users with the experience of being in a crowd. To showcase the concept at the Soft Robotics Conference, the interactive installation combines the virtual game with the physical garment.\n\tMar 2022 - Apr 2022\nNov 2021 - Dec 2021\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n{image 115}\n\n\t\n04 AIR AINT NEED OUR LUNG\n\n\n\n\ue04b\ufe0e\ufe0e\ufe0e Performance | Music Producing | 3D Animation | Installation\ue04b\ufe0e\ufe0e\ufe0e Artscience Gallery \u00b7 Whitespace Gallery\n\nTechno album Air Doesn\u2019t Need Our Lung is a response to the COVID-19 pandemic that uses sound to frame the post-pandemic era, urban population density in East Asia, and Asian Shame Culture. Racism and xenophobia, which spread more rapidly than the virus, have been investigated in the context of significant global pandemics throughout history. The project's objective is to provoke a reevaluation of the interplay between humanity, disease, and the world of nature. \n\n\n\n\t\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tReleased Nov 2020\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n{image 33}\n\n\t\n05 ORGAN CONNECTION\ue04b\ufe0e\ufe0e\ufe0e Data Visualisation | Data Sonification\n\ue04b\ufe0e\ufe0e\ufe0e Inspace Gallery\n\u201cOr know ye not that your body is a temple of the Holy Ghost which is in you\u201d \u2015 Corinthians 6:19\nIn our body, some diseases alert us to abnormalities through symptoms, but others\nare asymptomatic until they cause serious consequences. Organ Connection aims to create a connection between\naudiences and human organs, to rethink the data of our body. The exhibit is in line with the theme \"Data and me\" of the Edinburgh Science Festival, and the project chooses \"Medical Imaging\" as the database.\n\n\n\tMar 2022 -\n Apr 2022\n\n\n\n\n\n\n\n\n{image 114}\n\n\t\n06 OPERAI (AI)\n\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Performance | Interactive Scene\ue04b\ufe0e\ufe0e\ufe0e The Queen\u2019s HallThis AI-enhanced audiovisual performance was originally commissioned for the conference programme of the School of Advanced Study, University of London, and developed in collaboration with Alexandra Huang-Kokina and Paul Docherty. The collaboration subsequently extended to interactive scene design for a Sci-Fi opera, \u201cGhost of the AI Empire\u201d. The work employs a game engine, Neural Style Transfer, and diffusion models to explore an aesthetic dialogue between Western and E
57astern classical arts.\n\tJun 2024 -Jul 2024\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n{image 106 scale=\"100\"}\n\n\t\n07 Sweet Death Society\n\ue04b\ufe0e\ufe0e\ufe0e Speculative Design | Music Producing\ue04b\ufe0e\ufe0e\ufe0e Biochemistry \u00b7 Interactive Installation \u00b7 Album\n\u201cSweet Death Society\" delves into the dark intertwining of the worldwide sugar trade's history, the snack industry's deceits, and the \"Sick-Cute\" fashion culture in Asia, from the 16th to the 21st centuries. By creating a fictional organisation that offers death-themed desserts and music, the project highlights the paradox between the sweetness that entices us and the inevitable decay it masks. This exploration prompts a reevaluation of the pleasure derived from sweets and its historical and cultural costs underneath, offering a critical thinking on consumption and the duality of life and death.\n\n\n\n\n\n\n\n\tReleased Nov 2023\n\n\n\n\n\n\n\n\n{image 50}\n\n\t\n08 Spiritualist Newspapers\n\ue04b\ufe0e\ufe0e\ufe0e Web Design | Data Visualisation\n\ue04b\ufe0e\ufe0e\ufe0e Cultural Heritage \u00b7 Playable Education\n\nIn 2021, the interactive website Spiritualists was developed for National Library of Scotland to cater to the digitalisation of the collection 19th century spiritualist newspapers. The database comprises 416 plain text files, 11,577,467 words, 416 METS files and 6365 image files. The initiative seeks to establish \"digital humanism\" as the foundation for engaging scholars, students, children, and the general public in cultural exchange.\n\n\t Nov 2021 \u2013 Dec 2021\n\n\n\n\n\t{image 108}\n\n\n\t\n09 KnowledgepunK\n\n\n\n\ue04b\ufe0e\ufe0e\ufe0e User Experience Design\n\ue04b\ufe0e\ufe0e\ufe0e STEAM \u00b7 Blockchain in Education \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nFollowing UN SDG4 \u201cEnsure inclusive and equitable quality education and promote lifelong\nlearning opportunities for all\u201d, the project KnowledgepunK endeavours to create a decentralized knowledge exchange platform that fosters STEAM cross-disciplinary learning\nthrough gamification and crypto incentives.\n To enhance the central role of learners, the project employs the co-design research method which focuses on stimulating the learning interest and personalised learning. \n\n\n\n\n\n\n\n\n\n\n\tMar 2022 - May 2022\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n\n\n\n\n{image 118 scale=\"100\"}\n\n\t\n10 POETS IN SPACE\n\ue04b\ufe0e\ufe0e\ufe0e User Experience Design | Intelligent Speech\n\ue04b\ufe0e\ufe0e\ufe0e Astronomy \u00b7 Interactive Applet\nThe collaborative project with China Aerospace, WeChat and The Poem For You, using the China Aerospace Rocket Intelligent Processing Unit and WeChat applet as physical and digital carriers respectively. The project planned to solicit 50,000 poetry reading voice messages all over the world to be carried into the space by the rocket launch vehicle, expecting to bring the modern romance into a new emotional ritual through technology, with over 3.2 million users participating.\n\n\t Jul 2018 \u2013 Oct 2018\n\n\n\n\n\t\n{image 120}\n\n\t\n11 ENTHEOGEN BAR\n\n\n\n\n\ue04b\ufe0e\ufe0e\ufe0e Experience Design\n\ue04b\ufe0e\ufe0e\ufe0e Multi-media Interactive Installation\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nEntheogen Bar, where the sacred realm of entheogens meets digital technology. This project blurs the lines between spirituality and technology, inviting audiences into an immersive media space that simulates the ancient practice of using entheogens for religious communion and soul healing. Through the lens of digitalised simulation, the Entheogen Bar offers a modern ritual for digital pilgrims seeking transcendence. Through motion capture, enter a subspace where every piece of hallucinogenic plants is a portal to divine encounters, challenging perceptions of color, sound, space, and time, making it the journey to spiritual awakening in the digital age.\n\tJun 2020 - Aug 2020\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t{image 70}\n\n\n\t\n12 I-M-Perfection\n\n\n\n\ue04b\ufe0e\ufe0e\ufe0e AR Facial Interaction | Animation\n\ue04b\ufe0e\ufe0e\ufe0e Computer Vision \u00b7 Multi-media Exhibition\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nI-M-Perfection, imperfection.\nInspired by Cyborg and the contrasting\ncharacteristics of human vision and computer vision, the project I-M-perfectionhypothesizes what would be perfect in the post-human era by simulating\
57nalgorithmic vision systems through AR facial interaction. During the research, this project examines\nthe evolution of human standards of beauty, aiming to explore what new order we will\nestablish for aesthetics if the facial concept extraction of visual algorithms\nbreaks all the past and present standards.\n\n\n\n\n\n\n \n\n\n\n\n\tJan 2020 -Apr 2020\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n\n\n\n\n\n\t\n{image 104}\n\n\t\n13 LIVE VISUALS\n\n\n\n\n\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Interaction Design \/ Synthesizer \n\ue04b\ufe0e\ufe0e\ufe0e Immersive Performance\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nWeek of Sound aims to make everyone realise that sound is a fundamental element of balance in the relationships between the individual and others, as well as the world, the environment and society, medical, economic, industrial and cultural.\n \nWavetable is a monthly night of sonic experimentation in Edinburgh, run by Prof Simon Kirby and Expertsleepers. I worked as an interaction designer on three show visuals for Wavetable. I developed a software Purple Rain to project live animations that performers can shape in real time using an expressive multi-touch control surface.\n\tJun 2022 -\n Aug 2022\n\n\n\n\n\n\n\n\n\n\n","content_partial_html":"<a href=\"I-AI-Mirror\" rel=\"history\" class=\"image-link\"><img width=\"1344\" height=\"960\" width_o=\"1344\" height_o=\"960\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/f0b6a387ed7b8e20f1597fc4c9008144803a303634d05cc41c9a612c68636318\/cover_JR-YU.jpg\" data-mid=\"244882568\" border=\"0\" \/><\/a><br>\n\n\t<br>\n<h2>00 <a href=\"I-AI-Mirror\" rel=\"history\">I AND AI: MIRROR<\/a><\/h2><br>\n<b><i>\ue04b\ufe0e\ufe0e\ufe0e Immersive Exhibition | Performance<\/i><br><i>\ue04b\ufe0e\ufe0e\ufe0e Immersive Arts UK 2025 Awardee<\/i><\/b><br><br>\nAn\nimmersive experience about human-AI intimacy where the audience interacts with\na generative mirror-self and rethinks the way human and AI observe, reflect and shape\neach other. \n\n\n\n\n\n\n\n\n\n\nSupported\nby <b><i>Immersive Arts UK<\/i><\/b>, <i><b>Cryptic<\/b><\/i>, the<i><b> UKRI Innovate UK Immersive Tech Network<\/b><\/i>,\n<b><i>Co-STEAM<\/i><\/b>, the <i><b>Institute for Design Informatics<\/b><\/i>, and <b><i>Inspace<\/i><\/b>. This is the prototype presentation of this project, a pop-up exhibition and performance at\nInspace, Edinburgh, which is set to expand into a major exhibition in 2026 and 2027.<br>\n\n\n\n\n\n\n<br>\n<br>\n\n\t<br>\n<span style=\"color: #343434;\"><b>Pop-up Exhibition<\/b>\n\n\n\n<br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nOct 2025\n \n\n\n\n\n<br>\n<br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<b>Performance<\/b>\n\n\n\n<br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nOct 2025 \n\n\n\n<\/span><br>\n<br><hr><br>\n<a href=\"Human-AI-Codesign-For-Future-Learning\" rel=\"history\" class=\"image-link\"><img width=\"1584\" height=\"1056\" width_o=\"1584\" height_o=\"1056\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/696e55c89af4c57cd3a2e20d649c854914e956ca58943d03886fa872289de0dc\/Chemical-Garden.jpg\" data-mid=\"219588390\" border=\"0\" \/><\/a><br>\n<br>\n\n\t<br>\n<h2>01 <a href=\"CHEMICAL-GARDEN\" rel=\"history\">CHEMICAL GARDEN<\/a><\/h2><br>\n<b><i>\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Interactive Performance<\/i><br><i>\ue04b\ufe0e\ufe0e\ufe0e <\/i><i>Blue Centre \u00b7 Inspace Gallery<\/i><\/b><br><br>In 2022, with the\nsupport of the <i><b>Design Informatics<\/b><\/i> and <i><b>Beauty of Science<\/b><\/i>,\nan audio-visual interactive performance <i><b>Chemical Garden<\/b><\/i> was\ndesigned and staged in <i><b>InSpace Gallery<\/b><\/i> , <i><b>WhiteSpace Gallery<\/b><\/i> and <i><b>Blue Centre<\/b><\/i> with the narrative\ncentre of the classic chemical reaction \"Chemical Garden\". The\nproject aims to further investigate the future of embodied learning and the\npotential for immersive experience to shape scientific communication in different contexts.<br>\n<br>\n\n\t<br>\n<span style=\"color: #343434;\">Jun 2023 -<br>Jul 2023<br>\n<br>Jun 2022 -<br> Jul 2022<\/span><br><hr>\n\t<br>\n<a href=\"https:\/\/sites.gold.ac.uk\/costarforesightlab\/2024\/12\/12\/introduction-to-moments\/\" class=\"image-link\" target=\"_blank\"><img width=\"3587\" height=\"5381\" width_o=\"3587\" height_o=\"5381\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/65be46af63ac9e7d77488f427b29c1b7084e614fd212a39a963bf3de5db3f026\/CoSTAR-RGB_01.jpg\" data-mid=\"225385951\" border=\"0\" \/><\/a><br>\n<br>\n\n\t<h2><\/h2><br>\n<h2>02 <a href=\"https:\/\/www.costarnetwork.co.uk\/labs\/foresight-lab\/our-research-practices\" target=\"_blank\">CREATIVE ALCHEMY<\/a> <\/h2><br>\n<b><i>\ue04b\ufe0e\ufe0e\ufe0e Speculative Scenario Art<\/i><br><i>\ue04b\ufe0e\ufe0e\ufe0e CoSTAR Foresight Lab<\/i><\/b><br><br><br>Based on the narratives from the <i><b>CoSTAR Foresight Lab<\/b><\/i>, I created speculative visuals for three scenarios: data alchemy, creative independent union, and new vintage, blending Rococo sci-fi aesthetics with realism. By fusing classical, ecological, retro, and cyber elements, I tried to envision the tangible futures through 3D modelling, StyleGAN portrait generation, illustration, and digital collage. In data alchemy, an underground digital furnace symbolises grassroots movements and bottom-up machine learning. Drawing from \u201calchemical symbols,\" I layered image data elements like male lions, flowers, flames, and female human faces to \u201csimulate\u201d the alchemical process. Creative independent union uses a blockchain-represented mirror to reflect empowered creative users shaping the distributed platform landscape. New vintage depicts audiences watching performances with archaic media (traditional creators are using them to create and experience), exploring how present memories could become cultural treasures in future personas. This work reflects a close and deep collaboration with the CoSTAR Foresight Lab team, from early sketches and aesthetic development to refining the relationship between identity, personas, and future scenarios. Through this process, to shape a critical vision of speculative futures.\n<br>\n<br>\n\n\t<br>\n<span style=\"color: #343434;\">Oct 2024 -<br>Dec 2024<\/span>\n<br>\n<br><hr>\n\n<br>\n\n\n\t\n<a href=\"Landing-Page\" rel=\"history\" class=\"image-link\"><img width=\"554\" height=\"312\" width_o=\"554\" height_o=\"312\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/fea3be5b6f44927d65c1177e351cac599ee9fd0bfaa41f8c0f9672bbc06a6141\/CR_Concept-Video-Clip.gif\" data-mid=\"219588409\" border=\"0\" \/><\/a><br>\n\n\t\n<h2><\/h2><h2>03 <a href=\"CROWD-REALITY\" rel=\"history\">CROWD REALITY<\/a><\/h2><br>\n<b><i>\ue04b\ufe0e\ufe0e\ufe0e 3D Animation | Game | Robotics Installation<\/i><\/b><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e National Museum of Scotland \u00b7 Now Gallery<\/i><br>\n<br>\n\n\n<i><b>Crowd Reality<\/b><\/i> takes inspiration from the differences between the \"Digital\" and the \"Physical\" in the highly-virtualised pandemic time, where people are going through \"remote everything\". What if we miss the sense of a real crowd? The conceptual brand <i><b>Crowd Reality<\/b><\/i> offers interactive garments that can simulate crowd haptics, providing users with the experience of being in a crowd. To showcase the concept at the <i><b>Soft Robotics Conference<\/b><\/i>, the interactive installation combines the virtual game with the physical garment.\n\t<span style=\"color: #343434;\">Mar 2022 -<br> Apr 2022<br>\n<br>Nov 2021 -<br> Dec 2021<br><\/span>\n<br>\n<br>\n\n\n\n\n<br>\n\n<hr>\n\n<br>\n\n\n\t\n<a href=\"AIR-AIN-T-NEED-OUR-LUNG\" rel=\"history\" class=\"image-link\"><img width=\"1344\" height=\"896\" width_o=\"1344\" height_o=\"896\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/0ad228277b6961c0e7c3f3ec151600a24576374c5bea2a33d62427c0eaf4819f\/fff.jpg\" data-mid=\"249348565\" border=\"0\" \/><\/a><br>\n\n\t\n<h2><\/h2><h2>04 <a href=\"AIR-AIN-T-NEED-OUR-LUNG\" rel=\"history\">AIR AINT NEED OUR LUNG<\/a><\/h2>\n<br>\n\n\n<i>\ue04b\ufe0e\ufe0e\ufe0e Performance | Music Producing | 3D Animation | Installation<br>\ue04b\ufe0e\ufe0e\ufe0e Artscience Gallery \u00b7 Whitespace Gallery<\/i><br>\n<br>\nTechno album<i><b> Air Doesn\u2019t Need Our Lung <\/b><\/i>is a response to the COVID-19 pandemic that uses sound to frame the post-pandemic era, urban population density in East Asia, and Asian Shame Culture. Racism and xenophobia, which spread more rapidly than the virus, have been investigated in the context of significant global pandemics throughout history. The project's objective is to provoke a reevaluation of the interplay between humanity, disease, and the world of nature. <br>\n\n\n<a href=\"Page-1\" rel=\"history\"><\/a>\n\t\n\n\t\n\t\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tReleased<br> Nov 2020<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<br><br>\n<h2><br><\/h2>\n\n\n\n<br>\n\n<hr>\n\n<br>\n\n\n\t\n<a href=\"ORGAN-CONNECTION\" rel=\"history\" class=\"image-link\"><img width=\"2270\" height=\"1440\" width_o=\"2270\" height_o=\"1440\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/5f8f2f4d0303a9ce56543a37dd74988670aca51dcbeb10737a9b27514951a8c1\/fff_.JPG\" data-mid=\"219588357\" border=\"0\" \/><\/a><br>\n\n\t\n<h2>05 <a href=\"ORGAN-CONNECTION\" rel=\"history\">ORGAN CONNECTION<\/a><\/h2><b><a href=\"Page-1\" rel=\"history\"><\/a><br><\/b><i>\ue04b\ufe0e\ufe0e\ufe0e Data Visualisation | Data Sonification<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Inspace Gallery<\/i><br>\n<br><b>\u201cOr know ye not that your body is a temple of the Holy Ghost which is in you\u201d \u2015 Corinthians 6:19<\/b><br>\nIn our body, some diseases alert us to abnormalities through symptoms, but others\nare asymptomatic until they cause serious consequences. <b><i>Organ Connection <\/i><\/b>aims to create a connection between\naudiences and human organs, to rethink the data of our body. The exhibit is in line with the theme \"Data and me\" of the <i><b>Edinburgh Science Festival<\/b><\/i>, and the project chooses \"Medical Imaging\" as the database.<br>\n\n<a href=\"Page-1\" rel=\"history\"><\/a>\n\tMar 2022 -<br>\n Apr 2022<br>\n<br>\n<br>\n\n\n\n\n<hr>\n\n<br><a href=\"OPERAI\" rel=\"history\" class=\"image-link\"><img width=\"3072\" height=\"2048\" width_o=\"3072\" height_o=\"2048\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/c44e8fae0c1f4f7842ec0ac31acbb2adfdf0ae9b59b517c2be621f73a46a339a\/img_2745.jpg\" data-mid=\"249346591\" border=\"0\" \/><\/a><br>\n\n\t\n<h2>06 <a href=\"OPERAI\" rel=\"history\">OPERAI (AI)<\/a><\/h2><br>\n<b><i>\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Performance | Interactive Scene<\/i><br><i>\ue04b\ufe0e\ufe0e\ufe0e <\/i><i>The Queen\u2019s Hall<\/i><\/b><br><br>This AI-enhanced audiovisual performance was originally commissioned for the conference programme of the <i><b>School of Advanced Study<\/b><\/i>, <i><b>University of London<\/b><\/i>, and developed in collaboration with Alexandra Huang-Kokina and Paul Docherty. The collaboration subsequently extended to interactive scene design for a Sci-Fi opera, \u201cGhost of the AI Empire\u201d. The work employs a game engine, Neural Style Transfer, and diffusion models to explore an aesthetic dialogue between Western and E
57astern classical arts.\n\t<span style=\"color: #343434;\">Jun 2024 -<br>Jul 2024<br><\/span>\n<br>\n<br>\n\n\n\n\n<br>\n\n<hr>\n<br>\n\n\n\t\n<a href=\"https:\/\/6liemusic.bandcamp.com\/album\/sweet-death-society\" target=\"_blank\" class=\"image-link\"><img width=\"658\" height=\"438\" width_o=\"658\" height_o=\"438\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/3967222f3e43cb5f8c6dcbf01fdf5e563f2792cf49480fe7192a97be06b3cd8a\/Gen-2-2813116787--multi-media-installa--violet0263_sound_ins--M-5.gif\" data-mid=\"219588414\" border=\"0\" data-scale=\"100\"\/><\/a><br>\n\n\t\n<h2>07 <a href=\"https:\/\/6liemusic.bandcamp.com\/album\/sweet-death-society\" target=\"_blank\">Sweet Death Society<\/a><\/h2><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Speculative Design | Music Producing<\/i><br><i>\ue04b\ufe0e\ufe0e\ufe0e Biochemistry \u00b7 Interactive Installation \u00b7 Album<\/i><br>\n<br>\u201cSweet Death Society\" delves into the dark intertwining of the worldwide sugar trade's history, the snack industry's deceits, and the \"Sick-Cute\" fashion culture in Asia, from the 16th to the 21st centuries. By creating a fictional organisation that offers death-themed desserts and music, the project highlights the paradox between the sweetness that entices us and the inevitable decay it masks. This exploration prompts a reevaluation of the pleasure derived from sweets and its historical and cultural costs underneath, offering a critical thinking on consumption and the duality of life and death.<br>\n\n\n\n\n\n\n\n\tReleased<br> Nov 2023<br>\n<br>\n<h2><br><\/h2>\n\n\n\n<br>\n<hr>\n\n<br><img width=\"1926\" height=\"1085\" width_o=\"1926\" height_o=\"1085\" data-src=\"\/\/freight.cargo.site\/t\/original\/i\/24d929ab348af5d2139a6740fb13b2b9df054e1d1e311ae59fbec1aeefe53f6b\/-1.jpg\" data-mid=\"203648840\" border=\"0\" style=\"width: 402.532px; height: 226.764px; display: none;\"><a href=\"Data-Challenge-19th-Century-Spiritualist-Newspapers\" rel=\"history\" class=\"image-link\"><img width=\"794\" height=\"497\" width_o=\"794\" height_o=\"497\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/30e49e9a83555fe21e7e8e687e87bd797169d8d7ad2e244e475620d7b26df9c1\/DD.jpg\" data-mid=\"219588369\" border=\"0\" \/><\/a><br>\n\n\t\n<h2>08 <a href=\"Data-Challenge-19th-Century-Spiritualist-Newspapers\" rel=\"history\">Spiritualist Newspapers<\/a><\/h2><br>\n<b><\/b><i>\ue04b\ufe0e\ufe0e\ufe0e Web Design | Data Visualisation<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Cultural Heritage \u00b7 Playable Education<\/i><br>\n<br>\nIn 2021, the interactive website <i><b>Spiritualists<\/b><\/i> was developed for <i><b>National Library of Scotland<\/b><\/i> to cater to the digitalisation of the collection 19th century spiritualist newspapers. The database comprises 416 plain text files, 11,577,467 words, 416 METS files and 6365 image files. The initiative seeks to establish \"digital humanism\" as the foundation for engaging scholars, students, children, and the general public in cultural exchange.<br>\n\n\t Nov 2021 \u2013<br> Dec 2021<br>\n<br><br>\n<hr><br>\n\n\n\t<img width=\"694\" height=\"416\" width_o=\"694\" height_o=\"416\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/b0661c00d21d664617bd3cc9bccc2f8d3a897a496daca66dfafc3d76b20efcf4\/Gen-2-1828484845--the-lines-and-the-ba--2024-01-31-11101--M-5.gif\" data-mid=\"219588415\" border=\"0\" \/>\n\n\n\t<b>\n<\/b><h2>09 KnowledgepunK<\/h2>\n<br>\n\n\n<i>\ue04b\ufe0e\ufe0e\ufe0e User Experience Design<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e STEAM \u00b7 Blockchain in Education <\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<br>\nFollowing<i> <b>UN<\/b> <b>SDG4 <\/b><\/i>\u201cEnsure inclusive and equitable quality education and promote lifelong\nlearning opportunities for all\u201d, the project <i><b>KnowledgepunK<\/b><\/i> endeavours to create a decentralized knowledge exchange platform that fosters <i><b>STEAM cross-disciplinary learning<\/b><\/i>\nthrough gamification and crypto incentives.\n To enhance the central role of learners, the project employs the co-design research method which focuses on stimulating the learning interest and personalised learning. <br>\n\n\n\n\n\n\n\n\n\n\n\tMar 2022 -<br> May 2022<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<br>\n<br><br>\n<hr>\n\n<br><img width=\"420\" height=\"302\" width_o=\"420\" height_o=\"302\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/7cbbe1b15db1af1a99bc5e2b9ca098be230e70b61e2ba933856d6ccb16231de6\/IMG_3480.TRIM-1.gif\" data-mid=\"249348575\" border=\"0\" data-scale=\"100\"\/><br>\n\n\t\n<h2>10 <a href=\"https:\/\/www.ifanr.com\/1100682\" target=\"_blank\">POETS IN SPACE<\/a><\/h2><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e User Experience Design | Intelligent Speech<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Astronomy \u00b7 Interactive Applet<\/i><br>\n<br>The collaborative project with <i><b>China Aerospace<\/b><\/i>, <i><b>WeChat<\/b><\/i> and <i><b>The Poem For You<\/b><\/i>, using the China Aerospace Rocket Intelligent Processing Unit and WeChat applet as physical and digital carriers respectively. The project planned to solicit 50,000 poetry reading voice messages all over the world to be carried into the space by the rocket launch vehicle, expecting to bring the modern romance into a
57new emotional ritual through technology, with over 3.2 million users participating.\n\n\t Jul 2018 \u2013<br> Oct 2018<br>\n<br><br><hr>\n<br>\n\n\n\t\n<img width=\"2810\" height=\"1574\" width_o=\"2810\" height_o=\"1574\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/5ca6dfbaf664be98b14250e00a5258459f1cab50e73b27eb7adbe29e3c581ab7\/2024-02-01-19.42.00.jpg\" data-mid=\"249428092\" border=\"0\" \/><br>\n\n\t\n<h2>11 ENTHEOGEN BAR<\/h2>\n\n<br>\n\n\n<i>\ue04b\ufe0e\ufe0e\ufe0e Experience Design<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Multi-media Interactive Installation<\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<br><b><i>Entheogen Bar<\/i><\/b>, where the sacred realm of entheogens meets digital technology. This project blurs the lines between spirituality and technology, inviting audiences into an immersive media space that simulates the ancient practice of using entheogens for religious communion and soul healing. Through the lens of digitalised simulation, the Entheogen Bar offers a modern ritual for digital pilgrims seeking transcendence. Through motion capture, enter a subspace where every piece of hallucinogenic plants is a portal to divine encounters, challenging perceptions of color, sound, space, and time, making it the journey to spiritual awakening in the digital age.\n\tJun 2020 -<br> Aug 2020<br>\n<br>\n<h2><br><\/h2>\n\n\n\n<br>\n\n<hr>\n\n\n<br>\n\n\n\t<img width=\"1174\" height=\"783\" width_o=\"1174\" height_o=\"783\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/7504c118071a15d621108c7f55ef4418e5fecf4df6fe8cb2d64d19516ae32269\/dd-2.jpg\" data-mid=\"219588385\" border=\"0\" \/>\n\n\n\t<b>\n<\/b><h2>12 I-M-Perfection<\/h2>\n<br>\n\n\n<i>\ue04b\ufe0e\ufe0e\ufe0e AR Facial Interaction | Animation<\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Computer Vision \u00b7 Multi-media Exhibition<\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<i><b><br>I-M-Perfection, imperfection.<br>\n<\/b><\/i>Inspired by Cyborg and the contrasting\ncharacteristics of human vision and computer vision, the project <i><b>I-M-perfection<\/b><\/i>hypothesizes what would be perfect in the post-human era by simulating\nalgorithmic vision systems through AR facial interaction. During the research, this project examines\nthe evolution of human standards of beauty, aiming to explore what new order we will\nestablish for aesthetics if the facial concept extraction of visual algorithms\nbreaks all the past and present standards.<br>\n\n\n\n\n\n\n \n\n\n\n\n\tJan 2020 -<br>Apr 2020<br>\n\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n<br>\n<br><br><hr>\n<br>\n\n\n\t\n<a href=\"Wavetable\" rel=\"history\" class=\"image-link\"><img width=\"658\" height=\"438\" width_o=\"658\" height_o=\"438\" data-src=\"https:\/\/freight.cargo.site\/t\/original\/i\/1f0d065ca2358138093a82b5b1583f8501981deb216778a0fdd89d8b43ff59de\/Gen-2-2331218417--performance-and-live--qq8779_audio-visual_--M-5.gif\" data-mid=\"219588412\" border=\"0\" \/><\/a><br>\n\n\t\n<h2><\/h2><h2>13 <a href=\"Wavetable\" rel=\"history\">LIVE VISUALS<\/a><\/h2>\n\n<br>\n\n\n<i>\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Interaction Design \/ Synthesizer <\/i><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e Immersive Performance<\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<br><b><i>Week of Sound <\/i><\/b>aims to make everyone realise that sound is a fundamental element of balance in the relationships between the individual and others, as well as the world, the environment and society, medical, economic, industrial and cultural.<br>\n <br>\n<b><i>Wavetable<\/i><\/b> is a monthly night of sonic experimentation in Edinburgh, run by <i><b>Prof Simon Kirby<\/b><\/i> and <i><b>Expertsleepers<\/b><\/i>. I worked as an interaction designer on three show visuals for Wavetable. I developed a software <i><b>Purple Rain<\/b><\/i> to project live animations that performers can shape in real time using an expressive multi-touch control surface.<br><span style=\"font-size: 14.616px;\"><\/span><a href=\"Page-1\" rel=\"history\"><\/a>\n\tJun 2022 -<br>\n Aug 2022<br>\n<br>\n<h2><br><\/h2>\n\n\n\n<br>\n\n<hr>\n\n\n<br><br><br>","thumb":"219588344","thumb_meta":{"thumbnail_crop":{"percentWidth":"133.33333333333331","marginLeft":-16.6667,"marginTop":0,"imageModel":{"id":219588344,"project_id":36794911,"image_ref":"{image 9}
57","name":"2222-03.png","hash":"b8c076c9c758dd601a6db0ea7b475f5a170038e5417c9d3e052c718ff06621b4","width":1920,"height":1080,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},"stored":{"ratio":56.25,"crop_ratio":"4x3"},"cropManuallySet":true}},"thumb_is_visible":false,"sort":23,"index":0,"set_id":0,"page_options":{"using_local_css":false,"local_css":"[local-style=\"36794911\"] .container_width {\n}\n\n[local-style=\"36794911\"] body {\n\tbackground-color: initial \/*!variable_defaults*\/;\n}\n\n[local-style=\"36794911\"] .backdrop {\n}\n\n[local-style=\"36794911\"] .page {\n}\n\n[local-style=\"36794911\"] .page_background {\n\tbackground-color: initial \/*!page_container_bgcolor*\/;\n}\n\n[local-style=\"36794911\"] .content_padding {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] bodycopy {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] bodycopy a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] bodycopy a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] h1 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] h1 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] h1 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] h2 {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] h2 a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] h2 a:hover {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] small {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] small a {\n}\n\n[data-predefined-style=\"true\"] [local-style=\"36794911\"] small a:hover {\n}","local_layout_options":{"split_layout":false,"split_responsive":false,"full_height":false,"advanced_padding_enabled":false,"page_container_bgcolor":"","show_local_thumbs":false,"page_bgcolor":""},"pin_options":{}},"set_open":false,"images":[{"id":219588344,"project_id":36794911,"image_ref":"{image 9}","name":"2222-03.png","hash":"b8c076c9c758dd601a6db0ea7b475f5a170038e5417c9d3e052c718ff06621b4","width":1920,"height":1080,"s
57ort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588345,"project_id":36794911,"image_ref":"{image 13}","name":"-15-05.png","hash":"0ee73c09cade78a080637a22381b2adf1edc2ee08caf44244517d6f39f76cf73","width":1920,"height":1080,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588346,"project_id":36794911,"image_ref":"{image 18}","name":"-1-06.png","hash":"e2a88464d8a59d2252016460c0b070215cda4815f592941b50a49ff72560ce19","width":1920,"height":1080,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588347,"project_id":36794911,"image_ref":"{image 19}","name":"-1-07.png","hash":"bfa0f270bb9f579388cf6861c4e9f8359ca8bdd8dd37a016e972253108fb4e0d","width":1920,"height":1080,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588348,"project_id":36794911,"image_ref":"{image 21}","name":"911e1c2e-e89c-11e8-ba2c-525400063af8.jpeg","hash":"4a9e2b397b6815143a117a8ab39dccfc59c403873c689155f7a6a50f85c60da5","width":1200,"height":800,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588349,"project_id":36794911,"image_ref":"{image 22}","name":"--1.jpg","hash":"546b856579874529849417b33d8531d795f157fb57810cc4cb2748dbbce17a99","width":1920,"height":1080,"s
57ort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588350,"project_id":36794911,"image_ref":"{image 23}","name":"--3.jpg","hash":"e0a616363238882c79a97af701a7a0b37dcfa19eb2d5d3dc35551186c7c63edb","width":1920,"height":1080,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588351,"project_id":36794911,"image_ref":"{image 24}","name":"-5.png","hash":"07f15b24e0cef8700b39edd56a7ce77459c3ce43729d33fc70ac6ac2ce31df0e","width":1921,"height":1281,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588352,"project_id":36794911,"image_ref":"{image 25}","name":"2022-12-16-08.05.54.png","hash":"9f7789bb2f71e22099eee1ae83b0387cf2e2faafffc84ffacc7e8f655657e3fa","width":2844,"height":1590,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588353,"project_id":36794911,"image_ref":"{image 28}","name":"qq8779_A_performance_combining_music_and_projections_the_theme__0a958214-67a3-4553-a886-28b9daafd101.png","hash":"4e9979753f5974f635166eda0c97a2c24ffb4e5342c97596d36b10e9e3a4f1d1","width":1536,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588354,"project_id":36794911,"image_ref":"{image 30}","name":"Conceptual-Performance-2.png","hash":"c052ae780ce78ed5428f225918a41d970cb2b49b1e4b1073e3fcd8f88e3b0e4c","width":1536,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588355,"project_id":36794911,"image_ref":"{image 31}","name":"qq8779_audio-visual_interactive_performance_synthesizer_music_w_0900b595-6887-4495-bfca-3f731fb9d2d7.png","hash":"2ab4ed452388ae02fc68e39489cbf62f2455432b38cf6a4811c2daeff0a68880","width":1536,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588356,"project_id":36794911,"image_ref":"{image 32}","name":"IMG_5803.jpg","hash":"421880f3e5c096349416168ea600ac5abab60f276184e7e23e0b4afba8436c83","width":2198,"height":1210,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642824"},{"id":219588357,"project_id":36794911,"image_ref":"{image 33}","name":"fff_.JPG","hash":"5f8f2f4d0303a9ce56543a37dd74988670aca51dcbeb10737a9b27514951a8c1","width":2270,"height":1440,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588358,"project_id":36794911,"image_ref":"{image 34}","name":"2.jpg","hash":"e0972a81c3ed4087577a588625a3427fa39cfd9f20802c324d27ed8f582050c0","width":3072,"height":2048,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588359,"project_id":36794911,"image_ref":"{image 36}","name":"2222-03.jpg","hash":"7575e46b074a2a364698e870848769b8372629aebe18b4b0ef65241bb09975e6","width":1920,"height":1229,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588360,"project_id":36794911,"image_ref":"{image 37}","name":"2222-033.jpg","hash":"9c842c2835147ffbd8d66fbbd6d39d8588bc7be3e6fc2142c64398b1a065137c","width":1920,"height":1244,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588361,"project_id":36794911,"image_ref":"{image 38}","name":"2024-01-31-11.10.13.png","hash":"004e76078c10c8543d226bc0e28140f98471f03823da01b1e5a0af0c03b0dff2","width":2684,"height":1548,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588362,"project_id":36794911,"image_ref":"{image 40}","name":"-1-13.png","hash":"","width":0,"height":0,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588363,"project_id":36794911,"image_ref":"{image 42}","name":"2-21.jpg","hash":"69b725175f75f40a0f0f9841baf2ce9814deb6c2707bd5fd714b34011d2c93d1","width":1640,"height":1050,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588364,"project_id":36794911,"image_ref":"{image 43}","name":"2-21.jpg","hash":"538d6aae88a7e9b5b732602c47bcc569923e883f20a4f9abd5b511300adc6ffc","width":1640,"height":1050,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588365,"project_id":36794911,"image_ref":"{image 46}","name":"-1.jpg","hash":"","width":0,"height":0,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588366,"project_id":36794911,"image_ref":"{image 47}","name":"-1.jpg","hash":"3173b84ae4c4d063427206b84cc84a68d6e4531d38c55ba1e48a16f50eee16ff","width":1926,"height":1085,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588367,"project_id":36794911,"image_ref":"{image 48}","name":"2023-12-22-13.18.47.jpg","hash":"db1e8a56d4c8b5b45cca281a216700855975c3dac9290679f78592077a8eb799","width":2638,"height":1586,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588368,"project_id":36794911,"image_ref":"{image 49}","name":"04MOCKUP.png","hash":"7d971433a1d3b6b64cdadbe34ddeb726a22b63c64a06bec385f6f719b26fb44f","width":4000,"height":2670,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588369,"project_id":36794911,"image_ref":"{image 50}","name":"DD.jpg","hash":"30e49e9a83555fe21e7e8e687e87bd797169d8d7ad2e244e475620d7b26df9c1","width":794,"height":497,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588370,"project_id":36794911,"image_ref":"{image 51}","name":"ff.jpg","hash":"30a4e90a5ee8b89c94d514bb64cec39e44f947d357f37efd59362f6bb5e47dcd","width":794,"height":497,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588371,"project_id":36794911,"image_ref":"{image 52}","name":"OS971A1.png","hash":"07f08545278bc883a3cb424bda48a11543a5892c49d373fb982668b2a2b6b95d","width":2500,"height":2000,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588372,"project_id":36794911,"image_ref":"{image 53}","name":"qq8779_Bacteria_cake_made_of_gel_on_the_table_4578a767-b30a-42cf-a98b-1dc1919abd18.jpg","hash":"db71e21fd14291f996a89c58e36da6ba7f93a1a121d414c
57acb8bc280dea0fb28","width":1640,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588373,"project_id":36794911,"image_ref":"{image 54}","name":"--1.jpg","hash":"1ab35ac1a30c928b8b21a5816462c953224b303ff86e76bc47ebbc9fa2b9f317","width":2114,"height":1311,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588374,"project_id":36794911,"image_ref":"{image 55}","name":"2024-02-01-19.39.28.jpg","hash":"6b9960ab1dc85db949811466a57c0363f12706cf20261d165a796f4b629586e7","width":2810,"height":1574,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588375,"project_id":36794911,"image_ref":"{image 56}","name":"2024-02-01-19.42.00.jpg","hash":"e0c3e27bad16169640be44a3f446b6dbd0ba94f25c760c069230ae6599ad4e33","width":2810,"height":1574,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588376,"project_id":36794911,"image_ref":"{image 57}","name":"2024-02-01-19.40.41.jpg","hash":"c26b3cdaca9d74db4e5dcb315b3f125c2a9ec475c912efd03eb26ad7b9b22050","width":2810,"height":1574,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588377,"project_id":36794911,"image_ref":"{image 58}","name":"2024-02-01-19.41.22.jpg","hash":"c459b40e2488b57322ab20d745be6df9b608aa111a759e6825d9d9ac3c5acedf","width":2810,"height":1574,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588378,"project_id":36794911,"image_ref":"{image 59}","name":"EAF_Secondary_Stacked_Mono-01_festival_logo.jpg","hash":"27a70342fcbb9f9a5a287f45716d977ef80a0014e1e08a50a16a2ecce3d1f25b","width":566,"height":474,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588379,"project_id":36794911,"image_ref":"{image 60}","name":"RoboSoft2022_logo_wb.jpeg","hash":"eeba5c7030f74626b4a26e393bb8120789709b045c287619c30210904e7bf08b","width":368,"height":358,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642825"},{"id":219588380,"project_id":36794911,"image_ref":"{image 65}","name":"-1.jpg","hash":"c9c854991a1c974086bb3157e7ed74a1120cd4057aa47d64d7742756f5603037","width":1000,"height":455,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588381,"project_id":36794911,"image_ref":"{image 66}","name":"qq8779_Bacteria_cake_made_of_gel_on_the_table_4578a767-b30a-42cf-a98b-1dc1919abd18.jpg","hash":"44ac4312d32bbf4d9af9534b69805a80618a72cfdb13350b7d89dbbdaf95e819","width":1640,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588382,"project_id":36794911,"image_ref":"{image 67}","name":"Conceptual-Performance-2.jpg","hash":"57210acea2465996ee232b0f96f1b93872b75cc5745b5c6a4832289f03f3c19f","width":1828,"height":1218,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588383,"project_id":36794911,"image_ref":"{image 68}","name":"violet0263_exhibition_set_up_for_AR_facial_interaction_and_3D_p_fe64ceac-d66d-43d0-8b07-7b52f1a3569f.png","hash":"36f1275209cf2048d6ccfa9f6943ff41c38c5c8d7b9a9a51d41e1c155b32d37e","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588384,"project_id":36794911,"image_ref":"{image 69}","name":"violet0263_exhibition_set_up_for_AR_facial_interaction_and_3D_p_28b8fb31-40a1-4416-b538-2cf73e914794.jpg","hash":"2d2a8ce09609254f08fd482722b2e41a15d84dd3a5934ed291cd575a8396a05f","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588385,"project_id":36794911,"image_ref":"{image 70}","name":"dd-2.jpg","hash":"7504c118071a15d621108c7f55ef4418e5fecf4df6fe8cb2d64d19516ae32269","width":1174,"height":783,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588386,"project_id":36794911,"image_ref":"{image 71}","name":"WT-4.jpg","hash":"92af7c9126bac29dc30ecddacd84aa176a3577086225dd09c89d128ec1cd655c","width":2761,"height":1553,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588387,"project_id":36794911,"image_ref":"{image 72}","name":"IMG_0698.jpg","hash":"7bcdaf2708feb9a28ecb86b81b0cb92fd0d302ba13267ebdb08c60d321289874","width":1499,"height":828,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588388,"project_id":36794911,"image_ref":"{image 73}","name":"-1.jpg","hash":"7b3a355107a57c494a7e5981ed85b67304e1c3ae6019a094c4fd3d03ea8d2085","width":1926,"height":1085,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588389,"project_id":36794911,"image_ref":"{image 74}","name":"entheogon-bar.jpg","hash":"66e5c19c8dedc491e2a085e797f34ba5ce7c0b9379f514129cd059460f9f0953","width":1042,"height":694,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588390,"project_id":36794911,"image_ref":"{image 75}","name":"Chemical-Garden.jpg","hash":"696e55c89af4c57cd3a2e20d649c854914e956ca58943d03886fa872289de0dc","width":1584,"height":1056,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588391,"project_id":36794911,"image_ref":"{image 76}","name":"cover.jpg","hash":"f90cb1c4d26716d714722d7725fd3168c3c7404314d6dbbcf5cb4fa6fe95fb19","width":3840,"height":2160,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588392,"project_id":36794911,"image_ref":"{image 77}","name":"aaa.jpg","hash":"9b48eadbd0c294056104ca6d9bdb6facda8ffc7fc51c48e91e7b0cd2393486e9","width":3240,"height":2160,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588393,"project_id":36794911,"image_ref":"{image 78}","name":"ffff.jpg","hash":"79ba46e4d446ae34859341477ffe45acd407dc23495b6576c3e0a67a9a09f1ed","width":3840,"height":2263,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588394,"project_id":36794911,"image_ref":"{image 79}","name":"dddddddd.jpg","hash":"e0a730a297c4612fffb87fbf40c44d050b3e57e3fa5a4890fbd21eef6b1bf132","width":1878,"height":1242,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588395,"project_id":36794911,"image_ref":"{image 80}","name":"Conceptual-Performance-2.jpg","hash":"8ef26e7f901ff9dcc5ea94957739b42ed474c637374ade51102395b7498ff37c","width":1828,"height":1218,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588396,"project_id":36794911,"image_ref":"{image 81}","name":"Human-AI.png","hash":"b28490ee946902cc52857da8db508d3487302d1dfe3ec8af9bf46135f375bccc","width":2688,"height":1792,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588397,"project_id":36794911,"image_ref":"{image 82}","name":"ssssss.jpg","hash":"2862bb5a63a338e0bb03f3547364809323fcb2d840765e7bbd984163afed6db6","width":1164,"height":831,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588398,"project_id":36794911,"image_ref":"{image 83}","name":"violet0263_sound_installation_in_a_gallery_the_pictures_on_the__6f2027d2-b929-48ab-a787-c831af6dbdc9.png","hash":"e6a3af0cd40864918f360480dbc5ccc9c72e9fdaa427194d533269833f19b10c","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588399,"project_id":36794911,"image_ref":"{image 84}","name":"violet0263_When_at_sunset_the_rivers_are_pink_And_a_warm_breeze_ef794507-95d0-4cf0-b80f-8b6dd0f32f5c.png","hash":"ee63425e31ebb277ecb806b75b060c49a262696ae6f703475c11a796b7d3d0bc","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588400,"project_id":36794911,"image_ref":"{image 85}","name":"violet0263_sound_installation_in_a_gallery._Reailistic_4K._44922071-ce9c-4670-aab7-d4614a9a0758.png","hash":"3d9cdfe6bd069c16fdda84098ffb008cdc9e6c305b5889158d22f1958a4cf8fd","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588401,"project_id":36794911,"image_ref":"{image 86}","name":"violet0263_sound_installation_in_a_gallery._Reailistic_4K._4f19352e-7ec8-486f-9608-cf07dc28de1b.png","hash":"c9289
5707c6e99283bfc72d822758de00ee06635dfb533eb0cb0849881c4529abf","width":1434,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588402,"project_id":36794911,"image_ref":"{image 87}","name":"violet0263_sound_installation_in_a_gallery._Reailistic_4K._4f19352e-7ec8-486f-9608-cf07dc28de1b.png","hash":"a55936c300f96f0038f970dd2a7ab78a04517ca32e551fec59881be7868f0b9e","width":1434,"height":1024,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642826"},{"id":219588403,"project_id":36794911,"image_ref":"{image 88}","name":"violet0263_sound_installation_in_a_gallery._Reailistic_4K._44922071-ce9c-4670-aab7-d4614a9a0758.png","hash":"1a15049d427243a91ceccb681f952a599c3dfd06a3ec82ef5f25299c2c1dee1a","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588404,"project_id":36794911,"image_ref":"{image 89}","name":"fff.jpg","hash":"3fbe12208a0ceba7da1ce7ff96eea865a1f539e858c24342c3d0a153fc36efad","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588405,"project_id":36794911,"image_ref":"{image 90}","name":"violet0263_interactive_installation_project_about_19th_century__3d10a787-a163-4365-af12-bef075a1701a.png","hash":"b62d632d328532e812ecbb5fdd3942fd6f89b17cce2f889d2ab59403ef9af46d","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588406,"project_id":36794911,"image_ref":"{image 92}","name":"Gen-2-8s--3741650515--M-5-1.gif","hash":"7aecd025631a1def76a5adff6a670865ecad2091accb52d17470e5236ffe5174","width":224,"height":150,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588407,"project_id":36794911,"image_ref":"{image 93}","name":"Gen-2-8s--3741650515--M-5-2.gif","hash":"b3ef6ecd84ba5dc169aafa8ecf363adb886d02a823535b854295be724043dc5f","width":448,"height":298,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588408,"project_id":36794911,"image_ref":"{image 95}","name":"Gen-2-8s--465057673--M-5.gif","hash":"7bb01b5908c92dc1a1663b59c6b13e3c169c3e8184f9a2b9ecfaeb2de0e898ed","width":746,"height":498,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588409,"project_id":36794911,"image_ref":"{image 100}","name":"CR_Concept-Video-Clip.gif","hash":"fea3be5b6f44927d65c1177e351cac599ee9fd0bfaa41f8c0f9672bbc06a6141","width":554,"height":312,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588410,"project_id":36794911,"image_ref":"{image 101}","name":"Gen-2-2268034785--virtual-reality-game--cover-entheogon-bar--M-5.gif","hash":"ca2bd6e456886ee1e197b59a4eaadb2cc56c01bef651e67d975629dba533a1b9","width":658,"height":438,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588411,"project_id":36794911,"image_ref":"{image 103}","name":"IMG_3480.TRIM-1.gif","hash":"e03b0acc66a89e44b01b3a7dceb294922c993d9c2528ec3b783c672c37118175","width":420,"height":302,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588412,"project_id":36794911,"image_ref":"{image 104}","name":"Gen-2-2331218417--performance-and-live--qq8779_audio-visual_--M-5.gif","hash":"1f0d065ca2358138093a82b5b1583f8501981deb216778a0fdd89d8b43ff59de","width":658,"height":438,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588413,"project_id":36794911,"image_ref":"{image 105}","name":"462.gif","hash":"a103b4a473bea64febe295a304d950cc15293d4e3f7fc8eb471f9fc70f85a50c","width":450,"height":320,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588414,"project_id":36794911,"image_ref":"{image 106}","name":"Gen-2-2813116787--multi-media-installa--violet0263_sound_ins--M-5.gif","hash":"3967222f3e43cb5f8c6dcbf01fdf5e563f2792cf49480fe7192a97be06b3cd8a","width":658,"height":438,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588415,"project_id":36794911,"image_ref":"{image 108}","name":"Gen-2-1828484845--the-lines-and-the-ba--2024-01-31-11101--M-5.gif","hash":"b0661c00d21d664617bd3cc9bccc2f8d3a897a49
576daca66dfafc3d76b20efcf4","width":694,"height":416,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588416,"project_id":36794911,"image_ref":"{image 109}","name":"With-Audio-AI-Animation-.gif","hash":"ee2dc0219da69a00ce90cf745888877e32c642a5ef629b99a282f36b7eb2d0a6","width":586,"height":330,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":219588417,"project_id":36794911,"image_ref":"{image 110}","name":"Gen-2-1070493122--interactive-exhibits--fff_JPG--M-5.gif","hash":"3d31876010cd7410d8ad0f5e12983a4cfa89a83591b66bb81805756ec654705e","width":658,"height":438,"sort":0,"exclude_from_backdrop":false,"date_added":"1728642827"},{"id":225385951,"project_id":36794911,"image_ref":"{image 111}","name":"CoSTAR-RGB_01.jpg","hash":"65be46af63ac9e7d77488f427b29c1b7084e614fd212a39a963bf3de5db3f026","width":3587,"height":5381,"sort":0,"exclude_from_backdrop":false,"date_added":"1737626836"},{"id":238621829,"project_id":36794911,"image_ref":"{image 112}","name":"event-image-2.jpg","hash":"dcde05098bccd49818df3fb6be017bdd09fc59344ae9b61bff7c1cb6e8788996","width":3087,"height":1937,"sort":0,"exclude_from_backdrop":false,"date_added":"1758755611"},{"id":244882568,"project_id":36794911,"image_ref":"{image 113}","name":"cover_JR-YU.jpg","hash":"f0b6a387ed7b8e20f1597fc4c9008144803a303634d05cc41c9a612c68636318","width":1344,"height":960,"sort":0,"exclude_from_backdrop":false,"date_added":"1771240577"},{"id":249346591,"project_id":36794911,"image_ref":"{image 114}","name":"img_2745.jpg","hash":"c44e8fae0c1f4f7842ec0ac31acbb2adfdf0ae9b59b517c2be621f73a46a339a","width":3072,"height":2048,"sort":0,"exclude_from_backdrop":false,"date_added":"1781128136"},{"id":249348565,"project_id":36794911,"image_ref":"{image 115}","name":"fff.jpg","hash":"0ad228277b6961c0e7c3f3ec151600a24576374c5bea2a33d62427c0eaf4819f","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1781129157"},{"id":249348569,"project_id":36794911,"image_ref":"{image 116}","name":"Cover-page.png","hash":"56bac6824c5894ad5a792b838ac996b980f9e619955da207320b085649753739","width":1536,"height":768,"sort":0,"exclude_from_backdrop":false,"date_added":"1781129228"},{"id":249348574,"project_id":36794911,"image_ref":"{image 117}","name":"Cover-page.png","hash":"40e51b59602a7a2c8931d07b836e7534d6b16986c03c421c52b7b9e4dfd2341b","width":1536,"height":768,"sort":0,"exclude_from_backdrop":false,"date_added":"1781129276"},{"id":249348575,"project_id":36794911,"image_ref":"{image 118}","name":"IMG_3480.TRIM-1.gif","hash":"7cbbe1b15db1af1a99bc5e2b9ca098be230e70b61e2ba933856d6ccb16231de6","width":420,"height":302,"sort":0,"exclude_from_backdrop":false,"date_added":"1781129331"},{"id":249348576,"project_id":36794911,"image_ref":"{image 119}","name":"violet0263_sound_installation_in_a_gallery_the_pictures_on_the__6f2027d2-b929-48ab-a787-c831af6dbdc9.jpg","hash":"3f420cb5efd127726b31e672cb60ae0c1b91fa15933528331b65490c9356c08e","width":1344,"height":896,"sort":0,"exclude_from_backdrop":false,"date_added":"1781129385"},{"id":249428092,"project_id":36794911,"image_ref":"{image 120}","name":"2024-02-01-19.42.00.jpg","hash":"5ca6dfbaf664be98b14250e00a5258459f1cab50e73b27eb7adbe29e3c581ab7","width":2810,"height":1574,"sort":0,"exclude_from_backdrop":false,"date_added":"1781428361"}],"backdrop":null}]}</script>
vendor: 1 bytes, line 57
57
58<script type="text/json" data-set="SiteMenu" >[]</script>
vendor: 1 bytes, line 58
58
59<script type="text/json" data-set="FirstloadThumbOptions" >{"page_id":"36794892"}</script>
vendor: 1 bytes, line 59
59
60<script type="text/json" data-set="ThumbnailSettings" >{"id":10266135,"name":"Grid","path":"grid","mode_id":1,"site_id":2575319,"page_id":null,"iterator":1,"is_active":true,"data":{"crop":true,"thumb_crop":"4x3","column_size":7,"columns":"6","thumb_horizontal_align":"left","thumbnails_padding":"0.8","responsive":true,"show_title":true,"show_tags":true,"show_excerpt":false,"filter_type":"all","filter_tags":"","filter_set":"","show_thumbs":false,"mobile_data":{"column_size":10,"thumbnails_padding":"1.1","separate_mobile_view":false,"columns":"3"},"meta_data":{},"thumbnails_width":"100","responsive_columns":"3","responsive_row_height":"75","random_limit":999,"responsive_thumbnails_padding":"1.1","thumbnails_bgcolor":"transparent"}}</script>
vendor: 1 bytes, line 60
60
61<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 61
61
62<script type="text/json" data-set="FirstloadThumbnails" >[]</script>
vendor: 1 bytes, line 62
62
63<script type="text/x-handlebars-template" id="loading_animation"><div class="loading_animation pulsing <%= extra_class %> {{ extra_class }}"> 64 <div> 65 <svg class="loading" width="500" height="500" viewBox="0 0 500 500"> 66 <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"/> 67 </svg> 68 </div> 69</div></script>
vendor: 1 bytes, line 69
69
70<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 70
70
71<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> <div class="page_background"></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 71
71
72<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 72
72
73<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 73
73
74<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 74
74
75<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> <div class="page_background"></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 75
75
76<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 76
76
77<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 77
77
78<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 78
78
79<script src="//static.cargo.site/libs/cargo.apicore.package.jquery213.min.js?c=2034164712&" data-main=""></script>
vendor: 1 bytes, line 79
79
80<script src="https://static.cargo.site/assets/builds/apipackage.min.js?c=2034164712&" data-main=""></script>
80 81 82 </head> 83 <body data-bodyview="" style="visibility: hidden;"> 84 85
85<script> 86 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}(); 87 </script>
87 88 89 <customhtml></customhtml> 90 <div class="loading" data-loading="page"> 91 <div class="loading_animation pulsing <%= extra_class %> "> 92 <div> 93 <svg class="loading" width="500" height="500" viewBox="0 0 500 500"> 94 <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"/> 95 </svg> 96 </div> 97</div> </div> 98 99 <div 100 id="site_menu_wrapper" class="disabled mobile_only" 101 data-sitemenu-position="top-right" 102 data-type="page" 103 data-set="SiteMenu" 104 data-view="SiteMenu" 105> 106 107 <a href="/" rel="site_menu" id="site_menu_button" class=""> 108 109 î²︎ 110 </a> 111 112 <div id="site_menu_panel_container" data-type="page"><!-- empty container for site menu --></div> 113 114</div> 115 116 <a id="shop_button" rel="show_cart" href class="disabled "> 117 </a> 118 119 <div class="main_container"> 120 121 <div data-view="pinned_top" data-set="Scaffolding" data-position="top" class="pinned pinned_top"> 122 <div class="page_container overlay fixed exclude_mobile" local-style="36794908"> 123 <div class="page container container_width clearfix" data-container="content" data-id="36794908"> 124 <bodycopy class="bodycopy content content_padding"> 125 126 127 <div class="page_content clearfix" data-elementresizer data-resize-parent> 128 <projectcontent><hr> 129<br> 130<div grid-row="" grid-pad="2" grid-gutter="4" grid-responsive=""> 131 <div grid-col="11" grid-pad="2"><h1><b><a href="#" rel="home_page">JIARONG YU</a></b></h1></div> 132 <div grid-col="1" grid-pad="2"></div> 133</div><br> 134<small><span style="background-color: initial;"><span style="background-color: initial;">Jiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied informatics. Under the alias "<b>6Liè</b>," she has been very active in <b>STEM</b><strong>/STEAM Integration (science, technology, engineering, arts, and mathematics)</strong>, exploring the potential of Human-AI collaboration, Human-Computer Interaction, and Immersive Technology for future learning experiences and human cognition, and discussing how humanity and technology shape each other. She has been launching spatial immersive experience projects, fusing multi-modal AI, Game Engine, Extended Reality, Robotics, and Mechanical & Interactive Installation.</span></span><span style="background-color: initial;"></span></small><br><br> 135<br>îï¸ï¸ï¸ <a href="#" rel="home_page">Home</a> 136<br>îï¸ï¸ï¸ <a href="contact-form" rel="history">Email</a><br>îï¸ï¸ï¸ <a href="Human-AI-Workshop-Performance" rel="history">Events</a> 137<br>îï¸ï¸ï¸ <a href="https://6liemusic.bandcamp.com" target="_blank">Music</a> 138<br> 139îï¸ï¸ï¸ <a href="https://www.instagram.com/666lie/" target="_blank">Instagram</a><br> 140îï¸ï¸ï¸ <a href="http://www.linkedin.com/in/jiarongyu6" target="_blank">Linkedin</a><br> 141<br> 142<hr><div style="text-align: right"></div><br> 143î ï¸ï¸ï¸ Work for/with<br> 144<br> 145<a href="#" rel="home_page" class="image-link"><img width="1300" height="455" width_o="1300" height_o="455" data-src="https://freight.cargo.site/t/original/i/6b67bf99a72778adadb532fadc9632f7874e5b2884d4b6812e402270af9af1d1/logoss.jpg" data-mid="225387155" border="0" /></a><br> 146 147<br> 148<br></projectcontent> 149 </div> 150 151 152 </bodycopy> 153 </div> 154 <div class="page_background"></div> 155 <style class="local-css" data-target="36794908"> 156 [local-style="36794908"] .container_width { 157 width: 30% /*!variable_defaults*/; 158} 159 160[local-style="36794908"] body { 161 background-color: initial /*!variable_defaults*/; 162} 163 164[local-style="36794908"] .backdrop { 165} 166 167[local-style="36794908"] .page { 168} 169 170[local-style="36794908"] .page_background { 171 background-color: initial /*!page_container_bgcolor*/; 172} 173 174[local-style="36794908"] .content_padding { 175 padding-left: 0rem /*!main_margin*/; 176} 177 178[data-predefined-style="true"] [local-style="36794908"] bodycopy { 179} 180 181[data-predefined-style="true"] [local-style="36794908"] bodycopy a { 182} 183 184[data-predefined-style="true"] [local-style="36794908"] bodycopy a:hover { 185} 186 187[data-predefined-style="true"] [local-style="36794908"] h1 { 188} 189 190[data-predefined-style="true"] [local-style="36794908"] h1 a { 191} 192 193[data-predefined-style="true"] [local-style="36794908"] h1 a:hover { 194} 195 196[data-predefined-style="true"] [local-style="36794908"] h2 { 197} 198 199[data-predefined-style="true"] [local-style="36794908"] h2 a { 200} 201 202[data-predefined-style="true"] [local-style="36794908"] h2 a:hover { 203} 204 205[data-predefined-style="true"] [local-style="36794908"] small { 206} 207 208[data-predefined-style="true"] [local-style="36794908"] small a { 209} 210 211[data-predefined-style="true"] [local-style="36794908"] small a:hover { 212} 213 214[local-style="36794908"] .container { 215 margin-left: auto /*!content_right*/; 216 margin-right: 0 /*!content_right*/; 217} 218 </style> 219 </div> <div class="page_container overlay accommodate exclude_desktop" local-style="36794909"> 220 <div class="page container container_width clearfix" data-container="content" data-id="36794909"> 221 <bodycopy class="bodycopy content content_padding"> 222 223 224 <div class="page_content clearfix" data-elementresizer data-resize-parent> 225 <projectcontent><div grid-row="" grid-pad="2" grid-gutter="4"> 226 <div grid-col="7" grid-pad="2"><h2>JIARONG YU</h2></div> 227 <div grid-col="5" grid-pad="2" class=""><div style="text-align: right;"><span style="color: rgba(0, 0, 0, 0.4);">Edinburgh<br> 228London</span></div></div> 229</div><br> 230<br> 231<small><span style="background-color: initial;">Jiarong Yu, an interaction designer, creative technologist, STEAM education practitioner, and life-long researcher in embodied informatics. Under the alias "<b>6Liè</b>," she has been very active in <b>STEM</b><strong>/STEAM Integration (science, technology, engineering, arts, and mathematics)</strong>, exploring the potential of Human-AI collaboration, Human-Computer Interaction, and Immersive Technology for future learning experiences and human cognition, and discussing how humanity and technology shape each other. She has been launching spatial immersive experience projects, fusing multi-modal AI, Game Engine, Extended Reality, Robotics, and Mechanical & Interactive Installation.</span></small><br> 232<br> 233<a href="#" rel="home_page" class="image-link"><img width="1300" height="455" width_o="1300" height_o="455" data-src="https://freight.cargo.site/t/original/i/d8a40eb15b0c22d6ba2b83ad561c1ef74edd2efc95d8541c4124e2cab72109a4/logoss.jpg" data-mid="225387178" border="0" /></a><br> 234<br> 235<hr> 236<br> 237îï¸ï¸ï¸ <a href="contact-form" rel="history">Email</a><br>îï¸ï¸ï¸ <a href="https://6liemusic.bandcamp.com" target="_blank">Music</a> 238<br>îï¸ï¸ï¸ <a href="https://www.instagram.com/666lie/" target="_blank">Instagram</a><br>îï¸ï¸ï¸ <a href="http://www.linkedin.com/in/jiarongyu6" target="_blank">Linkedin</a><a href="contact-form" rel="history"></a> 239<br></projectcontent> 240 </div> 241 242 243 </bodycopy> 244 </div> 245 <div class="page_background"></div> 246 <style class="local-css" data-target="36794909"> 247 [local-style="36794909"] .container_width { 248} 249 250[local-style="36794909"] body { 251 background-color: initial /*!variable_defaults*/; 252} 253 254[local-style="36794909"] .backdrop { 255} 256 257[local-style="36794909"] .page { 258} 259 260[local-style="36794909"] .page_background { 261 background-color: initial /*!page_container_bgcolor*/; 262} 263 264[local-style="36794909"] .content_padding { 265} 266 267[data-predefined-style="true"] [local-style="36794909"] bodycopy { 268} 269 270[data-predefined-style="true"] [local-style="36794909"] bodycopy a { 271} 272 273[data-predefined-style="true"] [local-style="36794909"] bodycopy a:hover { 274} 275 276[data-predefined-style="true"] [local-style="36794909"] h1 { 277} 278 279[data-predefined-style="true"] [local-style="36794909"] h1 a { 280} 281 282[data-predefined-style="true"] [local-style="36794909"] h1 a:hover { 283} 284 285[data-predefined-style="true"] [local-style="36794909"] h2 { 286} 287 288[data-predefined-style="true"] [local-style="36794909"] h2 a { 289} 290 291[data-predefined-style="true"] [local-style="36794909"] h2 a:hover { 292} 293 294[data-predefined-style="true"] [local-style="36794909"] small { 295} 296 297[data-predefined-style="true"] [local-style="36794909"] small a { 298} 299 300[data-predefined-style="true"] [local-style="36794909"] small a:hover { 301} 302 </style> 303 </div> 304 </div> 305 306 <div class="content_container"> 307 <div data-view="Content" data-set="Scaffolding"> 308 309 310 311 312 <div data-container="page" class="page_container" local-style="36794892" data-id="36794892"> 313 314 <div class="page container container_width" data-container="content" data-id="36794892"> 315 <bodycopy class="bodycopy content content_padding"> 316 317 <div class="page_content clearfix" data-elementresizer data-resize-parent> 318 <projectcontent><a href="CHEMICAL-GARDEN" rel="history" class="image-link"><img width="1584" height="1056" width_o="1584" height_o="1056" data-src="https://freight.cargo.site/t/original/i/98de73d0ae46a5d81e64713f310a42157e7c80dfdb1152996dfb96edb44789fa/ed.jpg" data-mid="219587990" border="0" /></a><br> 319<br> 320<br> 321<br> 322<h1>CHEMICAL GARDEN</h1><br><h2><a href="#" rel="home_page" class="icon-link">îï¸ï¸ï¸</a><br></h2><br> 323<br> 324 325 326 327 328 329 330 331 332 333 <div style="text-align: center"><h2><i>- Narrative Centre -</i></h2></div><div style="text-align: left;"><br> 334<img width="1600" height="1066" width_o="1600" height_o="1066" data-src="https://freight.cargo.site/t/original/i/6dedc8547a4d5c25e730d9d44eebb4df90bc3923f03edba30ecdf1f13cbac66a/Chemical-Garden.jpg" data-mid="219587974" border="0" /><br> 335</div><div style="text-align: center;"><br> 336Figure 1. Picture of chemical garden (<a href="https://www.stephanequerbes.com/portfolio/magazine/" target="_blank">SteÌphane Querbes</a>) </div><div style="text-align: left;"><small><br>The <b>chemical garden phenomenon</b>, also known as the water garden or the silicone garden. The experiment usually involves adding metallic salts to an aqueous solution of sodium silicate, resulting in crystalline fibrous structures that mimic the appearance of deep-sea corals and plants. The chemical garden in the experiment is like an underwater world.<br> 337<br> 338As Chemical Gardens researcher Alexander Blanchard said, "While on-Earth growth tends to be 339upward, we expect growth in random directions and a spherical shape in space at 340the macroscopic level" (Blanchard, 2018).</small><br> 341<br> 342<br></div> 343<br> 344<div style="text-align: center"><h2><i><b>- Concept -</b></i></h2></div> 345<small><br> 346In 2022, with the 347support of the <b><i><a href="https://www.designinformatics.org/" target="_blank">Design Informatics</a></i></b> lab and <b><i><a href="https://www.beautyofscience.com/" target="_blank">Beauty of Science</a></i></b>, I independently designed the audio-visual interactive performance "Chemical Garden", and it is then staged in <i><b>InSpace Gallery</b></i> and <b><i>WhiteSpace Gallery</i></b>. With the narrative 348centre of the classic chemical reaction "Chemical Garden", the 349project aims to further investigate the future of embodied learning and the 350potential for art to shape scientific communication in different c
350ontexts. Step into a realm where the intangible data is not just observed, but also experienced.<br> 351 352 353 354 355 356 357</small><br><br><div style="text-align: center;"><br><br> 358<br> 359<h2><i><b>- Design Development -</b></i></h2></div> 360<small><br> 361<b>1. Visual elements extraction</b><br> 362<br><img width="1280" height="1361" width_o="1280" height_o="1361" data-src="https://freight.cargo.site/t/original/i/d48dfa328f2507986a131bfa7ff76c78900fac984f92d0fcc65683d4d0eb088b/figure55-05.jpg" data-mid="219587978" border="0" /> 363 364 365 366 367 368 369 370 371 372 373 374</small><div style="text-align: center">Figure 2. Chemical reaction (Beauty of Science), and analogous coral (Birmingham 375Museums Trust)</div><small> 376<br> 377 378 379 380 381 382 383<img width="1068" height="450" width_o="1068" height_o="450" data-src="https://freight.cargo.site/t/original/i/01c672adbd0a70ae26af57251c2f0bf47f23b150bd0dc3b5806274032197b3b4/2022-08-24-9.53.32.png" data-mid="219587965" border="0" /> 384 385 386 387 388 389 390 391 392 393 394 395</small><div style="text-align: center">Figure 3. Sketch of the visual design to mimic coralâs shape<br></div><div style="text-align: right;"> 396<br></div><small> 397 398 399 400 401 402 403<b><br><br>2. Audio/Visual Interaction Workflow<br></b> 404<br></small><div style="text-align: center"><small><img width="1068" height="352" width_o="1068" height_o="352" data-src="https://freight.cargo.site/t/original/i/1767c11734ff0d6ae0c0e142b1892b157d211af1715133881581edaba4e19f6f/2022-08-24-9.53.14.png" data-mid="219587969" border="0" data-scale="78"/></small></div><small><br> 405<br><b>3. Audio/Visual InteractionTesting</b><br> 406<img width="1068" height="348" width_o="1068" height_o="348" data-src="https://freight.cargo.site/t/original/i/11feca6516b709d1f29c6a90bd5d903ea8f8a9555f0d28454ccf892da8b27e87/2022-08-24-9.53.53.png" data-mid="219587966" border="0" data-scale="100"/></small><br><img width="1068" height="1174" width_o="1068" height_o="1174" data-src="https://freight.cargo.site/t/original/i/dce3b98b05a232273909cd57f873286843a728adc582ae38ab40a2a4e75f644e/2022-08-24-9.54.06.png" data-mid="219587967" border="0" /> 407 408 409 410 411 412 413 414 415 416 417 418<div style="text-align: center">Figure 4. Prototype of the audio-visual interaction simulating the growth of chemical garden<br></div><br><div style="text-align: right;"><div style="text-align: left"><small></small></div></div> 419<br> 420 421 422 423 424 425 426<br><div style="text-align: center"><h2><i><b>- Performance -</b></i><br></h2></div> 427<b><small><br>Audio-visual immersive performance at InSpace Gallery (2022, Edinburgh)</small></b> 428<small>Realtime Motion - Projection</small><br> 429<br> 430<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%3A11%2C%22columns%22%3A%222%22%2C%22image_padding%22%3A2%2C%22responsive%22%3Atrue%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%2C%22captions%22%3Atrue%7D%7D"> 431<img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/2d461e94e6095b8af243ed951a44952561dbb8af28eb03070eb784d32924f9de/-31-05.png" data-mid="219587983" border="0" /> 432<img width="2761" height="1553" width_o="2761" height_o="1553" data-src="https://freight.cargo.site/t/original/i/df4c6b5ccb940ecdf343ddeb4f0fcbad124ff7f601c92d47f0093f7cc66b67f0/CG-1.jpg" data-mid="219587960" border="0" /> 433<iframe frameborder="0" width="840" height="472.5" src="https://www.youtube.com/embed/IyeUIRYYtOs?si=oaCPu0pgBwr8_HSF&controls=0" allowfullscreen="" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" title="YouTube video player"></iframe> 434<img width="2761" height="1553" width_o="2761" height_o="1553" data-src="https://freight.cargo.site/t/original/i/72e9d526afbfb2af7be50f6fd7b144bdc659e1c840c11e3b9bc2d1480825a056/CG-2.jpg" data-mid="219587961" border="0" /> 435</div><br><br><br> 436<small>Audio-visual immersive performance at Whitespace Gallery (2022, Edinburgh)</small><br> 437<br> 438<div class="image-gallery" data-gallery="%7B%22mode_id%22%3A1%2C%22gallery_instance_id%22%3A2%2C%22name%22%3A%22Grid%22%2C%22path%22%3A%22grid%22%2C%22data%22%3A%7B%22column_size%22%3A11%2C%22columns%22%3A%222%22%2C%22image_padding%22%3A2%2C%22responsive%22%3Atrue%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%2C%22captions%22%3Atrue%7D%7D"> 439<img width="2761" height="1553" width_o="2761" height_o="1553" data-src="https://freight.cargo.site/t/original/i/a2ac480c0e5119aa02cbcca698f1cd00c026318a7fd25769b7b4f9af269d9f4e/WT-4.jpg" data-mid="219587986" border="0" /> 440<img width="2761" height="1553" width_o="2761" height_o="1553" data-src="https://freight.cargo.site/t/original/i/17787a773a0b8b394aa19b50b309364a8a7ee6580a4d11ea8e4588e51e27b823/WT-2.jpg" data-mid="219587963" border="0" /> 441<img width="2761" height="1553" width_o="2761" height_o="1553" data-src="https://freight.cargo.site/t/original/i/9995c24215704118fa4f7572f9264cdd2ecf5f183fdd83d1ee63e2d47b20394e/WT-3.jpg" data-mid="219587964" border="0" /> 442<img width="2761" height="1553" width_o="2761" height_o="1553" data-src="https://freight.cargo.site/t/original/i/4a9cdec06d59c12cceecbd3429341ecd904b9024e999c8dbbe50c04aedb5bf0d/WT-1.jpg" data-mid="219587962" border="0" /> 443</div><div style="text-align: left;"><div style="text-align: center"><small><i><span style="color: #9a9a9a;"><br> 444</span></i></small><div class="marquee" speed="-6"><div style="text-align: left;"><div style="text-align: center"><div style="text-align: left"><small><i><span style="color: rgb(154, 154, 154); background-color: rgb(14, 1, 1);">Comments: âJust as no two snowflakes are ever identical, no two chemical bouquets of metallic salts in water glass are ever the in the same shape. The improvised music and the improvised "sound painting"; it's like a chemical reaction in that it takes the audio signals as input and produces visual and lighting signals as output. Unpredictability and freedom from repetition are the hallmarks of a spontaneous performance like an experiment.â</span></i></small></div></div></div></div></div></div><br> 445<div style="text-align: right;"><div style="text-align: left;"><br><br> 446<div style="text-align: center"><h2><i><b>- Future of Embodied Learning -</b></i><br></h2></div><br> 447</div></div><small><img width="1280" height="963" width_o="1280" height_o="963" data-src="https://freight.cargo.site/t/original/i/2f56d5bf35dee7875ed412afefa0fc3d92f10294add206e9dc668afa0030b714/figure6-04.jpg" data-mid="219587970" border="0" /><br> 448 449 450 451 452 453 454 455 456 457 458 459 <br> 460</small><div style="text-align: center">Figure 5. Sketch of the corals, representing different metal salts, assembled
460into a bizarre plant-like object</div><div style="text-align: right;"><br> 461<br> 462</div><br><div style="text-align: center"><br></div><img width="1024" height="1497" width_o="1024" height_o="1497" data-src="https://freight.cargo.site/t/original/i/d9f4a751b58c5834f6277324e9299a1b4f7f621472102c816ae2279ff054cea9/Rendering.jpg" data-mid="219587989" border="0" /><br> 463<div style="text-align: center;"><br> 464Figure 6. 3D modeling of visual identity<br> 465<br></div><img width="1346" height="897" width_o="1346" height_o="897" data-src="https://freight.cargo.site/t/original/i/ab58c5bcd3aacc0ec5afdc03f04b9cadfa29258b66d5cc6be25761d667bb7b91/qq8779_A_performance_combining_music_and_projections_the_theme__da68388e-8643-40ac-ac48-a5b2704d0d90.jpg" data-mid="219587991" border="0" /><br> 466<br><br> 467<small>Conceptual Performance Exhibited at Blue Centre (2023, Shanghai)</small><br> 468<i><b><small><i>Realtime-Motion XR/AR </i></small></b></i><br> 469<br> 470<img width="1584" height="1056" width_o="1584" height_o="1056" data-src="https://freight.cargo.site/t/original/i/98de73d0ae46a5d81e64713f310a42157e7c80dfdb1152996dfb96edb44789fa/ed.jpg" data-mid="219587990" border="0" /><br> 471<br><br><br><h2><a href="#" rel="home_page">îï¸ï¸ï¸ Back</a></h2><br><br><br><br> 472<br></projectcontent> 473 </div> 474 475 476 </bodycopy> 477 </div> 478 479 <div class="page_background"></div> 480 481 <style class="local-css" data-target="36794892"> 482 [local-style="36794892"] .container_width { 483 width: 56% /*!variable_defaults*/; 484} 485 486[local-style="36794892"] body { 487 background-color: initial /*!variable_defaults*/; 488} 489 490[local-style="36794892"] .backdrop { 491} 492 493[local-style="36794892"] .page { 494 background-color: #fff /*!page_bgcolor*/; 495} 496 497[local-style="36794892"] .page_background { 498 background-color: initial /*!page_container_bgcolor*/; 499} 500 501[local-style="36794892"] .content_padding { 502 padding-top: 3.3rem /*!main_margin*/; 503 padding-bottom: 3.3rem /*!main_margin*/; 504 padding-left: 3.3rem /*!main_margin*/; 505 padding-right: 3.3rem /*!main_margin*/; 506} 507 508[data-predefined-style="true"] [local-style="36794892"] bodycopy { 509} 510 511[data-predefined-style="true"] [local-style="36794892"] bodycopy a { 512} 513 514[data-predefined-style="true"] [local-style="36794892"] bodycopy a:hover { 515} 516 517[data-predefined-style="true"] [local-style="36794892"] h1 { 518} 519 520[data-predefined-style="true"] [local-style="36794892"] h1 a { 521} 522 523[data-predefined-style="true"] [local-style="36794892"] h1 a:hover { 524} 525 526[data-predefined-style="true"] [local-style="36794892"] h2 { 527} 528 529[data-predefined-style="true"] [local-style="36794892"] h2 a { 530} 531 532[data-predefined-style="true"] [local-style="36794892"] h2 a:hover { 533} 534 535[data-predefined-style="true"] [local-style="36794892"] small { 536} 537 538[data-predefined-style="true"] [local-style="36794892"] small a { 539} 540 541[data-predefined-style="true"] [local-style="36794892"] small a:hover { 542} 543 </style> 544 </div> 545 546 547</div> 548 549<div data-autopaginate></div><div data-view="Thumbnail" data-set="GlobalThumbnails" class="thumbnails"> 550 <div class="container thumbnails_width clearfix"> 551 <div class="content content_padding"> 552 <div class="thumbnails"> 553 </div> 554 </div> 555 </div></div> 556 </div> 557 558 <div data-view="pinned_bottom" data-set="Scaffolding" data-position="bottom" class="pinned pinned_bottom"> 559 <div class="page_container overlay fixed exclude_mobile" local-style="36794910"> 560 <div class="page container container_width clearfix" data-container="content" data-id="36794910"> 561 <bodycopy class="bodycopy content content_padding"> 562 563 564 <div class="page_content clearfix" data-elementresizer data-resize-parent> 565 <projectcontent><span style="color: rgba(0, 0, 0, 0.4);">© 2025 JIARONG YU</span></projectcontent> 566 </div> 567 568 569 </bodycopy> 570 </div> 571 <div class="page_background"></div> 572 <style class="local-css" data-target="36794910"> 573 [local-style="36794910"] .container_width { 574 width: 30% /*!variable_defaults*/; 575} 576 577[local-style="36794910"] body { 578 background-color: initial /*!variable_defaults*/; 579} 580 581[local-style="36794910"] .backdrop { 582} 583 584[local-style="36794910"] .page { 585} 586 587[local-style="36794910"] .page_background { 588 background-color: initial /*!page_container_bgcolor*/; 589} 590 591[local-style="36794910"] .content_padding { 592 padding-left: 1rem /*!main_margin*/; 593} 594 595[data-predefined-style="true"] [local-style="36794910"] bodycopy { 596} 597 598[data-predefined-style="true"] [local-style="36794910"] bodycopy a { 599} 600 601[data-predefined-style="true"] [local-style="36794910"] bodycopy a:hover { 602} 603 604[data-predefined-style="true"] [local-style="36794910"] h1 { 605} 606 607[data-predefined-style="true"] [local-style="36794910"] h1 a { 608} 609 610[data-predefined-style="true"] [local-style="36794910"] h1 a:hover { 611} 612 613[data-predefined-style="true"] [local-style="36794910"] h2 { 614} 615 616[data-predefined-style="true"] [local-style="36794910"] h2 a { 617} 618 619[data-predefined-style="true"] [local-style="36794910"] h2 a:hover { 620} 621 622[data-predefined-style="true"] [local-style="36794910"] small { 623} 624 625[data-predefined-style="true"] [local-style="36794910"] small a { 626} 627 628[data-predefined-style="true"] [local-style="36794910"] small a:hover { 629} 630 631[local-style="36794910"] .container { 632 margin-left: auto /*!content_right*/; 633 margin-right: 0 /*!content_right*/; 634} 635 </style> 636 </div> 637 </div> 638 639 </div> 640 641 <div data-content-ruler class="container container_width"></div> 642 643 <style id="">/* 644 * This CSS file has been generated and is served by Cargo Collective Inc 645 * and is authorized to be used on Cargo Collective Inc only. 646 * 647 * This CSS resource incorporates links to font software which is 648 * the valuable copyrighted property of Dinamo Typefaces. You may not
649 * attempt to copy, install, redistribute, convert, modify or reverse 650 * engineer this font software. Please contact Dinamo with any 651 * questions: https://abcdinamo.com/ 652 */ 653@font-face { 654 font-display: block; 655 font-family: "Monument Grotesk Mono"; 656 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-Thin.woff2") format("woff2"), 657 url("https://type.cargo.site/files/CargoMonumentGroteskMono-Thin.woff") format("woff"); 658 font-style: normal; 659 font-weight: 200; 660 unicode-range: U+0000-DFFF, U+F900-FFFD; 661} 662@font-face { 663 font-display: block; 664 font-family: "Monument Grotesk Mono"; 665 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-ThinItalic.woff2") format("woff2"), 666 url("https://type.cargo.site/files/CargoMonumentGroteskMono-ThinItalic.woff") format("woff"); 667 font-style: italic; 668 font-weight: 200; 669 unicode-range: U+0000-DFFF, U+F900-FFFD; 670} 671@font-face { 672 font-display: block; 673 font-family: "Monument Grotesk Mono"; 674 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-Light.woff2") format("woff2"), 675 url("https://type.cargo.site/files/CargoMonumentGroteskMono-Light.woff") format("woff"); 676 font-style: normal; 677 font-weight: 300; 678 unicode-range: U+0000-DFFF, U+F900-FFFD; 679} 680@font-face { 681 font-display: block; 682 font-family: "Monument Grotesk Mono"; 683 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-LightItalic.woff2") format("woff2"), 684 url("https://type.cargo.site/files/CargoMonumentGroteskMono-LightItalic.woff") format("woff"); 685 font-style: italic; 686 font-weight: 300; 687 unicode-range: U+0000-DFFF, U+F900-FFFD; 688} 689@font-face { 690 font-display: block; 691 font-family: "Monument Grotesk Mono"; 692 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-Regular.woff2") format("woff2"), 693 url("https://type.cargo.site/files/CargoMonumentGroteskMono-Regular.woff") format("woff"); 694 font-style: normal; 695 font-weight: 400; 696 unicode-range: U+0000-DFFF, U+F900-FFFD; 697} 698@font-face { 699 font-display: block; 700 font-family: "Monument Grotesk Mono"; 701 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-RegularItalic.woff2") format("woff2"), 702 url("https://type.cargo.site/files/CargoMonumentGroteskMono-RegularItalic.woff") format("woff"); 703 font-style: italic; 704 font-weight: 400; 705 unicode-range: U+0000-DFFF, U+F900-FFFD; 706} 707@font-face { 708 font-display: block; 709 font-family: "Monument Grotesk Mono"; 710 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-Medium.woff2") format("woff2"), 711 url("https://type.cargo.site/files/CargoMonumentGroteskMono-Medium.woff") format("woff"); 712 font-style: normal; 713 font-weight: 500; 714 unicode-range: U+0000-DFFF, U+F900-FFFD; 715} 716@font-face { 717 font-display: block; 718 font-family: "Monument Grotesk Mono"; 719 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-MediumItalic.woff2") format("woff2"), 720 url("https://type.cargo.site/files/CargoMonumentGroteskMono-MediumItalic.woff") format("woff"); 721 font-style: italic; 722 font-weight: 500; 723 unicode-range: U+0000-DFFF, U+F900-FFFD; 724} 725@font-face { 726 font-display: block; 727 font-family: "Monument Grotesk Mono"; 728 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-Bold.woff2") format("woff2"), 729 url("https://type.cargo.site/files/CargoMonumentGroteskMono-Bold.woff") format("woff"); 730 font-style: normal; 731 font-weight: 700; 732 unicode-range: U+0000-DFFF, U+F900-FFFD; 733} 734@font-face { 735 font-display: block; 736 font-family: "Monument Grotesk Mono"; 737 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-BoldItalic.woff2") format("woff2"), 738 url("https://type.cargo.site/files/CargoMonumentGroteskMono-BoldItalic.woff") format("woff"); 739 font-style: italic; 740 font-weight: 700; 741 unicode-range: U+0000-DFFF, U+F900-FFFD; 742} 743@font-face { 744 font-display: block; 745 font-family: "Monument Grotesk Mono"; 746 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-Heavy.woff2") format("woff2"), 747 url("https://type.cargo.site/files/CargoMonumentGroteskMono-Heavy.woff") format("woff"); 748 font-style: normal; 749 font-weight: 800; 750 unicode-range: U+0000-DFFF, U+F900-FFFD; 751} 752@font-face { 753 font-display: block; 754 font-family: "Monument Grotesk Mono"; 755 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-HeavyItalic.woff2") format("woff2"), 756 url("https://type.cargo.site/files/CargoMonumentGroteskMono-HeavyItalic.woff") format("woff"); 757 font-style: italic; 758 font-weight: 800; 759 unicode-range: U+0000-DFFF, U+F900-FFFD; 760} 761@font-face { 762 font-display: block; 763 font-family: "Monument Grotesk Mono"; 764 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-Black.woff2") format("woff2"), 765 url("https://type.cargo.site/files/CargoMonumentGroteskMono-Black.woff") format("woff"); 766 font-style: normal; 767 font-weight: 900; 768 unicode-range: U+0000-DFFF, U+F900-FFFD; 769} 770@font-face { 771 font-display: block; 772 font-family: "Monument Grotesk Mono"; 773 src: url("https://type.cargo.site/files/CargoMonumentGroteskMono-BlackItalic.woff2") format("woff2"), 774 url("https://type.cargo.site/files/CargoMonumentGroteskMono-BlackItalic.woff") format("woff"); 775 font-style: italic; 776 font-weight: 900; 777 unicode-range: U+0000-DFFF, U+F900-FFFD; 778} 779/* 780 * This CSS file has been generated and is served by Cargo Collective Inc 781 * and is authorized to be used on Cargo Collective Inc only. 782 * 783 * This CSS resource incorporates links to font software which is 784 * the valuable copyrighted property of Dinamo Typefaces. You may not
785 * attempt to copy, install, redistribute, convert, modify or reverse 786 * engineer this font software. Please contact Dinamo with any 787 * questions: https://abcdinamo.com/ 788 */ 789@font-face { 790 font-display: block; 791 font-family: "Monument Grotesk Mono Variable"; 792 src: url("https://type.cargo.site/files/CargoMonumentGroteskPlusVariable.woff2") format("woff2-variations"), 793 url("https://type.cargo.site/files/CargoMonumentGroteskPlusVariable.woff") format("woff"); 794 font-style: normal; 795 font-weight: 200 900; 796 unicode-range: U+0000-DFFF, U+F900-FFFD; 797} 798@font-face { 799 font-display: block; 800 font-family: "Monument Grotesk Mono Variable"; 801 src: url("https://type.cargo.site/files/CargoMonumentGroteskItalicPlusVariable.woff2") format("woff2-variations"), 802 url("https://type.cargo.site/files/CargoMonumentGroteskItalicPlusVariable.woff") format("woff"); 803 font-style: italic; 804 font-weight: 200 900; 805 unicode-range: U+0000-DFFF, U+F900-FFFD; 806} 807@font-face { 808 font-display: block; 809 font-family: "Monument Grotesk Semi-Mono Variable"; 810 src: url("https://type.cargo.site/files/CargoMonumentGroteskPlusVariable.woff2") format("woff2-variations"), 811 url("https://type.cargo.site/files/CargoMonumentGroteskPlusVariable.woff") format("woff"); 812 font-style: normal; 813 font-weight: 200 900; 814 unicode-range: U+0000-DFFF, U+F900-FFFD; 815} 816@font-face { 817 font-display: block; 818 font-family: "Monument Grotesk Semi-Mono Variable"; 819 src: url("https://type.cargo.site/files/CargoMonumentGroteskItalicPlusVariable.woff2") format("woff2-variations"), 820 url("https://type.cargo.site/files/CargoMonumentGroteskItalicPlusVariable.woff") format("woff"); 821 font-style: italic; 822 font-weight: 200 900; 823 unicode-range: U+0000-DFFF, U+F900-FFFD; 824} 825@font-face { 826 font-display: block; 827 font-family: "Monument Grotesk Variable"; 828 src: url("https://type.cargo.site/files/CargoMonumentGroteskPlusVariable.woff2") format("woff2-variations"), 829 url("https://type.cargo.site/files/CargoMonumentGroteskPlusVariable.woff") format("woff"); 830 font-style: normal; 831 font-weight: 200 1000; 832 unicode-range: U+0000-DFFF, U+F900-FFFD; 833} 834@font-face { 835 font-display: block; 836 font-family: "Monument Grotesk Variable"; 837 src: url("https://type.cargo.site/files/CargoMonumentGroteskItalicPlusVariable.woff2") format("woff2-variations"), 838 url("https://type.cargo.site/files/CargoMonumentGroteskItalicPlusVariable.woff") format("woff"); 839 font-style: italic; 840 font-weight: 200 1000; 841 unicode-range: U+0000-DFFF, U+F900-FFFD; 842} 843/* Copyright (c) 2021, Keussel (www.keussel.studio|[email protected]), with Reserved Font Name Basteleur. 844 845This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL */ 846@font-face { 847 font-display: block; 848 font-family: "Basteleur"; 849 src: url("https://type.cargo.site/files/Basteleur-Bold.woff2") format("woff2"), 850 url("https://type.cargo.site/files/Basteleur-Bold.woff") format("woff"); 851 font-style: normal; 852 font-weight: bold; 853 unicode-range: U+0000-DFFF, U+F900-FFFD; 854} 855/* 856 * This CSS file has been generated and is served by Cargo Collective Inc 857 * and is authorized to be used on Cargo Collective Inc only. 858 * 859 * This CSS resource incorporates links to font software which is 860 * the valuable copyrighted property of Dinamo Typefaces. You may not 861 * attempt to copy, install, redistribute, convert, modify or reverse 862 * engineer this font software. Please contact Dinamo with any 863 * questions: https://abcdinamo.com/ 864 */ 865@font-face { 866 font-display: block; 867 font-family: "Diatype"; 868 src: url("https://type.cargo.site/files/CargoDiatype-Thin.woff2") format("woff2"), 869 url("https://type.cargo.site/files/CargoDiatype-Thin.woff") format("woff"); 870 font-style: normal; 871 font-weight: 200; 872 unicode-range: U+0000-DFFF, U+F900-FFFD; 873} 874@font-face { 875 font-display: block; 876 font-family: "Diatype"; 877 src: url("https://type.cargo.site/files/CargoDiatype-ThinItalic.woff2") format("woff2"), 878 url("https://type.cargo.site/files/CargoDiatype-ThinItalic.woff") format("woff"); 879 font-style: italic; 880 font-weight: 200; 881 unicode-range: U+0000-DFFF, U+F900-FFFD; 882} 883@font-face { 884 font-display: block; 885 font-family: "Diatype"; 886 src: url("https://type.cargo.site/files/CargoDiatype-Light.woff2") format("woff2"), 887 url("https://type.cargo.site/files/CargoDiatype-Light.woff") format("woff"); 888 font-style: normal; 889 font-weight: 300; 890 unicode-range: U+0000-DFFF, U+F900-FFFD; 891} 892@font-face { 893 font-display: block; 894 font-family: "Diatype"; 895 src: url("https://type.cargo.site/files/CargoDiatype-LightItalic.woff2") format("woff2"), 896 url("https://type.cargo.site/files/CargoDiatype-LightItalic.woff") format("woff"); 897 font-style: italic; 898 font-weight: 300; 899 unicode-range: U+0000-DFFF, U+F900-FFFD; 900} 901@font-face { 902 font-display: block; 903 font-family: "Diatype"; 904 src: url("https://type.cargo.site/files/CargoDiatype-Regular.woff2") format("woff2"), 905 url("https://type.cargo.site/files/CargoDiatype-Regular.woff") format("woff"); 906 font-style: normal; 907 font-weight: 400; 908 unicode-range: U+0000-DFFF, U+F900-FFFD; 909} 910@font-face { 911 font-display: block; 912 font-family: "Diatype"; 913 src: url("https://type.cargo.site/files/CargoDiatype-RegularItalic.woff2") format("woff2"), 914 url("https://type.cargo.site/files/CargoDiatype-RegularItalic.woff") format("woff"); 915 font-style: italic; 916 font-weight: 400; 917 unicode-range: U+0000-DFFF, U+F900-FFFD; 918} 919@font-face { 920 font-display: block; 921 font-family: "Diatype"; 922 src: url("https://type.cargo.site/files/CargoDiatype-Medium.woff2") format("woff2"), 923 url("https://type.cargo.site/files/CargoDiatype-Medium.woff") format("woff"); 924 font-style: normal; 925 font-weight: 500; 926 unicode-range: U+0000-DFFF, U+F900-FFFD; 927} 928@font-face { 929 font-display: block; 930 font-family: "Diatype"; 931 src: url("https://type.cargo.site/files/CargoDiatype-MediumItalic.woff2") format("woff2"), 932 url("https://type.cargo.site/files/CargoDiatype-MediumItalic.woff") format("woff"); 933 font-style: italic; 934 font-weight: 500; 935 unicode-range: U+0000-DFFF, U+F900-FFFD; 936} 937@font-face { 938 font-display: block; 939 font-family: "Diatype"; 940 src: url("https://type.cargo.site/files/CargoDiatype-Bold.woff2") format("woff2"), 941 url("https://type.cargo.site/files/CargoDiatype-Bold.woff") format("woff"); 942 font-style: normal; 943 font-weight: 700; 944 unicode-range: U+0000-DFFF, U+F900-FFFD; 945} 946@font-face { 947 font-display: block; 948 font-family: "Diatype"; 949 src: url("https://type.cargo.site/files/CargoDiatype-BoldItalic.woff2") format("woff2"), 950 url("https://type.cargo.site/files/CargoDiatype-BoldItalic.woff") format("woff"); 951 font-style: italic; 952 font-weight: 700; 953 unicode-range: U+0000-DFFF, U+F900-FFFD; 954} 955</style> 956 </body> 957</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.