PageSourceSearch

https://6lieprojects.com/CHEMICAL-GARDEN

html 6lieprojects.com collected 2026-10-04 11:27:50 UTC 246,612 bytes, 957 lines download raw bytes

1<!DOCTYPE html>
2<!-- 
3
4        Running on cargo.site
5
6-->
7<html lang="en" data-predefined-style="true" data-css-presets="true" data-css-preset data-typography-preset>
8	<head>
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 (Sté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 (Sté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 (Sté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 &lt;(#)&gt;","icon":"","enable_geofencing":false,"enabled_countries":["AF","AX","AL","DZ","AS","AD","AO","AI","AQ","AG","AR","AM","AW","AU","AT","AZ","BS","BH","BD","BB","BY","BE","BZ","BJ","BM","BT","BO","BQ","BA","BW","BV","BR","IO","BN","BG","BF","BI","KH","CM","CA","CV","KY","CF","TD","CL","CN","CX","CC","CO","KM","CG","CD","CK","CR","CI","HR","CU","CW","CY","CZ","DK","DJ","DM","DO","EC","EG","SV","GQ","ER","EE","ET","FK","FO","FJ","FI","FR","GF","PF","TF","GA","GM","GE","DE","GH","GI","GR","GL","GD","GP","GU","GT","GG","GN","GW","GY","HT","HM","VA","HN","HK","HU","IS","IN","ID","IR","IQ","IE","IM","IL","IT","JM","JP","JE","JO","KZ","KE","KI","KP","KR","KW","KG","LA","LV","LB","LS","LR","LY","LI","LT","LU","MO","MK","MG","MW","MY","MV","ML","MT","MH","MQ","MR","MU","YT","MX","FM","MD","MC","MN","ME","MS","MA","MZ","MM","NA","NR","NP","NL","NC","NZ","NI","NE","NG","NU","NF","MP","NO","OM","PK","PW","PS","PA","PG","PY","PE","PH","PN","PL","PT","PR","QA","RE","RO","RU","RW","BL","SH","KN","LC","MF","PM","VC","WS","SM","ST","SA","SN","RS","SC","SL","SG","SX","SK","SI","SB","SO","ZA","GS","SS","ES","LK","SD","SR","SJ","SZ","SE","CH","SY","TW","TJ","TZ","TH","TL","TG","TK","TO","TT","TN","TR","TM","TC","TV","UG","UA","AE","GB","US","UM","UY","UZ","VU","VE","VN","VG","VI","WF","EH","YE","ZM","ZW"]}}</script>
vendor: 1 bytes, line 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>)&nbsp;<\/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&nbsp; <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.&nbsp;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&amp;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)&nbsp;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&nbsp; 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.&nbsp;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>)&nbsp;<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&nbsp; <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.&nbsp;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&amp;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> &nbsp;<a href=\"#\" rel=\"next_page\">NEXT\ue04b\ufe0e\ufe0e\ufe0e<\/a>","content_no_html":"\n\nINDEX &nbsp;NEXT\ue04b\ufe0e\ufe0e\ufe0e","content_partial_html":"<hr><br>\n\n<a href=\"#\" rel=\"home_page\">INDEX<\/a> &nbsp;<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,&nbsp; Robotics, and Mechanical &amp; 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,&nbsp; Robotics, and Mechanical &amp; 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,&nbsp; Robotics, and Mechanical &amp; 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,&nbsp; Robotics, and Mechanical &amp; 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,&nbsp; Robotics, and Mechanical &amp; 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,&nbsp; Robotics, and Mechanical &amp; 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&nbsp;<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>&nbsp; and&nbsp; <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&nbsp;<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&nbsp;<a href=\"CROWD-REALITY\" rel=\"history\">CROWD REALITY<\/a><\/h2><br>\n<b><small><i>\ue04b\ufe0e\ufe0e\ufe0e 3D Animation | Game | Robotics&nbsp;Installation<\/i><\/small><\/b><br>\n<small><i>\ue04b\ufe0e\ufe0e\ufe0e National Museum of Scotland \u00b7&nbsp; 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&nbsp; 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&nbsp;<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 &nbsp;<\/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&nbsp;<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&nbsp;\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&nbsp;<\/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&nbsp; \"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&nbsp;<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&nbsp; 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&nbsp;<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&nbsp;<\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<br>\nFollowing<i>&nbsp;<b>UN<\/b>&nbsp;<b>SDG4 <\/b><\/i>\u201cEnsure inclusive and equitable quality education and promote lifelong\nlearning opportunities for all\u201d, the&nbsp; 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&nbsp; focuses on stimulating the learning interest and personalised learning.&nbsp;<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&nbsp;<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&nbsp;<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.&nbsp; 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&nbsp;<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 \/&nbsp;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&nbsp;<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&nbsp;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&nbsp; and&nbsp; 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&nbsp;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&nbsp;CROWD REALITY\n\ue04b\ufe0e\ufe0e\ufe0e 3D Animation | Game | Robotics&nbsp;Installation\n\ue04b\ufe0e\ufe0e\ufe0e National Museum of Scotland \u00b7&nbsp; 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&nbsp; 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&nbsp;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 &nbsp;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&nbsp;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&nbsp;\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&nbsp;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&nbsp; \"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&nbsp;Sweet Death Society\n\ue04b\ufe0e\ufe0e\ufe0e Speculative Design | Music Producing\ue04b\ufe0e\ufe0e\ufe0e Biochemistry \u00b7&nbsp; 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&nbsp;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&nbsp;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nFollowing&nbsp;UN&nbsp;SDG4 \u201cEnsure inclusive and equitable quality education and promote lifelong\nlearning opportunities for all\u201d, the&nbsp; 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&nbsp; focuses on stimulating the learning interest and personalised learning.&nbsp;\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&nbsp;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&nbsp;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.&nbsp; 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&nbsp;LIVE VISUALS\n\n\n\n\n\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Interaction Design \/&nbsp;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&nbsp;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&nbsp;<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>&nbsp; and&nbsp; <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&nbsp;<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&nbsp;<a href=\"CROWD-REALITY\" rel=\"history\">CROWD REALITY<\/a><\/h2><br>\n<b><i>\ue04b\ufe0e\ufe0e\ufe0e 3D Animation | Game | Robotics&nbsp;Installation<\/i><\/b><br>\n<i>\ue04b\ufe0e\ufe0e\ufe0e National Museum of Scotland \u00b7&nbsp; 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&nbsp; 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&nbsp;<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 &nbsp;<\/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&nbsp;<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&nbsp;\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&nbsp;<\/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&nbsp; \"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&nbsp;<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&nbsp; 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&nbsp;<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&nbsp;<\/i><br>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<br>\nFollowing<i>&nbsp;<b>UN<\/b>&nbsp;<b>SDG4 <\/b><\/i>\u201cEnsure inclusive and equitable quality education and promote lifelong\nlearning opportunities for all\u201d, the&nbsp; 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&nbsp; focuses on stimulating the learning interest and personalised learning.&nbsp;<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&nbsp;<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&nbsp;<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.&nbsp; 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&nbsp;<a href=\"Wavetable\" rel=\"history\">LIVE VISUALS<\/a><\/h2>\n\n<br>\n\n\n<i>\ue04b\ufe0e\ufe0e\ufe0e Audio-Visual Interaction Design \/&nbsp;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&nbsp;<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			&#xfe0e;
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,&nbsp; Robotics, and Mechanical &amp; 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,&nbsp; Robotics, and Mechanical &amp; 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">Stéphane Querbes</a>)&nbsp;</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&nbsp; <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.&nbsp;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&amp;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.