1<!DOCTYPE html><html lang="en" dir="ltr" class="theme-light"><head><meta charSet="utf-8"/><link rel="preconnect" href="/" crossorigin=""/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" as="font" crossorigin="anonymous" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F01db0837-7ddd-4fc5-815d-2fd622b8bb7a%2Fuploads%2Flogo%2F6f9f361a-46ca-4ebd-802c-6655eae72f1b.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F01db0837-7ddd-4fc5-815d-2fd622b8bb7a%2Fuploads%2Flogo%2F6f9f361a-46ca-4ebd-802c-6655eae72f1b.png&w=384&q=75 2x"/><link rel="stylesheet" href="/styles/static.css" data-precedence="default"/><link rel="stylesheet" href="/styles/notion.css" data-precedence="default"/><link rel="stylesheet" href="/styles/super.css" data-precedence="default"/><link rel="stylesheet" href="/_next/static/chunks/16sz9a438v8dy.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/2l8zr1i2h4s0n.js"/>
1<script src="/_next/static/chunks/39lh7h2mq0kht.js" async=""></script>
1<script src="/_next/static/chunks/35e6ihb8m-ok8.js" async=""></script>
1<script src="/_next/static/chunks/3whd1y1krm_34.js" async=""></script>
1<script src="/_next/static/chunks/10-69h2xev3ek.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-1s1sm01fms-mg.js" async=""></script>
1<script src="/_next/static/chunks/0ylgcnss9ue9v.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1dlft7ht-6kzk.js" async=""></script>
1<script src="/_next/static/chunks/1xt6zdl-o7wg3.js" async=""></script>
1<script src="/_next/static/chunks/2dqfxeq83i129.js" async=""></script>
1<script src="/_next/static/chunks/2matreab0rub0.js" async=""></script>
1<script src="/_next/static/chunks/1-tlhqto6-7lg.js" async=""></script>
1<script src="/_next/static/chunks/3cmvik1zogxvy.js" async=""></script>
1<script src="/_next/static/chunks/0tebe-k_4bvw8.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/08sikk1eypppo.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1thlt7ghjj4x5.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/3_or8blvqwyye.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/2ggeb0g51xxjo.js" async="" crossorigin=""></script>
1<link rel="preload" href="https://sites.super.so/biopage/style.css" as="style"/><link rel="preload" href="https://sites.super.so/biopage/script.js" as="script"/><link rel="preload" href="/_next/static/chunks/12e5er48ih0r9.js" as="script" fetchPriority="low"/><link rel="icon" href="https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/favicon/1ca0e7d3-693e-4f51-8d59-5b783989c967.png"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><title>Instructions</title><meta name="description" content="Duplicate this page template to your Notion workspace"/><meta name="generator" content="Super"/><meta name="robots" content="index, follow"/><meta property="og:title" content="Instructions"/><meta property="og:description" content="Duplicate this page template to your Notion workspace"/><meta property="og:url" content="https://typec-creative.com/instructions"/><meta property="og:site_name" content="Instructions"/><meta property="og:locale" content="en-US"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Instructions"/><meta name="twitter:description" content="Duplicate this page template to your Notion workspace"/>
1<script> 2 (function () { 3 if (typeof Node !== "function" || !Node.prototype || Node.prototype.__superDomGuard) { 4 return; 5 } 6 Node.prototype.__superDomGuard = true; 7 8 var originalRemoveChild = Node.prototype.removeChild; 9 Node.prototype.removeChild = function (child) { 10 if (child && child.parentNode !== this) { 11 if (typeof console !== "undefined" && console.warn) { 12 console.warn("[super] skipped removeChild for node not in this parent", child, this); 13 } 14 return child; 15 } 16 return originalRemoveChild.apply(this, arguments); 17 }; 18 19 var originalInsertBefore = Node.prototype.insertBefore; 20 Node.prototype.insertBefore = function (newNode, referenceNode) { 21 if (referenceNode && referenceNode.parentNode !== this) { 22 if (typeof console !== "undefined" && console.warn) { 23 console.warn("[super] skipped insertBefore for reference node not in this parent", referenceNode, this); 24 } 25 return newNode; 26 } 27 return originalInsertBefore.apply(this, arguments); 28 }; 29 })(); 30</script>
30<script> 31 const html = document.getElementsByTagName("html")[0]; 32 try { 33 const colorPreference = localStorage 34 ? localStorage.getItem("color-preference") 35 : null; 36 37 if (true) { 38 html.classList.remove("theme-light"); 39 } 40 41 if (false && colorPreference && html) { 42 html.classList.add("theme-" + colorPreference); 43 } else { 44 html.classList.add("theme-light"); 45 } 46 } catch (e) { 47 console.log('ERROR themeEffect', e) 48 html.classList.add("theme-light"); 49 } 50</script>
50<style> 51 @font-face { 52 font-family: "Playfair Display"; 53 font-style: normal; 54 font-weight: 400; 55 src: url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.eot"); /* IE9 Compat Modes */ 56 57 src: local(""), 58 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.eot?#iefix") 59 format("embedded-opentype"), 60 /* IE6-IE8 */ 61 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.woff2") 62 format("woff2"), 63 /* Super Modern Browsers */ 64 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.woff") 65 format("woff"), 66 /* Modern Browsers */ 67 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.ttf") 68 format("truetype"), 69 /* Safari, Android, iOS */ 70 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.svg#PlayfairDisplay") 71 format("svg"); /* Legacy iOS */ 72 73 } 74 75 @font-face { 76 font-family: "Playfair Display"; 77 font-style: normal; 78 font-weight: 500; 79 src: url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.eot"); /* IE9 Compat Modes */ 80 81 src: local(""), 82 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.eot?#iefix") 83 format("embedded-opentype"), 84 /* IE6-IE8 */ 85 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.woff2") 86 format("woff2"), 87 /* Super Modern Browsers */ 88 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.woff") 89 format("woff"), 90 /* Modern Browsers */ 91 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.ttf") 92 format("truetype"), 93 /* Safari, Android, iOS */ 94 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.svg#PlayfairDisplay") 95 format("svg"); /* Legacy iOS */ 96 97 } 98 99 @font-face { 100 font-family: "Playfair Display"; 101 font-style: normal; 102 font-weight: 600; 103 src: url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.eot"); /* IE9 Compat Modes */ 104 105 src: local(""), 106 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.eot?#iefix") 107 format("embedded-opentype"), 108 /* IE6-IE8 */ 109 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.woff2") 110 format("woff2"), 111 /* Super Modern Browsers */ 112 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.woff") 113 format("woff"), 114 /* Modern Browsers */ 115 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.ttf") 116 format("truetype"), 117 /* Safari, Android, iOS */ 118 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.svg#PlayfairDisplay") 119 format("svg"); /* Legacy iOS */ 120 121 } 122 123 @font-face { 124 font-family: "Playfair Display"; 125 font-style: normal; 126 font-weight: 700; 127 src: url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.eot"); /* IE9 Compat Modes */ 128 129 src: local(""), 130 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.eot?#iefix") 131 format("embedded-opentype"), 132 /* IE6-IE8 */ 133 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.woff2") 134 format("woff2"), 135 /* Super Modern Browsers */ 136 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.woff") 137 format("woff"), 138 /* Modern Browsers */ 139 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.ttf") 140 format("truetype"), 141 /* Safari, Android, iOS */ 142 url("https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.svg#PlayfairDisplay") 143 format("svg"); /* Legacy iOS */ 144 145 } 146 147 @font-face { 148 font-family: "Inter"; 149 font-style: normal; 150font-display: swap; 151 font-weight: 400; 152 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */ 153 154 src: local(""), 155 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix") 156 format("embedded-opentype"), 157 /* IE6-IE8 */ 158 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") 159 format("woff2"), 160 /* Super Modern Browsers */ 161 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff") 162 format("woff"), 163 /* Modern Browsers */ 164 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf") 165 format("truetype"), 166 /* Safari, Android, iOS */ 167 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter") 168 format("svg"); /* Legacy iOS */ 169 170 } 171 172 @font-face { 173 font-family: "Inter"; 174 font-style: normal; 175font-display: swap; 176 font-weight: 500; 177 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */ 178 179 src: local(""), 180 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix") 181 format("embedded-opentype"), 182 /* IE6-IE8 */ 183 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2") 184 format("woff2"), 185 /* Super Modern Browsers */ 186 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff") 187 format("woff"), 188 /* Modern Browsers */ 189 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf") 190 format("truetype"), 191 /* Safari, Android, iOS */ 192 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter") 193 format("svg"); /* Legacy iOS */ 194 195 } 196 197 @font-face { 198 font-family: "Inter"; 199 font-style: normal; 200font-display: swap; 201 font-weight: 600; 202 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot"); /* IE9 Compat Modes */ 203 204 src: local(""), 205 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix") 206 format("embedded-opentype"), 207 /* IE6-IE8 */ 208 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2") 209 format("woff2"), 210 /* Super Modern Browsers */ 211 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff") 212 format("woff"), 213 /* Modern Browsers */ 214 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf") 215 format("truetype"), 216 /* Safari, Android, iOS */ 217 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter") 218 format("svg"); /* Legacy iOS */ 219 220 } 221 222 @font-face { 223 font-family: "Inter"; 224 font-style: normal; 225font-display: swap; 226 font-weight: 700; 227 src: url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */ 228 229 src: local(""), 230 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix") 231 format("embedded-opentype"), 232 /* IE6-IE8 */ 233 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") 234 format("woff2"), 235 /* Super Modern Browsers */ 236 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff") 237 format("woff"), 238 /* Modern Browsers */ 239 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf") 240 format("truetype"), 241 /* Safari, Android, iOS */ 242 url("https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter") 243 format("svg"); /* Legacy iOS */ 244 245 } 246 247 @font-face { 248 font-family: "Inter-fallback"; 249 size-adjust: 107%; 250 ascent-override: 90%; 251 src: local("Arial"); 252 } 253 </style><style>html{font-size:15px}</style><link rel="stylesheet" href="https://sites.super.so/biopage/style.css"/>
253<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
253</head><body><div hidden=""><!--$--><!--/$--></div><div class="super-root"><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="super-navbar simple" style="position:sticky;box-shadow:var(--navbar-shadow);-webkit-box-shadow:var(--navbar-shadow)"><div class="super-navbar__content"><a class="notion-link super-navbar__logo" href="/"><div class="super-navbar__logo-image"><span data-full-size="https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/logo/6f9f361a-46ca-4ebd-802c-6655eae72f1b.png" data-lightbox-src="https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/logo/6f9f361a-46ca-4ebd-802c-6655eae72f1b.png" style="display:contents"><img alt="Logo" width="180" height="40" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:left" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F01db0837-7ddd-4fc5-815d-2fd622b8bb7a%2Fuploads%2Flogo%2F6f9f361a-46ca-4ebd-802c-6655eae72f1b.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F01db0837-7ddd-4fc5-815d-2fd622b8bb7a%2Fuploads%2Flogo%2F6f9f361a-46ca-4ebd-802c-6655eae72f1b.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F01db0837-7ddd-4fc5-815d-2fd622b8bb7a%2Fuploads%2Flogo%2F6f9f361a-46ca-4ebd-802c-6655eae72f1b.png&w=384&q=75"/></span></div></a><div style="position:relative"><ul data-orientation="horizontal" class="super-navbar__item-list" dir="ltr"><li><a class="notion-link super-navbar__item" href="/">Home</a></li><li><a class="notion-link super-navbar__item" href="/more-about-me">About</a></li><li><a class="notion-link super-navbar__item" href="/offerings/values">Values</a></li><li><a class="notion-link super-navbar__item" href="/links">Free Resources</a></li></ul></div><div class="super-navbar__actions"><a href="https://buttondown.com/typeccreative" class="notion-link" target="_blank" rel="noopener noreferrer"><div class="super-navbar__cta">Newsletter</div></a><div class="super-navbar__button super-navbar__menu-open"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu " type="Menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg><!--/$--></div></div></div><div class="super-navbar__viewport-wrapper"></div></nav><div class="super-content-wrapper"><main id="page-instructions" class="super-content page__instructions parent-page__index"><div class="notion-header page"><div class="notion-header__cover no-cover no-icon"></div><div class="notion-header__content max-width no-cover no-icon"><div class="notion-header__title-wrapper"><h1 class="notion-header__title">Instructions</h1></div></div></div><article id="block-instructions" class="notion-root max-width has-footer"><span class="notion-heading__anchor" id="e119951aa22283c49b798101e1030787"></span><h2 id="block-e119951aa22283c49b798101e1030787" class="notion-heading notion-semantic-string">Installing the template</h2><ol type="1" class="notion-numbered-list"><li id="block-cee9951aa22282e884ed017302a1f8a5" class="notion-list-item notion-semantic-string"><a href="https://s.super.so/biopage" class="notion-link link" target="_blank" rel="noopener">Duplicate</a> this page template to your Notion workspace</li><li id="block-e799951aa222822389a38189c3ff5724" class="notion-list-item notion-semantic-string">Create a site using <a href="https://app.super.so" class="notion-link link" target="_blank" rel="noopener">Super</a>, using your newly created page as the Notion URL <a href="https://www.youtube.com/watch?v=bED-H_z5MHU" class="notion-link link" target="_blank" rel="noopener noreferrer">(how-to video)</a></li><li id="block-31b9951aa22282b08e9a014d3ac7825c" class="notion-list-item notion-semantic-string">Duplicate <a href="https://app.super.so/themes?duplicate=820fc2d9-b3e5-44dd-90c8-cc617bf3a659" class="notion-link link" target="_blank" rel="noopener">these theme presets</a> to your Super account</li><li id="block-ced9951aa22283a9b08001d444580ac6" class="notion-list-item notion-semantic-string">Go to the <strong>Design page</strong> and apply the theme we just duplicated</li><li id="block-6489951aa22283fe8691816519cb28d3" class="notion-list-item notion-semantic-string">Go to your site settings and into the <strong>code</strong> page, in the <strong>HEAD</strong> tab, paste the following snippet:</li><p id="block-e5f9951aa222824d80eb015b722cfa61" class="notion-text notion-text__content notion-semantic-string"><span class="highlighted-color color-gray"><code class="code"><link rel="stylesheet" href="https://sites.super.so/biopage/style.css"></code></span></p><li id="block-64e9951aa222834ca65881517d28ac03" class="notion-list-item notion-semantic-string">Go to your site settings and into the <strong>code</strong> page, in the <strong>BODY</strong> tab, paste the following snippet:</li><p id="block-d449951aa222826da50a01fdb1594e4d" class="notion-text notion-text__content notion-semantic-string"><span class="highlighted-color color-gray"><code class="code"><script src="https://sites.super.so/biopage/script.js"></script></code></span></p><li id="block-4d79951aa22282f4819e81398e0b6660" class="notion-list-item notion-semantic-string">Youâre all set! Next you can:</li><ol type="a" class="notion-numbered-list"><li id="block-1b19951aa2228368a93101391cb95bf4" class="notion-list-item notion-semantic-string">Add navigation menus from the navigation page</li><li id="block-f5e9951aa22283b3af3a01e273c05287" class="notion-list-item notion-semantic-string">Customize the page content in Notion</li><li id="block-1629951aa22282d3b7d201fa0fa8212c" class="notion-list-item notion-semantic-string">Tweak the theme styles</li></ol><li id="block-1669951aa2228310934701563d0f8435" class="notion-list-item notion-semantic-string">Have fun! â¡</li></ol><div id="block-96a9951aa22283758dac81ea97b498a3" class="notion-text"></div><span class="notion-heading__anchor" id="39a9951aa222821da37d0125a2f60e16"></span><h2 id="block-39a9951aa222821da37d0125a2f60e16" class="notion-heading notion-semantic-string">Customizing the forms</h2><p id="block-ffe9951aa222829cbfb7815701984cec" class="notion-text notion-text__content notion-semantic-string">In order to customize the forms, you will have to create your own forms <a href="/forms" class="notion-link link" data-server-link="true" data-link-uri="/forms">in the forms page </a>and replace the ones in the template demo page with your own. </p><span class="notion-heading__anchor" id="0aa9951aa22283ffba7481b0ea9efeee"></span><h2 id="block-0aa9951aa22283ffba7481b0ea9efeee" class="notion-heading notion-semantic-string">Custom components</h2><p id="block-ea59951aa222835aa8a0810137495ed4" class="notion-text notion-text__content notion-semantic-string">This template utilizes callout blocks with a brown background to apply custom styles and create custom components. </p><span class="notion-heading__anchor" id="3739951aa2228251925b01ae0877f5e9"></span><h3 id="block-3739951aa2228251925b01ae0877f5e9" class="notion-heading notion-semantic-string">Image gallery carousel</h3><p id="block-5249951aa22283039bc88189f417ca74" class="notion-text notion-text__content notion-semantic-string">By placing a gallery database inside a callout block with a brand background, it will transform into a scrolling gallery carousel. </p><div id="block-c419951aa222820a89b201d26ab934ca" class="notion-image page-width"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/public" style="display:contents"><img alt="In Notion" loading="lazy" width="2238" height="1434" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:center;
253height:auto" sizes="(max-width: 546px) 100vw, 100vw" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/w=1920,quality=90,fit=scale-down 640w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/w=1920,quality=90,fit=scale-down 750w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/w=1920,quality=90,fit=scale-down 828w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/w=1920,quality=90,fit=scale-down 1080w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/w=1920,quality=90,fit=scale-down 1200w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/w=1920,quality=90,fit=scale-down 1920w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/w=1920,quality=90,fit=scale-down 2048w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/w=1920,quality=90,fit=scale-down 3840w" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/w=1920,quality=90,fit=scale-down"/></span><figcaption class="notion-caption notion-semantic-string">In Notion</figcaption></div><div id="block-2e19951aa2228330b682810783360ede" class="notion-image page-width"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/public" style="display:contents"><img alt="In Super" loading="lazy" width="709.9921875" height="416.5672319613821" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:center;height:auto" sizes="(max-width: 546px) 100vw, 100vw" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/w=1920,quality=90,fit=scale-down 640w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/w=1920,quality=90,fit=scale-down 750w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/w=1920,quality=90,fit=scale-down 828w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/w=1920,quality=90,fit=scale-down 1080w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/w=1920,quality=90,fit=scale-down 1200w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/w=1920,quality=90,fit=scale-down 1920w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/w=1920,quality=90,fit=scale-down 2048w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/w=1920,quality=90,fit=scale-down 3840w" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/w=1920,quality=90,fit=scale-down"/></span><figcaption class="notion-caption notion-semantic-string">
253In Super</figcaption></div><span class="notion-heading__anchor" id="07d9951aa22282de995001e0475e37ce"></span><h3 id="block-07d9951aa22282de995001e0475e37ce" class="notion-heading notion-semantic-string">Custom vertical form </h3><p id="block-b409951aa222838796b1818a9e3e0ef7" class="notion-text notion-text__content notion-semantic-string">By placing a Notion form inside a callout block with a brown background, it will transform into a custom vertical form. </p><div id="block-74a9951aa22283fd938d81384b4be034" class="notion-image page-width"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/public" style="display:contents"><img alt="In Notion" loading="lazy" width="448.5906040268456" height="320" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:center;height:auto" sizes="(max-width: 546px) 100vw, 100vw" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/w=1920,quality=90,fit=scale-down 640w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/w=1920,quality=90,fit=scale-down 750w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/w=1920,quality=90,fit=scale-down 828w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/w=1920,quality=90,fit=scale-down 1080w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/w=1920,quality=90,fit=scale-down 1200w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/w=1920,quality=90,fit=scale-down 1920w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/w=1920,quality=90,fit=scale-down 2048w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/w=1920,quality=90,fit=scale-down 3840w" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/w=1920,quality=90,fit=scale-down"/></span><figcaption class="notion-caption notion-semantic-string">In Notion</figcaption></div><div id="block-54e9951aa2228271bbd6017aadebc4c2" class="notion-image page-width"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/public" style="display:contents"><img alt="In Super" loading="lazy" width="709.9921875" height="382.6683950445434" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:center;height:auto" sizes="(max-width: 546px) 100vw, 100vw" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/w=1920,quality=90,fit=scale-down 640w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/w=1920,quality=90,fit=scale-down 750w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/w=1920,quality=90,fit=scale-down 828w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/w=1920,quality=90,fit=scale-down 1080w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/w=1920,quality=90,fit=scale-down 1200w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/w=1920,quality=90,fit=scale-down 1920w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/w=1920,quality=90,fit=scale-down 2048w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/w=1920,quality=90,fit=scale-down 3840w" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/w=1920,quality=90,fit=scale-down"/></span><figcaption class="notion-caption notion-semantic-string">
253In Super</figcaption></div><div id="block-0149951aa22283289b8d81f38bd8c011" class="notion-text"></div><span class="notion-heading__anchor" id="00f9951aa22283d88208814d36b83f54"></span><h3 id="block-00f9951aa22283d88208814d36b83f54" class="notion-heading notion-semantic-string">Circular link icons</h3><p id="block-2459951aa222821b9be381b16b7f70c1" class="notion-text notion-text__content notion-semantic-string">By placing a list database inside a callout block with a brown background, it will transform into a series of small clickable circular icons. </p><div id="block-f259951aa22283bfbef301cf297bf637" class="notion-image page-width"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/public" style="display:contents"><img alt="In Notion" loading="lazy" width="336" height="139.56386292834893" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:center;height:auto" sizes="(max-width: 546px) 100vw, 100vw" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/w=1920,quality=90,fit=scale-down 640w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/w=1920,quality=90,fit=scale-down 750w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/w=1920,quality=90,fit=scale-down 828w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/w=1920,quality=90,fit=scale-down 1080w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/w=1920,quality=90,fit=scale-down 1200w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/w=1920,quality=90,fit=scale-down 1920w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/w=1920,quality=90,fit=scale-down 2048w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/w=1920,quality=90,fit=scale-down 3840w" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/w=1920,quality=90,fit=scale-down"/></span><figcaption class="notion-caption notion-semantic-string">In Notion</figcaption></div><div id="block-c749951aa22282638bc581343037710c" class="notion-image page-width"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/public" style="display:contents"><img alt="In Super" loading="lazy" width="709.984375" height="375.12314142461963" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:center;height:auto" sizes="(max-width: 546px) 100vw, 100vw" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/w=1920,quality=90,fit=scale-down 640w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/w=1920,quality=90,fit=scale-down 750w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/w=1920,quality=90,fit=scale-down 828w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/w=1920,quality=90,fit=scale-down 1080w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/w=1920,quality=90,fit=scale-down 1200w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/w=1920,quality=90,fit=scale-down 1920w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/w=1920,quality=90,fit=scale-down 2048w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/w=1920,quality=90,fit=scale-down 3840w" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/w=1920,quality=90,fit=scale-down"/></span><figcaption class="notion-caption notion-semantic-string">
253In Super</figcaption></div><div id="block-fad9951aa22282ae8880011ee23a7ffb" class="notion-text"></div><span class="notion-heading__anchor" id="fed9951aa22283d3b69081f589a85f2e"></span><h2 id="block-fed9951aa22283d3b69081f589a85f2e" class="notion-heading notion-semantic-string">Making database items link to external sites</h2><p id="block-77c9951aa222829aab320187ff2b92f1" class="notion-text notion-text__content notion-semantic-string">To make a database item link to an external website, </p><ul class="notion-bulleted-list"><li id="block-7fe9951aa222823e965c01d322da8844" class="notion-list-item notion-semantic-string">Go to site options and disable âDatabase propertiesâ</li><li id="block-9929951aa222827a828d81067c2eaca8" class="notion-list-item notion-semantic-string">Create a URL property called âsuper:Linkâ</li><li id="block-92d9951aa22283bebaed014ce2d1b4d5" class="notion-list-item notion-semantic-string">Provide a URL</li><li id="block-ca19951aa22282d08432019b5fd02f5d" class="notion-list-item notion-semantic-string">Ensure the database item does not have any content inside itâs page.</li></ul></article></main><style> 254 html { 255 font-size: 15px; 256 } 257 258 259 </style><!--$--><!--/$--></div><footer class="super-footer stack no-socials"><div class="super-footer__content"><a class="notion-link super-footer__logo" href="/"><div class="super-footer__logo-image"><span data-full-size="https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/logo/f9450f23-a2ad-475f-918d-3e6112c102ff.png" data-lightbox-src="https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/logo/f9450f23-a2ad-475f-918d-3e6112c102ff.png" style="display:contents"><img alt="Logo" loading="lazy" width="59" height="48" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:left" srcSet="/_next/image?url=https%3A%2F%2Fassets.super.so%2F01db0837-7ddd-4fc5-815d-2fd622b8bb7a%2Fuploads%2Flogo%2Ff9450f23-a2ad-475f-918d-3e6112c102ff.png&w=64&q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F01db0837-7ddd-4fc5-815d-2fd622b8bb7a%2Fuploads%2Flogo%2Ff9450f23-a2ad-475f-918d-3e6112c102ff.png&w=128&q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F01db0837-7ddd-4fc5-815d-2fd622b8bb7a%2Fuploads%2Flogo%2Ff9450f23-a2ad-475f-918d-3e6112c102ff.png&w=128&q=75"/></span></div></a><div class="super-footer__links"><a href="/how-i-use-ai" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/how-i-use-ai"><p>How I Use AI</p></a><a href="/privacy-terms" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/privacy-terms"><p>Privacy + Terms</p></a><a href="/site-credits" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/site-credits"><p>Site Credits</p></a></div><p class="super-footer__footnote">⦿ I work on the unceded (stolen) lands of the Seminole people in Central Florida.</p></div></footer></div><style> 260 261 html.theme-light { 262 /* Gray */ 263 --gray-h: 0; 264 --gray-s: 15%; 265 --gray-l: 18%; 266 --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l)); 267 --color-text-gray: var(--color-gray); 268 --color-bg-gray: hsl( 269 var(--gray-h), 270 var(--gray-s), 271 67% 272 ); 273 --color-bg-gray-light: var(--color-bg-gray); 274 --color-pill-gray: hsl( 275 calc(var(--gray-h) + 14), 276 var(--gray-s), 277 60% 278 ); 279 --color-pill-text-gray: hsl( 280 var(--gray-h), 281 var(--gray-s), 282 calc(var(--gray-l) - 28%) 283 ); 284 --color-bg-form-btn-gray: #A7A39A; 285 286 /* Brown */ 287 --brown-h: 42; 288 --brown-s: 74%; 289 --brown-l: 95%; 290 --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l)); 291 --color-text-brown: var(--color-brown); 292 --color-bg-brown: hsl( 293 var(--brown-h), 294 var(--brown-s), 295 90% 296 ); 297 --color-bg-brown-light: var(--color-bg-brown); 298 --color-pill-brown: hsl( 299 var(--brown-h), 300 calc(var(--brown-s) + 10%), 301 90% 302 ); 303 --color-pill-text-brown: hsl( 304 var(--brown-h), 305 calc(var(--brown-s) + 10%), 306 calc(var(--brown-l) - 28%) 307 ); 308 --color-bg-form-btn-brown: #9A6851; 309 310 /* Orange */ 311 --orange-h: 38; 312 --orange-s: 91%; 313 --orange-l: 59%; 314 --color-orange: hsl( 315 var(--orange-h), 316 var(--orange-s), 317 var(--orange-l) 318 ); 319 --color-text-orange: var(--color-orange); 320 --color-bg-orange: hsl( 321 var(--orange-h), 322 var(--orange-s), 323 90% 324 ); 325 --color-bg-orange-light: var(--color-bg-orange); 326 --color-pill-orange: hsl( 327 var(--orange-h), 328 calc(var(--orange-s) - 6%), 329 90% 330 ); 331 --color-pill-text-orange: hsl( 332 calc(var(--orange-h) - 5), 333 calc(var(--orange-s) - 18%), 334 calc(var(--orange-l) - 28%) 335 ); 336 --color-bg-form-btn-orange: #D9730D; 337 338 /* Yellow */ 339 --yellow-h: 38; 340 --yellow-s: 62%; 341 --yellow-l: 49%; 342 --color-yellow: hsl( 343 var(--yellow-h), 344 var(--yellow-s), 345 var(--yellow-l) 346 ); 347 --color-text-yellow: var(--color-yellow); 348 --color-bg-yellow: hsl( 349 var(--yellow-h), 350 calc(var(--yellow-s) + 90%), 351 90% 352 ); 353 --color-bg-yellow-light: var(--color-bg-yellow); 354 --color-pill-yellow: hsl( 355 calc(var(--yellow-h) + 3), 356 calc(var(--yellow-s) + 24%), 357 90% 358 ); 359 --color-pill-text-yellow: hsl( 360 calc(var(--yellow-h) - 11), 361 calc(var(--yellow-s) - 22%), 362 calc(var(--yellow-l) - 28%) 363 ); 364 --color-bg-form-btn-yellow: #CA922F; 365 366 /* Green */ 367 --green-h: 60; 368 --green-s: 63%; 369 --green-l: 40%; 370 --color-green: hsl(var(--green-h), var(--green-s), var(--green-l)); 371 --color-text-green: var(--color-green); 372 --color-bg-green: hsl( 373 var(--green-h), 374 var(--green-s), 375 90% 376 ); 377 --color-bg-green-light: var(--color-bg-green); 378 --color-pill-green: hsl( 379 calc(var(--green-h) - 28), 380 calc(var(--green-s) + 3%), 381 90% 382 ); 383 --color-pill-text-green: hsl( 384 calc(var(--green-h) - 2), 385 var(--green-s), 386 calc(var(--green-l) - 22%) 387 ); 388 --color-bg-form-btn-green: #448361; 389 390 /* Blue */ 391 --blue-h: 202; 392 --blue-s: 53%; 393 --blue-l: 43%; 394 --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l)); 395 --color-text-blue: var(--color-blue); 396 --color-bg-blue: hsl( 397 var(--blue-h), 398 var(--blue-s), 399 90% 400 ); 401 --color-bg-blue-light: var(--color-bg-blue); 402 --color-pill-blue: hsl( 403 var(--blue-h), 404 calc(var(--blue-s) - 5%), 405 85% 406 ); 407 --color-pill-text-blue: hsl( 408 calc(var(--blue-h) + 7), 409 calc(var(--blue-s) - 6%), 410 calc(var(--blue-l) - 22%) 411 ); 412 --color-bg-form-btn-blue: #327DA9; 413 414 /* Purple */ 415 --purple-h: 246; 416 --purple-s: 70%; 417 --purple-l: 91%; 418 --color-purple: hsl( 419 var(--purple-h), 420 var(--purple-s), 421 var(--purple-l) 422 ); 423 --color-text-purple: var(--color-purple); 424 --color-bg-purple: hsl( 425 var(--purple-h), 426 var(--purple-s), 427 90% 428 ); 429 --color-bg-purple-light: var(--color-bg-purple); 430 --color-pill-purple: hsl( 431 var(--purple-h), 432 calc(var(--purple-s) + 5%), 433 90% 434 ); 435 --color-pill-text-purple: hsl( 436 calc(var(--purple-h) + 1), 437 calc(var(--purple-s) + 10%), 438 calc(var(--purple-l) - 31%) 439 ); 440 --color-bg-form-btn-purple: #8F64AF; 441 442 /* Pink */ 443 --pink-h: 335; 444 --pink-s: 69%; 445 --pink-l: 62%; 446 --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l)); 447 --color-text-pink: var(--color-pink); 448 --color-bg-pink: hsl( 449 var(--pink-h), 450 var(--pink-s), 451 90% 452 ); 453 --color-bg-pink-light: var(--color-bg-pink); 454 --color-pill-pink: hsl( 455 var(--pink-h), 456 var(--pink-s), 457 90% 458 ); 459 --color-pill-text-pink: hsl( 460 calc(var(--pink-h) + 3), 461 calc(var(--pink-s) - 14%), 462 calc(var(--pink-l) - 31%) 463 ); 464 --color-bg-form-btn-pink: #C24C8B; 465 466 /* Red */ 467 --red-h: 2; 468 --red-s: 62%; 469 --red-l: 55%; 470 --color-red: hsl(var(--red-h), var(--red-s), var(--red-l)); 471 --color-text-red: var(--color-red); 472 --color-bg-red: hsl( 473 var(--red-h), 474 var(--red-s), 475 90% 476 ); 477 --color-bg-red-light: var(--color-bg-red); 478 --color-pill-red: hsl( 479 calc(var(--red-h) + 6), 480 calc(var(--red-s) + 42%), 481 90% 482 ); 483 --color-pill-text-red: hsl( 484 calc(var(--red-h) + 0), 485 var(--red-s), 486 calc(var(--red-l) - 32%) 487 ); 488 --color-bg-form-btn-red: #D44E49; 489 490 /*Default*/ 491 --default-h: 45; 492 --default-s: 8%; 493 --default-l: 20%; 494 --color-default: hsl( 495 var(--default-h), 496 var(--default-s), 497 var(--default-l) 498 ); 499 --color-pill-default: hsl( 500 var(--gray-h), 501 var(--gray-s), 502 90% 503 ); 504 --color-pill-text-default: hsl( 505 var(--gray-h), 506 var(--gray-s), 507 calc(var(--gray-l) - 28%) 508 ); 509 --color-bg-form-btn-default: #55534E; 510 511 /*Other*/ 512 --color-text-default: #352727; 513 --color-text-default-light: #f5ae36; 514 --color-bg-default: #fcf7eb; 515 --color-border-default: #a6a626; 516 --color-border-dark: var(--color-border-default); 517 --color-ui-hover-bg: #f5ae36; 518 --color-card-bg: #ffffff; 519 --color-card-bg-hover: #f9f9f8; 520 --color-calendar-weekend-bg: #f7f6f3; 521 --color-checkbox-bg: #a6a626; 522 --color-code-bg: rgba(135,131,120,.15); 523 524 /*Scrollbar*/ 525 --scrollbar-background-color: #FAFAFA; 526 --scrollbar-thumb-color: #dacb3e; 527 --scrollbar-border-color: #dbd8f8; 528 529 /*Navbar*/ 530 --navbar-text-color: #352727; 531 --navbar-list-item-hover: rgba(130, 130, 130, 0.09); 532 --navbar-background-color-hover: #ede8dc; 533 --navbar-background-color: #fcf7eb; 534 --navbar-button-text-color: #fcf7eb; 535 --navbar-button-background-color: #a6a626; 536 --navbar-menu-background-color: var(--navbar-background-color); 537 --navbar-text-color-dark: #261818; 538
539 /*Footer*/ 540 --footer-text-color: #352727; 541 --footer-background-color: #fcf7eb; 542 543 /*Sidebar*/ 544 --sidebar-text-color: #37352F; 545 --sidebar-cta-text-color: #37352F; 546 --sidebar-background-color: #ffffff; 547 --sidebar-cta-background-color: #ffffff; 548 --sidebar-border-color: #E9E9E7; 549 --sidebar-background-color-hover: #efefef; 550 --sidebar-text-color-dark: #282620; 551 --sidebar-cta-background-color-hover: #efefef; 552 } 553 554 555 /** 556 * One Light theme for prism.js 557 * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax 558 */ 559 560 /** 561 * One Light colours (accurate as of commit eb064bf on 19 Feb 2021) 562 * From colors.less 563 * --mono-1: hsl(230, 8%, 24%); 564 * --mono-2: hsl(230, 6%, 44%); 565 * --mono-3: hsl(230, 4%, 64%) 566 * --hue-1: hsl(198, 99%, 37%); 567 * --hue-2: hsl(221, 87%, 60%); 568 * --hue-3: hsl(301, 63%, 40%); 569 * --hue-4: hsl(119, 34%, 47%); 570 * --hue-5: hsl(5, 74%, 59%); 571 * --hue-5-2: hsl(344, 84%, 43%); 572 * --hue-6: hsl(35, 99%, 36%); 573 * --hue-6-2: hsl(35, 99%, 40%); 574 * --syntax-fg: hsl(230, 8%, 24%); 575 * --syntax-bg: hsl(230, 1%, 98%); 576 * --syntax-gutter: hsl(230, 1%, 62%); 577 * --syntax-guide: hsla(230, 8%, 24%, 0.2); 578 * --syntax-accent: hsl(230, 100%, 66%); 579 * From syntax-variables.less 580 * --syntax-selection-color: hsl(230, 1%, 90%); 581 * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%); 582 * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05); 583 */ 584 585 html.theme-light code[class*="language-"], 586 html.theme-light pre[class*="language-"] { 587 color: hsl(230, 8%, 24%); 588 font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace; 589 direction: ltr; 590 text-align: left; 591 white-space: pre; 592 word-spacing: normal; 593 word-break: normal; 594 line-height: 1.5; 595 -moz-tab-size: 2; 596 -o-tab-size: 2; 597 tab-size: 2; 598 -webkit-hyphens: none; 599 -moz-hyphens: none; 600 -ms-hyphens: none; 601 hyphens: none; 602 } 603 604 /* Selection */ 605 html.theme-light code[class*="language-"]::-moz-selection, 606 html.theme-light code[class*="language-"] *::-moz-selection, 607 html.theme-light pre[class*="language-"] *::-moz-selection { 608 background: hsl(230, 1%, 90%); 609 color: inherit; 610 } 611 612 html.theme-light code[class*="language-"]::selection, 613 html.theme-light code[class*="language-"] *::selection, 614 html.theme-light pre[class*="language-"] *::selection { 615 background: hsl(230, 1%, 90%); 616 color: inherit; 617 } 618 619 /* Code blocks */ 620 html.theme-light pre[class*="language-"] { 621 padding: 1em; 622 margin: 0.5em 0; 623 overflow: auto; 624 border-radius: 0.3em; 625 } 626 627 /* Inline code */ 628 html.theme-light :not(pre) > code[class*="language-"] { 629 padding: 0.2em 0.3em; 630 border-radius: 0.3em; 631 white-space: normal; 632 } 633 634 html.theme-light .token.comment, 635 html.theme-light .token.prolog, 636 html.theme-light .token.cdata { 637 color: hsl(230, 4%, 64%); 638 } 639 640 html.theme-light .token.doctype, 641 html.theme-light .token.punctuation, 642 html.theme-light .token.entity { 643 color: hsl(230, 8%, 24%); 644 } 645 646 html.theme-light .token.attr-name, 647 html.theme-light .token.class-name, 648 html.theme-light .token.boolean, 649 html.theme-light .token.constant, 650 html.theme-light .token.number, 651 html.theme-light .token.atrule { 652 color: hsl(35, 99%, 36%); 653 } 654 655 html.theme-light .token.keyword { 656 color: hsl(301, 63%, 40%); 657 } 658 659 html.theme-light .token.property, 660 html.theme-light .token.tag, 661 html.theme-light .token.symbol, 662 html.theme-light .token.deleted, 663 html.theme-light .token.important { 664 color: hsl(5, 74%, 59%); 665 } 666 667 html.theme-light .token.selector, 668 html.theme-light .token.string, 669 html.theme-light .token.char, 670 html.theme-light .token.builtin, 671 html.theme-light .token.inserted, 672 html.theme-light .token.regex, 673 html.theme-light .token.attr-value, 674 html.theme-light .token.attr-value > .token.punctuation { 675 color: hsl(119, 34%, 47%); 676 } 677 678 html.theme-light .token.variable, 679 html.theme-light .token.operator, 680 html.theme-light .token.function { 681 color: hsl(221, 87%, 60%); 682 } 683 684 html.theme-light .token.url {
685 color: hsl(198, 99%, 37%); 686 } 687 688 /* HTML overrides */ 689 html.theme-light .token.attr-value > .token.punctuation.attr-equals, 690 html.theme-light .token.special-attr > .token.attr-value > .token.value.css { 691 color: hsl(230, 8%, 24%); 692 } 693 694 /* CSS overrides */ 695 html.theme-light .language-css .token.selector { 696 color: hsl(5, 74%, 59%); 697 } 698 699 html.theme-light .language-css .token.property { 700 color: hsl(230, 8%, 24%); 701 } 702 703 html.theme-light .language-css .token.function, 704 html.theme-light .language-css .token.url > .token.function { 705 color: hsl(198, 99%, 37%); 706 } 707 708 html.theme-light .language-css .token.url > .token.string.url { 709 color: hsl(119, 34%, 47%); 710 } 711 712 html.theme-light .language-css .token.important, 713 html.theme-light .language-css .token.atrule .token.rule { 714 color: hsl(301, 63%, 40%); 715 } 716 717 /* JS overrides */ 718 html.theme-light .language-javascript .token.operator { 719 color: hsl(301, 63%, 40%); 720 } 721 722 html.theme-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation { 723 color: hsl(344, 84%, 43%); 724 } 725 726 /* JSON overrides */ 727 html.theme-light .language-json .token.operator { 728 color: hsl(230, 8%, 24%); 729 } 730 731 html.theme-light .language-json .token.null.keyword { 732 color: hsl(35, 99%, 36%); 733 } 734 735 /* MD overrides */ 736 html.theme-light .language-markdown .token.url, 737 html.theme-light .language-markdown .token.url > .token.operator, 738 html.theme-light .language-markdown .token.url-reference.url > .token.string { 739 color: hsl(230, 8%, 24%); 740 } 741 742 html.theme-light .language-markdown .token.url > .token.content { 743 color: hsl(221, 87%, 60%); 744 } 745 746 html.theme-light .language-markdown .token.url > .token.url, 747 html.theme-light .language-markdown .token.url-reference.url { 748 color: hsl(198, 99%, 37%); 749 } 750 751 html.theme-light .language-markdown .token.blockquote.punctuation, 752 html.theme-light .language-markdown .token.hr.punctuation { 753 color: hsl(230, 4%, 64%); 754 font-style: italic; 755 } 756 757 html.theme-light .language-markdown .token.code-snippet { 758 color: hsl(119, 34%, 47%); 759 } 760 761 html.theme-light .language-markdown .token.bold .token.content { 762 color: hsl(35, 99%, 36%); 763 } 764 765 html.theme-light .language-markdown .token.italic .token.content { 766 color: hsl(301, 63%, 40%); 767 } 768 769 html.theme-light .language-markdown .token.strike .token.content, 770 html.theme-light .language-markdown .token.strike .token.punctuation, 771 html.theme-light .language-markdown .token.list.punctuation, 772 html.theme-light .language-markdown .token.title.important > .token.punctuation { 773 color: hsl(5, 74%, 59%); 774 } 775 776 /* General */ 777 html.theme-light .token.bold { 778 font-weight: bold; 779 } 780 781 html.theme-light .token.comment, 782 html.theme-light .token.italic { 783 font-style: italic; 784 } 785 786 html.theme-light .token.entity { 787 cursor: help; 788 } 789 790 html.theme-light .token.namespace { 791 opacity: 0.8; 792 } 793 794 /* Plugin overrides */ 795 /* Selectors should have higher specificity than those in the plugins' default stylesheets */ 796 797 /* Show Invisibles plugin overrides */ 798 html.theme-light .token.token.tab:not(:empty):before, 799 html.theme-light .token.token.cr:before, 800 html.theme-light .token.token.lf:before, 801 html.theme-light .token.token.space:before { 802 color: hsla(230, 8%, 24%, 0.2); 803 } 804 805 /* Toolbar plugin overrides */ 806 /* Space out all buttons and move them away from the right edge of the code block */ 807 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item { 808 margin-right: 0.4em; 809 } 810 811 /* Styling the buttons */ 812 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button, 813 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a, 814 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span { 815 background: hsl(230, 1%, 90%); 816 color: hsl(230, 6%, 44%); 817 padding: 0.1em 0.4em; 818 border-radius: 0.3em; 819 } 820 821 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover, 822 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus, 823 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover, 824 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus, 825 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover, 826 html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus { 827 background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */ 828 color: hsl(230, 8%, 24%); 829 } 830 831 /* Line Highlight plugin overrides */ 832 /* The highlighted line itself */ 833 html.theme-light .line-highlight.line-highlight { 834 background: hsla(230, 8%, 24%, 0.05); 835 } 836 837 /* Default line numbers in Line Highlight plugin */ 838 html.theme-light .line-highlight.line-highlight:before, 839 html.theme-light .line-highlight.line-highlight[data-end]:after { 840 background: hsl(230, 1%, 90%); 841 color: hsl(230, 8%, 24%); 842 padding: 0.1em 0.6em; 843 border-radius: 0.3em; 844 box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */ 845 } 846 847 /* Hovering over a linkable line number (in the gutter area) */ 848 /* Requires Line Numbers plugin as well */ 849 html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before { 850 background-color: hsla(230, 8%, 24%, 0.05); 851 } 852 853 /* Line Numbers and Command Line plugins overrides */ 854 /* Line separating gutter from coding area */ 855 html.theme-light .line-numbers.line-numbers .line-numbers-rows, 856 html.theme-light .command-line .command-line-prompt { 857 border-right-color: hsla(230, 8%, 24%, 0.2); 858 } 859 860 /* Stuff in the gutter */ 861 html.theme-light .line-numbers .line-numbers-rows > span:before, 862 html.theme-light .command-line .command-line-prompt > span:before { 863 color: hsl(230, 1%, 62%); 864 } 865 866 /* Match Braces plugin overrides */ 867 /* Note: Outline colour is inherited from the braces */ 868 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1, 869 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5, 870 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 { 871 color: hsl(5, 74%, 59%); 872 } 873 874 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2, 875 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6, 876 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 { 877 color: hsl(119, 34%, 47%); 878 } 879 880 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3, 881 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7, 882 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 { 883 color: hsl(221, 87%, 60%); 884 } 885 886 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4, 887 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8, 888 html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 { 889 color: hsl(301, 63%, 40%); 890 } 891 892 /* Diff Highlight plugin overrides */ 893 /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */ 894 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix), 895 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) { 896 background-color: hsla(353, 100%, 66%, 0.15); 897 } 898 899 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, 900 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, 901 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, 902 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection { 903 background-color: hsla(353, 95%, 66%, 0.25); 904 } 905 906 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection, 907 html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection, 908 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection, 909 html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection { 910 background-color: hsla(353, 95%, 66%, 0.25); 911 } 912 913 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix), 914 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) { 915 background-color: hsla(137, 100%, 55%, 0.15); 916 } 917 918 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, 919 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, 920 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, 921 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection { 922 background-color: hsla(135, 73%, 55%, 0.25); 923 } 924 925 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection, 926 html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection, 927 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection, 928 html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection { 929 background-color: hsla(135, 73%, 55%, 0.25); 930 } 931 932 /* Previewers plugin overrides */ 933 /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */ 934 /* Border around popup */ 935 html.theme-light .prism-previewer.prism-previewer:before, 936 html.theme-light .prism-previewer-gradient.prism-previewer-gradient div { 937 border-color: hsl(0, 0, 95%); 938 } 939 940 /* Angle and time should remain as circles and are hence not included */ 941 html.theme-light .prism-previewer-color.prism-previewer-color:before, 942 html.theme-light .prism-previewer-gradient.prism-previewer-gradient div, 943 html.theme-light .prism-previewer-easing.prism-previewer-easing:before { 944 border-radius: 0.3em; 945 } 946 947 /* Triangles pointing to the code */ 948 html.theme-light .prism-previewer.prism-previewer:after { 949 border-top-color: hsl(0, 0, 95%); 950 } 951 952 html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after { 953 border-bottom-color: hsl(0, 0, 95%); 954 } 955
956 /* Background colour within the popup */ 957 html.theme-light .prism-previewer-angle.prism-previewer-angle:before, 958 html.theme-light .prism-previewer-time.prism-previewer-time:before, 959 html.theme-light .prism-previewer-easing.prism-previewer-easing { 960 background: hsl(0, 0%, 100%); 961 } 962 963 /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */ 964 /* For time, this is the alternate colour */ 965 html.theme-light .prism-previewer-angle.prism-previewer-angle circle, 966 html.theme-light .prism-previewer-time.prism-previewer-time circle { 967 stroke: hsl(230, 8%, 24%); 968 stroke-opacity: 1; 969 } 970 971 /* Stroke colours of the handle, direction point, and vector itself */ 972 html.theme-light .prism-previewer-easing.prism-previewer-easing circle, 973 html.theme-light .prism-previewer-easing.prism-previewer-easing path, 974 html.theme-light .prism-previewer-easing.prism-previewer-easing line { 975 stroke: hsl(230, 8%, 24%); 976 } 977 978 /* Fill colour of the handle */ 979 html.theme-light .prism-previewer-easing.prism-previewer-easing circle { 980 fill: transparent; 981 } 982 983 984 985 :root { 986 /* Layout */ 987 --padding-layout: 1.1rem; 988 --border-radii-layout: 21px; 989 --border-thickness-layout: 1px; 990 --border-type-layout: solid; 991 --border-layout: var(--border-thickness-layout) 992 var(--border-type-layout) var(--color-border-default); 993 --layout-max-width: 700px; 994 --column-spacing: 46px; 995 --page-display: flex; 996 --padding-right: calc(env(safe-area-inset-right) + 96px); 997 --padding-left: calc(env(safe-area-inset-left) + 96px); 998 --padding-right-mobile: calc(env(safe-area-inset-right) + 24px); 999 --padding-left-mobile: calc(env(safe-area-inset-left) + 24px); 1000 /* Header */ 1001 --header-cover-height: 45vh; 1002 --header-title-align: start; 1003 --header-icon-align: -112px auto auto auto; 1004 --header-display: block; 1005 /* Collection header */ 1006 --collection-header-border: var(--border-layout); 1007 /* Collection table */ 1008 --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem) 1009 calc(var(--padding-layout) - 0.1rem); 1010 /* Collection list */ 1011 --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem); 1012 --collection-list-item-border-radii: calc( 1013 var(--border-radii-layout) - 1px 1014 ); 1015 /* Collection card */ 1016 --collection-card-padding: 0px; 1017 --collection-card-title-padding: 0px; 1018 --collection-card-content-padding: var(--padding-layout); 1019 --collection-card-border-radii: var(--border-radii-layout); 1020 --collection-card-gap: 24px; 1021 --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px; 1022 --collection-card-title-size: 1.034rem; 1023 --collection-card-cover-height-small: 128px; 1024 --collection-card-cover-size-small: 172px; 1025 --collection-card-cover-height-medium: 227px; 1026 --collection-card-cover-size-medium: 260px; 1027 --collection-card-cover-height-large: 320px; 1028 --collection-card-cover-size-large: 320px; 1029 --collection-card-icon-display: inline-flex; 1030 /* Callout */ 1031 --callout-padding: calc(var(--padding-layout) + 0.4rem) 1032 calc(var(--padding-layout) + 0.4rem) 1033 calc(var(--padding-layout) + 0.4rem) 1034 calc(var(--padding-layout) + 0.1em); 1035 --callout-border-radii: calc(var(--border-radii-layout) - 2px); 1036 --callout-border: var(--border-layout); 1037 --callout-icon-display: block; 1038 --callout-shadow: none; 1039 /* File */ 1040 --file-border-radii: calc(var(--border-radii-layout) - 2px); 1041 /* Equation */ 1042 --equation-border-radii: calc(var(--border-radii-layout) - 2px); 1043 /* Divider */ 1044 --divider-border: var(--border-layout); 1045 /* Quote */ 1046 --quote-border: calc(var(--border-thickness-layout) + 2px) solid 1047 currentcolor; 1048 /* Code */ 1049 --code-padding: calc(var(--padding-layout) + 1.4rem); 1050 --code-border-radii: var(--border-radii-layout); 1051 /* Tweet */ 1052 --tweet-padding: calc(var(--padding-layout) + 0.65rem) 1053 calc(var(--padding-layout) + 0.65rem) 1054 calc(var(--padding-layout) + 0.05rem) 1055 calc(var(--padding-layout) + 0.65rem); 1056 --tweet-border-radii: var(--border-radii-layout); 1057 --tweet-border: var(--border-layout); 1058 /* Bookmark */ 1059 --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
1059x 1060 calc(var(--padding-layout) + 0.025rem) 1061 calc(var(--padding-layout) + 0.275rem); 1062 --bookmark-border-radii: var(--border-radii-layout); 1063 --bookmark-border: var(--border-layout); 1064 --bookmark-image-border-radii: 0px 1065 calc(var(--border-radii-layout) - 1px) 1066 calc(var(--border-radii-layout) - 1px) 0px; 1067 /* Embed */ 1068 --embed-border-radii: calc(var(--border-radii-layout) - 5px); 1069 /* Image */ 1070 --image-border-radii: calc(var(--border-radii-layout) - 5px); 1071 /* Typography */ 1072 --title-size: 2.59rem; 1073 --quote-size: 1.2rem; 1074 --quote-size-large: 1.4rem; 1075 --heading-size: 1.19rem; 1076 --primary-font: Playfair Display, Playfair Display-fallback, Helvetica, Apple Color Emoji, 1077 Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, 1078 Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, 1079 BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, 1080 sans-serif; 1081 --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji, 1082 Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, 1083 Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, 1084 BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, 1085 sans-serif; 1086 --text-weight: 400; 1087 --heading-weight: 600; 1088 --heading1-size: calc(var(--heading-size) * 1.875); 1089 --heading2-size: calc(var(--heading-size) * 1.5); 1090 --heading3-size: calc(var(--heading-size) * 1.25); 1091 --heading4-size: calc(var(--heading-size) * 1); 1092 --heading5-size: calc(var(--heading-size) * 0.8125); 1093 /* Scrollbars */ 1094 --scrollbar-width: 15px; 1095 /* Navbar */ 1096 --navbar-height: 56px; 1097 --navbar-shadow: none; 1098 --navbar-button-border-radii: 50px; 1099 --navbar-list-width-single-column: 320px; 1100 --navbar-list-width: 620px; 1101 /*Sidebar*/ 1102 --sidebar-width: 246px; 1103 --sidebar-shadow: none; 1104 } 1105 html { 1106 scroll-padding-top: 62px; 1107 } 1108 body { 1109 font-family: var(--secondary-font); 1110 } 1111 1112 1113 1114</style>
1114<script src="/_next/static/chunks/2l8zr1i2h4s0n.js" id="_R_" async=""></script>
1114<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1114<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[339756,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"default\"]\n3:I[837457,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"default\"]\n6:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\na:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"ViewportBoundary\"]\nc:I[897367,[\"/_next/static/chunks/0ylgcnss9ue9v.js\"],\"MetadataBoundary\"]\ne:I[168027,[],\"default\",1]\n:HC[\"/\",\"\"]\n:HL[\"/_next/static/chunks/16sz9a438v8dy.css\",\"style\"]\n9:X\n0:{\"P\":null,\"c\":[\"\",\"main\",\"typec-creative.com\",\"instructions\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"main\",{\"children\":[[\"site\",\"typec-creative.com\",\"d\",[]],{\"children\":[[\"page\",\"instructions\",\"oc\",[]],{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4224]},\"$undefined\",\"$undefined\",4144]},\"$undefined\",\"$undefined\",4208]},\"$undefined\",\"$undefined\",4208]},\"$undefined\",\"$undefined\",4176],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/2dqfxeq83i129.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/2matreab0rub0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/3cmvik1zogxvy.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L4\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/16sz9a438v8dy.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/08sikk1eypppo.js\",\"async\":true,\"nonce\":\"$undefined\"}
1114],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/3_or8blvqwyye.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,null]},null,false,null]},null,false,\"$9\"]},null,false,\"$9\"]},null,false,\"$9\"],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Ld\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$e\",[]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"YgcvqfmjOE1XzN3L6IIMg\"}\n9:C\nb:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1114<script>self.__next_f.push([1,"f:T438,\n (function () {\n if (typeof Node !== \"function\" || !Node.prototype || Node.prototype.__superDomGuard) {\n return;\n }\n Node.prototype.__superDomGuard = true;\n\n var originalRemoveChild = Node.prototype.removeChild;\n Node.prototype.removeChild = function (child) {\n if (child \u0026\u0026 child.parentNode !== this) {\n if (typeof console !== \"undefined\" \u0026\u0026 console.warn) {\n console.warn(\"[super] skipped removeChild for node not in this parent\", child, this);\n }\n return child;\n }\n return originalRemoveChild.apply(this, arguments);\n };\n\n var originalInsertBefore = Node.prototype.insertBefore;\n Node.prototype.insertBefore = function (newNode, referenceNode) {\n if (referenceNode \u0026\u0026 referenceNode.parentNode !== this) {\n if (typeof console !== \"undefined\" \u0026\u0026 console.warn) {\n console.warn(\"[super] skipped insertBefore for reference node not in this parent\", referenceNode, this);\n }\n return newNode;\n }\n return originalInsertBefore.apply(this, arguments);\n };\n })();\n10:T2909,\n @font-face {\n font-family: \"Playfair Display\";\n font-style: normal;\n font-weight: 400;\n src: url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.svg#PlayfairDisplay\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Playfair Display\";\n font-style: normal;\n font-weight: 500;\n src: url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.svg#PlayfairDisplay\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Playfair Display\";\n font-style: normal;\n font-weight: 600;\n src: url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.svg#PlayfairDisplay\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Playfair Display\";\n font-style: normal;\n font-weight: 700;\n src: url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.svg#PlayfairDisplay\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Inter\";\n font-style: normal;\nfont-display: swap;\n font-weight: 400;\n src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Inter\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Inter\";\n font-style: normal;\nfont-display: swap;\n font-weight: 500;\n src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Inter\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Inter\";\n font-style: normal;\nfont-display: swap;\n font-weight: 600;\n src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.svg#Inter\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Inter\";\n font-style: normal;\nfont-display: swap;\n font-weight: 700;\n src: url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot\"); /* IE9 Compat Modes */\n \n src: local(\"\"),\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix\")\n format(\"embedded-opentype\"),\n /* IE6-IE8 */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\")\n format(\"woff2\"),\n /* Super Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff\")\n format(\"woff\"),\n /* Modern Browsers */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf\")\n format(\"truetype\"),\n /* Safari, Android, iOS */\n url(\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Inter\")\n format(\"svg\"); /* Legacy iOS */\n \n }\n \n @font-face {\n font-family: \"Inter-fallback\";\n size-adjust: 107%;\n ascent-override: 90%;\n src: local(\"Arial\");\n }\n 4:[\"$\",\"html\",null,{\"lang\":\"en\",\"dir\":\"ltr\",\"className\":\"theme-light\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/favicon/1ca0e7d3-693e-4f51-8d59-5b783989c967.png\"}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n const html = document.getElementsByTagName(\\\"html\\\")[0];\\n try {\\n const colorPreference = localStorage\\n ? localStorage.getItem(\\\"color-preference\\\")\\n : null;\\n\\n if (true) {\\n html.classList.remove(\\\"theme-light\\\");\\n }\\n \\n if (false \u0026\u0026 colorPreference \u0026\u0026 html) {\\n html.classList.add(\\\"theme-\\\" + colorPreference);\\n } else {\\n html.classList.add(\\\"theme-light\\\");\\n }\\n } catch (e) {\\n console.log('ERROR themeEffect', e)\\n html.classList.add(\\\"theme-light\\\");\\n }\\n\"}}],[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$10\"}}],\"$L11\",\"$L12\",[\"$L13\",\"$L14\",\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\"],[\"$L1b\"]]}],\"$L1c\"]}]\n"])</script>
1114<script>self.__next_f.push([1,"1d:I[868422,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SiteProvider\"]\n:HL[\"/styles/static.css\",\"style\"]\n:HL[\"/styles/notion.css\",\"style\"]\n:HL[\"/styles/super.css\",\"style\"]\n:HL[\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://sites.super.so/biopage/style.css\",\"style\"]\n11:[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"html{font-size:15px}\"}}]\n12:[[\"$\",\"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\"}]]\n13:[\"$\",\"link\",\"font-preload-Playfair Display-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n14:[\"$\",\"link\",\"font-preload-Playfair Display-500\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-500.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n15:[\"$\",\"link\",\"font-preload-Playfair Display-600\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-600.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n16:[\"$\",\"link\",\"font-preload-Playfair Display-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Playfair_Display/playfair-display-v30-latin-ext_latin_cyrillic-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n17:[\"$\",\"link\",\"font-preload-Inter-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n18:[\"$\",\"link\",\"font-preload-Inter-500\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n19:[\"$\",\"link\",\"font-preload-Inter-600\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n1a:[\"$\",\"link\",\"font-preload-Inter-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n1b:[\"$\",\"link\",\"link-https://sites.super.so/biopage/style.css\",{\"rel\":\"stylesheet\",\"href\":\"https://sites.super.so/biopage/style.css\"}]\n1c:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L1d\",null,{\"settings\":{\"siteId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a\",\"userId\":\"53291159-f7b2-44ec-a77e-5f396415c36d\",\"domainName\":\"typec-creative.com\",\"name\":\"Type C Creative\",\"active\":true,\"free\":false,\"t
1114ier\":\"personal\",\"favicon\":\"https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/favicon/1ca0e7d3-693e-4f51-8d59-5b783989c967.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"1f69951aa222822faeba017a5a0cda96\",\"indexPageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::7b1f4a99-8ba2-401d-9765-c76ad69cc841\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":false,\"layoutSidePanel\":false,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":true,\"loadLimits\":false,\"hidePersonInfo\":false,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"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\":\"d6472253-6852-43e7-8da5-421a199855db\",\"type\":\"page\",\"label\":\"Home\",\"link\":\"/\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::7b1f4a99-8ba2-401d-9765-c76ad69cc841\",\"list\":[]},{\"id\":\"f31822b8-f097-46cc-8aac-b197fab66a5b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/more-about-me\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::c11bd317-1638-48e8-a8ba-1b095d2172b1\",\"icon\":\"\",\"list\":[]},{\"id\":\"11f0854c-d87b-442d-b654-91662314702a\",\"type\":\"page\",\"label\":\"Values\",\"link\":\"/offerings/values\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::a10c068e-be7c-4eab-88ba-8d94232cbbda\",\"list\":[]},{\"id\":\"1ff79f92-32a2-45d2-9152-676c244f4d73\",\"type\":\"page\",\"label\":\"Free Resources\",\"link\":\"/links\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::898481a0-ddae-4a0e-9607-761a39579c76\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":180,\"fontSize\":16,\"textContent\":\"Type C Creative\",\"imageContent\":\"https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/logo/6f9f361a-46ca-4ebd-802c-6655eae72f1b.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"url\",\"label\":\"Newsletter\",\"link\":\"https://buttondown.com/typeccreative\",\"pageId\":\"\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"stack\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"12c0637e-7681-4433-9e5d-39e135dac2db\",\"type\":\"page\",\"label\":\"How I Use AI\",\"link\":\"/how-i-use-ai\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::179e7f6a-d097-4f63-ab8a-5dd63a0dbdab\",\"icon\":\"\",\"list\":[]},{\"id\":\"74702811-7dbc-44e5-9cfd-2945fc4f7efe\",\"type\":\"page\",\"label\":\"Privacy + Terms\",\"link\":\"/privacy-terms\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::afd72a3e-a181-434e-81f0-a0d4cfaf2f95\",\"icon\":\"\",\"list\":[]},{\"id\":\"d1fb9ad2-1f87-45a7-b7f6-ceaf17bb20c9\",\"type\":\"page\",\"label\":\"Site Credits\",\"link\":\"/site-credits\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::fea0ab69-6059-4bbb-995d-a1ac19cd145f\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":59,\"fontSize\":13,\"textContent\":\"© Type C Creative\",\"imageContent\":\"https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/logo/f9450f23-a2ad-475f-918d-3e6112c102ff.png\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[],\"footnote\":\"⦿ I work on the unceded (stolen) lands of the Seminole people in Central Florida.\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":false},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":1.1,\"layoutMaxWidth\":700,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":21,\"pageDisplay\":\"flex\"}
1114,\"header\":{\"coverHeight\":45,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"display\":\"block\"},\"collectionCard\":{\"gap\":24,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":320,\"coverHeightMedium\":227,\"coverHeightSmall\":128,\"titleSize\":1.034,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Playfair Display\",\"secondaryFont\":\"Inter\",\"fonts\":[],\"baseSize\":15,\"titleSize\":2.59,\"headingSize\":1.19,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":56,\"shadow\":\"none\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":246,\"shadow\":\"none\"},\"colors\":{\"light\":{\"text\":\"#352727\",\"textLight\":\"#f5ae36\",\"background\":\"#fcf7eb\",\"borderColor\":\"#a6a626\",\"checkboxBackground\":\"#a6a626\",\"hoverBackground\":\"#f5ae36\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#dacb3e\",\"border\":\"#dbd8f8\"},\"navbar\":{\"text\":\"#352727\",\"background\":\"#fcf7eb\",\"buttonText\":\"#fcf7eb\",\"buttonBackground\":\"#a6a626\",\"hoverBackground\":null},\"footer\":{\"text\":\"#352727\",\"background\":\"#fcf7eb\",\"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\":[0,15,18],\"brown\":[42,74,95],\"orange\":[38,91,59],\"yellow\":[38,62,49],\"green\":[60,63,40],\"blue\":[202,53,43],\"purple\":[246,70,91],\"pink\":[335,69,62],\"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\":\"#292929\",\"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\":\"#212121\",\"cardHoverBackground\":\"#292929\",\"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\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::c40b5aae-58d1-43f7-905d-b0f5013d7810\",\"content\":\"\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/biopage/style.css\\\"\u003e\"}],\"head\":[],\"body\":[{\"id\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::f0cbe43d-32ee-4be6-bfe5-3a1f41fe3983\",\"content\":\"\u003cscript src=\\\"https://sites.super.so/biopage/script.js\\\"\u003e\u003c/script\u003e\"}],\"style\":[],\"css\":\"\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"domainQueryParam\":\"$undefined\",\"children\":[null,\"$L1e\",\"$L1f\",\"$L20\",\"$L21\"]}],\"$L22\"]}]\n"])</script>
1114<script>self.__next_f.push([1,"23:I[920494,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"ThemeProvider\"]\n29:I[678415,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationEvents\"]\n2a:I[982642,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LinkUpgrader\"]\n2b:I[245155,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LightboxEnhancer\"]\n2c:I[818466,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SpeedInsights\"]\n24:T1514,\n :root {\n /* Layout */\n --padding-layout: 1.1rem;\n --border-radii-layout: 21px;\n --border-thickness-layout: 1px;\n --border-type-layout: solid;\n --border-layout: var(--border-thickness-layout)\n var(--border-type-layout) var(--color-border-default);\n --layout-max-width: 700px;\n --column-spacing: 46px;\n --page-display: flex;\n --padding-right: calc(env(safe-area-inset-right) + 96px);\n --padding-left: calc(env(safe-area-inset-left) + 96px);\n --padding-right-mobile: calc(env(safe-area-inset-right) + 24px);\n --padding-left-mobile: calc(env(safe-area-inset-left) + 24px);\n /* Header */\n --header-cover-height: 45vh;\n --header-title-align: start;\n --header-icon-align: -112px auto auto auto;\n --header-display: block;\n /* Collection header */\n --collection-header-border: var(--border-layout);\n /* Collection table */\n --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem)\n calc(var(--padding-layout) - 0.1rem);\n /* Collection list */\n --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem);\n --collection-list-item-border-radii: calc(\n var(--border-radii-layout) - 1px\n );\n /* Collection card */\n --collection-card-padding: 0px;\n --collection-card-title-padding: 0px;\n --collection-card-content-padding: var(--padding-layout);\n --collection-card-border-radii: var(--border-radii-layout);\n --collection-card-gap: 24px;\n --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;\n --collection-card-title-size: 1.034rem;\n --collection-card-cover-height-small: 128px;\n --collection-card-cover-size-small: 172px;\n --collection-card-cover-height-medium: 227px;\n --collection-card-cover-size-medium: 260px;\n --collection-card-cover-height-large: 320px;\n --collection-card-cover-size-large: 320px;\n --collection-card-icon-display: inline-flex;\n /* Callout */\n --callout-padding: calc(var(--padding-layout) + 0.4rem)\n calc(var(--padding-layout) + 0.4rem)\n calc(var(--padding-layout) + 0.4rem)\n calc(var(--padding-layout) + 0.1em);\n --callout-border-radii: calc(var(--border-radii-layout) - 2px);\n --callout-border: var(--border-layout);\n --callout-icon-display: block;\n --callout-shadow: none;\n /* File */\n --file-border-radii: calc(var(--border-radii-layout) - 2px);\n /* Equation */\n --equation-border-radii: calc(var(--border-radii-layout) - 2px);\n /* Divider */\n --divider-border: var(--border-layout);\n /* Quote */\n --quote-border: calc(var(--border-thickness-layout) + 2px) solid\n currentcolor;\n /* Code */\n --code-padding: calc(var(--padding-layout) + 1.4rem);\n --code-border-radii: var(--border-radii-layout);\n /* Tweet */\n --tweet-padding: calc(var(--padding-layout) + 0.65rem)\n calc(var(--padding-layout) + 0.65rem)\n calc(var(--padding-layout) + 0.05rem)\n calc(var(--padding-layout) + 0.65rem);\n --tweet-border-radii: var(--border-radii-layout);\n --tweet-border: var(--border-layout);\n /* Bookmark */\n --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
1114x\n calc(var(--padding-layout) + 0.025rem)\n calc(var(--padding-layout) + 0.275rem);\n --bookmark-border-radii: var(--border-radii-layout);\n --bookmark-border: var(--border-layout);\n --bookmark-image-border-radii: 0px\n calc(var(--border-radii-layout) - 1px)\n calc(var(--border-radii-layout) - 1px) 0px;\n /* Embed */\n --embed-border-radii: calc(var(--border-radii-layout) - 5px);\n /* Image */\n --image-border-radii: calc(var(--border-radii-layout) - 5px);\n /* Typography */\n --title-size: 2.59rem;\n --quote-size: 1.2rem;\n --quote-size-large: 1.4rem;\n --heading-size: 1.19rem;\n --primary-font: Playfair Display, Playfair Display-fallback, Helvetica, Apple Color Emoji,\n Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n sans-serif;\n --secondary-font: Inter, Inter-fallback, Helvetica, Apple Color Emoji,\n Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,\n Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,\n BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,\n sans-serif;\n --text-weight: 400;\n --heading-weight: 600;\n --heading1-size: calc(var(--heading-size) * 1.875);\n --heading2-size: calc(var(--heading-size) * 1.5);\n --heading3-size: calc(var(--heading-size) * 1.25);\n --heading4-size: calc(var(--heading-size) * 1);\n --heading5-size: calc(var(--heading-size) * 0.8125);\n /* Scrollbars */\n --scrollbar-width: 15px;\n /* Navbar */\n --navbar-height: 56px;\n --navbar-shadow: none;\n --navbar-button-border-radii: 50px;\n --navbar-list-width-single-column: 320px;\n --navbar-list-width: 620px;\n /*Sidebar*/\n --sidebar-width: 246px;\n --sidebar-shadow: none;\n }\n html {\n scroll-padding-top: 62px;\n }\n body {\n font-family: var(--secondary-font);\n }\n\n \n 25:T5aa5,\n html.theme-light {\n /* Gray */\n --gray-h: 0;\n --gray-s: 15%;\n --gray-l: 18%;\n --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n --color-text-gray: var(--color-gray);\n --color-bg-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n 67%\n );\n --color-bg-gray-light: var(--color-bg-gray);\n --color-pill-gray: hsl(\n calc(var(--gray-h) + 14),\n var(--gray-s),\n 60%\n );\n --color-pill-text-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n calc(var(--gray-l) - 28%)\n );\n --color-bg-form-btn-gray: #A7A39A;\n\n /* Brown */\n --brown-h: 42;\n --brown-s: 74%;\n --brown-l: 95%;\n --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n --color-text-brown: var(--color-brown);\n --color-bg-brown: hsl(\n var(--brown-h),\n var(--brown-s),\n 90%\n );\n --color-bg-brown-light: var(--color-bg-brown);\n --color-pill-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) + 10%),\n 90%\n );\n --color-pill-text-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) + 10%),\n calc(var(--brown-l) - 28%)\n );\n --color-bg-form-btn-brown: #9A6851;\n\n /* Orange */\n --orange-h: 38;\n --orange-s: 91%;\n --orange-l: 59%;\n --color-orange: hsl(\n var(--orange-h),\n var(--orange-s),\n var(--orange-l)\n );\n --color-text-orange: var(--color-orange);\n --color-bg-orange: hsl(\n var(--orange-h),\n var(--orange-s),\n 90%\n );\n --color-bg-orange-light: var(--color-bg-orange);\n --color-pill-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 6%),\n 90%\n );\n --color-pill-text-orange: hsl(\n calc(var(--orange-h) - 5),\n calc(var(--orange-s) - 18%),\n calc(var(--orange-l) - 28%)\n );\n --color-bg-form-btn-orange: #D9730D;\n\n /* Yellow */\n --yellow-h: 38;\n --yellow-s: 62%;\n --yellow-l: 49%;\n --color-yellow: hsl(\n var(--yellow-h),\n var(--yellow-s),\n var(--yellow-l)\n );\n --color-text-yellow: var(--color-yellow);\n --color-bg-yellow: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) + 90%),\n 90%\n );\n --color-bg-yellow-light: var(--color-bg-yellow);\n --color-pill-yellow: hsl(\n calc(var(--yellow-h) + 3),\n calc(var(--yellow-s) + 24%),\n 90%\n );\n --color-pill-text-yellow: hsl(\n calc(var(--yellow-h) - 11),\n calc(var(--yellow-s) - 22%),\n calc(var(--yellow-l) - 28%)\n );\n --color-bg-form-btn-yellow: #CA922F;\n\n /* Green */\n --green-h: 60;\n --green-s: 63%;\n --green-l: 40%;\n --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n --color-text-green: var(--color-green);
1114\n --color-bg-green: hsl(\n var(--green-h),\n var(--green-s),\n 90%\n );\n --color-bg-green-light: var(--color-bg-green);\n --color-pill-green: hsl(\n calc(var(--green-h) - 28),\n calc(var(--green-s) + 3%),\n 90%\n );\n --color-pill-text-green: hsl(\n calc(var(--green-h) - 2),\n var(--green-s),\n calc(var(--green-l) - 22%)\n );\n --color-bg-form-btn-green: #448361;\n\n /* Blue */\n --blue-h: 202;\n --blue-s: 53%;\n --blue-l: 43%;\n --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n --color-text-blue: var(--color-blue);\n --color-bg-blue: hsl(\n var(--blue-h),\n var(--blue-s),\n 90%\n );\n --color-bg-blue-light: var(--color-bg-blue);\n --color-pill-blue: hsl(\n var(--blue-h),\n calc(var(--blue-s) - 5%),\n 85%\n );\n --color-pill-text-blue: hsl(\n calc(var(--blue-h) + 7),\n calc(var(--blue-s) - 6%),\n calc(var(--blue-l) - 22%)\n );\n --color-bg-form-btn-blue: #327DA9;\n\n /* Purple */\n --purple-h: 246;\n --purple-s: 70%;\n --purple-l: 91%;\n --color-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n var(--purple-l)\n );\n --color-text-purple: var(--color-purple);\n --color-bg-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n 90%\n );\n --color-bg-purple-light: var(--color-bg-purple);\n --color-pill-purple: hsl(\n var(--purple-h),\n calc(var(--purple-s) + 5%),\n 90%\n );\n --color-pill-text-purple: hsl(\n calc(var(--purple-h) + 1),\n calc(var(--purple-s) + 10%),\n calc(var(--purple-l) - 31%)\n );\n --color-bg-form-btn-purple: #8F64AF;\n\n /* Pink */\n --pink-h: 335;\n --pink-s: 69%;\n --pink-l: 62%;\n --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n --color-text-pink: var(--color-pink);\n --color-bg-pink: hsl(\n var(--pink-h),\n var(--pink-s),\n 90%\n );\n --color-bg-pink-light: var(--color-bg-pink);\n --color-pill-pink: hsl(\n var(--pink-h),\n var(--pink-s),\n 90%\n );\n --color-pill-text-pink: hsl(\n calc(var(--pink-h) + 3),\n calc(var(--pink-s) - 14%),\n calc(var(--pink-l) - 31%)\n );\n --color-bg-form-btn-pink: #C24C8B;\n\n /* Red */\n --red-h: 2;\n --red-s: 62%;\n --red-l: 55%;\n --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n --color-text-red: var(--color-red);\n --color-bg-red: hsl(\n var(--red-h),\n var(--red-s),\n 90%\n );\n --color-bg-red-light: var(--color-bg-red);\n --color-pill-red: hsl(\n calc(var(--red-h) + 6),\n calc(var(--red-s) + 42%),\n 90%\n );\n --color-pill-text-red: hsl(\n calc(var(--red-h) + 0),\n var(--red-s),\n calc(var(--red-l) - 32%)\n );\n --color-bg-form-btn-red: #D44E49;\n\n /*Default*/\n --default-h: 45;\n --default-s: 8%;\n --default-l: 20%;\n --color-default: hsl(\n var(--default-h),\n var(--default-s),\n var(--default-l)\n );\n --color-pill-default: hsl(\n var(--gray-h),\n var(--gray-s),\n 90%\n );\n --color-pill-text-default: hsl(\n var(--gray-h),\n var(--gray-s),\n calc(var(--gray-l) - 28%)\n );\n --color-bg-form-btn-default: #55534E;\n\n /*Other*/\n --color-text-default: #352727;\n --color-text-default-light: #f5ae36;\n --color-bg-default: #fcf7eb;\n --color-border-default: #a6a626;\n --color-border-dark: var(--color-border-default);\n --color-ui-hover-bg: #f5ae36;\n --color-card-bg: #ffffff;\n --color-card-bg-hover: #f9f9f8;\n --color-calendar-weekend-bg: #f7f6f3;\n --color-checkbox-bg: #a6a626;\n --color-code-bg: rgba(135,131,120,.15);\n\n /*Scrollbar*/\n --scrollbar-background-color: #FAFAFA;\n --scrollbar-thumb-color: #dacb3e;\n --scrollbar-border-color: #dbd8f8;\n\n /*Navbar*/\n --navbar-text-color: #352727;\n --navbar-list-item-hover: rgba(130, 130, 130, 0.09);\n --navbar-background-color-hover: #ede8dc;\n --navbar-background-color: #fcf7eb;\n --navbar-button-text-color: #fcf7eb;\n --navbar-button-background-color: #a6a626;\n --navbar-menu-background-color: var(--navbar-background-color);\n --navbar-text-color-dark: #261818;
1114\n\n /*Footer*/\n --footer-text-color: #352727;\n --footer-background-color: #fcf7eb;\n\n /*Sidebar*/\n --sidebar-text-color: #37352F;\n --sidebar-cta-text-color: #37352F;\n --sidebar-background-color: #ffffff;\n --sidebar-cta-background-color: #ffffff;\n --sidebar-border-color: #E9E9E7;\n --sidebar-background-color-hover: #efefef;\n --sidebar-text-color-dark: #282620;\n --sidebar-cta-background-color-hover: #efefef;\n }\n\n \n /**\n * One Light theme for prism.js\n * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n */\n \n /**\n * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n * From colors.less\n * --mono-1: hsl(230, 8%, 24%);\n * --mono-2: hsl(230, 6%, 44%);\n * --mono-3: hsl(230, 4%, 64%)\n * --hue-1: hsl(198, 99%, 37%);\n * --hue-2: hsl(221, 87%, 60%);\n * --hue-3: hsl(301, 63%, 40%);\n * --hue-4: hsl(119, 34%, 47%);\n * --hue-5: hsl(5, 74%, 59%);\n * --hue-5-2: hsl(344, 84%, 43%);\n * --hue-6: hsl(35, 99%, 36%);\n * --hue-6-2: hsl(35, 99%, 40%);\n * --syntax-fg: hsl(230, 8%, 24%);\n * --syntax-bg: hsl(230, 1%, 98%);\n * --syntax-gutter: hsl(230, 1%, 62%);\n * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n * --syntax-accent: hsl(230, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(230, 1%, 90%);\n * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n */\n \n html.theme-light code[class*=\"language-\"],\n html.theme-light pre[class*=\"language-\"] {\n color: hsl(230, 8%, 24%);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n \n /* Selection */\n html.theme-light code[class*=\"language-\"]::-moz-selection,\n html.theme-light code[class*=\"language-\"] *::-moz-selection,\n html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n html.theme-light code[class*=\"language-\"]::selection,\n html.theme-light code[class*=\"language-\"] *::selection,\n html.theme-light pre[class*=\"language-\"] *::selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n /* Code blocks */\n html.theme-light pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n \n /* Inline code */\n html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.prolog,\n html.theme-light .token.cdata {\n color: hsl(230, 4%, 64%);\n }\n \n html.theme-light .token.doctype,\n html.theme-light .token.punctuation,\n html.theme-light .token.entity {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .token.attr-name,\n html.theme-light .token.class-name,\n html.theme-light .token.boolean,\n html.theme-light .token.constant,\n html.theme-light .token.number,\n html.theme-light .token.atrule {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .token.keyword {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .token.property,\n html.theme-light .token.tag,\n html.theme-light .token.symbol,\n html.theme-light .token.deleted,\n html.theme-light .token.important {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .token.selector,\n html.theme-light .token.string,\n html.theme-light .token.char,\n html.theme-light .token.builtin,\n html.theme-light .token.inserted,\n html.theme-light .token.regex,\n html.theme-light .token.attr-value,\n html.theme-light .token.attr-value \u003e .token.punctuation {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .token.variable,\n html.theme-light .token.operator,\n html.theme-light .token.function {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .token.url {\n color: hsl(198, 99%, 37%);\n }\n \n /* HTML overrides */\n html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(230, 8%, 24%);\n }\n \n /* CSS overrides */\n html.theme-light .language-css .token.selector {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .language-css .token.property {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-css .token.function,\n html.theme-light .language-css .token.url \u003e .token.function {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-css .token.url \u003e .token.string.url {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-css .token.important,\n html.theme-light .language-css .token.atrule .token.rule {\n color: hsl(301, 63%, 40%);\n }\n \n /* JS overrides */\n html.theme-light .language-javascript .token.operator {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(344, 84%, 43%);\n }\n \n /* JSON overrides */\n html.theme-light .language-json .token.operator {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-json .token.null.keyword {\n color: hsl(35, 99%, 36%);\n }\n \n /* MD overrides */\n html.theme-light .language-markdown .token.url,\n html.theme-light .language-markdown .token.url \u003e .token.operator,\n html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.content {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.url,\n html.theme-light .language-markdown .token.url-reference.url {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-markdown .token.blockquote.punctuation,\n html.theme-light .language-markdown .token.hr.punctuation {\n color: hsl(230, 4%, 64%);\n font-style: italic;\n }\n \n html.theme-light .language-markdown .token.code-snippet {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-markdown .token.bold .token.content {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .language-markdown .token.italic .token.content {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-markdown .token.strike .token.content,\n html.theme-light .language-markdown .token.strike .token.punctuation,\n html.theme-light .language-markdown .token.list.punctuation,\n html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(5, 74%, 59%);\n }\n \n /* General */\n html.theme-light .token.bold {\n font-weight: bold;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.italic {\n font-style: italic;\n }\n \n html.theme-light .token.entity {\n cursor: help;\n }\n \n html.theme-light .token.namespace {\n opacity: 0.8;\n }\n \n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n \n /* Show Invisibles plugin overrides */\n html.theme-light .token.token.tab:not(:empty):before,\n html.theme-light .token.token.cr:before,\n html.theme-light .token.token.lf:before,\n html.theme-light .token.token.space:before {\n color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n \n /* Styling the buttons */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 6%, 44%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n \n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n color: hsl(230, 8%, 24%);\n }\n \n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-light .line-highlight.line-highlight {\n background: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Default line numbers in Line Highlight plugin */\n html.theme-light .line-highlight.line-highlight:before,\n html.theme-light .line-highlight.line-highlight[data-end]:after {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 8%, 24%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n \n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n html.theme-light .command-line .command-line-prompt {\n border-right-color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Stuff in the gutter */\n html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-light .command-line .command-line-prompt \u003e span:before {\n color: hsl(230, 1%, 62%);\n }\n \n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(301, 63%, 40%);\n }\n \n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n /* Border around popup */\n html.theme-light .prism-previewer.prism-previewer:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(0, 0, 95%);\n }\n \n /* Angle and time should remain as circles and are hence not included */\n html.theme-light .prism-previewer-color.prism-previewer-color:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n \n /* Triangles pointing to the code */\n html.theme-light .prism-previewer.prism-previewer:after {\n border-top-color: hsl(0, 0, 95%);\n }\n \n html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(0, 0, 95%);\n }
1114\n \n /* Background colour within the popup */\n html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-light .prism-previewer-time.prism-previewer-time:before,\n html.theme-light .prism-previewer-easing.prism-previewer-easing {\n background: hsl(0, 0%, 100%);\n }\n \n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-light .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(230, 8%, 24%);\n stroke-opacity: 1;\n }\n \n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(230, 8%, 24%);\n }\n \n /* Fill colour of the handle */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n 26:T5f9c,\n html.theme-dark {\n /* Gray */\n --gray-h: 0;\n --gray-s: 0%;\n --gray-l: 61%;\n --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));\n --color-text-gray: var(--color-gray);\n --color-bg-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n 14.5%\n );\n --color-bg-gray-light: hsl(\n var(--gray-h),\n var(--gray-s),\n 14.5%\n );\n --color-pill-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n 35%\n );\n --color-pill-text-gray: hsl(\n var(--gray-h),\n var(--gray-s),\n calc(var(--gray-l) + 26%)\n );\n --color-bg-form-btn-gray: #A7A39A;\n\n /* Brown */\n --brown-h: 18;\n --brown-s: 35%;\n --brown-l: 58%;\n --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));\n --color-text-brown: var(--color-brown);\n --color-bg-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) - 7%),\n 22%\n );\n --color-bg-brown-light: hsl(\n calc(var(--brown-h) - 2),\n calc(var(--brown-s) - 22%),\n 16%\n );\n --color-pill-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) + 2%),\n 27%\n );\n --color-pill-text-brown: hsl(\n var(--brown-h),\n calc(var(--brown-s) - 21%),\n calc(var(--brown-l) + 33%)\n );\n --color-bg-form-btn-brown: #9A6851;\n\n /* Orange */\n --orange-h: 25;\n --orange-s: 54%;\n --orange-l: 53%;\n --color-orange: hsl(\n var(--orange-h),\n var(--orange-s),\n var(--orange-l)\n );\n --color-text-orange: var(--color-orange);\n --color-bg-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 10%),\n 25%\n );\n --color-bg-orange-light: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 30%),\n 17%\n );\n --color-pill-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) + 9%),\n 32%\n );\n --color-pill-text-orange: hsl(\n var(--orange-h),\n calc(var(--orange-s) - 23%),\n calc(var(--orange-l) + 33%)\n );\n --color-bg-form-btn-orange: #D9730D;\n\n /* Yellow */\n --yellow-h: 38;\n --yellow-s: 54%;\n --yellow-l: 54%;\n --color-yellow: hsl(\n var(--yellow-h),\n var(--yellow-s),\n var(--yellow-l)\n );\n --color-text-yellow: var(--color-yellow);\n --color-bg-yellow: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) - 18%),\n 25%\n );\n --color-bg-yellow-light: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) - 24%),\n 17%\n );\n --color-pill-yellow: hsl(\n calc(var(--yellow-h) - 1),\n calc(var(--yellow-s) + 2%),\n 35%\n );\n --color-pill-text-yellow: hsl(\n var(--yellow-h),\n calc(var(--yellow-s) - 28%),\n calc(var(--yellow-l) + 33%)\n );\n --color-bg-form-btn-yellow: #CA922F;\n\n /* Green */\n --green-h: 146;\n --green-s: 32%;\n --green-l: 47%;\n --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n --color-text-green: var(--color-green);\n --color-bg-green: hsl(\n calc(var(--green-h) + 3),\n calc(var(--green-s) - 6%),\n 19%\n );
1114\n --color-bg-green-light: hsl(\n var(--green-h),\n calc(var(--green-s) - 20%),\n 15%\n );\n --color-pill-green: hsl(\n calc(var(--green-h) + 1),\n calc(var(--green-s) + 3%),\n 26%\n );\n --color-pill-text-green: hsl(\n var(--green-h),\n calc(var(--green-s) - 20%),\n calc(var(--green-l) + 38%)\n );\n --color-bg-form-btn-green: #448361;\n\n /* Blue */\n --blue-h: 217;\n --blue-s: 50%;\n --blue-l: 58%;\n --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));\n --color-text-blue: var(--color-blue);\n --color-bg-blue: hsl(\n calc(var(--blue-h) - 16),\n calc(var(--blue-s) + 9%),\n 19%\n );\n --color-bg-blue-light: hsl(\n calc(var(--blue-h) + 16),\n calc(var(--blue-s) - 27%),\n 15%\n );\n --color-pill-blue: hsl(\n calc(var(--blue-h) - 3),\n calc(var(--blue-s) - 6%),\n 29%\n );\n --color-pill-text-blue: hsl(\n calc(var(--blue-h) - 5),\n calc(var(--blue-s) - 32%),\n calc(var(--blue-l) + 28%)\n );\n --color-bg-form-btn-blue: #327DA9;\n\n /* Purple */\n --purple-h: 270;\n --purple-s: 55%;\n --purple-l: 62%;\n --color-purple: hsl(\n var(--purple-h),\n var(--purple-s),\n var(--purple-l)\n );\n --color-text-purple: var(--color-purple);\n --color-bg-purple: hsl(\n calc(var(--purple-h) + 2),\n calc(var(--purple-s) - 31%),\n 23%\n );\n --color-bg-purple-light: hsl(\n calc(var(--purple-h) + 5),\n calc(var(--purple-s) - 40%),\n 17%\n );\n --color-pill-purple: hsl(\n var(--purple-h),\n calc(var(--purple-s) - 19%),\n 29%\n );\n --color-pill-text-purple: hsl(\n calc(var(--purple-h) - 3),\n calc(var(--purple-s) - 40%),\n calc(var(--purple-l) + 24%)\n );\n --color-bg-form-btn-purple: #8F64AF;\n\n /* Pink */\n --pink-h: 329;\n --pink-s: 57%;\n --pink-l: 58%;\n --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));\n --color-text-pink: var(--color-pink);\n --color-bg-pink: hsl(\n calc(var(--pink-h) + 3),\n calc(var(--pink-s) - 29%),\n 24%\n );\n --color-bg-pink-light: hsl(\n calc(var(--pink-h) + 5),\n calc(var(--pink-s) - 40%),\n 16%\n );\n --color-pill-pink: hsl(\n calc(var(--pink-h) - 2),\n calc(var(--pink-s) - 21%),\n 30%\n );\n --color-pill-text-pink: hsl(\n calc(var(--pink-h) + 4),\n calc(var(--pink-s) - 41%),\n calc(var(--pink-l) + 28%)\n );\n --color-bg-form-btn-pink: #C24C8B;\n\n /* Red */\n --red-h: 1;\n --red-s: 69%;\n --red-l: 60%;\n --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));\n --color-text-red: var(--color-red);\n --color-bg-red: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 37%),\n 24%\n );\n --color-bg-red-light: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 56%),\n 17%\n );\n --color-pill-red: hsl(\n calc(var(--red-h) + 5),\n calc(var(--red-s) - 30%),\n 31%\n );\n --color-pill-text-red: hsl(\n calc(var(--red-h) + 7),\n calc(var(--red-s) - 50%),\n calc(var(--red-l) + 24%)\n );\n --color-bg-form-btn-red: #D44E49;\n\n /*Default*/\n --default-h: 45;\n --default-s: 8%;\n --default-l: 20%;\n --color-default: hsl(\n var(--default-h),\n var(--default-s),\n var(--default-l)\n );\n --color-pill-default: hsl(\n var(--default-h),\n var(--default-s),\n -19%\n );\n --color-pill-text-default: hsl(\n var(--default-h),\n var(--default-s),\n calc(var(--default-l) + 23%)\n );\n --color-bg-form-btn-default: #55534E;\n\n /*Other*/\n --color-text-default: #e1e1e1;\n --color-text-default-light: #9b9b9b;\n --color-bg-default: #191919;\n --color-border-default: #373737;\n --color-border-dark: var(--color-border-default);\n --color-ui-hover-bg: #292929;\n --color-card-bg: #212121;\n --color-card-bg-hover: #292929;\n --color-calendar-weekend-bg: #202020;\n --color-checkbox-bg: #2EAADC;\n --color-code-bg: rgba(135,131,120,.15);\n\n /*Scrollbar*/\n --scrollbar-background-color: #FAFAFA;\n --scrollbar-thumb-color: #C1C1C1;\n --scrollbar-border-color: #E8E8E8;\n\n /*Navbar*/\n --navbar-text-color: #e1e1e1;\n --navbar-list-item-hover: rgba(255,255,255,.2);\n --navbar-background-color: #191919;\n --navbar-background-color-hover: #282828;\n --navbar-button-text-color: #191919;\n --navbar-button-background-color: #e1e1e1;\n --navbar-menu-background-color: var(--navbar-background-color);\n --navbar-text-color-dark: #d2d2d2;
1114\n\n /*Footer*/\n --footer-text-color: #e1e1e1;\n --footer-background-color: #191919;\n\n /*Sidebar*/\n --sidebar-text-color: #e1e1e1;\n --sidebar-cta-text-color: #e1e1e1;\n --sidebar-background-color: #191919;\n --sidebar-cta-background-color: #191919;\n --sidebar-border-color: #373737;\n --sidebar-background-color-hover: #292929;\n --sidebar-text-color-dark: #d2d2d2;\n --sidebar-cta-background-color-hover: #292929;\n }\n\n /* Calendar for dark mode */\n html.theme-dark .notion-collection-calendar__row {\n box-shadow: var(--color-border-default) -1px 0px 0px;\n }\n\n html.theme-dark .notion-collection-calendar__week-days {\n box-shadow: var(--color-border-default) 0px 1px 0px;\n }\n\n html.theme-dark .notion-collection-calendar__date {\n border-right: 1px solid var(--color-border-default);\n border-bottom: 1px solid var(--color-border-default);\n }\n\n \n /**\n * One Dark theme for prism.js\n * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax\n */\n\n /**\n * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)\n * From colors.less\n * --mono-1: hsl(220, 14%, 71%);\n * --mono-2: hsl(220, 9%, 55%);\n * --mono-3: hsl(220, 10%, 40%);\n * --hue-1: hsl(187, 47%, 55%);\n * --hue-2: hsl(207, 82%, 66%);\n * --hue-3: hsl(286, 60%, 67%);\n * --hue-4: hsl(95, 38%, 62%);\n * --hue-5: hsl(355, 65%, 65%);\n * --hue-5-2: hsl(5, 48%, 51%);\n * --hue-6: hsl(29, 54%, 61%);\n * --hue-6-2: hsl(39, 67%, 69%);\n * --syntax-fg: hsl(220, 14%, 71%);\n * --syntax-bg: hsl(220, 13%, 18%);\n * --syntax-gutter: hsl(220, 14%, 45%);\n * --syntax-guide: hsla(220, 14%, 71%, 0.15);\n * --syntax-accent: hsl(220, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(220, 13%, 28%);\n * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);\n * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);\n */\n\n html.theme-dark code[class*=\"language-\"],\n html.theme-dark pre[class*=\"language-\"] {\n background: hsl(220, 13%, 18%);\n color: hsl(220, 14%, 71%);\n text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n\n /* Selection */\n html.theme-dark code[class*=\"language-\"]::-moz-selection,\n html.theme-dark code[class*=\"language-\"] *::-moz-selection,\n html.theme-dark pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(220, 13%, 28%);\n color: inherit;\n text-shadow: none;\n }\n\n html.theme-dark code[class*=\"language-\"]::selection,\n html.theme-dark code[class*=\"language-\"] *::selection,\n html.theme-dark pre[class*=\"language-\"] *::selection {\n background: hsl(220, 13%, 28%);\n color: inherit;\n text-shadow: none;\n }\n\n /* Code blocks */\n html.theme-dark pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n\n /* Inline code */\n html.theme-dark :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n\n /* Print */\n @media print {\n html.theme-dark code[class*=\"language-\"],\n html.theme-dark pre[class*=\"language-\"] {\n text-shadow: none;\n }\n }\n\n html.theme-dark .token.comment,\n html.theme-dark .token.prolog,\n html.theme-dark .token.cdata {\n color: hsl(220, 10%, 40%);\n }\n\n html.theme-dark .token.doctype,\n html.theme-dark .token.punctuation,\n html.theme-dark .token.entity {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .token.attr-name,\n html.theme-dark .token.class-name,\n html.theme-dark .token.boolean,\n html.theme-dark .token.constant,\n html.theme-dark .token.number,\n html.theme-dark .token.atrule {\n color: hsl(29, 54%, 61%);\n }\n\n html.theme-dark .token.keyword {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .token.property,\n html.theme-dark .token.tag,\n html.theme-dark .token.symbol,\n html.theme-dark .token.deleted,\n html.theme-dark .token.important {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .token.selector,\n html.theme-dark .token.string,\n html.theme-dark .token.char,\n html.theme-dark .token.builtin,\n html.theme-dark .token.inserted,\n html.theme-dark .token.regex,\n html.theme-dark .token.attr-value,\n html.theme-dark .token.attr-value \u003e .token.punctuation {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .token.variable,\n html.theme-dark .token.operator,\n html.theme-dark .token.function {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .token.url {\n color: hsl(187, 47%, 55%);\n }\n\n /* HTML overrides */\n html.theme-dark .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-dark .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(220, 14%, 71%);\n }\n\n /* CSS overrides */\n html.theme-dark .language-css .token.selector {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .language-css .token.property {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-css .token.function,\n html.theme-dark .language-css .token.url \u003e .token.function {\n color: hsl(187, 47%, 55%);\n }\n\n html.theme-dark .language-css .token.url \u003e .token.string.url {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .language-css .token.important,\n html.theme-dark .language-css .token.atrule .token.rule {\n color: hsl(286, 60%, 67%);\n }\n\n /* JS overrides */\n html.theme-dark .language-javascript .token.operator {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(5, 48%, 51%);\n }\n\n /* JSON overrides */\n html.theme-dark .language-json .token.operator {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-json .token.null.keyword {\n color: hsl(29, 54%, 61%);\n }\n\n /* MD overrides */\n html.theme-dark .language-markdown .token.url,\n html.theme-dark .language-markdown .token.url \u003e .token.operator,\n html.theme-dark .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(220, 14%, 71%);\n }\n\n html.theme-dark .language-markdown .token.url \u003e .token.content {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .language-markdown .token.url \u003e .token.url,\n html.theme-dark .language-markdown .token.url-reference.url {\n color: hsl(187, 47%, 55%);\n }\n\n html.theme-dark .language-markdown .token.blockquote.punctuation,\n html.theme-dark .language-markdown .token.hr.punctuation {\n color: hsl(220, 10%, 40%);\n font-style: italic;\n }\n\n html.theme-dark .language-markdown .token.code-snippet {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .language-markdown .token.bold .token.content {\n color: hsl(29, 54%, 61%);\n }\n\n html.theme-dark .language-markdown .token.italic .token.content {\n color: hsl(286, 60%, 67%);\n }\n\n html.theme-dark .language-markdown .token.strike .token.content,\n html.theme-dark .language-markdown .token.strike .token.punctuation,\n html.theme-dark .language-markdown .token.list.punctuation,\n html.theme-dark .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(355, 65%, 65%);\n }\n\n /* General */\n html.theme-dark .token.bold {\n font-weight: bold;\n }\n\n html.theme-dark .token.comment,\n html.theme-dark .token.italic {\n font-style: italic;\n }\n\n html.theme-dark .token.entity {\n cursor: help;\n }\n\n html.theme-dark .token.namespace {\n opacity: 0.8;\n }\n\n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n\n /* Show Invisibles plugin overrides */\n html.theme-dark .token.token.tab:not(:empty):before,\n html.theme-dark .token.token.cr:before,\n html.theme-dark .token.token.lf:before,\n html.theme-dark .token.token.space:before {\n color: hsla(220, 14%, 71%, 0.15);\n text-shadow: none;\n }\n\n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n\n /* Styling the buttons */\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(220, 13%, 26%);\n color: hsl(220, 9%, 55%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-dark div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(220, 13%, 28%);\n color: hsl(220, 14%, 71%);\n }\n\n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-dark .line-highlight.line-highlight {\n background: hsla(220, 100%, 80%, 0.04);\n }\n\n /* Default line numbers in Line Highlight plugin */\n html.theme-dark .line-highlight.line-highlight:before,\n html.theme-dark .line-highlight.line-highlight[data-end]:after {\n background: hsl(220, 13%, 26%);\n color: hsl(220, 14%, 71%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n\n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-dark pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(220, 100%, 80%, 0.04);\n }\n\n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-dark .line-numbers.line-numbers .line-numbers-rows,\n html.theme-dark .command-line .command-line-prompt {\n border-right-color: hsla(220, 14%, 71%, 0.15);\n }\n\n /* Stuff in the gutter */\n html.theme-dark .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-dark .command-line .command-line-prompt \u003e span:before {\n color: hsl(220, 14%, 45%);\n }\n\n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(355, 65%, 65%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(95, 38%, 62%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(207, 82%, 66%);\n }\n\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-dark .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(286, 60%, 67%);\n }\n\n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-dark pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-dark pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n\n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-dark-ui */\n /* Border around popup */\n html.theme-dark .prism-previewer.prism-previewer:before,\n html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(224, 13%, 17%);\n }\n\n /* Angle and time should remain as circles and are hence not included */\n html.theme-dark .prism-previewer-color.prism-previewer-color:before,\n html.theme-dark .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n\n /* Triangles pointing to the code */\n html.theme-dark .prism-previewer.prism-previewer:after {\n border-top-color: hsl(224, 13%, 17%);\n }\n\n html.theme-dark .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(224, 13%, 17%);\n }
1114\n\n /* Background colour within the popup */\n html.theme-dark .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-dark .prism-previewer-time.prism-previewer-time:before,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing {\n background: hsl(219, 13%, 22%);\n }\n\n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-dark .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-dark .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(220, 14%, 71%);\n stroke-opacity: 1;\n }\n\n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-dark .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing path,\n html.theme-dark .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(220, 14%, 71%);\n }\n\n /* Fill colour of the handle */\n html.theme-dark .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n 27:T46e0,\n :root {\n --color-text-default: rgb(55, 53, 47);\n --color-text-default-light: rgba(55, 53, 47, 0.6);\n --color-text-gray: rgb(155, 154, 151);\n --color-text-brown: rgb(100, 71, 58);\n --color-text-orange: rgb(217, 115, 13);\n --color-text-yellow: rgb(223, 171, 1);\n --color-text-green: rgb(15, 123, 108);\n --color-text-blue: rgb(11, 110, 153);\n --color-text-purple: rgb(105, 64, 165);\n --color-text-pink: rgb(173, 26, 114);\n --color-text-red: rgb(224, 62, 62);\n\n --color-bg-default: rgb(255, 255, 255);\n --color-bg-gray: rgb(235, 236, 237);\n --color-bg-brown: rgb(233, 229, 227);\n --color-bg-orange: rgb(250, 235, 221);\n --color-bg-yellow: rgb(251, 243, 219);\n --color-bg-green: rgb(221, 237, 234);\n --color-bg-blue: rgb(221, 235, 241);\n --color-bg-purple: rgb(234, 228, 242);\n --color-bg-pink: rgb(244, 223, 235);\n --color-bg-red: rgb(251, 228, 228);\n\n --color-bg-gray-light: rgba(235, 236, 237, 0.3);\n --color-bg-brown-light: rgba(233, 229, 227, 0.3);\n --color-bg-orange-light: rgba(250, 235, 221, 0.3);\n --color-bg-yellow-light: rgba(251, 243, 219, 0.3);\n --color-bg-green-light: rgba(221, 237, 234, 0.3);\n --color-bg-blue-light: rgba(221, 235, 241, 0.3);\n --color-bg-purple-light: rgba(234, 228, 242, 0.3);\n --color-bg-pink-light: rgba(244, 223, 235, 0.3);\n --color-bg-red-light: rgba(251, 228, 228, 0.3);\n\n --color-pill-default: rgba(206, 205, 202, 0.5);\n --color-pill-gray: rgba(155, 154, 151, 0.4);\n --color-pill-brown: rgba(140, 46, 0, 0.2);\n --color-pill-orange: rgba(245, 93, 0, 0.2);\n --color-pill-yellow: rgba(233, 168, 0, 0.2);\n --color-pill-green: rgba(0, 135, 107, 0.2);\n --color-pill-blue: rgba(0, 120, 223, 0.2);\n --color-pill-purple: rgba(103, 36, 222, 0.2);\n --color-pill-pink: rgba(221, 0, 129, 0.2);\n --color-pill-red: rgba(255, 0, 26, 0.2);\n\n --color-ui-hover-bg: rgba(239, 239, 239);\n --color-card-bg: rgb(255, 255, 255);\n --color-checkbox-bg: rgb(46, 170, 220);;\n --color-border-default: rgba(235, 236, 237, 0.8);\n --color-border-dark: rgba(55, 53, 47, 0.16);\n --color-code-bg: rgba(239, 239, 239);\n\n /*Scrollbar*/\n --scrollbar-background-color: #fafafa;\n --scrollbar-thumb-color: #c1c1c1;\n --scrollbar-border-color: #e8e8e8;\n\n --navbar-text-color: var(--color-text-default);\n --navbar-background-color: var(--color-bg-default);\n --navbar-button-text-color: var(--color-text-default);\n --navbar-button-background-color: var(--color-bg-default);\n --navbar-menu-background-color: var(--navbar-background-color);\n\n --footer-text-color: var(--color-text-default);\n --footer-background-color: var(--color-bg-default);\n --color-calendar-weekend-bg: #f7f6f3;\n }\n\n \n /**\n * One Light theme for prism.js\n * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax\n */\n \n /**\n * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)\n * From colors.less\n * --mono-1: hsl(230, 8%, 24%);\n * --mono-2: hsl(230, 6%, 44%);\n * --mono-3: hsl(230, 4%, 64%)\n * --hue-1: hsl(198, 99%, 37%);\n * --hue-2: hsl(221, 87%, 60%);\n * --hue-3: hsl(301, 63%, 40%);\n * --hue-4: hsl(119, 34%, 47%);\n * --hue-5: hsl(5, 74%, 59%);\n * --hue-5-2: hsl(344, 84%, 43%);\n * --hue-6: hsl(35, 99%, 36%);\n * --hue-6-2: hsl(35, 99%, 40%);\n * --syntax-fg: hsl(230, 8%, 24%);\n * --syntax-bg: hsl(230, 1%, 98%);\n * --syntax-gutter: hsl(230, 1%, 62%);\n * --syntax-guide: hsla(230, 8%, 24%, 0.2);\n * --syntax-accent: hsl(230, 100%, 66%);\n * From syntax-variables.less\n * --syntax-selection-color: hsl(230, 1%, 90%);\n * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);\n * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);\n */\n \n html.theme-light code[class*=\"language-\"],\n html.theme-light pre[class*=\"language-\"] {\n color: hsl(230, 8%, 24%);\n font-family: \"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n -moz-tab-size: 2;\n -o-tab-size: 2;\n tab-size: 2;\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n \n /* Selection */\n html.theme-light code[class*=\"language-\"]::-moz-selection,\n html.theme-light code[class*=\"language-\"] *::-moz-selection,\n html.theme-light pre[class*=\"language-\"] *::-moz-selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n html.theme-light code[class*=\"language-\"]::selection,\n html.theme-light code[class*=\"language-\"] *::selection,\n html.theme-light pre[class*=\"language-\"] *::selection {\n background: hsl(230, 1%, 90%);\n color: inherit;\n }\n \n /* Code blocks */\n html.theme-light pre[class*=\"language-\"] {\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n \n /* Inline code */\n html.theme-light :not(pre) \u003e code[class*=\"language-\"] {\n padding: 0.2em 0.3em;\n border-radius: 0.3em;\n white-space: normal;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.prolog,\n html.theme-light .token.cdata {\n color: hsl(230, 4%, 64%);\n }\n \n html.theme-light .token.doctype,\n html.theme-light .token.punctuation,\n html.theme-light .token.entity {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .token.attr-name,\n html.theme-light .token.class-name,\n html.theme-light .token.boolean,\n html.theme-light .token.constant,\n html.theme-light .token.number,\n html.theme-light .token.atrule {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .token.keyword {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .token.property,\n html.theme-light .token.tag,\n html.theme-light .token.symbol,\n html.theme-light .token.deleted,\n html.theme-light .token.important {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .token.selector,\n html.theme-light .token.string,\n html.theme-light .token.char,\n html.theme-light .token.builtin,\n html.theme-light .token.inserted,\n html.theme-light .token.regex,\n html.theme-light .token.attr-value,\n html.theme-light .token.attr-value \u003e .token.punctuation {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .token.variable,\n html.theme-light .token.operator,\n html.theme-light .token.function {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .token.url {\n color: hsl(198, 99%, 37%);\n }\n \n /* HTML overrides */\n html.theme-light .token.attr-value \u003e .token.punctuation.attr-equals,\n html.theme-light .token.special-attr \u003e .token.attr-value \u003e .token.value.css {\n color: hsl(230, 8%, 24%);\n }\n \n /* CSS overrides */\n html.theme-light .language-css .token.selector {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .language-css .token.property {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-css .token.function,\n html.theme-light .language-css .token.url \u003e .token.function {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-css .token.url \u003e .token.string.url {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-css .token.important,\n html.theme-light .language-css .token.atrule .token.rule {\n color: hsl(301, 63%, 40%);\n }\n \n /* JS overrides */\n html.theme-light .language-javascript .token.operator {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-javascript .token.template-string \u003e .token.interpolation \u003e .token.interpolation-punctuation.punctuation {\n color: hsl(344, 84%, 43%);\n }\n \n /* JSON overrides */\n html.theme-light .language-json .token.operator {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-json .token.null.keyword {\n color: hsl(35, 99%, 36%);\n }\n \n /* MD overrides */\n html.theme-light .language-markdown .token.url,\n html.theme-light .language-markdown .token.url \u003e .token.operator,\n html.theme-light .language-markdown .token.url-reference.url \u003e .token.string {\n color: hsl(230, 8%, 24%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.content {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .language-markdown .token.url \u003e .token.url,\n html.theme-light .language-markdown .token.url-reference.url {\n color: hsl(198, 99%, 37%);\n }\n \n html.theme-light .language-markdown .token.blockquote.punctuation,\n html.theme-light .language-markdown .token.hr.punctuation {\n color: hsl(230, 4%, 64%);\n font-style: italic;\n }\n \n html.theme-light .language-markdown .token.code-snippet {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .language-markdown .token.bold .token.content {\n color: hsl(35, 99%, 36%);\n }\n \n html.theme-light .language-markdown .token.italic .token.content {\n color: hsl(301, 63%, 40%);\n }\n \n html.theme-light .language-markdown .token.strike .token.content,\n html.theme-light .language-markdown .token.strike .token.punctuation,\n html.theme-light .language-markdown .token.list.punctuation,\n html.theme-light .language-markdown .token.title.important \u003e .token.punctuation {\n color: hsl(5, 74%, 59%);\n }\n \n /* General */\n html.theme-light .token.bold {\n font-weight: bold;\n }\n \n html.theme-light .token.comment,\n html.theme-light .token.italic {\n font-style: italic;\n }\n \n html.theme-light .token.entity {\n cursor: help;\n }\n \n html.theme-light .token.namespace {\n opacity: 0.8;\n }\n \n /* Plugin overrides */\n /* Selectors should have higher specificity than those in the plugins' default stylesheets */\n \n /* Show Invisibles plugin overrides */\n html.theme-light .token.token.tab:not(:empty):before,\n html.theme-light .token.token.cr:before,\n html.theme-light .token.token.lf:before,\n html.theme-light .token.token.space:before {\n color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Toolbar plugin overrides */\n /* Space out all buttons and move them away from the right edge of the code block */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item {\n margin-right: 0.4em;\n }\n \n /* Styling the buttons */\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 6%, 44%);\n padding: 0.1em 0.4em;\n border-radius: 0.3em;\n }\n \n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e button:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e a:focus,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:hover,\n html.theme-light div.code-toolbar \u003e .toolbar.toolbar \u003e .toolbar-item \u003e span:focus {\n background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */\n color: hsl(230, 8%, 24%);\n }\n \n /* Line Highlight plugin overrides */\n /* The highlighted line itself */\n html.theme-light .line-highlight.line-highlight {\n background: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Default line numbers in Line Highlight plugin */\n html.theme-light .line-highlight.line-highlight:before,\n html.theme-light .line-highlight.line-highlight[data-end]:after {\n background: hsl(230, 1%, 90%);\n color: hsl(230, 8%, 24%);\n padding: 0.1em 0.6em;\n border-radius: 0.3em;\n box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */\n }\n \n /* Hovering over a linkable line number (in the gutter area) */\n /* Requires Line Numbers plugin as well */\n html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows \u003e span:hover:before {\n background-color: hsla(230, 8%, 24%, 0.05);\n }\n \n /* Line Numbers and Command Line plugins overrides */\n /* Line separating gutter from coding area */\n html.theme-light .line-numbers.line-numbers .line-numbers-rows,\n html.theme-light .command-line .command-line-prompt {\n border-right-color: hsla(230, 8%, 24%, 0.2);\n }\n \n /* Stuff in the gutter */\n html.theme-light .line-numbers .line-numbers-rows \u003e span:before,\n html.theme-light .command-line .command-line-prompt \u003e span:before {\n color: hsl(230, 1%, 62%);\n }\n \n /* Match Braces plugin overrides */\n /* Note: Outline colour is inherited from the braces */\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {\n color: hsl(5, 74%, 59%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {\n color: hsl(119, 34%, 47%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {\n color: hsl(221, 87%, 60%);\n }\n \n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,\n html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {\n color: hsl(301, 63%, 40%);\n }\n \n /* Diff Highlight plugin overrides */\n /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) {\n background-color: hsla(353, 100%, 66%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003
1114e code .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.deleted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.deleted:not(.prefix) *::selection {\n background-color: hsla(353, 95%, 66%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix),\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) {\n background-color: hsla(137, 100%, 55%, 0.15);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre.diff-highlight \u003e code .token.token.inserted:not(.prefix) *::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix)::selection,\n html.theme-light pre \u003e code.diff-highlight .token.token.inserted:not(.prefix) *::selection {\n background-color: hsla(135, 73%, 55%, 0.25);\n }\n \n /* Previewers plugin overrides */\n /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */\n /* Border around popup */\n html.theme-light .prism-previewer.prism-previewer:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {\n border-color: hsl(0, 0, 95%);\n }\n \n /* Angle and time should remain as circles and are hence not included */\n html.theme-light .prism-previewer-color.prism-previewer-color:before,\n html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,\n html.theme-light .prism-previewer-easing.prism-previewer-easing:before {\n border-radius: 0.3em;\n }\n \n /* Triangles pointing to the code */\n html.theme-light .prism-previewer.prism-previewer:after {\n border-top-color: hsl(0, 0, 95%);\n }\n \n html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {\n border-bottom-color: hsl(0, 0, 95%);\n }\n \n /* Background colour within the popup */\n html.theme-light .prism-previewer-angle.prism-previewer-angle:before,\n html.theme-light .prism-previewer-time.prism-previewer-time:before,\n html.theme-light .prism-previewer-easing.prism-previewer-easing {\n background: hsl(0, 0%, 100%);\n }\n \n /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */\n /* For time, this is the alternate colour */\n html.theme-light .prism-previewer-angle.prism-previewer-angle circle,\n html.theme-light .prism-previewer-time.prism-previewer-time circle {\n stroke: hsl(230, 8%, 24%);\n stroke-opacity: 1;\n }\n \n /* Stroke colours of the handle, direction point, and vector itself */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle,\n html.theme-light .prism-previewer-easing.prism-previewer-easing path,\n html.theme-light .prism-previewer-easing.prism-previewer-easing line {\n stroke: hsl(230, 8%, 24%);\n }\n \n /* Fill colour of the handle */\n html.theme-light .prism-previewer-easing.prism-previewer-easing circle {\n fill: transparent;\n }\n \n 1e:[\"$\",\"$L23\",null,{\"settings\":\"$1c:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$24\",\"light\":\"$25\",\"dark\":\"$26\",\"legacy\":\"$27\",\"children\":[\"$L28\",null]}]\n1f:[\"$\",\"$L29\",null,{}]\n20:[\"$\",\"$L2a\",null,{}]\n21:[\"$\",\"$L2b\",null,{}]\n22:[\"$\",\"$L2c\",null,{\"sampleRate\":0.3}]\n"])</script>
1114<script>self.__next_f.push([1,"2d:I[613744,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/3_or8blvqwyye.js\"],\"ErrorBoundary\"]\n2e:I[479520,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/3_or8blvqwyye.js\"],\"\"]\n2f:I[325618,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"PasswordPageLayoutProvider\"]\n30:I[183555,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationContent\"]\n31:I[713503,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/2ggeb0g51xxjo.js\"],\"default\"]\n28:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[[\"$\",\"$L2d\",null,{\"children\":[null,[[\"$\",\"$L2e\",\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::f0cbe43d-32ee-4be6-bfe5-3a1f41fe3983\",{\"id\":\"body-script-f0cbe43d-32ee-4be6-bfe5-3a1f41fe3983-1\",\"strategy\":\"afterInteractive\",\"src\":\"https://sites.super.so/biopage/script.js\",\"dangerouslySetInnerHTML\":\"$undefined\"}]]]}],[\"$\",\"$L2f\",null,{\"children\":[\"$\",\"$L30\",null,{\"settings\":\"$1c:props:children:0:props:settings\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$31\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2ggeb0g51xxjo.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L32\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]\n"])</script>
1114<script>self.__next_f.push([1,"33:I[208077,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/3_or8blvqwyye.js\"],\"ErrorPage\"]\n32:[\"$\",\"$L33\",null,{\"type\":\"notfound\"}]\n"])</script>
1114<script>self.__next_f.push([1,"34:I[23131,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/3_or8blvqwyye.js\"],\"PageProvider\"]\n5:[\"$\",\"$L34\",null,{\"pageReplacement\":\"$undefined\",\"getWebVital\":true,\"pageId\":\"instructions\",\"records\":{\"__version__\":3,\"block\":{\"instructions\":{\"id\":\"instructions\",\"children\":[\"e119951aa22283c49b798101e1030787\",\"cee9951aa22282e884ed017302a1f8a5\",\"e799951aa222822389a38189c3ff5724\",\"31b9951aa22282b08e9a014d3ac7825c\",\"ced9951aa22283a9b08001d444580ac6\",\"6489951aa22283fe8691816519cb28d3\",\"64e9951aa222834ca65881517d28ac03\",\"4d79951aa22282f4819e81398e0b6660\",\"1669951aa2228310934701563d0f8435\",\"96a9951aa22283758dac81ea97b498a3\",\"39a9951aa222821da37d0125a2f60e16\",\"ffe9951aa222829cbfb7815701984cec\",\"0aa9951aa22283ffba7481b0ea9efeee\",\"ea59951aa222835aa8a0810137495ed4\",\"3739951aa2228251925b01ae0877f5e9\",\"5249951aa22283039bc88189f417ca74\",\"c419951aa222820a89b201d26ab934ca\",\"2e19951aa2228330b682810783360ede\",\"07d9951aa22282de995001e0475e37ce\",\"b409951aa222838796b1818a9e3e0ef7\",\"74a9951aa22283fd938d81384b4be034\",\"54e9951aa2228271bbd6017aadebc4c2\",\"0149951aa22283289b8d81f38bd8c011\",\"00f9951aa22283d88208814d36b83f54\",\"2459951aa222821b9be381b16b7f70c1\",\"f259951aa22283bfbef301cf297bf637\",\"c749951aa22282638bc581343037710c\",\"fad9951aa22282ae8880011ee23a7ffb\",\"fed9951aa22283d3b69081f589a85f2e\",\"77c9951aa222829aab320187ff2b92f1\",\"7fe9951aa222823e965c01d322da8844\",\"9929951aa222827a828d81067c2eaca8\",\"92d9951aa22283bebaed014ce2d1b4d5\",\"ca19951aa22282d08432019b5fd02f5d\"],\"hasContent\":true,\"parentId\":\"82e9951aa22283af99a681ed823a7c65\",\"title\":[[\"Instructions\"]],\"updatedAt\":1784253005002,\"type\":\"page\",\"spaceId\":\"fcde04f1-4cf3-430b-bfbd-bc681e326ff7\",\"createdTime\":1784253005002,\"lastEditedTime\":1784253005002,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"uri\":\"/instructions\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":{},\"propertyValues\":{},\"blockId\":\"b479951a-a222-8242-949e-01c0bd2d4687\"},\"e119951aa22283c49b798101e1030787\":{\"id\":\"e119951aa22283c49b798101e1030787\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Installing the template\"]],\"updatedAt\":1784253004996,\"type\":\"heading\",\"subType\":\"sub_header\",\"depth\":2},\"cee9951aa22282e884ed017302a1f8a5\":{\"id\":\"cee9951aa22282e884ed017302a1f8a5\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Duplicate\",[[\"a\",\"https://s.super.so/biopage\"]]],[\" this page template to your Notion workspace\"]],\"updatedAt\":1784253004992,\"type\":\"numbered_list\"},\"e799951aa222822389a38189c3ff5724\":{\"id\":\"e799951aa222822389a38189c3ff5724\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Create a site using \"],[\"Super\",[[\"a\",\"https://app.super.so\"]]],[\", using your newly created page as the Notion URL \"],[\"(how-to video)\",[[\"a\",\"https://www.youtube.com/watch?v=bED-H_z5MHU\"]]]],\"updatedAt\":1784253004997,\"type\":\"numbered_list\"},\"31b9951aa22282b08e9a014d3ac7825c\":{\"id\":\"31b9951aa22282b08e9a014d3ac7825c\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Duplicate \"],[\"these theme presets\",[[\"a\",\"https://app.super.so/themes?duplicate=820fc2d9-b3e5-44dd-90c8-cc617bf3a659\"]]],[\" to your Super account\"]],\"updatedAt\":1784253004995,\"type\":\"numbered_list\"},\"ced9951aa22283a9b08001d444580ac6\":{\"id\":\"ced9951aa22283a9b08001d444580ac6\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Go to the \"],[\"Design page\",[[\"b\",null]]],[\" and apply the theme we just duplicated\"]],\"updatedAt\":1784253004991,\"type\":\"numbered_list\"},\"e5f9951aa222824d80eb015b722cfa61\":{\"id\":\"e5f9951aa222824d80eb015b722cfa61\",\"children\":[],\"hasContent\":false,\"parentId\":\"6489951aa22283fe8691816519cb28d3\",\"title\":[[\"\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/biopage/style.css\\\"\u003e\",[[\"c\",null],[\"h\",\"ColorGray\"]]]],\"updatedAt\":1784253004998,\"type\":\"text\"},\"6489951aa22283fe8691816519cb28d3\":{\"id\":\"6489951aa22283fe8691816519cb28d3\",\"children\":[\"e5f9951aa222824d80eb015b722cfa61\"],\"hasContent\":true,\"parentId\":\"instructions\",\"t
1114itle\":[[\"Go to your site settings and into the \"],[\"code\",[[\"b\",null]]],[\" page, in the \"],[\"HEAD\",[[\"b\",null]]],[\" tab, paste the following snippet:\"]],\"updatedAt\":1784253004995,\"type\":\"numbered_list\"},\"d449951aa222826da50a01fdb1594e4d\":{\"id\":\"d449951aa222826da50a01fdb1594e4d\",\"children\":[],\"hasContent\":false,\"parentId\":\"64e9951aa222834ca65881517d28ac03\",\"title\":[[\"\u003cscript src=\\\"https://sites.super.so/biopage/script.js\\\"\u003e\u003c/script\u003e\",[[\"c\",null],[\"h\",\"ColorGray\"]]]],\"updatedAt\":1784253004998,\"type\":\"text\"},\"64e9951aa222834ca65881517d28ac03\":{\"id\":\"64e9951aa222834ca65881517d28ac03\",\"children\":[\"d449951aa222826da50a01fdb1594e4d\"],\"hasContent\":true,\"parentId\":\"instructions\",\"title\":[[\"Go to your site settings and into the \"],[\"code\",[[\"b\",null]]],[\" page, in the \"],[\"BODY\",[[\"b\",null]]],[\" tab, paste the following snippet:\"]],\"updatedAt\":1784253004995,\"type\":\"numbered_list\"},\"1b19951aa2228368a93101391cb95bf4\":{\"id\":\"1b19951aa2228368a93101391cb95bf4\",\"children\":[],\"hasContent\":false,\"parentId\":\"4d79951aa22282f4819e81398e0b6660\",\"title\":[[\"Add navigation menus from the navigation page\"]],\"updatedAt\":1784253004998,\"type\":\"numbered_list\"},\"f5e9951aa22283b3af3a01e273c05287\":{\"id\":\"f5e9951aa22283b3af3a01e273c05287\",\"children\":[],\"hasContent\":false,\"parentId\":\"4d79951aa22282f4819e81398e0b6660\",\"title\":[[\"Customize the page content in Notion\"]],\"updatedAt\":1784253004998,\"type\":\"numbered_list\"},\"1629951aa22282d3b7d201fa0fa8212c\":{\"id\":\"1629951aa22282d3b7d201fa0fa8212c\",\"children\":[],\"hasContent\":false,\"parentId\":\"4d79951aa22282f4819e81398e0b6660\",\"title\":[[\"Tweak the theme styles\"]],\"updatedAt\":1784253004998,\"type\":\"numbered_list\"},\"4d79951aa22282f4819e81398e0b6660\":{\"id\":\"4d79951aa22282f4819e81398e0b6660\",\"children\":[\"1b19951aa2228368a93101391cb95bf4\",\"f5e9951aa22283b3af3a01e273c05287\",\"1629951aa22282d3b7d201fa0fa8212c\"],\"hasContent\":true,\"parentId\":\"instructions\",\"title\":[[\"Youâre all set! Next you can:\"]],\"updatedAt\":1784253004994,\"type\":\"numbered_list\"},\"1669951aa2228310934701563d0f8435\":{\"id\":\"1669951aa2228310934701563d0f8435\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Have fun! â¡\"]],\"updatedAt\":1784253004995,\"type\":\"numbered_list\"},\"96a9951aa22283758dac81ea97b498a3\":{\"id\":\"96a9951aa22283758dac81ea97b498a3\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[],\"updatedAt\":1784253004997,\"type\":\"text\"},\"39a9951aa222821da37d0125a2f60e16\":{\"id\":\"39a9951aa222821da37d0125a2f60e16\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Customizing the forms\"]],\"updatedAt\":1784253004997,\"type\":\"heading\",\"subType\":\"sub_header\",\"depth\":2},\"ffe9951aa222829cbfb7815701984cec\":{\"id\":\"ffe9951aa222829cbfb7815701984cec\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"In order to customize the forms, you will have to create your own forms \"],[\"in the forms page \",[[\"a\",\"/forms\"]]],[\"and replace the ones in the template demo page with your own. \"]],\"updatedAt\":1784253004994,\"type\":\"text\"},\"0aa9951aa22283ffba7481b0ea9efeee\":{\"id\":\"0aa9951aa22283ffba7481b0ea9efeee\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Custom components\"]],\"updatedAt\":1784253004996,\"type\":\"heading\",\"subType\":\"sub_header\",\"depth\":2},\"ea59951aa222835aa8a0810137495ed4\":{\"id\":\"ea59951aa222835aa8a0810137495ed4\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"This template utilizes callout blocks with a brown background to apply custom styles and create custom components. \"]],\"updatedAt\":1784253004996,\"type\":\"text\"},\"3739951aa2228251925b01ae0877f5e9\":{\"id\":\"3739951aa2228251925b01ae0877f5e9\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Image gallery carousel\"]],\"updatedAt\":1784253004994,\"type\":\"heading\",\"subType\":\"sub_sub_header\",\"depth\":3},\"5249951aa22283039bc88189f417ca74\":{\"id\":\"5249951aa22283039bc88189f417ca74\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"t
1114itle\":[[\"By placing a gallery database inside a callout block with a brand background, it will transform into a scrolling gallery carousel. \"]],\"updatedAt\":1784253004996,\"type\":\"text\"},\"c419951aa222820a89b201d26ab934ca\":{\"id\":\"c419951aa222820a89b201d26ab934ca\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":null,\"updatedAt\":1784253004997,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/public\",\"caption\":[[\"In Notion\"]],\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":2238,\"height\":-1,\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":0.6407506702412868,\"preserveScale\":true},\"2e19951aa2228330b682810783360ede\":{\"id\":\"2e19951aa2228330b682810783360ede\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":null,\"updatedAt\":1784253004997,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/public\",\"caption\":[[\"In Super\"]],\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":709.9921875,\"height\":-1,\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":0.5867208672086721,\"preserveScale\":true},\"07d9951aa22282de995001e0475e37ce\":{\"id\":\"07d9951aa22282de995001e0475e37ce\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Custom vertical form \"]],\"updatedAt\":1784253004995,\"type\":\"heading\",\"subType\":\"sub_sub_header\",\"depth\":3},\"b409951aa222838796b1818a9e3e0ef7\":{\"id\":\"b409951aa222838796b1818a9e3e0ef7\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"By placing a Notion form inside a callout block with a brown background, it will transform into a custom vertical form. \"]],\"updatedAt\":1784253004996,\"type\":\"text\"},\"74a9951aa22283fd938d81384b4be034\":{\"id\":\"74a9951aa22283fd938d81384b4be034\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":null,\"updatedAt\":1784253004996,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/public\",\"caption\":[[\"In Notion\"]],\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":448.5906040268456,\"height\":320,\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":0.7133453022142431,\"preserveScale\":true},\"54e9951aa2228271bbd6017aadebc4c2\":{\"id\":\"54e9951aa2228271bbd6017aadebc4c2\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":null,\"updatedAt\":1784253004997,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/public\",\"caption\":[[\"In Super\"]],\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":709.9921875,\"height\":-1,\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":0.5389755011135857,\"preserveScale\":true},\"0149951aa22283289b8d81f38bd8c011\":{\"id\":\"0149951aa22283289b8d81f38bd8c011\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[],\"updatedAt\":1784253004996,\"type\":\"text\"},\"00f9951aa22283d88208814d36b83f54\":{\"id\":\"00f9951aa22283d88208814d36b83f54\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Circular link icons\"]],\"updatedAt\":1784253004998,\"type\":\"heading\",\"subType\":\"sub_sub_header\",\"depth\":3},\"2459951aa222821b9be381b16b7f70c1\":{\"id\":\"2459951aa222821b9be381b16b7f70c1\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"By placing a list database inside a callout block with a brown background, it will transform into a series of small clickable circular icons. \"]],\"updatedAt\":1784253004998,\"type\":\"text\"},\"f259951aa22283bfbef301cf297bf637\":{\"id\":\"f259951aa22283bfbef301cf297bf637\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"t
1114itle\":null,\"updatedAt\":1784253004996,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/public\",\"caption\":[[\"In Notion\"]],\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":336,\"height\":-1,\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":0.4153686396677051,\"preserveScale\":true},\"c749951aa22282638bc581343037710c\":{\"id\":\"c749951aa22282638bc581343037710c\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":null,\"updatedAt\":1784253004998,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/public\",\"caption\":[[\"In Super\"]],\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":709.984375,\"height\":-1,\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":0.5283540802213001,\"preserveScale\":true},\"fad9951aa22282ae8880011ee23a7ffb\":{\"id\":\"fad9951aa22282ae8880011ee23a7ffb\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[],\"updatedAt\":1784253004995,\"type\":\"text\"},\"fed9951aa22283d3b69081f589a85f2e\":{\"id\":\"fed9951aa22283d3b69081f589a85f2e\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Making database items link to external sites\"]],\"updatedAt\":1784253004991,\"type\":\"heading\",\"subType\":\"sub_header\",\"depth\":2},\"77c9951aa222829aab320187ff2b92f1\":{\"id\":\"77c9951aa222829aab320187ff2b92f1\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"To make a database item link to an external website, \"]],\"updatedAt\":1784253004997,\"type\":\"text\"},\"7fe9951aa222823e965c01d322da8844\":{\"id\":\"7fe9951aa222823e965c01d322da8844\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Go to site options and disable âDatabase propertiesâ\"]],\"updatedAt\":1784253004996,\"type\":\"bulleted_list\"},\"9929951aa222827a828d81067c2eaca8\":{\"id\":\"9929951aa222827a828d81067c2eaca8\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Create a URL property called âsuper:Linkâ\"]],\"updatedAt\":1784253004997,\"type\":\"bulleted_list\"},\"92d9951aa22283bebaed014ce2d1b4d5\":{\"id\":\"92d9951aa22283bebaed014ce2d1b4d5\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Provide a URL\"]],\"updatedAt\":1784253004996,\"type\":\"bulleted_list\"},\"ca19951aa22282d08432019b5fd02f5d\":{\"id\":\"ca19951aa22282d08432019b5fd02f5d\",\"children\":[],\"hasContent\":false,\"parentId\":\"instructions\",\"title\":[[\"Ensure the database item does not have any content inside itâs page.\"]],\"updatedAt\":1784253004995,\"type\":\"bulleted_list\"},\"1f69951aa222822faeba017a5a0cda96\":{\"id\":\"1f69951aa222822faeba017a5a0cda96\",\"children\":[],\"hasContent\":true,\"parentId\":\"3879951aa22281349ad60042e754d6cb\",\"title\":[[\"Type C Creative\"]],\"updatedAt\":1786235435536,\"type\":\"page\",\"spaceId\":\"fcde04f1-4cf3-430b-bfbd-bc681e326ff7\",\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/06626511-8553-45fe-9a11-4e85f3a030ab/screenshot_2025-12-16_at_3.23.34_pm/public\",\"coverPosition\":0.5,\"createdTime\":1784253003946,\"lastEditedTime\":1786235435536,\"createdBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"â£\",\"1\":[{\"0\":\"u\"}]}],\"description\":null,\"uri\":\"/1f69951aa222822faeba017a5a0cda96\",\"blockId\":\"1f69951a-a222-822f-aeba-017a5a0cda96\"},\"82e9951aa22283af99a681ed823a7c65\":{\"id\":\"82e9951aa22283af99a681ed823a7c65\",\"children\":[\"instructions\",\"3789951aa22283ce86f48190562f7866\",\"3a09951aa2228010a318d911b2c07108\",\"3a09951aa2228053bf9cecb4c34ed899\",\"3a09951aa2228035abfcf7b476dbd40f\",\"3a09951aa22280fe97d2d7b0c171d3cb\",\"3a09951aa22280469423c8bdec5f1eb5\",\"0359951aa2228223a8ed81daa49680fb\"],\"hasContent\":true,\"parentId\":\"1f69951aa222822faeba017a5a0cda96\",\"title\":[[\"Hidden\"]],\"updatedAt\":1786234858040,\"type\":\"toggle\",\"subType\":null,\"depth\":null,\"color\":\"BgBrown\"}},\"team\":{\"3879951a-a222-8134-9ad6-0042e754d6cb\":{\"spaceId\":\"fcde04f1-4cf3-430b-bfbd-bc681e326ff7\",\"value\":{\"role\":\"none\"}}},\"form_question\":{},\"entity\":{},\"pageId\":\"b479951aa2228242949e01c0bd2d4687\",\"pagesToCreate\":[]}
1114,\"settings\":{\"siteId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a\",\"userId\":\"53291159-f7b2-44ec-a77e-5f396415c36d\",\"domainName\":\"typec-creative.com\",\"name\":\"Type C Creative\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/favicon/1ca0e7d3-693e-4f51-8d59-5b783989c967.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"1f69951aa222822faeba017a5a0cda96\",\"indexPageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::7b1f4a99-8ba2-401d-9765-c76ad69cc841\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":false,\"layoutSidePanel\":false,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":true,\"loadLimits\":false,\"hidePersonInfo\":false,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"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\":\"d6472253-6852-43e7-8da5-421a199855db\",\"type\":\"page\",\"label\":\"Home\",\"link\":\"/\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::7b1f4a99-8ba2-401d-9765-c76ad69cc841\",\"list\":[]},{\"id\":\"f31822b8-f097-46cc-8aac-b197fab66a5b\",\"type\":\"page\",\"label\":\"About\",\"link\":\"/more-about-me\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::c11bd317-1638-48e8-a8ba-1b095d2172b1\",\"icon\":\"\",\"list\":[]},{\"id\":\"11f0854c-d87b-442d-b654-91662314702a\",\"type\":\"page\",\"label\":\"Values\",\"link\":\"/offerings/values\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::a10c068e-be7c-4eab-88ba-8d94232cbbda\",\"list\":[]},{\"id\":\"1ff79f92-32a2-45d2-9152-676c244f4d73\",\"type\":\"page\",\"label\":\"Free Resources\",\"link\":\"/links\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::898481a0-ddae-4a0e-9607-761a39579c76\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":180,\"fontSize\":16,\"textContent\":\"Type C Creative\",\"imageContent\":\"https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/logo/6f9f361a-46ca-4ebd-802c-6655eae72f1b.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"url\",\"label\":\"Newsletter\",\"link\":\"https://buttondown.com/typeccreative\",\"pageId\":\"\"},\"isSticky\":true,\"breadcrumbs\":false},\"footer\":{\"type\":\"stack\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"12c0637e-7681-4433-9e5d-39e135dac2db\",\"type\":\"page\",\"label\":\"How I Use AI\",\"link\":\"/how-i-use-ai\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::179e7f6a-d097-4f63-ab8a-5dd63a0dbdab\",\"icon\":\"\",\"list\":[]},{\"id\":\"74702811-7dbc-44e5-9cfd-2945fc4f7efe\",\"type\":\"page\",\"label\":\"Privacy + Terms\",\"link\":\"/privacy-terms\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::afd72a3e-a181-434e-81f0-a0d4cfaf2f95\",\"icon\":\"\",\"list\":[]},{\"id\":\"d1fb9ad2-1f87-45a7-b7f6-ceaf17bb20c9\",\"type\":\"page\",\"label\":\"Site Credits\",\"link\":\"/site-credits\",\"pageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::fea0ab69-6059-4bbb-995d-a1ac19cd145f\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":59,\"fontSize\":13,\"textContent\":\"© Type C Creative\",\"imageContent\":\"https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/logo/f9450f23-a2ad-475f-918d-3e6112c102ff.png\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[],\"footnote\":\"⦿ I work on the unceded (stolen) lands of the Seminole people in Central Florida.\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":false},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":1.1,\"layoutMaxWidth\":700,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":21,\"pageDisplay\":\"flex\"}
1114,\"header\":{\"coverHeight\":45,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"display\":\"block\"},\"collectionCard\":{\"gap\":24,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":320,\"coverHeightMedium\":227,\"coverHeightSmall\":128,\"titleSize\":1.034,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Playfair Display\",\"secondaryFont\":\"Inter\",\"fonts\":[],\"baseSize\":15,\"titleSize\":2.59,\"headingSize\":1.19,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":56,\"shadow\":\"none\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":246,\"shadow\":\"none\"},\"colors\":{\"light\":{\"text\":\"#352727\",\"textLight\":\"#f5ae36\",\"background\":\"#fcf7eb\",\"borderColor\":\"#a6a626\",\"checkboxBackground\":\"#a6a626\",\"hoverBackground\":\"#f5ae36\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#dacb3e\",\"border\":\"#dbd8f8\"},\"navbar\":{\"text\":\"#352727\",\"background\":\"#fcf7eb\",\"buttonText\":\"#fcf7eb\",\"buttonBackground\":\"#a6a626\",\"hoverBackground\":null},\"footer\":{\"text\":\"#352727\",\"background\":\"#fcf7eb\",\"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\":[0,15,18],\"brown\":[42,74,95],\"orange\":[38,91,59],\"yellow\":[38,62,49],\"green\":[60,63,40],\"blue\":[202,53,43],\"purple\":[246,70,91],\"pink\":[335,69,62],\"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\":\"#292929\",\"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\":\"#212121\",\"cardHoverBackground\":\"#292929\",\"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\":{\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[],\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"smallText\":false,\"config\":\"$undefined\",\"pageLocation\":\"/instructions\",\"passwords\":[],\"styles\":\"\",\"children\":[\"$L35\",null,null]}]\n"])</script>
1114<script>self.__next_f.push([1,"36:I[618378,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/3_or8blvqwyye.js\"],\"PageRoot\"]\n37:I[537826,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/3_or8blvqwyye.js\"],\"Link\"]\n35:[\"$\",\"main\",null,{\"id\":\"page-instructions\",\"className\":\"super-content page__instructions parent-page__index\",\"children\":[null,null,null,[\"$\",\"div\",null,{\"className\":\"notion-header page\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__cover no-cover no-icon\",\"children\":null}],[\"$\",\"div\",null,{\"className\":\"notion-header__content max-width no-cover no-icon\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-header__title-wrapper\",\"children\":[null,[\"$\",\"h1\",null,{\"className\":\"notion-header__title\",\"children\":\"Instructions\"}]]}],null]}]]}],[[\"$\",\"$L36\",\"instructions\",{\"id\":\"instructions\",\"children\":[[\"$\",\"$1\",\"e119951aa22283c49b798101e1030787,e119951aa22283c49b798101e1030787\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"e119951aa22283c49b798101e1030787\"}],[\"$\",\"h2\",null,{\"id\":\"block-e119951aa22283c49b798101e1030787\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Installing the template\",{\"children\":\"Installing the template\"}]],\"$undefined\"]}]]}],[\"$\",\"ol\",\"cee9951aa22282e884ed017302a1f8a5,cee9951aa22282e884ed017302a1f8a5\",{\"start\":\"$undefined\",\"type\":\"1\",\"className\":\"notion-numbered-list\",\"children\":[[\"$\",\"li\",\"cee9951aa22282e884ed017302a1f8a5\",{\"id\":\"block-cee9951aa22282e884ed017302a1f8a5\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$L37\",\"https://s.super.so/biopage\",{\"className\":\"link\",\"uri\":\"https://s.super.so/biopage\",\"serverHref\":\"$undefined\",\"children\":[\"$\",\"$1\",\"0-Duplicate\",{\"children\":\"Duplicate\"}]}],[\"$\",\"$1\",\"1- this page template to your Notion workspace\",{\"children\":\" this page template to your Notion workspace\"}]],\"$undefined\"]}],[\"$\",\"li\",\"e799951aa222822389a38189c3ff5724\",{\"id\":\"block-e799951aa222822389a38189c3ff5724\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Create a site using \",{\"children\":\"Create a site using \"}],[\"$\",\"$L37\",\"https://app.super.so\",{\"className\":\"link\",\"uri\":\"https://app.super.so\",\"serverHref\":\"$undefined\",\"children\":[\"$\",\"$1\",\"1-Super\",{\"children\":\"Super\"}]}],[\"$\",\"$1\",\"2-, using your newly created page as the Notion URL \",{\"children\":\", using your newly created page as the Notion URL \"}],[\"$\",\"$L37\",\"https://www.youtube.com/watch?v=bED-H_z5MHU\",{\"className\":\"link\",\"uri\":\"https://www.youtube.com/watch?v=bED-H_z5MHU\",\"serverHref\":\"$undefined\",\"children\":[\"$\",\"$1\",\"3-(how-to video)\",{\"children\":\"(how-to video)\"}]}]],\"$undefined\"]}],[\"$\",\"li\",\"31b9951aa22282b08e9a014d3ac7825c\",{\"id\":\"block-31b9951aa22282b08e9a014d3ac7825c\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Duplicate \",{\"children\":\"Duplicate \"}],[\"$\",\"$L37\",\"https://app.super.so/themes?duplicate=820fc2d9-b3e5-44dd-90c8-cc617bf3a659\",{\"className\":\"link\",\"uri\":\"https://app.super.so/themes?duplicate=820fc2d9-b3e5-44dd-90c8-cc617bf3a659\",\"serverHref\":\"$undefined\",\"children\":[\"$\",\"$1\",\"1-these theme presets\",{\"children\":\"these theme presets\"}]}],[\"$\",\"$1\",\"2- to your Super account\",{\"children\":\" to your Super account\"}]],\"$undefined\"]}],[\"$\",\"li\",\"ced9951aa22283a9b08001d444580ac6\",{\"id\":\"block-ced9951aa22283a9b08001d444580ac6\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Go to the \",{\"children\":\"Go to the \"}],[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1-Design page\",{\"children\":\"Design page\"}]}],[\"$\",\"$1\",\"2- and apply the theme we just duplicated\",{\"children\":\" and apply the theme we just duplicated\"}]],\"$undefined\"]}],[\"$\",\"$1\",\"6489951aa22283fe8691816519cb28d3\",{\"children\":[[\"$\",\"li\",null,{\"id\":\"block-6489951aa22283fe8691816519cb28d3\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Go to your site settings and into the \",{\"children\":\"Go to your site settings and into the \"}],[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1-code\",{\"children\":\"code\"}]}],[\"$\",\"$1\",\"2- page, in the \",{\"children\":\" page, in the \"}],[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"3-HEAD\",{\"children\":\"HEAD\"}]}],[\"$\",\"$1\",\"4- tab, paste the following snippet:\",{\"children\":\" tab, paste the following snippet:\"}]],\"$undefined\"]}],[[\"$\",\"p\",\"e5f9951aa222824d80eb015b722cfa61,e5f9951aa222824d80eb015b722cfa61\",{\"id\":\"block-e5f9951aa222824d80eb015b722cfa61\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":\"$L38\"}]]]}],\"$L39\",\"$L3a\",\"$L3b\"]}],\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\",\"$L50\",\"$L51\"],\"hasContent\":true,\"parentId\":\"82e9951aa22283af99a681ed823a7c65\",\"title\":\"$5:props:records:block:instructions:title\",\"updatedAt\":1784253005002,\"type\":\"page\",\"spaceId\":\"fcde04f1-4cf3-430b-bfbd-bc681e326ff7\",\"createdTime\":1784253005002,\"lastEditedTime\":1784253005002,\"createdBy\":\"$5:props:records:block:instructions:createdBy\",\"lastEditedBy\":\"$5:props:records:block:instructions:lastEditedBy\",\"uri\":\"/instructions\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:instructions:superProperties\",\"propertyValues\":\"$5:props:records:block:instructions:propertyValues\",\"blockId\":\"b479951a-a222-8242-949e-01c0bd2d4687\",\"isRoot\":true,\"ctx\":{\"head\":{\"url\":\"https://typec-creative.com/instructions\",\"t
1114itle\":\"Instructions\",\"description\":\"Duplicate this page template to your Notion workspace\",\"root\":{\"id\":\"1f69951aa222822faeba017a5a0cda96\",\"uri\":\"/\",\"title\":\"Type C Creative\",\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/06626511-8553-45fe-9a11-4e85f3a030ab/screenshot_2025-12-16_at_3.23.34_pm/public\"},\"image\":null,\"canonical\":null,\"author\":null,\"favicon\":\"https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/favicon/1ca0e7d3-693e-4f51-8d59-5b783989c967.png\",\"breadcrumbs\":[{\"id\":\"instructions\",\"uri\":\"/instructions\",\"title\":\"Instructions\",\"icon\":null}]},\"settings\":{\"siteId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a\",\"userId\":\"53291159-f7b2-44ec-a77e-5f396415c36d\",\"domainName\":\"typec-creative.com\",\"name\":\"Type C Creative\",\"active\":true,\"free\":false,\"tier\":\"personal\",\"favicon\":\"https://assets.super.so/01db0837-7ddd-4fc5-815d-2fd622b8bb7a/uploads/favicon/1ca0e7d3-693e-4f51-8d59-5b783989c967.png\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":\"$5:props:settings:languages\",\"notionPage\":\"1f69951aa222822faeba017a5a0cda96\",\"indexPageId\":\"01db0837-7ddd-4fc5-815d-2fd622b8bb7a:::7b1f4a99-8ba2-401d-9765-c76ad69cc841\",\"pageProperties\":true,\"hidePageProperties\":false,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":false,\"layoutSidePanel\":false,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":false,\"themeToggle\":false,\"mondayFirst\":true,\"loadLimits\":false,\"hidePersonInfo\":false,\"showPropertyIcons\":false,\"filterRedirectsFromSearch\":false,\"redirectSubdomain\":null,\"noIndex\":false,\"viewsExceeded\":false,\"manualSync\":false,\"syncStatus\":\"unsynced\",\"publishedAt\":null,\"custom404Enabled\":false,\"membershipEnabled\":false,\"membershipConfigured\":false,\"suppressLoginEmail\":false,\"indexMembershipTierIds\":null,\"navbar\":\"$5:props:settings:navbar\",\"footer\":\"$5:props:settings:footer\",\"sidebar\":\"$5:props:settings:sidebar\",\"theme\":\"$5:props:settings:theme\",\"code\":\"$5:props:settings:code\",\"files\":\"$5:props:settings:files\",\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"records\":\"$5:props:records\",\"pageId\":\"instructions\"}}]]]}]\n"])</script>
1114<script>self.__next_f.push([1,"52:I[186656,[\"/_next/static/chunks/1dlft7ht-6kzk.js\",\"/_next/static/chunks/1xt6zdl-o7wg3.js\",\"/_next/static/chunks/2dqfxeq83i129.js\",\"/_next/static/chunks/2matreab0rub0.js\",\"/_next/static/chunks/1-tlhqto6-7lg.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/0tebe-k_4bvw8.js\",\"/_next/static/chunks/08sikk1eypppo.js\",\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"/_next/static/chunks/3_or8blvqwyye.js\"],\"Picture\"]\n38:[\"$undefined\",[[\"$\",\"span\",\"1-h\",{\"className\":\"highlighted-color color-gray\",\"children\":[\"$\",\"code\",\"0-c\",{\"className\":\"code\",\"children\":[\"$\",\"$1\",\"0-\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/biopage/style.css\\\"\u003e\",{\"children\":\"\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/biopage/style.css\\\"\u003e\"}]}]}]],\"$undefined\"]\n39:[\"$\",\"$1\",\"64e9951aa222834ca65881517d28ac03\",{\"children\":[[\"$\",\"li\",null,{\"id\":\"block-64e9951aa222834ca65881517d28ac03\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Go to your site settings and into the \",{\"children\":\"Go to your site settings and into the \"}],[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1-code\",{\"children\":\"code\"}]}],[\"$\",\"$1\",\"2- page, in the \",{\"children\":\" page, in the \"}],[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"3-BODY\",{\"children\":\"BODY\"}]}],[\"$\",\"$1\",\"4- tab, paste the following snippet:\",{\"children\":\" tab, paste the following snippet:\"}]],\"$undefined\"]}],[[\"$\",\"p\",\"d449951aa222826da50a01fdb1594e4d,d449951aa222826da50a01fdb1594e4d\",{\"id\":\"block-d449951aa222826da50a01fdb1594e4d\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"span\",\"1-h\",{\"className\":\"highlighted-color color-gray\",\"children\":[\"$\",\"code\",\"0-c\",{\"className\":\"code\",\"children\":[\"$\",\"$1\",\"0-\u003cscript src=\\\"https://sites.super.so/biopage/script.js\\\"\u003e\u003c/script\u003e\",{\"children\":\"\u003cscript src=\\\"https://sites.super.so/biopage/script.js\\\"\u003e\u003c/script\u003e\"}]}]}]],\"$undefined\"]}]]]}]\n3a:[\"$\",\"$1\",\"4d79951aa22282f4819e81398e0b6660\",{\"children\":[[\"$\",\"li\",null,{\"id\":\"block-4d79951aa22282f4819e81398e0b6660\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Youâre all set! Next you can:\",{\"children\":\"Youâre all set! Next you can:\"}]],\"$undefined\"]}],[\"$\",\"ol\",null,{\"start\":\"$undefined\",\"type\":\"a\",\"className\":\"notion-numbered-list\",\"children\":[[\"$\",\"li\",\"1b19951aa2228368a93101391cb95bf4\",{\"id\":\"block-1b19951aa2228368a93101391cb95bf4\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Add navigation menus from the navigation page\",{\"children\":\"Add navigation menus from the navigation page\"}]],\"$undefined\"]}],[\"$\",\"li\",\"f5e9951aa22283b3af3a01e273c05287\",{\"id\":\"block-f5e9951aa22283b3af3a01e273c05287\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Customize the page content in Notion\",{\"children\":\"Customize the page content in Notion\"}]],\"$undefined\"]}],[\"$\",\"li\",\"1629951aa22282d3b7d201fa0fa8212c\",{\"id\":\"block-1629951aa22282d3b7d201fa0fa8212c\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Tweak the theme styles\",{\"children\":\"Tweak the theme styles\"}]],\"$undefined\"]}]]}]]}]\n3b:[\"$\",\"li\",\"1669951aa2228310934701563d0f8435\",{\"id\":\"block-1669951aa2228310934701563d0f8435\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Have fun! â¡\",{\"children\":\"Have fun! â¡\"}]],\"$undefined\"]}]\n3c:[\"$\",\"div\",\"96a9951aa22283758dac81ea97b498a3,96a9951aa22283758dac81ea97b498a3\",{\"id\":\"block-96a9951aa22283758dac81ea97b498a3\",\"className\":\"notion-text\"}]\n3d:[\"$\",\"$1\",\"39a9951aa222821da37d0125a2f60e16,39a9951aa222821da37d0125a2f60e16\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"
1114id\":\"39a9951aa222821da37d0125a2f60e16\"}],[\"$\",\"h2\",null,{\"id\":\"block-39a9951aa222821da37d0125a2f60e16\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Customizing the forms\",{\"children\":\"Customizing the forms\"}]],\"$undefined\"]}]]}]\n3e:[\"$\",\"p\",\"ffe9951aa222829cbfb7815701984cec,ffe9951aa222829cbfb7815701984cec\",{\"id\":\"block-ffe9951aa222829cbfb7815701984cec\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-In order to customize the forms, you will have to create your own forms \",{\"children\":\"In order to customize the forms, you will have to create your own forms \"}],[\"$\",\"$L37\",\"/forms\",{\"className\":\"link\",\"uri\":\"/forms\",\"serverHref\":\"/forms\",\"children\":[\"$\",\"$1\",\"1-in the forms page \",{\"children\":\"in the forms page \"}]}],[\"$\",\"$1\",\"2-and replace the ones in the template demo page with your own. \",{\"children\":\"and replace the ones in the template demo page with your own. \"}]],\"$undefined\"]}]\n3f:[\"$\",\"$1\",\"0aa9951aa22283ffba7481b0ea9efeee,0aa9951aa22283ffba7481b0ea9efeee\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"0aa9951aa22283ffba7481b0ea9efeee\"}],[\"$\",\"h2\",null,{\"id\":\"block-0aa9951aa22283ffba7481b0ea9efeee\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Custom components\",{\"children\":\"Custom components\"}]],\"$undefined\"]}]]}]\n40:[\"$\",\"p\",\"ea59951aa222835aa8a0810137495ed4,ea59951aa222835aa8a0810137495ed4\",{\"id\":\"block-ea59951aa222835aa8a0810137495ed4\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-This template utilizes callout blocks with a brown background to apply custom styles and create custom components. \",{\"children\":\"This template utilizes callout blocks with a brown background to apply custom styles and create custom components. \"}]],\"$undefined\"]}]\n41:[\"$\",\"$1\",\"3739951aa2228251925b01ae0877f5e9,3739951aa2228251925b01ae0877f5e9\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"3739951aa2228251925b01ae0877f5e9\"}],[\"$\",\"h3\",null,{\"id\":\"block-3739951aa2228251925b01ae0877f5e9\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Image gallery carousel\",{\"children\":\"Image gallery carousel\"}]],\"$undefined\"]}]]}]\n42:[\"$\",\"p\",\"5249951aa22283039bc88189f417ca74,5249951aa22283039bc88189f417ca74\",{\"id\":\"block-5249951aa22283039bc88189f417ca74\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-By placing a gallery database inside a callout block with a brand background, it will transform into a scrolling gallery carousel. \",{\"children\":\"By placing a gallery database inside a callout block with a brand background, it will transform into a scrolling gallery carousel. \"}]],\"$undefined\"]}]\n43:[\"$\",\"div\",\"c419951aa222820a89b201d26ab934ca,c419951aa222820a89b201d26ab934ca\",{\"id\":\"block-c419951aa222820a89b201d26ab934ca\",\"className\":\"notion-image page-width\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L52\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/public\",\"alt\":\"In Notion\",\"width\":2238,\"height\":1434,\"objectFit\":\"contain\",\"objectPosition\":\"center\",\"priority\":\"$undefined\",\"sizes\":\"(max-width: 546px) 100vw, 100vw\",\"style\":{\"height\":\"auto\"},\"fullSizeSrc\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0134e67a-2934-464d-b408-a8d41943fb73/cleanshot_2025-06-05_at_15.57.412x/public\"}],[\"$\",\"figcaption\",null,{\"className\":\"notion-caption notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-In Notion\",{\"children\":\"In Notion\"}]],\"$undefined\"]}]]}]\n44:[\"$\",\"div\",\"2e19951aa2228330b682810783360ede,2e19951aa2228330b682810783360ede\",{\"id\":\"block-2e19951aa2228330b682810783360ede\",\"className\":\"notion-image page-width\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L52\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/public\",\"alt\":\"In Super\",\"width\":709.9921875,\"height\"
1114:416.5672319613821,\"objectFit\":\"contain\",\"objectPosition\":\"center\",\"priority\":\"$undefined\",\"sizes\":\"(max-width: 546px) 100vw, 100vw\",\"style\":{\"height\":\"auto\"},\"fullSizeSrc\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/122f4b66-434c-4ab0-b5dc-8d5bd61b75e7/cleanshot_2025-06-05_at_15.58.092x/public\"}],[\"$\",\"figcaption\",null,{\"className\":\"notion-caption notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-In Super\",{\"children\":\"In Super\"}]],\"$undefined\"]}]]}]\n45:[\"$\",\"$1\",\"07d9951aa22282de995001e0475e37ce,07d9951aa22282de995001e0475e37ce\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"07d9951aa22282de995001e0475e37ce\"}],[\"$\",\"h3\",null,{\"id\":\"block-07d9951aa22282de995001e0475e37ce\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Custom vertical form \",{\"children\":\"Custom vertical form \"}]],\"$undefined\"]}]]}]\n46:[\"$\",\"p\",\"b409951aa222838796b1818a9e3e0ef7,b409951aa222838796b1818a9e3e0ef7\",{\"id\":\"block-b409951aa222838796b1818a9e3e0ef7\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-By placing a Notion form inside a callout block with a brown background, it will transform into a custom vertical form. \",{\"children\":\"By placing a Notion form inside a callout block with a brown background, it will transform into a custom vertical form. \"}]],\"$undefined\"]}]\n47:[\"$\",\"div\",\"74a9951aa22283fd938d81384b4be034,74a9951aa22283fd938d81384b4be034\",{\"id\":\"block-74a9951aa22283fd938d81384b4be034\",\"className\":\"notion-image page-width\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L52\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/public\",\"alt\":\"In Notion\",\"width\":448.5906040268456,\"height\":320,\"objectFit\":\"contain\",\"objectPosition\":\"center\",\"priority\":\"$undefined\",\"sizes\":\"(max-width: 546px) 100vw, 100vw\",\"style\":{\"height\":\"auto\"},\"fullSizeSrc\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/62116a14-4c31-4bfc-a429-362fbe9e09ca/53c00e27-c97e-4e3a-aa9b-24ee41c1cb59/public\"}],[\"$\",\"figcaption\",null,{\"className\":\"notion-caption notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-In Notion\",{\"children\":\"In Notion\"}]],\"$undefined\"]}]]}]\n48:[\"$\",\"div\",\"54e9951aa2228271bbd6017aadebc4c2,54e9951aa2228271bbd6017aadebc4c2\",{\"id\":\"block-54e9951aa2228271bbd6017aadebc4c2\",\"className\":\"notion-image page-width\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L52\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/public\",\"alt\":\"In Super\",\"width\":709.9921875,\"height\":382.6683950445434,\"objectFit\":\"contain\",\"objectPosition\":\"center\",\"priority\":\"$undefined\",\"sizes\":\"(max-width: 546px) 100vw, 100vw\",\"style\":{\"height\":\"auto\"},\"fullSizeSrc\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3c9e28f5-358d-4da9-8cd2-0ce05d082212/cleanshot_2025-06-05_at_15.56.182x/public\"}],[\"$\",\"figcaption\",null,{\"className\":\"notion-caption notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-In Super\",{\"children\":\"In Super\"}]],\"$undefined\"]}]]}]\n49:[\"$\",\"div\",\"0149951aa22283289b8d81f38bd8c011,0149951aa22283289b8d81f38bd8c011\",{\"id\":\"block-0149951aa22283289b8d81f38bd8c011\",\"className\":\"notion-text\"}]\n4a:[\"$\",\"$1\",\"00f9951aa22283d88208814d36b83f54,00f9951aa22283d88208814d36b83f54\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"00f9951aa22283d88208814d36b83f54\"}],[\"$\",\"h3\",null,{\"id\":\"block-00f9951aa22283d88208814d36b83f54\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Circular link icons\",{\"children\":\"Circular link icons\"}]],\"$undefined\"]}]]}]\n4b:[\"$\",\"p\",\"2459951aa222821b9be381b16b7f70c1,2459951aa222821b9be381b16b7f70c1\",{\"id\":\"block-2459951aa222821b9be381b16b7f70c1\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-By placing a list database inside a callout block with a brown background, it will transform into a series of small clickable circular icons. \",{\"children\":\"By placing a list database inside a callout block with a brown background, it will transform into a series of small clickable circular icons. \"}]],\"$undefined\"]}]\n4c:[\"$\",\"div\",\"f259951aa22283bfbef301cf297bf637,f259951aa22283bfbef301cf297bf637\",{\"id\":\"block-f259951aa22283bfbef301cf297bf637\",\"className\":\"notion-image page-width\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L52\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/public\",\"alt\":\"In Notion\",\"width\":336,\"height\"
1114:139.56386292834893,\"objectFit\":\"contain\",\"objectPosition\":\"center\",\"priority\":\"$undefined\",\"sizes\":\"(max-width: 546px) 100vw, 100vw\",\"style\":{\"height\":\"auto\"},\"fullSizeSrc\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/7e855aef-1950-42af-84a5-82a0dc72779c/cleanshot_2025-06-05_at_15.54.532x/public\"}],[\"$\",\"figcaption\",null,{\"className\":\"notion-caption notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-In Notion\",{\"children\":\"In Notion\"}]],\"$undefined\"]}]]}]\n4d:[\"$\",\"div\",\"c749951aa22282638bc581343037710c,c749951aa22282638bc581343037710c\",{\"id\":\"block-c749951aa22282638bc581343037710c\",\"className\":\"notion-image page-width\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L52\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/public\",\"alt\":\"In Super\",\"width\":709.984375,\"height\":375.12314142461963,\"objectFit\":\"contain\",\"objectPosition\":\"center\",\"priority\":\"$undefined\",\"sizes\":\"(max-width: 546px) 100vw, 100vw\",\"style\":{\"height\":\"auto\"},\"fullSizeSrc\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f0c9a0e6-8015-47bf-b297-c3372b362656/cleanshot_2025-06-05_at_15.54.272x/public\"}],[\"$\",\"figcaption\",null,{\"className\":\"notion-caption notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-In Super\",{\"children\":\"In Super\"}]],\"$undefined\"]}]]}]\n4e:[\"$\",\"div\",\"fad9951aa22282ae8880011ee23a7ffb,fad9951aa22282ae8880011ee23a7ffb\",{\"id\":\"block-fad9951aa22282ae8880011ee23a7ffb\",\"className\":\"notion-text\"}]\n4f:[\"$\",\"$1\",\"fed9951aa22283d3b69081f589a85f2e,fed9951aa22283d3b69081f589a85f2e\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"fed9951aa22283d3b69081f589a85f2e\"}],[\"$\",\"h2\",null,{\"id\":\"block-fed9951aa22283d3b69081f589a85f2e\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Making database items link to external sites\",{\"children\":\"Making database items link to external sites\"}]],\"$undefined\"]}]]}]\n50:[\"$\",\"p\",\"77c9951aa222829aab320187ff2b92f1,77c9951aa222829aab320187ff2b92f1\",{\"id\":\"block-77c9951aa222829aab320187ff2b92f1\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-To make a database item link to an external website, \",{\"children\":\"To make a database item link to an external website, \"}]],\"$undefined\"]}]\n51:[\"$\",\"ul\",\"7fe9951aa222823e965c01d322da8844,7fe9951aa222823e965c01d322da8844\",{\"className\":\"notion-bulleted-list\",\"children\":[[\"$\",\"li\",\"7fe9951aa222823e965c01d322da8844\",{\"id\":\"block-7fe9951aa222823e965c01d322da8844\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Go to site options and disable âDatabase propertiesâ\",{\"children\":\"Go to site options and disable âDatabase propertiesâ\"}]],\"$undefined\"]}],[\"$\",\"li\",\"9929951aa222827a828d81067c2eaca8\",{\"id\":\"block-9929951aa222827a828d81067c2eaca8\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Create a URL property called âsuper:Linkâ\",{\"children\":\"Create a URL property called âsuper:Linkâ\"}]],\"$undefined\"]}],[\"$\",\"li\",\"92d9951aa22283bebaed014ce2d1b4d5\",{\"id\":\"block-92d9951aa22283bebaed014ce2d1b4d5\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Provide a URL\",{\"children\":\"Provide a URL\"}]],\"$undefined\"]}],[\"$\",\"li\",\"ca19951aa22282d08432019b5fd02f5d\",{\"id\":\"block-ca19951aa22282d08432019b5fd02f5d\",\"className\":\"notion-list-item notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Ensure the database item does not have any content inside itâs page.\",{\"children\":\"Ensure the database item does not have any content inside itâs page.\"}]],\"$undefined\"]}]]}]\n"])</script>
1114<script>self.__next_f.push([1,"8:null\nd:[[\"$\",\"title\",\"0\",{\"children\":\"Instructions\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Duplicate this page template to your Notion workspace\"}],[\"$\",\"meta\",\"2\",{\"name\":\"generator\",\"content\":\"Super\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Instructions\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Duplicate this page template to your Notion workspace\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://typec-creative.com/instructions\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"Instructions\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"en-US\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"Instructions\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"Duplicate this page template to your Notion workspace\"}]]\n"])</script>
1114</body></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.