Digital Narratives Studio

1c:I[868422,["/_next/static/chunks/0htwjvoph0498.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/08ggvtkbmflwd.js","/_next/static/chunks/3jtkuz33a278i.js","/_next/static/chunks/3cn85recchj3h.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Nunito/nunito-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://sites.super.so/docs/template-starter/base.css","style"] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:15px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Nunito-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Nunito/nunito-v25-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Lato-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://sites.super.so/docs/template-starter/base.css","as":"style"}] 16:["$","title","0",{"children":"Digital Narratives Studio | CUHK"}] 17:["$","meta","2",{"name":"description","content":"Digital Narratives Studio at The Chinese University of Hong Kong explores AI, speculative technologies, and narrative methods to understand how stories shape digital futures.","children":null}] 18:["$","link","link-https://sites.super.so/docs/template-starter/base.css",{"rel":"stylesheet","href":"https://sites.super.so/docs/template-starter/base.css","precedence":"custom"}] 1b:T10fc, :root { /* Width of content */ --max-width: 100vw!important; --content-margin: 0 40px 0 20%!important; /* Column Spacing (Spacing between columns) */ --column-spacing: 2.5rem!important; /* Hide Notion Header (Page title, icon and cover) */ --notion-header-display: none!important; /* Top Spacing (If you remove the Notion header, change to '20px' or more) */ --top-spacing: 20px!important; /* Hide collection/database titles */ --collection-header-display: flex!important; --page-properties-display: none!important; /* Collection top border (set to 0 to hide) */ --collection-header-border: 0px solid var(--color-border-dark)!important; /*Nav bar*/ --navbar-list-width: 100%; /* Super Navbar CTA Button (not used) */ --cta-padding: 14px 16px!important; --cta-border-radius: 5px!important; --cta-border: none!important; --cta-shadow: none!important; /* Callouts */ --callout-padding: 12px 10px!important; --callout-margin: 0px 0px 0px 0px!important; --callout-border: 2px solid var(--color-border-default)!important; --callout-border-radius: 35px!important; --callout-shadow: 0!important; --callout-icon-size: 0px!important; --callout-emoji-size: 0px!important; --callout-text-size: 0.9rem; --callout-text-line-height: 100%; /* Collections */ /* List */ --collection-list-item-border-radius: 0px!important; --collection-list-item-padding: 20px 40px 28px 20%!important; /* Spacing between gallery cards */ --collection-gallery-gap: 16px!important; /* Collection Card */ --collection-card-border-radius: 0px!important; --collection-card-border: 0!important; --collection-card-shadow: 0 0 0 0px hsl(0deg 0% 6% / 10%), 0 2px 4px hsl(0deg 0% 6% / 10%)!important; --collection-card-cover-size-small: 172px!important; --collection-card-cover-size-medium: 260px!important; --collection-card-cover-size-large: 320px!important; /* Spacing inside table collections (not used) */ --table-padding: 6px 8px!important; /* Calendar */ --color-calendar-weekend-bg: transparent!important; /* Pill (not used) */ --notion-pill-padding: 0px 6px!important; --notion-pill-margin: 3px 0px!important; --notion-pill-border-radius: 3px!important; --notion-pill-text-size: 14px!important; /* Rounded edges on images */ --image-border-radius: 20px!important; --image-border: 2px solid black!important; /* Dividers and borders */ --divider-margin: 5px 0px 30px 0px !important; --divider-opacity: 1!important; --divider-border: 1.5px solid black!important; --list-border: 3px solid black!important; /* Typography */ --font-family-default: "Manrope", sans-serif!important; /* heading 1 block font size and weight */ --h1-size: 1.5rem!important; --h1-line-height: 105%!important; --h1-weight: 600!important; /* heading 2 block font size and weight */ --h2-size: 1.5rem!important; --h2-line-height: 112%!important; --h2-weight: 500!important; /* heading 3 block font size and weight */ --h3-size: 1.7rem!important; --h3-line-height: 123%!important; --h3-weight: 400!important; /* body font size and weight */ --body-size: 1.2rem!important; --body-line-height: 120%!important; --body-weight: 400!important; /* code font size */ --code-size: 1rem!important; --code-font-family: 'Noto Emoji'; --code-line-height: 120%!important; /* Quote block font size (not used) */ --quote-size: 1.2em!important; /* Colors (Use HEX Values for ones used) */ --color-default: #000!important; --color-white: #FFF!important; --color-gray: 155, 154, 151!important; --color-brown: 100, 71, 58!important; --color-orange: #FF5C00!important; --color-yellow: #FFFF66!important; --color-green: #02F300!important; --color-blue: #6FEFFC!important; --color-purple: #BA87FF!important; --color-pink: 173, 26, 114!important; --color-red: 225, 62, 62!important; --color-text-default-light: #000!important; /* UI Colors */ --color-ui-hover-bg: transparent!important; --color-ui-hover-bg-light: transparent!important; --color-card-bg: white!important; --color-border-default: #000!important; --color-border-dark: #000!important; --default-bg-color: #fff!important; --ea-bg-color: #FF5C00!important; --ncp-bg-color: #6FEFFC!important; --rc-bg-color: #02F300!important; } 19:["$","style","6",{"dangerouslySetInnerHTML":{"__html":"$1b"},"children":null}] 1d:T1265,Digital Narratives Studio | CUHK 1e:Te63,

Radical
Care Work

Reimagining
Technologies

Narrative
Engagements

1f:T4566,@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400,500,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Emoji:wght@500&display=swap'); :root { --layout-max-width: 1200px !important; --color-text-default: #000 !important; --color-text-default-light: #000 !important; --navbar-text-color: #000 !important; --navbar-list-item-hover: #000 !important; --navbar-background-color: transparent!important; --navbar-shadow: none; --primary-font: Manrope, Noto Emoji; --padding-left: 0 /*v.3.1*/; --padding-right: 0 /*v.3.1*/; } /* Layout */ /* This is to ensure that some content is full-width */ .super-content { margin: 0; padding: 0; } body { position:relative; min-height:100vh; } .notion-column-list { margin: var(--content-margin); } .super-content-wrapper { margin-bottom: 200px; } /* Pillar boxes gap */ #block-8594af638b9d4056975bb94d4e021e0, #block-a8da841a82fc4463b383c5ff36cf95d1 .notion-column { --column-spacing: 1.5rem; } /* Main typography */ body, h1, h2, h3, p, a, .notion-text__content, .notion-semantic-string, .notion-link, footer { font-family: "Manrope", sans-serif; color: #000; opacity: 1; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -webkit-font-smoothing: antialiased; hyphens: auto; } /* Titles of sections */ h1 { font-size: var(--h1-size); font-weight: var(--h1-weight); line-height: var(--h1-line-height); margin: var(--content-margin); } .notion-heading .notion-semantic-string { line-height: inherit; } /* Sub-titles */ h2 { font-size: var(--h2-size); font-weight: var(--h2-weight); line-height: var(--h2-line-height); } /* Main intro texts */ h3 { font-size: var(--h3-size); font-weight: var(--h3-weight); line-height: var(--h3-line-height); margin: var(--content-margin); } /* If intro text is in a column */ .notion-column h3 { font-size: var(--h3-size); font-weight: var(--h3-weight); line-height: var(--h3-line-height); margin: 0; } /* Body text */ body { font-size: var(--body-size); font-weight: var(--body-weight); line-height: var(--body-line-height); } .notion-semantic-string { line-height: inherit; } .notion-quote { margin: inherit; line-height: var(--body-line-height); } u { text-decoration: none; border-bottom: 1px solid black; } /* captions */ span.bg-gray { font-size: 0.8rem; line-height: 90%; background-color: transparent; } /* Notion page title padding */ .notion-page>div { padding: 3px 0 3px 2px; } .notion-page__properties { display: var(--page-properties-display); } .notion-dropdown__button-title { text-transform: uppercase; margin: 0; } /* Callout(button) text */ .notion-callout__content { font-size: 1rem; line-height: 100%; } .button-text { font-size: 0.95rem; line-height: 80%!important; padding: 0; } /* Code (icons) */ .notion-semantic-string .code { font-family: 'Noto Emoji'; border-radius: 0; background-color: transparent; color: #000; padding: 0 0.5rem 0 0; line-height: var(--code-line-height); } /* Links */ .notion-semantic-string .link { text-decoration: none; border: none; opacity: 1; } .super-navbar { -webkit-box-shadow: none; padding-left: 10px; height: auto; display: flex; flex-direction: row; width: 100%; justify-content: space-between /*v.3.1*/; } .super-navbar__content { display: flex; justify-content: space-between; align-items: flex-start; padding: 10px; } .super-navbar__item { font-size: 1.7rem; text-transform: uppercase; padding: 0px 30px 0px 0px; margin-top: 0px; opacity: 1; align-items: flex-start; display: flex /*v.3.1*/; font-weight: 400; } .super-navbar__item:hover:before { content:""; position: relative; background-color: #000; width:20px; height:20px; border-radius:100%; } .super-navbar__item-list { display: flex /*v.3.1*/; flex-wrap: wrap; overflow: auto; } .super-navbar__logo { height: 100%; padding: 0; } /* Footer */ footer { display: flex; flex-direction: column; position:absolute; bottom: 0%; width: 100%; } footer p { font-size: 1rem; line-height: 110%; } .footer-top { display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; overflow: hidden; justify-content: space-between; padding: 25px 25px 25px 0px; box-shadow: 0px -6px 10px -10px rgba(92,92,92,1); border-top: 2px solid black; } .footer-top-c1 { margin: var(--content-margin); } .footer-top-c2 img{ width: 290px; } .footer-bottom { background-color: var(--color-purple); padding: 15px; border-top: 2px solid black; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; overflow: hidden; justify-content: space-between; } .footer-bottom-c1 { margin-top: auto; margin-bottom: auto; } .footer-bottom-c2 img { width: 20px; } /* Pillar shortcut buttons */ .shortcut-ea { position: fixed; top: 160px; left: 15px; background-color: #FF5C00; border: 2px solid #000; width:60px; height:60px; border-radius:50%; -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 9999; } .shortcut-ea a { font-size: 0.95em; text-transform: uppercase; line-height: 90%; text-decoration: none; position: absolute; padding: 12px 0px 0px 20px; opacity: 0; -webkit-transition-delay: 2s; /* Safari */ transition-delay: 2s; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .shortcut-ea:hover { border-radius: 999rem; width: 140px; height: 60px; -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); } .shortcut-ea:hover a { opacity: 1; -webkit-transition-delay: 2s; /* Safari */ transition-delay: 2s; -webkit-transition: opacity 1.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 1.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .shortcut-ncp { position: fixed; top: 230px; left: 15px; background-color: #6FEFFC; border: 2px solid #000; width:60px; height:60px; border-radius:50%; -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 9999; } .shortcut-ncp a { font-size: 0.95em; line-height: 90%; text-transform: uppercase; text-decoration: none; padding: 12px 0px 0px 20px; position: absolute; opacity: 0; -webkit-transition-delay: 2s; /* Safari */ transition-delay: 2s; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .shortcut-ncp:hover { border-radius: 999rem; width: 140px; height: 60px; -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); } .shortcut-ncp:hover a { opacity: 1; -webkit-transition-delay: 1s; /* Safari */ transition-delay: 1s; -webkit-transition: opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .shortcut-rc { position: fixed; top: 300px; left: 15px; background-color: #02F300; border: 2px solid #000; width: 60px; height: 60px; border-radius:50%; -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 9999; } .shortcut-rc a { font-size: 0.95em; line-height: 90%; text-transform: uppercase; text-decoration: none; padding: 12px 0px 0px 20px; position: absolute; opacity: 0; -webkit-transition-delay: 2s; /* Safari */ transition-delay: 2s; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .shortcut-rc:hover { border-radius: 999rem; width: 140px; height: 60px; -webkit-transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.55s cubic-bezier(0.645, 0.045, 0.355, 1); } .shortcut-rc:hover a { opacity: 1; -webkit-transition-delay: 2s; /* Safari */ transition-delay: 2s; -webkit-transition: opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 1.1s cubic-bezier(0.645, 0.045, 0.355, 1); } /* All pillar boxes */ #block-60969ff1335a44e6b14bdb3d6f486324, #block-f309cd92c88b4dbba1f89c4545993e45, #block-1a4c5ff36dca4230a98aee54ad4b40bc, #block-3214bec478674457847fea7d8e6b396e, #block-4e870b9e0dfa4e14845cb9dbd471a4fe, #block-fdf40987b16444dbb8ff25d86de0120d { display: flex; border: var(--image-border); border-radius: var(--image-border-radius); background-color: white; margin: 0; padding: 2rem 2rem 3rem 2rem; justify-content: flex-start; } /*Experimental authorship box hover*/ #block-60969ff1335a44e6b14bdb3d6f486324:hover, #block-3214bec478674457847fea7d8e6b396e:hover { box-shadow: 0px 0px 28px 0px rgba(255,92,0,0.75); border: 2px solid #FF5C00; } /*Narrative change practice box hover*/ #block-f309cd92c88b4dbba1f89c4545993e45:hover, #block-4e870b9e0dfa4e14845cb9dbd471a4fe:hover { border: 2px solid #6FEFFC; box-shadow: 0px 0px 28px 0px rgba(111,239,252,1); } /* Reality check box hover */ #block-1a4c5ff36dca4230a98aee54ad4b40bc:hover, #block-fdf40987b16444dbb8ff25d86de0120d:hover { border: 2px solid #02F300; box-shadow: 0px 0px 28px 0px rgba(2,243,0,1); } /*collections */ .notion-collection__header-wrapper { padding: 0 0 0 20%; border-bottom: 2px solid black; } .notion-collection__header .notion-semantic-string { font-size: var(--h1-size); font-weight: var(--h1-weight); } .notion-dropdown__button:hover { background-color: transparent; } .notion-collection-gallery { padding: var(--content-margin); border-top: none; } .notion-collection-card { background-color: transparent; border: none!important; box-shadow: none!important; } .notion-collection-card:hover { background-color: transparent; } .notion-collection-card__cover { border: 2px solid black; border-radius: 12px; padding: 0; margin: 0; } .notion-collection-card .notion-property { font-size: 1.2rem; padding: 0.3rem 0; font-family: 'Manrope', sans-serif; line-height: 110%; padding-bottom: 0; } .notion-collection-list { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; border-top: 0px; padding: 0.3rem 0; } .notion-collection-list .notion-property { padding: 0.3rem 0; font-family: 'Manrope', sans-serif; line-height: 135%; } .notion-collection-list__item { border-bottom: 2px solid black; text-decoration-line: none; } .notion-collection-list__item:hover { background-color: transparent; } .notion-collection-list__item .notion-property__title .notion-semantic-string>span { border: none; } .notion-collection-list__item .notion-property__title .notion-property__title__icon-wrapper { display: none; } /* Database-pages */ .notion-page__properties { margin: var(--content-margin); } /* Toggle lists */ .notion-toggle__summary { cursor: pointer; list-style: none; display: flex; flex-direction: row; justify-content: space-between; border-top: var(--list-border); padding-top: 20px; padding-bottom: 20px; padding-left: 20%; text-decoration-line: none; font-size: 1.2rem; } .notion-toggle__content { display: flex; flex-direction: row; padding-right: 5rem; padding-bottom: 3rem; padding-left: 20%; justify-content: space-between; flex-wrap: wrap; } .notion-toggle__content .notion-column-list { margin: 0; flex-wrap: wrap; } .notion-toggle__trigger { order: 999 } .notion-toggle__trigger_icon { font-size: 3rem; padding: 1.5rem; transform: rotate(90deg); } .notion-toggle__trigger_icon:hover { background-color: transaprent; } .notion-toggle.open .notion-toggle__trigger_icon { font-size: 3rem; padding: 1.5rem; transform: rotate(180deg); } /* element styles */ /* divider */ .notion-divider { border: var(--divider-border); margin-bottom: 30px; margin-top: 0; } /* buttons/callouts */ .notion-callout__icon { display: none; } .notion-callout { border: var(--image-border); padding: var(--callout-padding); } .notion-callout.bg-orange-light.border, .notion-callout.bg-blue-light.border, .notion-callout.bg-green-light.border { border-radius: 42px; min-width: 125px; max-width: 145px; height: 60px; } .notion-callout.bg-purple-light.border { border-radius: 42px; max-width: 145px; } .notion-callout.bg-orange-light.border { background-color: var(--color-orange); } .notion-callout.bg-blue-light.border { background-color: var(--color-blue); } .notion-callout.bg-green-light.border { background-color: var(--color-green); } .notion-callout.bg-purple-light.border { background-color: var(--color-purple); } .notion-callout.bg-orange-light.border span, .notion-callout.bg-blue-light.border span, .notion-callout.bg-green-light.border span, .notion-callout.bg-purple-light.border span { font-size: var(--callout-text-size); line-height: var(--callout-text-line-height); letter-spacing: 0px; } /* images */ .notion-image { padding: 0; margin: 0; border: var(--image-border); border-radius: var(--image-border-radius); object-fit: cover; width: 100%; display: block; } /* Calendar and map */ #block-connections { } .notion-collection-calendar { padding: var(--content-margin); } .notion-collection-calendar__header-date { margin: 0; font-size: var(--h2-size); font-weight: var(--h2-weight); text-transform: uppercase; font-family: ; } .notion-collection-calendar__header-date-today { white-space: nowrap; font-size: 1rem; line-height: 1.2; min-width: 0; padding-left: 6px; padding-right: 6px; } .notion-collection-calendar__week-day-item { flex-grow: 1; flex-basis: 0px; text-align: center; font-size: 1rem; color: var(--color-text-default-light); text-transform: uppercase; } .notion-collection-calendar__date-number { position: relative; font-size: 1rem; top: 4px; right: 10px; height: 1.5rem; line-height: 1.5rem; text-align: right; transition: color .1s ease-out 0s; } .notion-collection-calendar__date-number.today { float: right; right: 4px; text-align: center; background-color: var(--color-purple); width: 1.5rem; border-radius: 50%; color: var(--color-text-default); } .notion-collection-card.calendar .notion-collection-card__content { padding: 0; } .notion-collection-calendar__item .notion-semantic-string { white-space: wrap; line-height: 110%; text-overflow: ellipsis; } .notion-collection-calendar__item .notion-property__title .notion-property__title__icon-wrapper { display: block; padding: 0; margin: 0; } /* 1080px */ @media (max-width: 1080px) { .super-navbar__actions.hide { display: grid; } .super-navbar.balanced .super-navbar__content, .super-navbar__menu-open { display: flex; } .super-navbar__item-list { display: none; } .super-navbar__actions { display: grid; grid-auto-flow: column; align-items: center; grid-gap: px; gap: 6px; padding: 0px 16px; height: 100%; } .super-navbar { -webkit-box-shadow: none; flex-direction: column /*v.3.1*/; padding: 5px; height: auto; } .super-navbar__menu { background-color: var(--default-bg-color); min-height: auto /*v.3.1*/; border-radius: 8px /*v.3.1*/; } .super-navbar__item, /*v.3.1*/ .super-navigation-menu__item { font-size: 1.8rem; line-height: 92%; color: #000; text-transform: uppercase; padding: 0 0 0 5px; margin: 0; } .super-navbar__item:hover:before, /*v.3.1*/ .super-navigation-menu__item:hover:before { content:""; position: relative; left: -3px; background-color: #000; width: 20px; height: 20px; border-radius: 100%; } /*v.3.1*/.super-navigation-menu__item.active, .super-navigation-menu__item:hover, .super-navigation-menu__list-header:hover { background: var(--default-bg-color); } .super-navbar__logo { height: 100%; padding: 0; } .super-navbar__button { padding: 0; display: flex; flex-direction: column; align-items: top; justify-content: flex-start; opacity: 1; } .super-navbar__button svg { width: 3.5rem; height: 3.5rem; margin-top: -5px; margin-right: 2px; stroke-width: 1.5px; } .notion-collection-list { flex-wrap: wrap; } } /* mobile */ @media only screen and (max-width: 800px) { :root { --content-margin: 0 30px!important; --h3-size: 1.3rem!important; --h2-size: 1.2rem!important; --h2-line-height: 120%!important; --body-size: 1.1rem!important; } .notion-column-list { gap: 1.5rem; } .notion-column { width: 100%!important; -webkit-margin-start: 0!important; margin-inline-start: 0!important; } .notion-collection-list { overflow: auto; } .notion-collection-list__item { padding: 30px!important; } #block-events, #block-connections { padding: 0; } .notion-collection-gallery, .notion-collection__header-wrapper, .notion-toggle__content, .notion-toggle__summary { padding: 2rem; } /* Navigation and footer */ .shortcut-ea, .shortcut-ncp, .shortcut-rc { display: none; } .footer-top, .footer-bottom { line-height: 110%; justify-content: space-between; } .footer-top img { padding-left: 27px; } .super-navbar__logo { height: 70%; padding: 0; } .super-navbar__button svg { width: 2.5rem; height: 2.5rem; stroke-width: 1.2px; margin-top: 1px; margin-right: -5px; } } 1a:["$","body",null,{"children":[["$","$L1c",null,{"settings":{"siteId":"ab6f45d6-d5bf-40f0-975f-a312d85a9d12","userId":"1a0d43d1-110f-4c7d-ba5a-55eb639f3bd7","domainName":"digitalnarratives.com.cuhk.edu.hk","name":"Digital Narratives Studio","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/ab6f45d6-d5bf-40f0-975f-a312d85a9d12/uploads/favicon/814f376a-e202-4157-b33d-65c51463e91c.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"6b13fb8d1e2446438a873768ef526a4a","indexPageId":"ab6f45d6-d5bf-40f0-975f-a312d85a9d12:::7aa91043-c294-478c-953e-86fbabc2f489","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":false,"advancedSearch":false,"themeToggle":false,"mondayFirst":false,"loadLimits":false,"disableLoadMore":false,"hidePersonInfo":true,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"hideProtectedPagesFromSitemap":false,"googleAnalyticsId":"G-VQ3HMDB4B0","cookieConsent":{"enabled":false,"position":"bar","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"noIndex":false,"contentSource":null,"viewsExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"passwordConfigured":false,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"66332f9e-d637-4696-8d4c-0b0cc6eef494","type":"page","label":"About","link":"/about","pageId":"ab6f45d6-d5bf-40f0-975f-a312d85a9d12:::67826f55-105a-4450-b1a7-fc9da95633e9","list":[]},{"id":"19407ef4-eb33-4033-9d58-f26444d318c1","type":"page","label":"People","link":"/people","pageId":"ab6f45d6-d5bf-40f0-975f-a312d85a9d12:::257da0cb-d3a0-4d92-9790-8f0e3905ccc4","list":[]},{"id":"fd804af6-3df3-4238-908e-b79ec9e7ca64","type":"page","label":"Categories","link":"/categories","pageId":"ab6f45d6-d5bf-40f0-975f-a312d85a9d12:::dccc4727-4cd8-4da3-aa41-87a51b14a04b","list":[]},{"id":"32956bab-db69-4939-99a4-081c726dd66a","type":"page","label":"Connections","link":"/connections","pageId":"ab6f45d6-d5bf-40f0-975f-a312d85a9d12:::fd61c7de-4d56-4098-801f-2b3a12b77bb0","list":[]}],"logo":{"type":"image","width":160,"fontSize":16,"textContent":"dns-test","imageContent":"https://assets.super.so/ab6f45d6-d5bf-40f0-975f-a312d85a9d12/uploads/logo/0b6635ca-a947-4025-aaf5-5d5cc1258f4e.png","imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"none","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[],"logo":{"type":"image","width":180,"fontSize":16,"textContent":"","imageContent":"https://assets.super.so/ab6f45d6-d5bf-40f0-975f-a312d85a9d12/uploads/logo/b291bd35-85b7-4fb4-acd0-5d4c5755ef00.png","imageContentDark":null,"disabled":false},"socials":[{"type":"facebook","link":"http://facebook.com"},{"type":"instagram","link":"http://instagram.com"},{"type":"linkedin","link":"http://linkedin.com"}],"footnote":"CC BY-NC-ND 4.0 Digital Narratives Studio","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.6,"layoutMaxWidth":1000,"columnSpacing":20,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":15,"pageDisplay":"none"},"header":{"coverHeight":30,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":25,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":128,"titleSize":0.875,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"none"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Nunito","secondaryFont":"Lato","fonts":[],"baseSize":15,"titleSize":2.5,"headingSize":1,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":120,"shadow":"rgba(0, 0, 0, 0.12) 0px 4px 8px -2px"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F","hoverBackground":null},"footer":{"text":"#37352F","background":"#ba87ff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#262626","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#262626","cardHoverBackground":"#2f2f2f","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"ab6f45d6-d5bf-40f0-975f-a312d85a9d12:::46a8d83d-0811-41ac-beee-86704eef2a78","content":"$1d"}],"head":[],"body":[{"id":"ab6f45d6-d5bf-40f0-975f-a312d85a9d12:::b8a2abd5-619c-4634-814c-f4e653cfff31","content":"$1e"}],"style":[],"css":"$1f"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L20","$L21","$L22","$L23","$L24","$L25","$L26"]}],"$L27"]}]

Page_Writing In the Digital Now

Writing In the Digital Now

Writing In the Digital Now