PageSourceSearch

https://typec-creative.com/instructions

html typec-creative.com collected 2026-10-06 14:00:51 UTC 240,643 bytes, 1,114 lines download raw bytes

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&amp;w=256&amp;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&amp;w=384&amp;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&amp;w=256&amp;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&amp;w=384&amp;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&amp;w=384&amp;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">&lt;link rel=&quot;stylesheet&quot; href=&quot;https://sites.super.so/biopage/style.css&quot;&gt;</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">&lt;script src=&quot;https://sites.super.so/biopage/script.js&quot;&gt;&lt;/script&gt;</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&amp;w=64&amp;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&amp;w=128&amp;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&amp;w=128&amp;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.