PageSourceSearch

https://xqizit.com/xqizit-learn

html xqizit.com collected 2026-10-09 22:41:49 UTC 251,746 bytes, 1,161 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/Roboto/roboto-v30-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/Roboto/roboto-v30-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/Roboto/roboto-v30-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%2F70ffe4ac-d316-473d-9aa8-fbcc15a05c97%2Fuploads%2Flogo%2Fa84a3d5c-8365-4f7b-bce9-04faaf621d74.png&amp;w=64&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F70ffe4ac-d316-473d-9aa8-fbcc15a05c97%2Fuploads%2Flogo%2Fa84a3d5c-8365-4f7b-bce9-04faaf621d74.png&amp;w=128&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8f9b22be-a132-48fc-9061-45ebc07cca1e/xqizit-icon/w=1920,quality=90,fit=scale-down 1x"/><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/0g_idl5vg6j6e.js" async=""></script>
1<script src="/_next/static/chunks/10-69h2xev3ek.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0frr4pf5-l6az.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/0hund3nm1jlh-.js" async=""></script>
1<script src="/_next/static/chunks/3cmvik1zogxvy.js" async=""></script>
1<script src="/_next/static/chunks/2ggeb0g51xxjo.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/0tebe-k_4bvw8.js" async=""></script>
1<script src="/_next/static/chunks/08sikk1eypppo.js" async=""></script>
1<script src="/_next/static/chunks/1thlt7ghjj4x5.js" async=""></script>
1<script src="/_next/static/chunks/1yek40h4qth9v.js" async=""></script>
1<link rel="preload" href="https://sites.super.so/ascent/css/style.css" as="style"/><link rel="preload" href="https://sites.super.so/snippets/full-width-sections.css" as="style"/><link rel="preload" href="/_next/static/chunks/12e5er48ih0r9.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/2j2f3zxudco4z.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/24y4bdyguu76h.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/2hzu56xqay5am.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/026xdk52c12kb.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/27lhc4h-cd3ou.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/404m29jcn_wih.js" as="script" fetchPriority="low"/><link rel="icon" href="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/favicon/7eda9e9b-08ee-4fb0-b280-2b4486be4ce6.svg"/><link rel="preload" href="https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-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/Roboto/roboto-v30-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/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2" crossorigin="anonymous" as="font" type="font/woff2"/><link rel="preload" href="https://sites.super.so/ascent/css/style.css" as="style"/><link rel="preload" href="https://sites.super.so/snippets/full-width-sections.css" as="style"/><title>xqizit Learn | Guides and Tutorials for Building with xtclang and Ecstasy</title><meta name="description" content="Explore xtclang tutorials, guides and examples and learn how to develop, deploy and scale your apps with the Ecstasy programming language and xqizit cloud."/><meta name="generator" content="Super"/><meta name="robots" content="index, follow"/><meta property="og:title" content="xqizit Learn | Guides and Tutorials for Building with xtclang and Ecstasy"/><meta property="og:description" content="Explore xtclang tutorials, guides and examples and learn how to develop, deploy and scale your apps with the Ecstasy programming language and xqizit cloud."/><meta property="og:url" content="https://xqizit.com/xqizit-learn"/><meta property="og:site_name" content="xqizit Learn | Guides and Tutorials for Building with xtclang and Ecstasy"/><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="xqizit Learn | Guides and Tutorials for Building with xtclang and Ecstasy"/><meta name="twitter:description" content="Explore xtclang tutorials, guides and examples and learn how to develop, deploy and scale your apps with the Ecstasy programming language and xqizit cloud."/>
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: "Roboto";
53        font-style: normal;
54        font-weight: 400;
55        src: url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */
56        
57          src: local(""),
58            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix")
59            format("embedded-opentype"),
60            /* IE6-IE8 */
61            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2")
62            format("woff2"),
63            /* Super Modern Browsers */
64            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff")
65            format("woff"),
66            /* Modern Browsers */
67            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf")
68            format("truetype"),
69            /* Safari, Android, iOS */
70            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Roboto")
71            format("svg"); /* Legacy iOS */
72        
73      }
74    
75      @font-face {
76        font-family: "Roboto";
77        font-style: normal;
78        font-weight: 500;
79        src: url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.eot"); /* IE9 Compat Modes */
80        
81          src: local(""),
82            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix")
83            format("embedded-opentype"),
84            /* IE6-IE8 */
85            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2")
86            format("woff2"),
87            /* Super Modern Browsers */
88            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff")
89            format("woff"),
90            /* Modern Browsers */
91            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf")
92            format("truetype"),
93            /* Safari, Android, iOS */
94            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Roboto")
95            format("svg"); /* Legacy iOS */
96        
97      }
98    
99      @font-face {
100        font-family: "Roboto";
101        font-style: normal;
102        font-weight: 700;
103        src: url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.eot"); /* IE9 Compat Modes */
104        
105          src: local(""),
106            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix")
107            format("embedded-opentype"),
108            /* IE6-IE8 */
109            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2")
110            format("woff2"),
111            /* Super Modern Browsers */
112            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff")
113            format("woff"),
114            /* Modern Browsers */
115            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf")
116            format("truetype"),
117            /* Safari, Android, iOS */
118            url("https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Roboto")
119            format("svg"); /* Legacy iOS */
120        
121      }
122    </style><style>html{font-size:18px}</style><link rel="stylesheet" href="https://sites.super.so/ascent/css/style.css"/><link rel="stylesheet" href="https://sites.super.so/snippets/full-width-sections.css"/>
122<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
122</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/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/logo/a84a3d5c-8365-4f7b-bce9-04faaf621d74.png" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/logo/a84a3d5c-8365-4f7b-bce9-04faaf621d74.png" style="display:contents"><img alt="Logo" width="51" 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%2F70ffe4ac-d316-473d-9aa8-fbcc15a05c97%2Fuploads%2Flogo%2Fa84a3d5c-8365-4f7b-bce9-04faaf621d74.png&amp;w=64&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fassets.super.so%2F70ffe4ac-d316-473d-9aa8-fbcc15a05c97%2Fuploads%2Flogo%2Fa84a3d5c-8365-4f7b-bce9-04faaf621d74.png&amp;w=128&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fassets.super.so%2F70ffe4ac-d316-473d-9aa8-fbcc15a05c97%2Fuploads%2Flogo%2Fa84a3d5c-8365-4f7b-bce9-04faaf621d74.png&amp;w=128&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="/">xqizit cloud</a></li><li><a class="notion-link super-navbar__item" href="/xqizit-learn">learn</a></li><li><a class="notion-link super-navbar__item" href="/xqizit-get-involved">get involved</a></li></ul></div><div class="super-navbar__actions"><a class="notion-link" href="/sign-up"><div class="super-navbar__cta">get started</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-xqizit-learn" class="super-content page__xqizit-learn parent-page__index"><div class="super-navbar__breadcrumbs" style="position:sticky"><div class="notion-breadcrumb"><a id="block-8e4bd9e85aaa467abe912ef02995a730" href="/" class="notion-link notion-breadcrumb__item has-icon" data-server-link="true" data-link-uri="/"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8f9b22be-a132-48fc-9061-45ebc07cca1e/xqizit-icon/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8f9b22be-a132-48fc-9061-45ebc07cca1e/xqizit-icon/public" style="display:contents"><img alt="xqizit" width="16" height="16" decoding="async" data-nimg="1" class="notion-breadcrumb__icon" style="color:transparent" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8f9b22be-a132-48fc-9061-45ebc07cca1e/xqizit-icon/w=1920,quality=90,fit=scale-down 1x" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8f9b22be-a132-48fc-9061-45ebc07cca1e/xqizit-icon/w=1920,quality=90,fit=scale-down"/></span><div class="notion-navbar__title notion-breadcrumb__title">xqizit</div></a><span class="notion-breadcrumb__divider">/</span><a href="/xqizit-learn" class="notion-link notion-breadcrumb__item" data-server-link="true" data-link-uri="/xqizit-learn"><div class="notion-navbar__title notion-breadcrumb__title">learn</div></a></div></div><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">learn</h1></div></div></div><article id="block-xqizit-learn" class="notion-root max-width has-footer"><div id="block-80bb92f92eba4b71a46aa30acc11d25d" class="notion-callout bg-red-light border"><div class="notion-callout__icon"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/ab
122c6f71e-38e1-4b91-8e1c-13af6143db53/XQIZIT_PURPLE_100_(1)/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/abc6f71e-38e1-4b91-8e1c-13af6143db53/XQIZIT_PURPLE_100_(1)/public" style="display:contents"><img alt="icon" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" class="notion-icon" style="color:transparent;object-fit:contain;object-position:center" srcSet="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/abc6f71e-38e1-4b91-8e1c-13af6143db53/XQIZIT_PURPLE_100_(1)/w=1920,quality=90,fit=scale-down 1x, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/abc6f71e-38e1-4b91-8e1c-13af6143db53/XQIZIT_PURPLE_100_(1)/w=1920,quality=90,fit=scale-down 2x" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/abc6f71e-38e1-4b91-8e1c-13af6143db53/XQIZIT_PURPLE_100_(1)/w=1920,quality=90,fit=scale-down"/></span></div><div class="notion-callout__content"><span class="notion-semantic-string"></span><span class="notion-heading__anchor" id="34bef61f96ff4bf2be63a5fe4223b87a"></span><h3 id="block-34bef61f96ff4bf2be63a5fe4223b87a" class="notion-heading notion-semantic-string"><span class="highlighted-color color-green">LEARN</span></h3><div id="block-5ceb0dcdf4fd41aaaaf5423c4a2e2246" class="notion-column-list"><div id="block-4fe0de243c9e46259cc56985af4000a8" class="notion-column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5)"><div id="block-1ec8dc6403e34b8b89e693107debe647" class="notion-text"></div><span class="notion-heading__anchor" id="acc9a309555740b0a7c4399d059b80b9"></span><h2 id="block-acc9a309555740b0a7c4399d059b80b9" class="notion-heading notion-semantic-string">Developing in Ecstasy and deploying on xqizit.</h2><p id="block-709585e08f6f4a0ab7e262dbf2de9e2d" class="notion-text notion-text__content notion-semantic-string">xqizit is a platform as a service (PaaS) that enables developers to build, deploy and operate Ecstasy applications efficiently in the cloud. </p><p id="block-25fff348bf4a4a6b908942e7e0f4b733" class="notion-text notion-text__content notion-semantic-string">Ecstasy is a delightful open-source programming language, designed to develop scalable, secure and resource-efficient cloud applications.</p><p id="block-cbc9b42882a94705b8c6b8751679d082" class="notion-text notion-text__content notion-semantic-string">Interested in learning Ecstasy?<strong> </strong>These pages should set you on your way!</p><div id="block-0447b811894c495cb708b15bb3538c64" class="notion-text"></div><p id="block-1100fc510fbb4860b0ed6661672375c4" class="notion-text notion-text__content notion-semantic-string"><strong><a href="/xqizit-learn#block-43df2e6fb2b94c92b7c09e5faa91be2b" class="notion-link link" data-server-link="true" data-link-uri="/xqizit-learn#block-43df2e6fb2b94c92b7c09e5faa91be2b">Learn</a></strong></p></div><div id="block-0840c41bc23241c0bb73bf15b1cecb4e" class="notion-column" style="width:calc((100% - var(--column-spacing) * 1) * 0.5);margin-inline-start:var(--column-spacing)"><div id="block-c3297c1f24504f838791db94e604f057" class="notion-text"></div><div id="block-c1ad39b3fcaf4d47a5075c71aa9c122c" class="notion-image align-start page-width"><span data-full-size="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/public" data-lightbox-src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/public" style="display:contents"><img alt="image" loading="lazy" width="1500" height="1500" 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/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/w=1920,quality=90,fit=scale-down 640w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/w=1920,quality=90,fit=scale-down 750w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/w=1920,quality=90,fit=scale-down 828w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/w=1920,quality=90,fit=scale-down 1080w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/w=1920,quality=90,fit=scale-down 1200w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/w=1920,quality=90,fit=scale-down 1920w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/w=1920,quality=90,fit=scale-down 2048w, https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/w=1920,quality=90,fit=scale-down 3840w" src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/w=1920,quality=90,fit=scale-down"/></span></div></div></div></div></div><span class="notion-heading__anchor" id="43df2e6fb2b94c92b7c09e5faa91be2b"></span><h3 id="block-43df2e6fb2b94c92b7c09e5faa91be2b" class="notion-heading notion-semantic-string">Interested in learning the Ecstasy programming language?</h3><p id="block-f2bf9035185f496d84437ddb5dbcb90e" class="notion-text notion-text__content notion-semantic-string">If you are interested in learning how to develop, host and manage your Ecstasy applications on xqizit, then these guides and tutorials will set you on your way.</p><div id="block-74e021ea89654bdaa82ddf1827d6edd8" class="notion-text"></div><div id="block-9da4293c867c434eadf9bd0bd5b0704f" class="notion-collection inline"><div class="notion-collection__header-wrapper"><div class="notion-dropdown"><div><div class="notion-dropdown__button"><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg" style="display:contents"><img alt="" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="notion-icon" style="color:transparent;object-fit:contain;object-position:center" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg"/></span>
122<p class="notion-dropdown__button-title">guides</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="10" height="10"><polygon points="15,17.4 4.8,7 2,9.8 15,23 28,9.8 25.2,7 "></polygon></svg></div></div><div class="notion-dropdown__menu-wrapper"><div class="notion-dropdown__menu initial-state close"><div class="notion-dropdown__menu-header"><p>2<!-- --> views</p></div><div class="notion-dropdown__option-list"><div class="notion-dropdown__option active"><div class="notion-dropdown__option-icon"><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg" style="display:contents"><img alt="" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="notion-icon" style="color:transparent;object-fit:contain;object-position:center" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg"/></span></div><p>guides</p></div><div class="notion-dropdown__option "><div class="notion-dropdown__option-icon"><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg" style="display:contents"><img alt="" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="notion-icon" style="color:transparent;object-fit:contain;object-position:center" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg"/></span></div><p>blog</p></div></div></div></div></div></div><div class="notion-collection-gallery medium"><div id="block-xqizit-learn-introducing-the-ecstasy-language-syntax-structure-and-execution-model" class="notion-collection-card gallery"><a id="block-xqizit-learn-introducing-the-ecstasy-language-syntax-structure-and-execution-model" href="/xqizit-learn/introducing-the-ecstasy-language-syntax-structure-and-execution-model" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/xqizit-learn/introducing-the-ecstasy-language-syntax-structure-and-execution-model">Introducing the Ecstasy language: Syntax, Structure and Execution Model.</a><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/24be168e-e9ac-48a6-b451-3e492f448ba5/1-Introducing-the-Ecstasy-language-RIGHT.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/24be168e-e9ac-48a6-b451-3e492f448ba5/1-Introducing-the-Ecstasy-language-RIGHT.svg" style="display:contents"><img alt="Introducing the Ecstasy language: Syntax, Structure and Execution Model." loading="lazy" width="780" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover medium" style="color:transparent;object-fit:cover;object-position:center 59.24%" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/24be168e-e9ac-48a6-b451-3e492f448ba5/1-Introducing-the-Ecstasy-language-RIGHT.svg"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string">Introducing the Ecstasy language: Syntax, Structure and Execution Model.</div><div class="notion-property notion-property__select wrap property-3a4b7a76 notion-collection-card__property"><span class="notion-pill pill-purple first">xtclang</span><span class="notion-pill pill-purple">syntax</span><span class="notion-pill pill-purple">structure</span></div></div></div><div id="block-xqizit-learn-how-to-structure-your-ecstasy-language-project-with-modules" class="notion-collection-card gallery"><a id="block-xqizit-learn-how-to-structure-your-ecstasy-language-project-with-modules" href="/xqizit-learn/how-to-stru
122cture-your-ecstasy-language-project-with-modules" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/xqizit-learn/how-to-structure-your-ecstasy-language-project-with-modules">How to structure your Ecstasy language project with Modules.</a><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/09b9b026-e2e4-45c4-88bf-2aa33e35350d/2-Structure-your-Ecstasy-language-project-w-modules-RIGHT(2).svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/09b9b026-e2e4-45c4-88bf-2aa33e35350d/2-Structure-your-Ecstasy-language-project-w-modules-RIGHT(2).svg" style="display:contents"><img alt="How to structure your Ecstasy language project with Modules." loading="lazy" width="780" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover medium" style="color:transparent;object-fit:cover;object-position:center 58.089999999999996%" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/09b9b026-e2e4-45c4-88bf-2aa33e35350d/2-Structure-your-Ecstasy-language-project-w-modules-RIGHT(2).svg"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string">How to structure your Ecstasy language project with Modules.</div><div class="notion-property notion-property__select wrap property-3a4b7a76 notion-collection-card__property"><span class="notion-pill pill-purple first">xtclang</span><span class="notion-pill pill-purple">modules</span></div></div></div><div id="block-xqizit-learn-how-to-write-your-first-hello-world-in-the-ecstasy-language" class="notion-collection-card gallery"><a id="block-xqizit-learn-how-to-write-your-first-hello-world-in-the-ecstasy-language" href="/xqizit-learn/how-to-write-your-first-hello-world-in-the-ecstasy-language" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/xqizit-learn/how-to-write-your-first-hello-world-in-the-ecstasy-language">How to write your first ‘’Hello World’ with the Ecstasy Language.</a><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/ca454e14-be4f-49b5-9cee-e55fc36391e5/3-Hello-World-in-the-Ecstasy-Language-LEFT.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/ca454e14-be4f-49b5-9cee-e55fc36391e5/3-Hello-World-in-the-Ecstasy-Language-LEFT.svg" style="display:contents"><img alt="How to write your first ‘’Hello World’ with the Ecstasy Language." loading="lazy" width="780" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover medium" style="color:transparent;object-fit:cover;object-position:center 24.870000000000005%" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/ca454e14-be4f-49b5-9cee-e55fc36391e5/3-Hello-World-in-the-Ecstasy-Language-LEFT.svg"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string">How to write your first ‘’Hello World’ with the Ecstasy Language.</div><div class="notion-property notion-property__select wrap property-3a4b7a76 notion-collection-card__property"><span class="notion-pill pill-purple first">xtclang</span><span class="notion-pill pill-purple">hello-world</span><span class="notion-pill pill-purple">xdk</span></div></div></div><div id="block-xqizit-learn-how-to-define-classes-in-ecstasy" class="notion-collection-card gallery"><a id="block-xqizit-learn-how-to-define-classes-in-ecstasy" href="/xqizit-learn/how-to-define-classes-in-ecstasy" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/xqizit-learn/how-to-define-classes-in-ecstasy">How to define Classes in Ecstasy</a><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/2c6a7d3b-29f9-4912-a00b-bb7f0c1fd327/4-Defining-Classes-in-Ecstasy-LEFT.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/2c6a7d3b-29f9-4912-a00b-bb7f0c1fd327/4-Defining-Classes-in-Ecstasy-LEFT.svg" style="display:contents"><img alt="How to define Classes in Ecstasy" loading="lazy" width="780" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover medium" style="color:transparent;object-fit:cover;object-position:center 30.349999999999998%" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/2c6a7d3b-29f9-4912-a00b-bb7f0c1fd327/4-Defining-Classes-in-Ecstasy-LEFT.svg"/>
122</span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string">How to define Classes in Ecstasy</div><div class="notion-property notion-property__select wrap property-3a4b7a76 notion-collection-card__property"><span class="notion-pill pill-purple first">xtclang</span><span class="notion-pill pill-purple">objects</span><span class="notion-pill pill-purple">classes</span></div></div></div><div id="block-xqizit-learn-how-to-use-class-keywords-in-ecstasy" class="notion-collection-card gallery"><a id="block-xqizit-learn-how-to-use-class-keywords-in-ecstasy" href="/xqizit-learn/how-to-use-class-keywords-in-ecstasy" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/xqizit-learn/how-to-use-class-keywords-in-ecstasy">How to use Class Keywords in Ecstasy</a><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/d7e03fa5-cfe9-47df-adb1-3428a5725afc/5-Class-keywords-in-Ecstasy-LEFT.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/d7e03fa5-cfe9-47df-adb1-3428a5725afc/5-Class-keywords-in-Ecstasy-LEFT.svg" style="display:contents"><img alt="How to use Class Keywords in Ecstasy" loading="lazy" width="780" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover medium" style="color:transparent;object-fit:cover;object-position:center 55.489999999999995%" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/d7e03fa5-cfe9-47df-adb1-3428a5725afc/5-Class-keywords-in-Ecstasy-LEFT.svg"/>
122</span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string">How to use Class Keywords in Ecstasy</div><div class="notion-property notion-property__select wrap property-3a4b7a76 notion-collection-card__property"><span class="notion-pill pill-purple first">xtclang</span><span class="notion-pill pill-purple">classes</span><span class="notion-pill pill-purple">class keywords</span></div></div></div><div id="block-xqizit-learn-how-to-work-with-classes-and-objects-in-ecstasy" class="notion-collection-card gallery"><a id="block-xqizit-learn-how-to-work-with-classes-and-objects-in-ecstasy" href="/xqizit-learn/how-to-work-with-classes-and-objects-in-ecstasy" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/xqizit-learn/how-to-work-with-classes-and-objects-in-ecstasy">How to work with Classes and Objects in Ecstasy</a><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/6ecd1845-f8d2-4650-a741-d480331aebec/Classes_and_Objects_in_Ecstasy-RIGHT.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/6ecd1845-f8d2-4650-a741-d480331aebec/Classes_and_Objects_in_Ecstasy-RIGHT.svg" style="display:contents"><img alt="How to work with Classes and Objects in Ecstasy" loading="lazy" width="780" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover medium" style="color:transparent;object-fit:cover;object-position:center 22.550000000000004%" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/6ecd1845-f8d2-4650-a741-d480331aebec/Classes_and_Objects_in_Ecstasy-RIGHT.svg"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string">How to work with Classes and Objects in Ecstasy</div><div class="notion-property notion-property__select wrap property-3a4b7a76 notion-collection-card__property"><span class="notion-pill pill-purple first">xtclang</span><span class="notion-pill pill-purple">classes</span><span class="notion-pill pill-purple">objects</span></div></div></div><div id="block-xqizit-learn-how-to-use-type-parameters-and-virtual-child-classes-in-ecstasy" class="notion-collection-card gallery"><a id="block-xqizit-learn-how-to-use-type-parameters-and-virtual-child-classes-in-ecstasy" href="/xqizit-learn/how-to-use-type-parameters-and-virtual-child-classes-in-ecstasy" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/xqizit-learn/how-to-use-type-parameters-and-virtual-child-classes-in-ecstasy">How to use Type Parameters and Virtual Child Classes in Ecstasy.</a><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/043a6ea2-8921-40e6-a3c7-997f4867b0c4/Type_Parameters_and_Virtual_Child_Classes_in_Ecstasy-LEFT.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/043a6ea2-8921-40e6-a3c7-997f4867b0c4/Type_Parameters_and_Virtual_Child_Classes_in_Ecstasy-LEFT.svg" style="display:contents"><img alt="How to use Type Parameters and Virtual Child Classes in Ecstasy." loading="lazy" width="780" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover medium" style="color:transparent;object-fit:cover;object-position:center 52.019999999999996%" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/043a6ea2-8921-40e6-a3c7-997f4867b0c4/Type_Parameters_and_Virtual_Child_Classes_in_Ecstasy-LEFT.svg"/>
122</span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string">How to use Type Parameters and Virtual Child Classes in Ecstasy.</div><div class="notion-property notion-property__select wrap property-3a4b7a76 notion-collection-card__property"><span class="notion-pill pill-purple first">xtclang</span><span class="notion-pill pill-purple">type parameter</span><span class="notion-pill pill-purple">virtual classes</span></div></div></div><div id="block-xqizit-learn-how-to-define-a-type-in-ecstasy" class="notion-collection-card gallery"><a id="block-xqizit-learn-how-to-define-a-type-in-ecstasy" href="/xqizit-learn/how-to-define-a-type-in-ecstasy" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/xqizit-learn/how-to-define-a-type-in-ecstasy">Understanding Types in Ecstasy.</a><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/2722efec-0b2e-48d6-b76a-c845b156fef1/Define_a_Type_in_Ecstasy.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/2722efec-0b2e-48d6-b76a-c845b156fef1/Define_a_Type_in_Ecstasy.svg" style="display:contents"><img alt="Understanding Types in Ecstasy." loading="lazy" width="780" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover medium" style="color:transparent;object-fit:cover;object-position:center 41.33%" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/2722efec-0b2e-48d6-b76a-c845b156fef1/Define_a_Type_in_Ecstasy.svg"/></span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string">Understanding Types in Ecstasy.</div><div class="notion-property notion-property__select wrap property-3a4b7a76 notion-collection-card__property"><span class="notion-pill pill-purple first">xtclang</span><span class="notion-pill pill-purple">types</span><span class="notion-pill pill-purple">type system</span><span class="notion-pill pill-purple">strong-typing</span></div></div></div><div id="block-xqizit-learn-how-to-build-a-web-server-in-ecstasy-language" class="notion-collection-card gallery"><a id="block-xqizit-learn-how-to-build-a-web-server-in-ecstasy-language" href="/xqizit-learn/how-to-build-a-web-server-in-ecstasy-language" class="notion-link notion-collection-card__anchor" data-server-link="true" data-link-uri="/xqizit-learn/how-to-build-a-web-server-in-ecstasy-language">How to Set Up a Web Server in Ecstasy.</a><span data-full-size="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/7bcbd95e-b3a1-4f51-9bfb-1f44f5d81ae4/Set_Up_a_Web_Server_and_Client_in_Ecstasy-LEFT.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/7bcbd95e-b3a1-4f51-9bfb-1f44f5d81ae4/Set_Up_a_Web_Server_and_Client_in_Ecstasy-LEFT.svg" style="display:contents"><img alt="How to Set Up a Web Server in Ecstasy." loading="lazy" width="780" height="200" decoding="async" data-nimg="1" class="notion-collection-card__cover medium" style="color:transparent;object-fit:cover;object-position:center 3.4699999999999953%" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/7bcbd95e-b3a1-4f51-9bfb-1f44f5d81ae4/Set_Up_a_Web_Server_and_Client_in_Ecstasy-LEFT.svg"/>
122</span><div class="notion-collection-card__content notion-collection-card__property-list"><div class="notion-property notion-property__title notion-collection-card__property title notion-semantic-string">How to Set Up a Web Server in Ecstasy.</div><div class="notion-property notion-property__select wrap property-3a4b7a76 notion-collection-card__property"><span class="notion-pill pill-purple first">xtclang</span><span class="notion-pill pill-purple">client-server</span><span class="notion-pill pill-purple">web server</span><span class="notion-pill pill-purple">example</span></div></div></div></div></div><div id="block-433a6fe37b45459f8e8cbd125d36e553" class="notion-text"></div><div id="block-8ce9466d08994e3b851bbbdd93683578" class="notion-text"></div></article></main><style>
123    html {
124      font-size: 18px;
125    }
126    
127    
128  </style><!--$--><!--/$--></div><footer class="super-footer floating no-footnote"><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/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/logo/db2cd5fe-a5a3-417e-ac1b-75e836933b07.svg" data-lightbox-src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/logo/db2cd5fe-a5a3-417e-ac1b-75e836933b07.svg" style="display:contents"><img alt="Logo" loading="lazy" width="41" height="48" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain;object-position:left" src="https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/logo/db2cd5fe-a5a3-417e-ac1b-75e836933b07.svg"/></span></div></a><div class="super-footer__links"><a href="/contributors" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/contributors"><p>Team and contributors</p></a><a href="/code-of-conduct" class="notion-link super-footer__link" data-server-link="true" data-link-uri="/code-of-conduct"><p>Code of conduct</p></a></div><div class="super-footer__icons"><a href="https://github.com/xtclang/" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a><a href="https://www.youtube.com/@xtclang" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a><a href="https://www.linkedin.com/company/xqizit/" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="https://mastodon.social/@xqizit" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><title>Mastodon</title><path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"></path></svg></a><a href="https://twitter.com/xqizitcloud" class="notion-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" width="24" height="24"><title>X</title><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 0.5H5.75L9.48421 5.71053L14 0.5H16L10.3895 6.97368L16.5 15.5H11.25L7.51
128579 10.2895L3 15.5H1L6.61053 9.02632L0.5 0.5ZM12.0204 14L3.42043 2H4.97957L13.5796 14H12.0204Z"></path></svg></a></div></div></footer></div><style>
129  
130    html.theme-light {
131      /* Gray */
132      --gray-h: 270;
133      --gray-s: 25%;
134      --gray-l: 98%;
135      --color-gray: hsl(var(--gray-h), var(--gray-s), var(--gray-l));
136      --color-text-gray: var(--color-gray);
137      --color-bg-gray: hsl(
138        var(--gray-h),
139        var(--gray-s),
140        90%
141      );
142      --color-bg-gray-light: var(--color-bg-gray);
143      --color-pill-gray: hsl(
144        calc(var(--gray-h) + 14),
145        var(--gray-s),
146        90%
147      );
148      --color-pill-text-gray: hsl(
149        var(--gray-h),
150        var(--gray-s),
151        calc(var(--gray-l) - 28%)
152      );
153      --color-bg-form-btn-gray: #A7A39A;
154
155      /* Brown */
156      --brown-h: 230;
157      --brown-s: 18%;
158      --brown-l: 25%;
159      --color-brown: hsl(var(--brown-h), var(--brown-s), var(--brown-l));
160      --color-text-brown: var(--color-brown);
161      --color-bg-brown: hsl(
162        var(--brown-h),
163        var(--brown-s),
164        69%
165      );
166      --color-bg-brown-light: var(--color-bg-brown);
167      --color-pill-brown: hsl(
168        var(--brown-h),
169        calc(var(--brown-s) + 10%),
170        67%
171      );
172      --color-pill-text-brown: hsl(
173        var(--brown-h),
174        calc(var(--brown-s) + 10%),
175        calc(var(--brown-l) - 28%)
176      );
177      --color-bg-form-btn-brown: #9A6851;
178
179      /* Orange */
180      --orange-h: 23;
181      --orange-s: 99%;
182      --orange-l: 63%;
183      --color-orange: hsl(
184        var(--orange-h),
185        var(--orange-s),
186        var(--orange-l)
187      );
188      --color-text-orange: var(--color-orange);
189      --color-bg-orange: hsl(
190        var(--orange-h),
191        var(--orange-s),
192        90%
193      );
194      --color-bg-orange-light: var(--color-bg-orange);
195      --color-pill-orange: hsl(
196        var(--orange-h),
197        calc(var(--orange-s) - 6%),
198        90%
199      );
200      --color-pill-text-orange: hsl(
201        calc(var(--orange-h) - 5),
202        calc(var(--orange-s) - 18%),
203        calc(var(--orange-l) - 28%)
204      );
205      --color-bg-form-btn-orange: #D9730D;
206
207      /* Yellow */
208      --yellow-h: 260;
209      --yellow-s: 18%;
210      --yellow-l: 97%;
211      --color-yellow: hsl(
212        var(--yellow-h),
213        var(--yellow-s),
214        var(--yellow-l)
215      );
216      --color-text-yellow: var(--color-yellow);
217      --color-bg-yellow: hsl(
218        var(--yellow-h),
219        calc(var(--yellow-s) + 90%),
220        90%
221      );
222      --color-bg-yellow-light: var(--color-bg-yellow);
223      --color-pill-yellow: hsl(
224        calc(var(--yellow-h) + 3),
225        calc(var(--yellow-s) + 24%),
226        90%
227      );
228      --color-pill-text-yellow: hsl(
229        calc(var(--yellow-h) - 11),
230        calc(var(--yellow-s) - 22%),
231        calc(var(--yellow-l) - 28%)
232      );
233      --color-bg-form-btn-yellow: #CA922F;
234
235      /* Green */
236      --green-h: 139;
237      --green-s: 44%;
238      --green-l: 66%;
239      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));
240      --color-text-green: var(--color-green);
241      --color-bg-green: hsl(
242        var(--green-h),
243        var(--green-s),
244        90%
245      );
246      --color-bg-green-light: var(--color-bg-green);
247      --color-pill-green: hsl(
248        calc(var(--green-h) - 28),
249        calc(var(--green-s) + 3%),
250        90%
251      );
252      --color-pill-text-green: hsl(
253        calc(var(--green-h) - 2),
254        var(--green-s),
255        calc(var(--green-l) - 22%)
256      );
257      --color-bg-form-btn-green: #448361;
258
259      /* Blue */
260      --blue-h: 208;
261      --blue-s: 100%;
262      --blue-l: 52%;
263      --color-blue: hsl(var(--blue-h), var(--blue-s), var(--blue-l));
264      --color-text-blue: var(--color-blue);
265      --color-bg-blue: hsl(
266        var(--blue-h),
267        var(--blue-s),
268        90%
269      );
270      --color-bg-blue-light: var(--color-bg-blue);
271      --color-pill-blue: hsl(
272        var(--blue-h),
273        calc(var(--blue-s) - 5%),
274        90%
275      );
276      --color-pill-text-blue: hsl(
277        calc(var(--blue-h) + 7),
278        calc(var(--blue-s) - 6%),
279        calc(var(--blue-l) - 22%)
280      );
281      --color-bg-form-btn-blue: #327DA9;
282
283      /* Purple */
284      --purple-h: 253;
285      --purple-s: 63%;
286      --purple-l: 19%;
287      --color-purple: hsl(
288        var(--purple-h),
289        var(--purple-s),
290        var(--purple-l)
291      );
292      --color-text-purple: var(--color-purple);
293      --color-bg-purple: hsl(
294        var(--purple-h),
295        var(--purple-s),
296        59%
297      );
298      --color-bg-purple-light: var(--color-bg-purple);
299      --color-pill-purple: hsl(
300        var(--purple-h),
301        calc(var(--purple-s) + 5%),
302        55%
303      );
304      --color-pill-text-purple: hsl(
305        calc(var(--purple-h) + 1),
306        calc(var(--purple-s) + 10%),
307        calc(var(--purple-l) - 31%)
308      );
309      --color-bg-form-btn-purple: #8F64AF;
310
311      /* Pink */
312      --pink-h: 250;
313      --pink-s: 17%;
314      --pink-l: 93%;
315      --color-pink: hsl(var(--pink-h), var(--pink-s), var(--pink-l));
316      --color-text-pink: var(--color-pink);
317      --color-bg-pink: hsl(
318        var(--pink-h),
319        var(--pink-s),
320        90%
321      );
322      --color-bg-pink-light: var(--color-bg-pink);
323      --color-pill-pink: hsl(
324        var(--pink-h),
325        var(--pink-s),
326        90%
327      );
328      --color-pill-text-pink: hsl(
329        calc(var(--pink-h) + 3),
330        calc(var(--pink-s) - 14%),
331        calc(var(--pink-l) - 31%)
332      );
333      --color-bg-form-btn-pink: #C24C8B;
334
335      /* Red */
336      --red-h: 248;
337      --red-s: 24%;
338      --red-l: 38%;
339      --color-red: hsl(var(--red-h), var(--red-s), var(--red-l));
340      --color-text-red: var(--color-red);
341      --color-bg-red: hsl(
342        var(--red-h),
343        var(--red-s),
344        78%
345      );
346      --color-bg-red-light: var(--color-bg-red);
347      --color-pill-red: hsl(
348        calc(var(--red-h) + 6),
349        calc(var(--red-s) + 42%),
350        76%
351      );
352      --color-pill-text-red: hsl(
353        calc(var(--red-h) + 0),
354        var(--red-s),
355        calc(var(--red-l) - 32%)
356      );
357      --color-bg-form-btn-red: #D44E49;
358
359      /*Default*/
360      --default-h: 45;
361      --default-s: 8%;
362      --default-l: 20%;
363      --color-default: hsl(
364        var(--default-h),
365        var(--default-s),
366        var(--default-l)
367      );
368      --color-pill-default: hsl(
369        var(--gray-h),
370        var(--gray-s),
371        84%
372      );
373      --color-pill-text-default: hsl(
374        var(--gray-h),
375        var(--gray-s),
376        calc(var(--gray-l) - 28%)
377      );
378      --color-bg-form-btn-default: #55534E;
379
380      /*Other*/
381      --color-text-default: #504a78;
382      --color-text-default-light: #57487b;
383      --color-bg-default: #fdfdfd;
384      --color-border-default: #f3f3f5;
385      --color-border-dark: var(--color-border-default);
386      --color-ui-hover-bg: #e7e8ed;
387      --color-card-bg: #f3f3f5;
388      --color-card-bg-hover: #e7e8ed;
389      --color-calendar-weekend-bg: #b3b6c9;
390      --color-checkbox-bg: #fdfdfd;
391      --color-code-bg: rgba(135,131,120,.15);
392
393      /*Scrollbar*/
394      --scrollbar-background-color: #f3f3f5;
395      --scrollbar-thumb-color: #dcdce4;
396      --scrollbar-border-color: #dcdce4;
397
398      /*Navbar*/
399      --navbar-text-color: #1f124f;
400      --navbar-list-item-hover: rgba(130, 130, 130, 0.09);
401      --navbar-background-color-hover: #e4e4e6;
402      --navbar-background-color: #f3f3f5;
403      --navbar-button-text-color: #fdfdfd;
404      --navbar-button-background-color: #84cf9c;
405      --navbar-menu-background-color: var(--navbar-background-color);
406      --navbar-text-color-dark: #100340;
407
408      /*Footer*/
409      --footer-text-color: #57487b;
410      --footer-background-color: #f3f3f5;
411
412      /*Sidebar*/
413      --sidebar-text-color: #37352F;
414      --sidebar-cta-text-color: #37352F;
415      --sidebar-background-color: #ffffff;
416      --sidebar-cta-background-color: #ffffff;
417      --sidebar-border-color: #E9E9E7;
418      --sidebar-background-color-hover: #efefef;
419      --sidebar-text-color-dark: #282620;
420      --sidebar-cta-background-color-hover: #efefef;
421    }
422
423    
424  /**
425   * One Light theme for prism.js
426   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax
427   */
428  
429  /**
430   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)
431   * From colors.less
432   * --mono-1: hsl(230, 8%, 24%);
433   * --mono-2: hsl(230, 6%, 44%);
434   * --mono-3: hsl(230, 4%, 64%)
435   * --hue-1: hsl(198, 99%, 37%);
436   * --hue-2: hsl(221, 87%, 60%);
437   * --hue-3: hsl(301, 63%, 40%);
438   * --hue-4: hsl(119, 34%, 47%);
439   * --hue-5: hsl(5, 74%, 59%);
440   * --hue-5-2: hsl(344, 84%, 43%);
441   * --hue-6: hsl(35, 99%, 36%);
442   * --hue-6-2: hsl(35, 99%, 40%);
443   * --syntax-fg: hsl(230, 8%, 24%);
444   * --syntax-bg: hsl(230, 1%, 98%);
445   * --syntax-gutter: hsl(230, 1%, 62%);
446   * --syntax-guide: hsla(230, 8%, 24%, 0.2);
447   * --syntax-accent: hsl(230, 100%, 66%);
448   * From syntax-variables.less
449   * --syntax-selection-color: hsl(230, 1%, 90%);
450   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);
451   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);
452   */
453  
454  html.theme-light code[class*="language-"],
455  html.theme-light pre[class*="language-"] {
456    color: hsl(230, 8%, 24%);
457    font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
458    direction: ltr;
459    text-align: left;
460    white-space: pre;
461    word-spacing: normal;
462    word-break: normal;
463    line-height: 1.5;
464    -moz-tab-size: 2;
465    -o-tab-size: 2;
466    tab-size: 2;
467    -webkit-hyphens: none;
468    -moz-hyphens: none;
469    -ms-hyphens: none;
470    hyphens: none;
471  }
472  
473  /* Selection */
474  html.theme-light code[class*="language-"]::-moz-selection,
475  html.theme-light code[class*="language-"] *::-moz-selection,
476  html.theme-light pre[class*="language-"] *::-moz-selection {
477    background: hsl(230, 1%, 90%);
478    color: inherit;
479  }
480  
481  html.theme-light code[class*="language-"]::selection,
482  html.theme-light code[class*="language-"] *::selection,
483  html.theme-light pre[class*="language-"] *::selection {
484    background: hsl(230, 1%, 90%);
485    color: inherit;
486  }
487  
488  /* Code blocks */
489  html.theme-light pre[class*="language-"] {
490    padding: 1em;
491    margin: 0.5em 0;
492    overflow: auto;
493    border-radius: 0.3em;
494  }
495  
496  /* Inline code */
497  html.theme-light :not(pre) > code[class*="language-"] {
498    padding: 0.2em 0.3em;
499    border-radius: 0.3em;
500    white-space: normal;
501  }
502  
503  html.theme-light .token.comment,
504  html.theme-light .token.prolog,
505  html.theme-light .token.cdata {
506    color: hsl(230, 4%, 64%);
507  }
508  
509  html.theme-light .token.doctype,
510  html.theme-light .token.punctuation,
511  html.theme-light .token.entity {
512    color: hsl(230, 8%, 24%);
513  }
514  
515  html.theme-light .token.attr-name,
516  html.theme-light .token.class-name,
517  html.theme-light .token.boolean,
518  html.theme-light .token.constant,
519  html.theme-light .token.number,
520  html.theme-light .token.atrule {
521    color: hsl(35, 99%, 36%);
522  }
523  
524  html.theme-light .token.keyword {
525    color: hsl(301, 63%, 40%);
526  }
527  
528  html.theme-light .token.property,
529  html.theme-light .token.tag,
530  html.theme-light .token.symbol,
531  html.theme-light .token.deleted,
532  html.theme-light .token.important {
533    color: hsl(5, 74%, 59%);
534  }
535  
536  html.theme-light .token.selector,
537  html.theme-light .token.string,
538  html.theme-light .token.char,
539  html.theme-light .token.builtin,
540  html.theme-light .token.inserted,
541  html.theme-light .token.regex,
542  html.theme-light .token.attr-value,
543  html.theme-light .token.attr-value > .token.punctuation {
544    color: hsl(119, 34%, 47%);
545  }
546  
547  html.theme-light .token.variable,
548  html.theme-light .token.operator,
549  html.theme-light .token.function {
550    color: hsl(221, 87%, 60%);
551  }
552  
553  html.theme-light .token.url {
554    color: hsl(198, 99%, 37%);
555  }
556  
557  /* HTML overrides */
558  html.theme-light .token.attr-value > .token.punctuation.attr-equals,
559  html.theme-light .token.special-attr > .token.attr-value > .token.value.css {
560    color: hsl(230, 8%, 24%);
561  }
562  
563  /* CSS overrides */
564  html.theme-light .language-css .token.selector {
565    color: hsl(5, 74%, 59%);
566  }
567  
568  html.theme-light .language-css .token.property {
569    color: hsl(230, 8%, 24%);
570  }
571  
572  html.theme-light .language-css .token.function,
573  html.theme-light .language-css .token.url > .token.function {
574    color: hsl(198, 99%, 37%);
575  }
576  
577  html.theme-light .language-css .token.url > .token.string.url {
578    color: hsl(119, 34%, 47%);
579  }
580  
581  html.theme-light .language-css .token.important,
582  html.theme-light .language-css .token.atrule .token.rule {
583    color: hsl(301, 63%, 40%);
584  }
585  
586  /* JS overrides */
587  html.theme-light .language-javascript .token.operator {
588    color: hsl(301, 63%, 40%);
589  }
590  
591  html.theme-light .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
592    color: hsl(344, 84%, 43%);
593  }
594  
595  /* JSON overrides */
596  html.theme-light .language-json .token.operator {
597    color: hsl(230, 8%, 24%);
598  }
599  
600  html.theme-light .language-json .token.null.keyword {
601    color: hsl(35, 99%, 36%);
602  }
603  
604  /* MD overrides */
605  html.theme-light .language-markdown .token.url,
606  html.theme-light .language-markdown .token.url > .token.operator,
607  html.theme-light .language-markdown .token.url-reference.url > .token.string {
608    color: hsl(230, 8%, 24%);
609  }
610  
611  html.theme-light .language-markdown .token.url > .token.content {
612    color: hsl(221, 87%, 60%);
613  }
614  
615  html.theme-light .language-markdown .token.url > .token.url,
616  html.theme-light .language-markdown .token.url-reference.url {
617    color: hsl(198, 99%, 37%);
618  }
619  
620  html.theme-light .language-markdown .token.blockquote.punctuation,
621  html.theme-light .language-markdown .token.hr.punctuation {
622    color: hsl(230, 4%, 64%);
623    font-style: italic;
624  }
625  
626  html.theme-light .language-markdown .token.code-snippet {
627    color: hsl(119, 34%, 47%);
628  }
629  
630  html.theme-light .language-markdown .token.bold .token.content {
631    color: hsl(35, 99%, 36%);
632  }
633  
634  html.theme-light .language-markdown .token.italic .token.content {
635    color: hsl(301, 63%, 40%);
636  }
637  
638  html.theme-light .language-markdown .token.strike .token.content,
639  html.theme-light .language-markdown .token.strike .token.punctuation,
640  html.theme-light .language-markdown .token.list.punctuation,
641  html.theme-light .language-markdown .token.title.important > .token.punctuation {
642    color: hsl(5, 74%, 59%);
643  }
644  
645  /* General */
646  html.theme-light .token.bold {
647    font-weight: bold;
648  }
649  
650  html.theme-light .token.comment,
651  html.theme-light .token.italic {
652    font-style: italic;
653  }
654  
655  html.theme-light .token.entity {
656    cursor: help;
657  }
658  
659  html.theme-light .token.namespace {
660    opacity: 0.8;
661  }
662  
663  /* Plugin overrides */
664  /* Selectors should have higher specificity than those in the plugins' default stylesheets */
665  
666  /* Show Invisibles plugin overrides */
667  html.theme-light .token.token.tab:not(:empty):before,
668  html.theme-light .token.token.cr:before,
669  html.theme-light .token.token.lf:before,
670  html.theme-light .token.token.space:before {
671    color: hsla(230, 8%, 24%, 0.2);
672  }
673  
674  /* Toolbar plugin overrides */
675  /* Space out all buttons and move them away from the right edge of the code block */
676  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item {
677    margin-right: 0.4em;
678  }
679  
680  /* Styling the buttons */
681  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
682  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
683  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
684    background: hsl(230, 1%, 90%);
685    color: hsl(230, 6%, 44%);
686    padding: 0.1em 0.4em;
687    border-radius: 0.3em;
688  }
689  
690  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
691  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
692  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
693  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
694  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
695  html.theme-light div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
696    background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
697    color: hsl(230, 8%, 24%);
698  }
699  
700  /* Line Highlight plugin overrides */
701  /* The highlighted line itself */
702  html.theme-light .line-highlight.line-highlight {
703    background: hsla(230, 8%, 24%, 0.05);
704  }
705  
706  /* Default line numbers in Line Highlight plugin */
707  html.theme-light .line-highlight.line-highlight:before,
708  html.theme-light .line-highlight.line-highlight[data-end]:after {
709    background: hsl(230, 1%, 90%);
710    color: hsl(230, 8%, 24%);
711    padding: 0.1em 0.6em;
712    border-radius: 0.3em;
713    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
714  }
715  
716  /* Hovering over a linkable line number (in the gutter area) */
717  /* Requires Line Numbers plugin as well */
718  html.theme-light pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
719    background-color: hsla(230, 8%, 24%, 0.05);
720  }
721  
722  /* Line Numbers and Command Line plugins overrides */
723  /* Line separating gutter from coding area */
724  html.theme-light .line-numbers.line-numbers .line-numbers-rows,
725  html.theme-light .command-line .command-line-prompt {
726    border-right-color: hsla(230, 8%, 24%, 0.2);
727  }
728  
729  /* Stuff in the gutter */
730  html.theme-light .line-numbers .line-numbers-rows > span:before,
731  html.theme-light .command-line .command-line-prompt > span:before {
732    color: hsl(230, 1%, 62%);
733  }
734  
735  /* Match Braces plugin overrides */
736  /* Note: Outline colour is inherited from the braces */
737  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-1,
738  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-5,
739  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-9 {
740    color: hsl(5, 74%, 59%);
741  }
742  
743  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-2,
744  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-6,
745  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-10 {
746    color: hsl(119, 34%, 47%);
747  }
748  
749  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-3,
750  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-7,
751  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-11 {
752    color: hsl(221, 87%, 60%);
753  }
754  
755  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-4,
756  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-8,
757  html.theme-light .rainbow-braces .token.token.punctuation.brace-level-12 {
758    color: hsl(301, 63%, 40%);
759  }
760  
761  /* Diff Highlight plugin overrides */
762  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
763  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix),
764  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) {
765    background-color: hsla(353, 100%, 66%, 0.15);
766  }
767  
768  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
769  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
770  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
771  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
772    background-color: hsla(353, 95%, 66%, 0.25);
773  }
774  
775  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
776  html.theme-light pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
777  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
778  html.theme-light pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
779    background-color: hsla(353, 95%, 66%, 0.25);
780  }
781  
782  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix),
783  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) {
784    background-color: hsla(137, 100%, 55%, 0.15);
785  }
786  
787  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
788  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
789  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
790  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
791    background-color: hsla(135, 73%, 55%, 0.25);
792  }
793  
794  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
795  html.theme-light pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
796  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
797  html.theme-light pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
798    background-color: hsla(135, 73%, 55%, 0.25);
799  }
800  
801  /* Previewers plugin overrides */
802  /* 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 */
803  /* Border around popup */
804  html.theme-light .prism-previewer.prism-previewer:before,
805  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div {
806    border-color: hsl(0, 0, 95%);
807  }
808  
809  /* Angle and time should remain as circles and are hence not included */
810  html.theme-light .prism-previewer-color.prism-previewer-color:before,
811  html.theme-light .prism-previewer-gradient.prism-previewer-gradient div,
812  html.theme-light .prism-previewer-easing.prism-previewer-easing:before {
813    border-radius: 0.3em;
814  }
815  
816  /* Triangles pointing to the code */
817  html.theme-light .prism-previewer.prism-previewer:after {
818    border-top-color: hsl(0, 0, 95%);
819  }
820  
821  html.theme-light .prism-previewer-flipped.prism-previewer-flipped.after {
822    border-bottom-color: hsl(0, 0, 95%);
823  }
824  
825  /* Background colour within the popup */
826  html.theme-light .prism-previewer-angle.prism-previewer-angle:before,
827  html.theme-light .prism-previewer-time.prism-previewer-time:before,
828  html.theme-light .prism-previewer-easing.prism-previewer-easing {
829    background: hsl(0, 0%, 100%);
830  }
831  
832  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
833  /* For time, this is the alternate colour */
834  html.theme-light .prism-previewer-angle.prism-previewer-angle circle,
835  html.theme-light .prism-previewer-time.prism-previewer-time circle {
836    stroke: hsl(230, 8%, 24%);
837    stroke-opacity: 1;
838  }
839  
840  /* Stroke colours of the handle, direction point, and vector itself */
841  html.theme-light .prism-previewer-easing.prism-previewer-easing circle,
842  html.theme-light .prism-previewer-easing.prism-previewer-easing path,
843  html.theme-light .prism-previewer-easing.prism-previewer-easing line {
844    stroke: hsl(230, 8%, 24%);
845  }
846  
847  /* Fill colour of the handle */
848  html.theme-light .prism-previewer-easing.prism-previewer-easing circle {
849    fill: transparent;
850  }
851  
852  
853  
854    :root {
855      /* Layout */
856      --padding-layout: 0.6rem;
857      --border-radii-layout: 8px;
858      --border-thickness-layout: 1px;
859      --border-type-layout: solid;
860      --border-layout: var(--border-thickness-layout)
861        var(--border-type-layout) var(--color-border-default);
862      --layout-max-width: 900px;
863      --column-spacing: 46px;
864      --page-display: flex;
865      --padding-right: calc(env(safe-area-inset-right) + 96px);
866      --padding-left: calc(env(safe-area-inset-left) + 96px);
867      --padding-right-mobile: calc(env(safe-area-inset-right) + 24px);
868      --padding-left-mobile: calc(env(safe-area-inset-left) + 24px);
869      /* Header */
870      --header-cover-height: 30vh;
871      --header-title-align: start;
872      --header-icon-align: -112px auto auto auto;
873      --header-display: block;
874      /* Collection header */
875      --collection-header-border: var(--border-layout);
876      /* Collection table */
877      --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem)
878        calc(var(--padding-layout) - 0.1rem);
879      /* Collection list */
880      --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem);
881      --collection-list-item-border-radii: calc(
882        var(--border-radii-layout) - 1px
883      );
884      /* Collection card */
885      --collection-card-padding: 0px;
886      --collection-card-title-padding: 0px;
887      --collection-card-content-padding: var(--padding-layout);
888      --collection-card-border-radii: var(--border-radii-layout);
889      --collection-card-gap: 10px;
890      --collection-card-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;
891      --collection-card-title-size: 0.875rem;
892      --collection-card-cover-height-small: 128px;
893      --collection-card-cover-size-small: 172px;
894      --collection-card-cover-height-medium: 200px;
895      --collection-card-cover-size-medium: 260px;
896      --collection-card-cover-height-large: 200px;
897      --collection-card-cover-size-large: 320px;
898      --collection-card-icon-display: inline-flex;
899      /* Callout */
900      --callout-padding: calc(var(--padding-layout) + 0.4rem)
901        calc(var(--padding-layout) + 0.4rem)
902        calc(var(--padding-layout) + 0.4rem)
903        calc(var(--padding-layout) + 0.1em);
904      --callout-border-radii: calc(var(--border-radii-layout) - 2px);
905      --callout-border: var(--border-layout);
906      --callout-icon-display: block;
907      --callout-shadow: none;
908      /* File */
909      --file-border-radii: calc(var(--border-radii-layout) - 2px);
910      /* Equation */
911      --equation-border-radii: calc(var(--border-radii-layout) - 2px);
912      /* Divider */
913      --divider-border: var(--border-layout);
914      /* Quote */
915      --quote-border: calc(var(--border-thickness-layout) + 2px) solid
916        currentcolor;
917      /* Code */
918      --code-padding: calc(var(--padding-layout) + 1.4rem);
919      --code-border-radii: var(--border-radii-layout);
920      /* Tweet */
921      --tweet-padding: calc(var(--padding-layout) + 0.65rem)
922        calc(var(--padding-layout) + 0.65rem)
923        calc(var(--padding-layout) + 0.05rem)
924        calc(var(--padding-layout) + 0.65rem);
925      --tweet-border-radii: var(--border-radii-layout);
926      --tweet-border: var(--border-layout);
927      /* Bookmark */
928      --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0p
928x
929        calc(var(--padding-layout) + 0.025rem)
930        calc(var(--padding-layout) + 0.275rem);
931      --bookmark-border-radii: var(--border-radii-layout);
932      --bookmark-border: var(--border-layout);
933      --bookmark-image-border-radii: 0px
934        calc(var(--border-radii-layout) - 1px)
935        calc(var(--border-radii-layout) - 1px) 0px;
936      /* Embed */
937      --embed-border-radii: calc(var(--border-radii-layout) - 5px);
938      /* Image */
939      --image-border-radii: calc(var(--border-radii-layout) - 5px);
940      /* Typography */
941      --title-size: 2.5rem;
942      --quote-size: 1.2rem;
943      --quote-size-large: 1.4rem;
944      --heading-size: 1rem;
945      --primary-font: Roboto, Roboto-fallback, Helvetica, Apple Color Emoji,
946        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,
947        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,
948        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,
949        sans-serif;
950        --secondary-font: Roboto, Roboto-fallback, Helvetica, Apple Color Emoji,
951        Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji,
952        Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system,
953        BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans,
954        sans-serif;
955      --text-weight: 400;
956      --heading-weight: 600;
957      --heading1-size: calc(var(--heading-size) * 1.875);
958      --heading2-size: calc(var(--heading-size) * 1.5);
959      --heading3-size: calc(var(--heading-size) * 1.25);
960      --heading4-size: calc(var(--heading-size) * 1);
961      --heading5-size: calc(var(--heading-size) * 0.8125);
962      /* Scrollbars */
963      --scrollbar-width: 15px;
964      /* Navbar */
965      --navbar-height: 56px;
966      --navbar-shadow: none;
967      --navbar-button-border-radii: 50px;
968      --navbar-list-width-single-column: 320px;
969      --navbar-list-width: 620px;
970      /*Sidebar*/
971      --sidebar-width: 280px;
972      --sidebar-shadow: none;
973    }
974    html {
975      scroll-padding-top: 62px;
976    }
977    body {
978      font-family: var(--secondary-font);
979    }
980
981    /* ---DISPLAYING THE BREADCRUMBS BAR ---*/
982.super-navbar__breadcrumbs .notion-breadcrumb {
983  background-color: #fdfdfd !important;
984}
985
986/* ---CUSTOM COLOUR SETTINGS FOR CONTENT TYPES---- */
987/* --- BUTTON COLOURS ------------------- */
988/* BUTTON DEFAULT COLOUR - For setting the default colour for buttons */
989:root {
990  --primary-color: #84cf9c !important;
991}
992
993/*remove underlining of buttons */
994strong a.notion-link.link {
995  text-decoration: none;
996}
997
998/*STYLING ICONS IN CARDS*/
999.notion-collection-card .notion-page__icon {
1000  margin-top: 0.3em;
1001}
1002
1003/*STYLING NOTION PILLS AND TAGS------------*/
1004.notion-pill {
1005  margin-top: 10px;
1006  padding: 4px;
1007  font-weight: 400;
1008  text-align: center !important;
1009}
1010
1011.pill-blue {
1012  color: #84cf9c;
1013  border-color: #00ff9f;
1014  background: #FBFAFC !important;
1015}
1016
1017.pill-green {
1018  color: #fdfdfd;
1019  border-color: #00ff9f;
1020  background: #84cf9c !important;
1021}
1022
1023.pill-purple {
1024  color: #57487B;
1025  border-color: #00ff9f;
1026  background: #FDFDFD !important;
1027}
1028
1029.pill-gray {
1030  color: #57487B;
1031  background: #FBFAFC !important;
1032}
1033
1034/* --- DISPLAYING <CODE> BLOCKS & SNIPPETS------ */
1035/* The text color for displaying code snippets */
1036code.code {
1037  color: #150747 !important;
1038  background-color: #F4F3F7 !important;
1039}
1040
1041/* The colours for code blocks */
1042code {
1043  color: #150747 !important;
1044  background-color: #F4F3F7 !important;
1045}
1046
1047pre {
1048  background-color: #F4F3F7 !important;
1049}
1050
1051/* ---- HIDING NOTION TITLES & ICONS -------- */
1052/* For hiding notion page titles, icons and their margins */
1053h1.notion-header__title {
1054  display: none !important;
1055}
1056
1057.notion-header__icon-wrapper.has-icon, .notion-header__icon-wrapper.has-icon-image {
1058  display: none !important;
1059}
1060
1061.notion-header.page {
1062  margin-bottom: -60px !important;
1063}
1064
1065.notion-header__title-wrapper {
1066  margin-top: 0px !important;
1067}
1068
1069.notion-header__title-wrapper {
1070  margin-bottom: 0px !important;
1071}
1072
1073/* ---- BG FOR CALL-OUT BLOCKS ---------------*/
1074/* For managing backgrounds of Call-Out Blocks. Requires the extra style sheet in header called 'snippets/full-width-sections' */
1075/* RED BLOCK displays LEFT-TEXT on CENTRED-CLOUDS on GRADIENT BG  */
1076.theme-light .notion-callout.bg-red-light {
1077  text-align: LEFT;
1078  color: #504a78;
1079  border-color: #F3F3F5;
1080  background: #fdfdfd;
1081  background-image: url("https://res.cloudinary.com/deriu1ero/image/upload/t_full width/v1707392081/Cloudy_9_ho2zdr.svg");
1082  background-attachment: fixed;
1083  background-repeat: no-repeat;
1084  background-size: cover;
1085  background-position: center !important;
1086}
1087
1088/* YELLOW BLOCK displays LEFT-TEXT on RIGHT-PURPLE-CURVES on LIGHT-GRAY BG */
1089.theme-light .notion-callout.bg-yellow-light {
1090  text-align: LEFT;
1091  color: #504a78;
1092  border-color: #F3F3F5;
1093  background-color: #FBFAFC;
1094  background-image: url("https://res.cloudinary.com/deriu1ero/image/upload/v1707316778/xtc-bottom-right-lines_transparent-bg__jxlc64.svg");
1095  background-attachment: fixed;
1096  background-repeat: no-repeat;
1097  background-size: cover;
1098  background-position: center !important;
1099}
1100
1101/* BLUE BLOCK displays LEFT-TEXT on solid WHITE BG */
1102.theme-light .notion-callout.bg-blue-light {
1103  text-align: LEFT;
1104  color: #504a78;
1105  border-color: #F3F3F5;
1106  background: #FDFDFD !important;
1107}
1108
1109/* PURPLE BLOCK displays LEFT-TEXT on solid LIGHT GRAY BG */
1110.theme-light .notion-callout.bg-purple-light {
1111  text-align: LEFT;
1112  color: #504a78;
1113  border-color: #F3F3F5;
1114  background: #FBFAFC !important;
1115}
1116
1117/* GREEN BLOCK displays LEFT-TEXT on solid GREEN BG */
1118.theme-light .notion-callout.bg-green-light {
1119  text-align: LEFT;
1120  color: #FDFDFD;
1121  border-color: #FDFDFD;
1122  background: #84cf9c !important;
1123}
1124
1125/* GRAY BLOCK displays CENTRED TEXT on CLOUDS on LIGHT GRAY BG  */
1126.theme-light .notion-callout.bg-gray-light {
1127  text-align: center;
1128  border-color: #F3F3F5;
1129  background-color: #FBFAFC;
1130  background-image: url("https://res.cloudinary.com/deriu1ero/image/upload/t_full width/v1707390396/Cloudy_6_hd3y0x.svg");
1131  background-attachment: fixed;
1132  background-repeat: no-repeat;
1133  background-size: cover;
1134  background-position: center !important;
1135}
1136
1137/* ORANGE BLOCK displays white and CENTRED-TEXT on DARK PURPLE  */
1138.theme-light .notion-callout.bg-orange-light {
1139  text-align: center;
1140  color: #FDFDFD;
1141  border-color: #FBFAFC;
1142  background: #2E1E57 !important;
1143}
1144
1145/* PINK BLOCK displays CENTRED-TEXT on solid LIGHT GRAY BG */
1146.theme-light .notion-callout.bg-pink-light {
1147  text-align: center;
1148  color: #504a78;
1149  border-color: #F3F3F5;
1150  background: #FBFAFC !important;
1151}
1152
1153/* BROWN BLOCK displays CENTRED-TEXT on solid WHITE BG */
1154.theme-light .notion-callout.bg-brown-light {
1155  text-align: center;
1156  color: #504a78;
1157  border-color: #F3F3F5;
1158  background: #FDFDFD !important;
1159}
1160  
1161</style>
1161<script src="/_next/static/chunks/2l8zr1i2h4s0n.js" id="_R_" async=""></script>
1161<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1161<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\",\"xqizit.com\",\"xqizit-learn\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"main\",{\"children\":[[\"site\",\"xqizit.com\",\"d\",[]],{\"children\":[[\"page\",\"xqizit-learn\",\"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/0hund3nm1jlh-.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\"}
1161],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1thlt7ghjj4x5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/1yek40h4qth9v.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\":\"OazuvV68wSfVknyegtqAH\"}\n9:C\nb:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1161<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:Teca,\n      @font-face {\n        font-family: \"Roboto\";\n        font-style: normal;\n        font-weight: 400;\n        src: url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-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/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Roboto\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Roboto\";\n        font-style: normal;\n        font-weight: 500;\n        src: url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-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/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Roboto\")\n            format(\"svg\"); /* Legacy iOS */\n        \n      }\n    \n      @font-face {\n        font-family: \"Roboto\";\n        font-style: normal;\n        font-weight: 700;\n        src: url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.eot\"); /* IE9 Compat Modes */\n        \n          src: local(\"\"),\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-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/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\")\n            format(\"woff2\"),\n            /* Super Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff\")\n            format(\"woff\"),\n            /* Modern Browsers */\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf\")\n            format(\"truetype\"),\n            /* Safari, Android, iOS */\n            url(\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Roboto\")\n            format(\"svg\"); /* Legacy iOS */\n        \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/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/favicon/7eda9e9b-08ee-4fb0-b280-2b4486be4ce6.svg\"}],[\"$\",\"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\"]}]\n"])</script>
1161<script>self.__next_f.push([1,"1b: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/0hund3nm1jlh-.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/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"font\",{\"crossOrigin\":\"anonymous\",\"type\":\"font/woff2\"}]\n:HL[\"https://sites.super.so/ascent/css/style.css\",\"style\"]\n:HL[\"https://sites.super.so/snippets/full-width-sections.css\",\"style\"]\n11:[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"html{font-size:18px}\"}}]\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-Roboto-regular\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n14:[\"$\",\"link\",\"font-preload-Roboto-500\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n15:[\"$\",\"link\",\"font-preload-Roboto-700\",{\"rel\":\"preload\",\"href\":\"https://assets-v2.super.so/global/fonts/Roboto/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2\",\"crossOrigin\":\"anonymous\",\"as\":\"font\",\"type\":\"font/woff2\"}]\n16:[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://sites.super.so/ascent/css/style.css\",\"as\":\"style\"}]\n17:[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"https://sites.super.so/snippets/full-width-sections.css\",\"as\":\"style\"}]\n18:[\"$\",\"link\",\"link-https://sites.super.so/ascent/css/style.css\",{\"rel\":\"stylesheet\",\"href\":\"https://sites.super.so/ascent/css/style.css\"}]\n19:[\"$\",\"link\",\"link-https://sites.super.so/snippets/full-width-sections.css\",{\"rel\":\"stylesheet\",\"href\":\"https://sites.super.so/snippets/full-width-sections.css\"}]\n1c:T1249,/* ---DISPLAYING THE BREADCRUMBS BAR ---*/\n.super-navbar__breadcrumbs .notion-breadcrumb {\n  background-color: #fdfdfd !important;\n}\n\n/* ---CUSTOM COLOUR SETTINGS FOR CONTENT TYPES---- */\n/* --- BUTTON COLOURS ------------------- */\n/* BUTTON DEFAULT COLOUR - For setting the default colour for buttons */\n:root {\n  --primary-color: #84cf9c !important;\n}\n\n/*remove underlining of buttons */\nstrong a.notion-link.link {\n  text-decoration: none;\n}\n\n/*STYLING ICONS IN CARDS*/\n.notion-collection-card .notion-page__icon {\n  margin-top: 0.3em;\n}\n\n/*STYLING NOTION PILLS AND TAGS------------*/\n.notion-pill {\n  margin-top: 10px;\n  padding: 4px;\n  font-weight: 400;\n  text-align: center !important;\n}\n\n.pill-blue {\n  color: #84cf9c;\n  border-color: #00ff9f;\n  background: #FBFAFC !important;\n}\n\n.pill-green {\n  color: #fdfdfd;\n  border-color: #00ff9f;\n  background: #84cf9c !important;\n}\n\n.pill-purple {\n  color: #57487B;\n  border-color: #00ff9f;\n  background: #FDFDFD !important;\n}\n\n.pill-gray {\n  color: #57487B;\n  background: #FBFAFC !important;\n}\n\n/* --- DISPLAYING \u003cCODE\u003e BLOCKS \u0026 SNIPPETS------ */\n/* The text color for displaying code snippets */\ncode.code {\n  color: #150747 !important;\n  background-color: #F4F3F7 !important;\n}\n\n/* The colours for code blocks */\ncode {\n  color: #150747 !important;\n  background-color: #F4F3F7 !important;\n}\n\npre {\n  background-color: #F4F3F7 !important;\n}
1161\n\n/* ---- HIDING NOTION TITLES \u0026 ICONS -------- */\n/* For hiding notion page titles, icons and their margins */\nh1.notion-header__title {\n  display: none !important;\n}\n\n.notion-header__icon-wrapper.has-icon, .notion-header__icon-wrapper.has-icon-image {\n  display: none !important;\n}\n\n.notion-header.page {\n  margin-bottom: -60px !important;\n}\n\n.notion-header__title-wrapper {\n  margin-top: 0px !important;\n}\n\n.notion-header__title-wrapper {\n  margin-bottom: 0px !important;\n}\n\n/* ---- BG FOR CALL-OUT BLOCKS ---------------*/\n/* For managing backgrounds of Call-Out Blocks. Requires the extra style sheet in header called 'snippets/full-width-sections' */\n/* RED BLOCK displays LEFT-TEXT on CENTRED-CLOUDS on GRADIENT BG  */\n.theme-light .notion-callout.bg-red-light {\n  text-align: LEFT;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #fdfdfd;\n  background-image: url(\"https://res.cloudinary.com/deriu1ero/image/upload/t_full width/v1707392081/Cloudy_9_ho2zdr.svg\");\n  background-attachment: fixed;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center !important;\n}\n\n/* YELLOW BLOCK displays LEFT-TEXT on RIGHT-PURPLE-CURVES on LIGHT-GRAY BG */\n.theme-light .notion-callout.bg-yellow-light {\n  text-align: LEFT;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background-color: #FBFAFC;\n  background-image: url(\"https://res.cloudinary.com/deriu1ero/image/upload/v1707316778/xtc-bottom-right-lines_transparent-bg__jxlc64.svg\");\n  background-attachment: fixed;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center !important;\n}\n\n/* BLUE BLOCK displays LEFT-TEXT on solid WHITE BG */\n.theme-light .notion-callout.bg-blue-light {\n  text-align: LEFT;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #FDFDFD !important;\n}\n\n/* PURPLE BLOCK displays LEFT-TEXT on solid LIGHT GRAY BG */\n.theme-light .notion-callout.bg-purple-light {\n  text-align: LEFT;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #FBFAFC !important;\n}\n\n/* GREEN BLOCK displays LEFT-TEXT on solid GREEN BG */\n.theme-light .notion-callout.bg-green-light {\n  text-align: LEFT;\n  color: #FDFDFD;\n  border-color: #FDFDFD;\n  background: #84cf9c !important;\n}\n\n/* GRAY BLOCK displays CENTRED TEXT on CLOUDS on LIGHT GRAY BG  */\n.theme-light .notion-callout.bg-gray-light {\n  text-align: center;\n  border-color: #F3F3F5;\n  background-color: #FBFAFC;\n  background-image: url(\"https://res.cloudinary.com/deriu1ero/image/upload/t_full width/v1707390396/Cloudy_6_hd3y0x.svg\");\n  background-attachment: fixed;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center !important;\n}\n\n/* ORANGE BLOCK displays white and CENTRED-TEXT on DARK PURPLE  */\n.theme-light .notion-callout.bg-orange-light {\n  text-align: center;\n  color: #FDFDFD;\n  border-color: #FBFAFC;\n  background: #2E1E57 !important;\n}\n\n/* PINK BLOCK displays CENTRED-TEXT on solid LIGHT GRAY BG */\n.theme-light .notion-callout.bg-pink-light {\n  text-align: center;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #FBFAFC !important;\n}\n\n/* BROWN BLOCK displays CENTRED-TEXT on solid WHITE BG */\n.theme-light .notion-callout.bg-brown-light {\n  text-align: center;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #FDFDFD !important;\n}1a:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L1b\",null,{\"settings\":{\"siteId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97\",\"userId\":\"null\",\"domainName\":\"xqizit.com\",\"name\":\"xqizit (prod)\",\"active\":true,\"free\":false,\"tier\":\"pro\",\"favicon\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/favicon/7eda9e9b-08ee-4fb0-b280-2b4486be4ce6.svg\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"8e4bd9e85aaa467abe912ef02995a730\",\"indexPageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::5d4fa512-105f-426b-8f65-46a9219ac5d7\",\"pageProperties\":false,\"hidePageProperties\":true,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":true,\"themeToggle\":false,\"mondayFirst\":true,\"loadLimits\":true,\"hidePersonInfo\":true,\"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\"
1161: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\":\"8a6be79a-9bd1-4317-9af0-035209eb79fc\",\"type\":\"page\",\"label\":\"xqizit cloud\",\"link\":\"/\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::5d4fa512-105f-426b-8f65-46a9219ac5d7\",\"icon\":\"\",\"list\":[]},{\"id\":\"a6f8dc42-b131-4c25-bc5d-f83ca6e44df6\",\"type\":\"page\",\"label\":\"learn\",\"link\":\"/xqizit-learn\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::86c99320-86a4-4412-83d8-2df01573045d\",\"icon\":\"\",\"list\":[]},{\"id\":\"b71b1f00-b60c-423c-a3c3-06b73323a1f2\",\"type\":\"page\",\"label\":\"get involved\",\"link\":\"/xqizit-get-involved\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::2a87e615-8a8c-4fa5-ba14-82cba263fcb3\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":51,\"fontSize\":16,\"textContent\":\"xqizit (prod)\",\"imageContent\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/logo/a84a3d5c-8365-4f7b-bce9-04faaf621d74.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"get started\",\"link\":\"/sign-up\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::49b2ddbc-2c53-47f9-890e-6ec419d9d9ef\"},\"isSticky\":true,\"breadcrumbs\":true},\"footer\":{\"type\":\"floating\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"05750e66-5404-4d9d-9166-5030b0e6d780\",\"type\":\"page\",\"label\":\"Team and contributors\",\"link\":\"/contributors\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::f0239ecd-2a32-406c-a140-b2904e775c3c\",\"icon\":\"\",\"list\":[]},{\"id\":\"1858c6ea-e990-463a-8a29-2a11ddb5b6bf\",\"type\":\"page\",\"label\":\"Code of conduct\",\"link\":\"/code-of-conduct\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::b9bc18a6-4370-4793-a0f0-624c56b3914d\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":41,\"fontSize\":16,\"textContent\":\"xqizit (prod)\",\"imageContent\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/logo/db2cd5fe-a5a3-417e-ac1b-75e836933b07.svg\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"github\",\"link\":\"https://github.com/xtclang/\"},{\"type\":\"youtube\",\"link\":\"https://www.youtube.com/@xtclang\"},{\"type\":\"linkedin\",\"link\":\"https://www.linkedin.com/company/xqizit/\"},{\"type\":\"mastodon\",\"link\":\"https://mastodon.social/@xqizit\"},{\"type\":\"twitter\",\"link\":\"https://twitter.com/xqizitcloud\"}],\"footnote\":\"\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":8,\"pageDisplay\":\"flex\"},\"header\":{\"coverHeight\":30,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"display\":\"block\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":200,\"coverHeightMedium\":200,\"coverHeightSmall\":128,\"titleSize\":0.875,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Roboto\",\"secondaryFont\":\"Roboto\",\"fonts\":[],\"baseSize\":18,\"titleSize\":2.5,\"headingSize\":1,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":56,\"shadow\":\"none\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"none\"},\"colors\":{\"light\":{\"text\":\"#504a78\",\"textLight\":\"#57487b\",\"background\":\"#fdfdfd\",\"borderColor\":\"#f3f3f5\",\"checkboxBackgroun
1161d\":\"#fdfdfd\",\"hoverBackground\":\"#e7e8ed\",\"scrollbar\":{\"background\":\"#f3f3f5\",\"handle\":\"#dcdce4\",\"border\":\"#dcdce4\"},\"navbar\":{\"text\":\"#1f124f\",\"background\":\"#f3f3f5\",\"buttonText\":\"#fdfdfd\",\"buttonBackground\":\"#84cf9c\",\"hoverBackground\":null},\"footer\":{\"text\":\"#57487b\",\"background\":\"#f3f3f5\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#f3f3f5\",\"cardHoverBackground\":\"#e7e8ed\",\"calendarWeekendBackground\":\"#b3b6c9\"},\"default\":[45,8,20],\"gray\":[270,25,98],\"brown\":[230,18,25],\"orange\":[23,99,63],\"yellow\":[260,18,97],\"green\":[139,44,66],\"blue\":[208,100,52],\"purple\":[253,63,19],\"pink\":[250,17,93],\"red\":[248,24,38],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#262626\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#262626\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#262626\",\"cardHoverBackground\":\"#2f2f2f\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[1,69,60]}}},\"code\":{\"global\":[{\"id\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::460d1e5d-39f1-46b3-b8c1-bdbf0071627f\",\"content\":\"\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/ascent/css/style.css\\\"\u003e\\n\\n\u003clink rel=\\\"stylesheet\\\" href=\\\"https://sites.super.so/snippets/full-width-sections.css\\\"\u003e\"}],\"head\":[],\"body\":[],\"style\":[],\"css\":\"$1c\"},\"files\":[]},\"config\":{\"assetEndpoint\":\"https://assets.super.so\",\"isPreview\":false},\"domainQueryParam\":\"$undefined\",\"children\":[null,\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\"]}],\"$L21\"]}]\n"])</script>
1161<script>self.__next_f.push([1,"22: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/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"ThemeProvider\"]\n28: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/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationEvents\"]\n29: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/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LinkUpgrader\"]\n2a: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/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"LightboxEnhancer\"]\n2b: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/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"SpeedInsights\"]\n23:T2746,\n    :root {\n      /* Layout */\n      --padding-layout: 0.6rem;\n      --border-radii-layout: 8px;\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: 900px;\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: 30vh;\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: 10px;\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: 0.875rem;\n      --collection-card-cover-height-small: 128px;\n      --collection-card-cover-size-small: 172px;\n      --collection-card-cover-height-medium: 200px;\n      --collection-card-cover-size-medium: 260px;\n      --collection-card-cover-height-large: 200px;\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
1161x\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.5rem;\n      --quote-size: 1.2rem;\n      --quote-size-large: 1.4rem;\n      --heading-size: 1rem;\n      --primary-font: Roboto, Roboto-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: Roboto, Roboto-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: 280px;\n      --sidebar-shadow: none;\n    }\n    html {\n      scroll-padding-top: 62px;\n    }\n    body {\n      font-family: var(--secondary-font);\n    }\n\n    /* ---DISPLAYING THE BREADCRUMBS BAR ---*/\n.super-navbar__breadcrumbs .notion-breadcrumb {\n  background-color: #fdfdfd !important;\n}\n\n/* ---CUSTOM COLOUR SETTINGS FOR CONTENT TYPES---- */\n/* --- BUTTON COLOURS ------------------- */\n/* BUTTON DEFAULT COLOUR - For setting the default colour for buttons */\n:root {\n  --primary-color: #84cf9c !important;\n}\n\n/*remove underlining of buttons */\nstrong a.notion-link.link {\n  text-decoration: none;\n}\n\n/*STYLING ICONS IN CARDS*/\n.notion-collection-card .notion-page__icon {\n  margin-top: 0.3em;\n}\n\n/*STYLING NOTION PILLS AND TAGS------------*/\n.notion-pill {\n  margin-top: 10px;\n  padding: 4px;\n  font-weight: 400;\n  text-align: center !important;\n}\n\n.pill-blue {\n  color: #84cf9c;\n  border-color: #00ff9f;\n  background: #FBFAFC !important;\n}\n\n.pill-green {\n  color: #fdfdfd;\n  border-color: #00ff9f;\n  background: #84cf9c !important;\n}\n\n.pill-purple {\n  color: #57487B;\n  border-color: #00ff9f;\n  background: #FDFDFD !important;\n}\n\n.pill-gray {\n  color: #57487B;\n  background: #FBFAFC !important;\n}\n\n/* --- DISPLAYING \u003cCODE\u003e BLOCKS \u0026 SNIPPETS------ */\n/* The text color for displaying code snippets */\ncode.code {\n  color: #150747 !important;\n  background-color: #F4F3F7 !important;\n}\n\n/* The colours for code blocks */\ncode {\n  color: #150747 !important;\n  background-color: #F4F3F7 !important;\n}\n\npre {\n  background-color: #F4F3F7 !important;\n}\n\n/* ---- HIDING NOTION TITLES \u0026 ICONS -------- */\n/* For hiding notion page titles, icons and their margins */\nh1.notion-header__title {\n  display: none !important;\n}\n\n.notion-header__icon-wrapper.has-icon, .notion-header__icon-wrapper.has-icon-image {\n  display: none !important;\n}\n\n.notion-header.page {\n  margin-bottom: -60px !important;\n}\n\n.notion-header__title-wrapper {\n  margin-top: 0px !important;\n}\n\n.notion-header__title-wrapper {\n  margin-bottom: 0px !important;\n}\n\n/* ---- BG FOR CALL-OUT BLOCKS ---------------*/\n/* For managing backgrounds of Call-Out Blocks. Requires the extra style sheet in header called 'snippets/full-width-sections' */\n/* RED BLOCK displays 
1161LEFT-TEXT on CENTRED-CLOUDS on GRADIENT BG  */\n.theme-light .notion-callout.bg-red-light {\n  text-align: LEFT;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #fdfdfd;\n  background-image: url(\"https://res.cloudinary.com/deriu1ero/image/upload/t_full width/v1707392081/Cloudy_9_ho2zdr.svg\");\n  background-attachment: fixed;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center !important;\n}\n\n/* YELLOW BLOCK displays LEFT-TEXT on RIGHT-PURPLE-CURVES on LIGHT-GRAY BG */\n.theme-light .notion-callout.bg-yellow-light {\n  text-align: LEFT;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background-color: #FBFAFC;\n  background-image: url(\"https://res.cloudinary.com/deriu1ero/image/upload/v1707316778/xtc-bottom-right-lines_transparent-bg__jxlc64.svg\");\n  background-attachment: fixed;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center !important;\n}\n\n/* BLUE BLOCK displays LEFT-TEXT on solid WHITE BG */\n.theme-light .notion-callout.bg-blue-light {\n  text-align: LEFT;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #FDFDFD !important;\n}\n\n/* PURPLE BLOCK displays LEFT-TEXT on solid LIGHT GRAY BG */\n.theme-light .notion-callout.bg-purple-light {\n  text-align: LEFT;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #FBFAFC !important;\n}\n\n/* GREEN BLOCK displays LEFT-TEXT on solid GREEN BG */\n.theme-light .notion-callout.bg-green-light {\n  text-align: LEFT;\n  color: #FDFDFD;\n  border-color: #FDFDFD;\n  background: #84cf9c !important;\n}\n\n/* GRAY BLOCK displays CENTRED TEXT on CLOUDS on LIGHT GRAY BG  */\n.theme-light .notion-callout.bg-gray-light {\n  text-align: center;\n  border-color: #F3F3F5;\n  background-color: #FBFAFC;\n  background-image: url(\"https://res.cloudinary.com/deriu1ero/image/upload/t_full width/v1707390396/Cloudy_6_hd3y0x.svg\");\n  background-attachment: fixed;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center !important;\n}\n\n/* ORANGE BLOCK displays white and CENTRED-TEXT on DARK PURPLE  */\n.theme-light .notion-callout.bg-orange-light {\n  text-align: center;\n  color: #FDFDFD;\n  border-color: #FBFAFC;\n  background: #2E1E57 !important;\n}\n\n/* PINK BLOCK displays CENTRED-TEXT on solid LIGHT GRAY BG */\n.theme-light .notion-callout.bg-pink-light {\n  text-align: center;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #FBFAFC !important;\n}\n\n/* BROWN BLOCK displays CENTRED-TEXT on solid WHITE BG */\n.theme-light .notion-callout.bg-brown-light {\n  text-align: center;\n  color: #504a78;\n  border-color: #F3F3F5;\n  background: #FDFDFD !important;\n}\n  24:T5aad,\n    html.theme-light {\n      /* Gray */\n      --gray-h: 270;\n      --gray-s: 25%;\n      --gray-l: 98%;\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        90%\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        90%\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: 230;\n      --brown-s: 18%;\n      --brown-l: 25%;\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        69%\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        67%\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: 23;\n      --orange-s: 99%;\n      --orange-l: 63%;\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: 260;\n      --yellow-s: 18%;\n      --yellow-l: 97%;\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: 139;\n      --green-s: 44%;\n      --green-l: 66%;\n      --color-green: hsl(var(--green-h), var(--green-s), var(--green-l));\n      --color-text-green: var(--color-green);
1161\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: 208;\n      --blue-s: 100%;\n      --blue-l: 52%;\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        90%\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: 253;\n      --purple-s: 63%;\n      --purple-l: 19%;\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        59%\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        55%\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: 250;\n      --pink-s: 17%;\n      --pink-l: 93%;\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: 248;\n      --red-s: 24%;\n      --red-l: 38%;\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        78%\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        76%\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        84%\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: #504a78;\n      --color-text-default-light: #57487b;\n      --color-bg-default: #fdfdfd;\n      --color-border-default: #f3f3f5;\n      --color-border-dark: var(--color-border-default);\n      --color-ui-hover-bg: #e7e8ed;\n      --color-card-bg: #f3f3f5;\n      --color-card-bg-hover: #e7e8ed;\n      --color-calendar-weekend-bg: #b3b6c9;\n      --color-checkbox-bg: #fdfdfd;\n      --color-code-bg: rgba(135,131,120,.15);\n\n      /*Scrollbar*/\n      --scrollbar-background-color: #f3f3f5;\n      --scrollbar-thumb-color: #dcdce4;\n      --scrollbar-border-color: #dcdce4;\n\n      /*Navbar*/\n      --navbar-text-color: #1f124f;\n      --navbar-list-item-hover: rgba(130, 130, 130, 0.09);\n      --navbar-background-color-hover: #e4e4e6;\n      --navbar-background-color: #f3f3f5;\n      --navbar-button-text-color: #fdfdfd;\n      --navbar-button-background-color: #84cf9c;\n      --navbar-menu-background-color: var(--navbar-background-color);\n      --navbar-text-color-dark: #100340;
1161\n\n      /*Footer*/\n      --footer-text-color: #57487b;\n      --footer-background-color: #f3f3f5;\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  }
1161\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  25: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      );
1161\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);
1161\n      --color-ui-hover-bg: #262626;\n      --color-card-bg: #262626;\n      --color-card-bg-hover: #2f2f2f;\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;\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: #262626;\n      --sidebar-text-color-dark: #d2d2d2;\n      --sidebar-cta-background-color-hover: #262626;\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-da
1161rk .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  }\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  26: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
1161 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  }\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  1d:[\"$\",\"$L22\",null,{\"settings\":\"$1a:props:children:0:props:settings\",\"isPreview\":false,\"global\":\"$23\",\"light\":\"$24\",\"dark\":\"$25\",\"legacy\":\"$26\",\"children\":[\"$L27\",null]}]\n1e:[\"$\",\"$L28\",null,{}]\n1f:[\"$\",\"$L29\",null,{}]\n20:[\"$\",\"$L2a\",null,{}]\n21:[\"$\",\"$L2b\",null,{\"sampleRate\":0.3}]\n"])</script>
1161<script>self.__next_f.push([1,"2c: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/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"PasswordPageLayoutProvider\"]\n2d: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/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\"],\"NavigationContent\"]\n2e: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/0hund3nm1jlh-.js\",\"/_next/static/chunks/3cmvik1zogxvy.js\",\"/_next/static/chunks/2ggeb0g51xxjo.js\"],\"default\"]\n27:[\"$\",\"div\",null,{\"className\":\"super-root\",\"children\":[null,[\"$\",\"$L2c\",null,{\"children\":[\"$\",\"$L2d\",null,{\"settings\":\"$1a:props:children:0:props:settings\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$2e\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2ggeb0g51xxjo.js\",\"async\":true}]],\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L2f\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]\n"])</script>
1161<script>self.__next_f.push([1,"30: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/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"ErrorPage\"]\n2f:[\"$\",\"$L30\",null,{\"type\":\"notfound\"}]\n"])</script>
1161<script>self.__next_f.push([1,"31: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/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"PageProvider\"]\n5:[\"$\",\"$L31\",null,{\"pageReplacement\":\"$undefined\",\"getWebVital\":false,\"pageId\":\"xqizit-learn\",\"records\":{\"__version__\":3,\"block\":{\"xqizit-learn\":{\"id\":\"xqizit-learn\",\"children\":[\"80bb92f92eba4b71a46aa30acc11d25d\",\"43df2e6fb2b94c92b7c09e5faa91be2b\",\"f2bf9035185f496d84437ddb5dbcb90e\",\"74e021ea89654bdaa82ddf1827d6edd8\",\"9da4293c867c434eadf9bd0bd5b0704f\",\"433a6fe37b45459f8e8cbd125d36e553\",\"8ce9466d08994e3b851bbbdd93683578\"],\"hasContent\":true,\"parentId\":\"2593da0a791b485092808f4f1ae4c09b\",\"title\":[[\"learn\"]],\"updatedAt\":1724166597323,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"createdTime\":1688110432766,\"lastEditedTime\":1724166597323,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"uri\":\"/xqizit-learn\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":{},\"propertyValues\":{},\"blockId\":\"4c5737a0-7fa1-4c66-9327-80051c656d74\"},\"34bef61f96ff4bf2be63a5fe4223b87a\":{\"id\":\"34bef61f96ff4bf2be63a5fe4223b87a\",\"children\":[],\"hasContent\":false,\"parentId\":\"80bb92f92eba4b71a46aa30acc11d25d\",\"title\":[[\"LEARN\",[[\"h\",\"ColorGreen\"]]]],\"updatedAt\":1706194792938,\"type\":\"heading\",\"subType\":\"sub_sub_header\",\"depth\":3},\"1ec8dc6403e34b8b89e693107debe647\":{\"id\":\"1ec8dc6403e34b8b89e693107debe647\",\"children\":[],\"hasContent\":false,\"parentId\":\"4fe0de243c9e46259cc56985af4000a8\",\"title\":[],\"updatedAt\":1707744577719,\"type\":\"text\"},\"acc9a309555740b0a7c4399d059b80b9\":{\"id\":\"acc9a309555740b0a7c4399d059b80b9\",\"children\":[],\"hasContent\":false,\"parentId\":\"4fe0de243c9e46259cc56985af4000a8\",\"title\":[[\"Developing in Ecstasy and deploying on xqizit.\"]],\"updatedAt\":1707745073020,\"type\":\"heading\",\"subType\":\"sub_header\",\"depth\":2},\"709585e08f6f4a0ab7e262dbf2de9e2d\":{\"id\":\"709585e08f6f4a0ab7e262dbf2de9e2d\",\"children\":[],\"hasContent\":false,\"parentId\":\"4fe0de243c9e46259cc56985af4000a8\",\"title\":[[\"xqizit is a platform as a service (PaaS) that enables developers to build, deploy and operate Ecstasy applications efficiently in the cloud. \"]],\"updatedAt\":1707740955489,\"type\":\"text\"},\"25fff348bf4a4a6b908942e7e0f4b733\":{\"id\":\"25fff348bf4a4a6b908942e7e0f4b733\",\"children\":[],\"hasContent\":false,\"parentId\":\"4fe0de243c9e46259cc56985af4000a8\",\"title\":[[\"Ecstasy is a delightful open-source programming language, designed to develop scalable, secure and resource-efficient cloud applications.\"]],\"updatedAt\":1719237021134,\"type\":\"text\"},\"cbc9b42882a94705b8c6b8751679d082\":{\"id\":\"cbc9b42882a94705b8c6b8751679d082\",\"children\":[],\"hasContent\":false,\"parentId\":\"4fe0de243c9e46259cc56985af4000a8\",\"title\":[[\"Interested in learning Ecstasy?\"],[\" \",[[\"b\",null]]],[\"These pages should set you on your way!\"]],\"updatedAt\":1707747515101,\"type\":\"text\"},\"0447b811894c495cb708b15bb3538c64\":{\"id\":\"0447b811894c495cb708b15bb3538c64\",\"children\":[],\"hasContent\":false,\"parentId\":\"4fe0de243c9e46259cc56985af4000a8\",\"title\":[],\"updatedAt\":1718619800273,\"type\":\"text\"},\"1100fc510fbb4860b0ed6661672375c4\":{\"id\":\"1100fc510fbb4860b0ed6661672375c4\",\"children\":[],\"hasContent\":false,\"parentId\":\"4fe0de243c9e46259cc56985af4000a8\",\"title\":[[\"Learn\",[[\"a\",\"/xqizit-learn#block-43df2e6fb2b94c92b7c09e5faa91be2b\"],[\"b\",null]]]],\"updatedAt\":1718619842022,\"type\":\"text\"},\"4fe0de243c9e46259cc56985af4000a8\":{\"id\":\"4fe0de243c9e46259cc56985af4000a8\",\"children\":[\"1ec8dc6403e34b8b89e693107debe647\",\"acc9a309555740b0a7c4399d059b80b9\",\"709585e08f6f4a0ab7e262dbf2de9e2d\",\"25fff348bf4a4a6b908942e7e0f4b733\",\"cbc9b42882a94705b8c6b8751679d082\",\"0447b811894c495cb708b15bb3538c64\",\"1100fc510fbb4860b0ed6661672375c4\"],\"hasContent\":true,\"parentId\":\"5ceb0dcdf4fd41aaaaf5423c4a2e2246\",\"title\":null,\"updatedAt\":1718619852645,\"type\":\"column\",\"ratio\":1},\"c3297c1f24504f838791db94e604f057\":{\"id\":\"c3297c1f24504f838791db94e604f057\",\"children\":[],\"hasContent\":false,\"parentId\":\"0840c41bc23241c0bb73bf15b1cecb4e\",\"title\":[],\"updatedAt\":1719307353330,\"type\":\"text\"},\"c1ad39b3fcaf4d47a5075c71aa9c122c\":{\"id\":\"c1ad39b3fcaf4d47a5075c71aa9c122c\",\"children\":[],\"hasContent\":false,\"parentId\":\"0840c41bc23241c0bb73bf15b1cecb4e\",\"title\":null,\"updatedAt\":1719307370100,\"type\":\"image\",\"source\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/public\",\"altText\":null,\"isCaptionLink\":false,\"link\":null,\"width\":1500,\"height\"
1161:-1,\"alignment\":\"left\",\"fullWidth\":false,\"pageWidth\":true,\"aspectRatio\":1,\"preserveScale\":true},\"0840c41bc23241c0bb73bf15b1cecb4e\":{\"id\":\"0840c41bc23241c0bb73bf15b1cecb4e\",\"children\":[\"c3297c1f24504f838791db94e604f057\",\"c1ad39b3fcaf4d47a5075c71aa9c122c\"],\"hasContent\":true,\"parentId\":\"5ceb0dcdf4fd41aaaaf5423c4a2e2246\",\"title\":null,\"updatedAt\":1719307358859,\"type\":\"column\",\"ratio\":1},\"5ceb0dcdf4fd41aaaaf5423c4a2e2246\":{\"id\":\"5ceb0dcdf4fd41aaaaf5423c4a2e2246\",\"children\":[\"4fe0de243c9e46259cc56985af4000a8\",\"0840c41bc23241c0bb73bf15b1cecb4e\"],\"hasContent\":true,\"parentId\":\"80bb92f92eba4b71a46aa30acc11d25d\",\"title\":null,\"updatedAt\":1707740953360,\"type\":\"column_list\",\"multiplyer\":0.5,\"fullWidth\":false,\"pageWidth\":false},\"80bb92f92eba4b71a46aa30acc11d25d\":{\"id\":\"80bb92f92eba4b71a46aa30acc11d25d\",\"children\":[\"34bef61f96ff4bf2be63a5fe4223b87a\",\"5ceb0dcdf4fd41aaaaf5423c4a2e2246\"],\"hasContent\":true,\"parentId\":\"xqizit-learn\",\"title\":[],\"updatedAt\":1718619299084,\"type\":\"callout\",\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/abc6f71e-38e1-4b91-8e1c-13af6143db53/XQIZIT_PURPLE_100_(1)/public\",\"color\":\"BgRed\"},\"43df2e6fb2b94c92b7c09e5faa91be2b\":{\"id\":\"43df2e6fb2b94c92b7c09e5faa91be2b\",\"children\":[],\"hasContent\":false,\"parentId\":\"xqizit-learn\",\"title\":[[\"Interested in learning the Ecstasy programming language?\"]],\"updatedAt\":1724166597323,\"type\":\"heading\",\"subType\":\"sub_sub_header\",\"depth\":3},\"f2bf9035185f496d84437ddb5dbcb90e\":{\"id\":\"f2bf9035185f496d84437ddb5dbcb90e\",\"children\":[],\"hasContent\":false,\"parentId\":\"xqizit-learn\",\"title\":[[\"If you are interested in learning how to develop, host and manage your Ecstasy applications on xqizit, then these guides and tutorials will set you on your way.\"]],\"updatedAt\":1719223546793,\"type\":\"text\"},\"74e021ea89654bdaa82ddf1827d6edd8\":{\"id\":\"74e021ea89654bdaa82ddf1827d6edd8\",\"children\":[],\"hasContent\":false,\"parentId\":\"xqizit-learn\",\"title\":[],\"updatedAt\":1707745346763,\"type\":\"text\"},\"9da4293c867c434eadf9bd0bd5b0704f\":{\"id\":\"9da4293c867c434eadf9bd0bd5b0704f\",\"children\":[],\"hasContent\":false,\"parentId\":\"xqizit-learn\",\"title\":null,\"updatedAt\":1731663249263,\"type\":\"collection_inline\",\"sourceId\":\"9da4293c-867c-434e-adf9-bd0bd5b0704f\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"views\":[{\"id\":\"06847c86-e945-4fc0-a606-0faabf571d7e\",\"groups\":[],\"type\":\"gallery\",\"name\":\"guides\",\"format\":{\"gallery_cover\":{\"type\":\"property\",\"property\":\"7b33479e-731f-49a9-906e-08e66ecd3ef8\"},\"show_page_icon\":false,\"property_filters\":[{\"id\":\"f134ab97-2e60-4823-b819-eac13893f594\",\"filter\":{\"filter\":{\"value\":[{\"type\":\"exact\",\"value\":\"Guide\"},{\"type\":\"exact\",\"value\":\"Tutorial\"}],\"operator\":\"enum_contains\"},\"property\":\"p{~O\"}},{\"id\":\"62f9b3b2-f233-4c42-a616-27d668de9df5\",\"filter\":{\"filter\":{\"value\":[{\"type\":\"is_option\",\"value\":\"Published\"},{\"type\":\"is_option\",\"value\":\"For Promoting\"},{\"type\":\"is_option\",\"value\":\"Promoted\"}],\"operator\":\"status_is\"},\"property\":\"\\\\Ij~\"}},{\"id\":\"4544dce6-37e5-4ed0-b837-f4af11322309\",\"filter\":{\"filter\":{\"value\":{\"type\":\"exact\",\"value\":\"xqizit\"},\"operator\":\"enum_contains\"},\"property\":\"s|EZ\"}}],\"collection_pointer\":{\"id\":\"80e39b81-5b64-4b80-b1d0-c3da884a4731\",\"table\":\"collection\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\"},\"collection_peek_mode\":\"full_page\",\"hide_linked_collection_name\":true,\"table_subitem_toggle_column\":\"title\"},\"visibleColumns\":[{\"id\":\"title\",\"name\":\"Title\",\"type\":\"title\",\"options\":null,\"visible\":true},{\"id\":\":Kzv\",\"name\":\"Tags\",\"type\":\"multi_select\",\"options\":null,\"visible\":true}],\"icon\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg\",\"items\":[\"xqizit-learn-introducing-the-ecstasy-language-syntax-structure-and-execution-model\",\"xqizit-learn-how-to-stru
1161cture-your-ecstasy-language-project-with-modules\",\"xqizit-learn-how-to-write-your-first-hello-world-in-the-ecstasy-language\",\"xqizit-learn-how-to-define-classes-in-ecstasy\",\"xqizit-learn-how-to-use-class-keywords-in-ecstasy\",\"xqizit-learn-how-to-work-with-classes-and-objects-in-ecstasy\",\"xqizit-learn-how-to-use-type-parameters-and-virtual-child-classes-in-ecstasy\",\"xqizit-learn-how-to-define-a-type-in-ecstasy\",\"xqizit-learn-how-to-build-a-web-server-in-ecstasy-language\"],\"hideTitle\":false,\"hideCollectionName\":true,\"tableWrap\":true,\"title\":[[\"shared content database\"]],\"superProperties\":{}},{\"id\":\"67e0afbc-10a5-4763-ad6b-7038202627d1\",\"groups\":[],\"type\":\"gallery\",\"name\":\"blog\",\"format\":{\"gallery_cover\":{\"type\":\"property\",\"property\":\"7b33479e-731f-49a9-906e-08e66ecd3ef8\"},\"property_filters\":[{\"id\":\"25228731-d77e-45ac-bf0b-aa95f914aef6\",\"filter\":{\"filter\":{\"value\":{\"type\":\"exact\",\"value\":\"Blog\"},\"operator\":\"enum_contains\"},\"property\":\"p{~O\"}},{\"id\":\"09cd50cf-b720-48a5-b930-2304e7d57608\",\"filter\":{\"filter\":{\"value\":{\"type\":\"is_option\",\"value\":\"Published\"},\"operator\":\"status_is\"},\"property\":\"\\\\Ij~\"}},{\"id\":\"73c00395-10b4-4678-b4d8-1f11cf8c1b5b\",\"filter\":{\"filter\":{\"value\":{\"type\":\"exact\",\"value\":\"xqizit\"},\"operator\":\"enum_contains\"},\"property\":\"s|EZ\"}}],\"collection_pointer\":{\"id\":\"80e39b81-5b64-4b80-b1d0-c3da884a4731\",\"table\":\"collection\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\"},\"gallery_cover_aspect\":\"cover\",\"hide_linked_collection_name\":true,\"table_subitem_toggle_column\":\"title\"},\"visibleColumns\":[{\"id\":\"title\",\"name\":\"Title\",\"type\":\"title\",\"options\":null,\"visible\":true},{\"id\":\":Kzv\",\"name\":\"Tags\",\"type\":\"multi_select\",\"options\":null,\"visible\":true},{\"id\":\"ge?@\",\"name\":\"Author, Speaker\",\"type\":\"relation\",\"options\":null,\"visible\":true}],\"icon\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/767fcc89-b2f8-4fef-ae78-23c477e2fc71/files-light.svg\",\"items\":[\"xqizit-cloud-so-whats-the-big-idea\",\"its-the-little-things\",\"explicit-intent-enumerating-the-priorities-of-design\",\"conditional-methods-for-the-ecstasy-language\"],\"hideTitle\":false,\"hideCollectionName\":true,\"subItem\":{\"property\":\"rE\u003cN\"},\"tableWrap\":true,\"title\":[[\"shared content database\"]],\"superProperties\":{}}]},\"433a6fe37b45459f8e8cbd125d36e553\":{\"id\":\"433a6fe37b45459f8e8cbd125d36e553\",\"children\":[],\"hasContent\":false,\"parentId\":\"xqizit-learn\",\"title\":[],\"updatedAt\":1707740733838,\"type\":\"text\"},\"8ce9466d08994e3b851bbbdd93683578\":{\"id\":\"8ce9466d08994e3b851bbbdd93683578\",\"children\":[],\"hasContent\":false,\"parentId\":\"xqizit-learn\",\"title\":[],\"updatedAt\":1706195534839,\"type\":\"text\"},\"xqizit-learn-introducing-the-ecstasy-language-syntax-structure-and-execution-model\":{\"id\":\"xqizit-learn-introducing-the-ecstasy-language-syntax-structure-and-execution-model\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"Introducing the Ecstasy language: Syntax, Structure and Execution Model.\"]],\"updatedAt\":1746023038871,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.4076,\"createdTime\":1720517243098,\"lastEditedTime\":1746023038871,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"06847c86-e945-4fc0-a606-0faabf571d7e\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/24be168e-e9ac-48a6-b451-3e492f448ba5/1-Introducing-the-Ecstasy-language-RIGHT.svg\"},\"uri\":\"/xqizit-learn/introducing-the-ecstasy-language-syntax-structure-and-execution-model\",\"blockId\":\"b69ce1e9-e209-45bd-9220-263bd0df9c4a\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"syntax\"},{\"color\":\"purple\",\"value\":\"structure\"}]}}
1161,\"xqizit-learn-how-to-structure-your-ecstasy-language-project-with-modules\":{\"id\":\"xqizit-learn-how-to-structure-your-ecstasy-language-project-with-modules\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"How to structure your Ecstasy language project with Modules.\",[[\"b\",null]]]],\"updatedAt\":1746022975340,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.4191,\"createdTime\":1719222628993,\"lastEditedTime\":1746022975340,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"06847c86-e945-4fc0-a606-0faabf571d7e\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/09b9b026-e2e4-45c4-88bf-2aa33e35350d/2-Structure-your-Ecstasy-language-project-w-modules-RIGHT(2).svg\"},\"uri\":\"/xqizit-learn/how-to-structure-your-ecstasy-language-project-with-modules\",\"blockId\":\"ac403051-1efb-4fb6-8b72-2fa8e3b55300\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"modules\"}]}},\"xqizit-learn-how-to-write-your-first-hello-world-in-the-ecstasy-language\":{\"id\":\"xqizit-learn-how-to-write-your-first-hello-world-in-the-ecstasy-language\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"How to write your first ‘’Hello World’ with the Ecstasy Language.\",[[\"b\",null]]]],\"updatedAt\":1746022983756,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.7513,\"createdTime\":1719221773130,\"lastEditedTime\":1746022983756,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"06847c86-e945-4fc0-a606-0faabf571d7e\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/ca454e14-be4f-49b5-9cee-e55fc36391e5/3-Hello-World-in-the-Ecstasy-Language-LEFT.svg\"},\"uri\":\"/xqizit-learn/how-to-write-your-first-hello-world-in-the-ecstasy-language\",\"blockId\":\"96326779-26f9-411c-8a5d-32d9923afcb4\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"hello-world\"},{\"color\":\"purple\",\"value\":\"xdk\"}]}},\"xqizit-learn-how-to-define-classes-in-ecstasy\":{\"id\":\"xqizit-learn-how-to-define-classes-in-ecstasy\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"How to define Classes in Ecstasy\",[[\"b\",null]]]],\"updatedAt\":1746021856643,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.6965,\"createdTime\":1720521611698,\"lastEditedTime\":1746021856643,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"06847c86-e945-4fc0-a606-0faabf571d7e\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/2c6a7d3b-29f9-4912-a00b-bb7f0c1fd327/4-Defining-Classes-in-Ecstasy-LEFT.svg\"},\"uri\":\"/xqizit-learn/how-to-define-classes-in-ecstasy\",\"blockId\":\"69287e09-8d1e-4431-b322-aa73b782d2a2\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"objects\"},{\"color\":\"purple\",\"value\":\"classes\"}]}},\"xqizit-learn-how-to-use-class-keywords-in-ecstasy\":{\"id\":\"xqizit-learn-how-to-use-class-keywords-in-ecstasy\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"How to use Class Keywords in Ecstasy\",[[\"b\",null]]]],\"updatedAt\":1746023025460,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.4451,\"createdTime\":1720522095499,\"lastEditedTime\":1746023025460,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"06847c86-e945-4fc0-a606-0faabf571d7e\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/d7e03fa5-cfe9-47df-adb1-3428a5725afc/5-Class-keywords-in-Ecstasy-LEFT.svg\"},\"uri\":\"/xqizit-learn/how-to-use-class-keywords-in-ecstasy\",\"blockId\":\"b2328d72-2c05-4fb5-8960-c7f2439
11610c3a7\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"classes\"},{\"color\":\"purple\",\"value\":\"class keywords\"}]}},\"xqizit-learn-how-to-work-with-classes-and-objects-in-ecstasy\":{\"id\":\"xqizit-learn-how-to-work-with-classes-and-objects-in-ecstasy\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"How to work with Classes and Objects in Ecstasy\",[[\"b\",null]]]],\"updatedAt\":1746022957313,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.7745,\"createdTime\":1720522376722,\"lastEditedTime\":1746022957313,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"06847c86-e945-4fc0-a606-0faabf571d7e\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/6ecd1845-f8d2-4650-a741-d480331aebec/Classes_and_Objects_in_Ecstasy-RIGHT.svg\"},\"uri\":\"/xqizit-learn/how-to-work-with-classes-and-objects-in-ecstasy\",\"blockId\":\"ae93926a-5547-480d-a258-b4d99280b5dd\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"classes\"},{\"color\":\"purple\",\"value\":\"objects\"}]}},\"xqizit-learn-how-to-use-type-parameters-and-virtual-child-classes-in-ecstasy\":{\"id\":\"xqizit-learn-how-to-use-type-parameters-and-virtual-child-classes-in-ecstasy\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"How to use Type Parameters and Virtual Child Classes in Ecstasy.\",[[\"b\",null]]]],\"updatedAt\":1746023011537,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.4798,\"createdTime\":1720522618951,\"lastEditedTime\":1746023011537,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"06847c86-e945-4fc0-a606-0faabf571d7e\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/043a6ea2-8921-40e6-a3c7-997f4867b0c4/Type_Parameters_and_Virtual_Child_Classes_in_Ecstasy-LEFT.svg\"},\"uri\":\"/xqizit-learn/how-to-use-type-parameters-and-virtual-child-classes-in-ecstasy\",\"blockId\":\"c5b58b02-548e-401b-8f72-8436f0a5c735\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"type parameter\"},{\"color\":\"purple\",\"value\":\"virtual classes\"}]}},\"xqizit-learn-how-to-define-a-type-in-ecstasy\":{\"id\":\"xqizit-learn-how-to-define-a-type-in-ecstasy\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"Understanding Types in Ecstasy.\"]],\"updatedAt\":1746023001650,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.5867,\"createdTime\":1720524125681,\"lastEditedTime\":1746023001650,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"06847c86-e945-4fc0-a606-0faabf571d7e\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/2722efec-0b2e-48d6-b76a-c845b156fef1/Define_a_Type_in_Ecstasy.svg\"},\"uri\":\"/xqizit-learn/how-to-define-a-type-in-ecstasy\",\"blockId\":\"8997107f-0c28-4c7b-913a-f6067a924119\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"types\"},{\"color\":\"purple\",\"value\":\"type system\"},{\"color\":\"purple\",\"value\":\"strong-typing\"}]}},\"xqizit-learn-how-to-build-a-web-server-in-ecstasy-language\":{\"id\":\"xqizit-learn-how-to-build-a-web-server-in-ecstasy-language\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"How to Set Up a Web Server in Ecstasy.\"]],\"updatedAt\":1746022991098,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.9653,\"createdTime\":1720605695896,\"lastEditedTime\":1746022991098,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"06847c86-e945-4fc0-a606-0faabf571d7e\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/7bcbd95e-b3a1-4f51-9bfb-1f44f5d81ae4/Set_Up_a_Web_Server_and_Client_in_Ecstasy-LEFT.svg\"},\"uri\":\"/xqizit-learn/how-to-build-a-web-server-in-ecstasy-language\",\"blockId\":\"552e7e43-97f7-441a-a382-0a820864da0c\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"client-server\"},{\"color\":\"purple\",\"value\":\"web server\"},{\"color\":\"purple\",\"value\":\"example\"}]}},\"xqizit-cloud-so-whats-the-big-idea\":{\"id\":\"xqizit-cloud-so-whats-the-big-idea\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"xqizit cloud. So what’s the big idea?\"]],\"updatedAt\":1746023074205,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"cardCoverPosition\":0.8323,\"createdTime\":1719235796485,\"lastEditedTime\":1746023074205,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"67e0afbc-10a5-4763-ad6b-7038202627d1\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/fb3932d4-cd4d-47db-ac28-92645c84224c/xqizit-the-big-idea-3.png\"},\"uri\":\"/xqizit-cloud-so-whats-the-big-idea\",\"blockId\":\"de636508-0aa6-4938-ad84-a628baf4b9ff\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xqizit cloud\"},{\"color\":\"green\",\"value\":\"low-carbon\"},{\"color\":\"purple\",\"value\":\"low-cost\"}],\"ge?@\":[[\"‣\",[[\"p\",{\"id\":\"6483534a-5f13-4934-bf24-3b5216fce033\",\"title\":[[\"Cameron Purdy\"]],\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/674e6803-a180-41be-82b7-5220fd2fb940/Cameron_favicon-oct-23/public\",\"uri\":\"/contributors/cameron-purdy\"}]]],[\",\"],[\"‣\",[[\"p\",{\"id\":\"e6d4590a-e472-47f1-8cfb-f4b71aba6f5a\",\"title\":[[\"Gene Gleyzer\"]],\"icon\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/ec6f9d46-8a6f-4358-b75e-c45369e3ef4f/Gene_Profile_Illustration_(1)_(1).svg\",\"uri\":\"/contributors/gene-gleyzer\"}]]]]}},\"its-the-little-things\":{\"id\":\"its-the-little-things\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"It's the little things …\"]],\"updatedAt\":1746023061738,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"createdTime\":1719322996143,\"lastEditedTime\":1746023061738,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"67e0afbc-10a5-4763-ad6b-7038202627d1\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/3be4721f-1b8a-4b52-8e6f-f77c27e95e45/its_the_little_things.svg\"},\"uri\":\"/its-the-little-things\",\"blockId\":\"72d7e961-e83b-498d-b2df-eba8b2110a8d\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"language-design\"},{\"color\":\"purple\",\"value\":\"XVM integer packing\"},{\"color\":\"purple\",\"value\":\"XIP\"}],\"ge?@\":[[\"‣\",[[\"p\",{\"id\":\"6483534a-5f13-4934-bf24-3b5216fce033\",\"title\":[[\"Cameron Purdy\"]],\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/674e6803-a180-41be-82b7-5220fd2fb940/Cameron_favicon-oct-23/public\",\"uri\":\"/contributors/cameron-purdy\"}]]]]}},\"explicit-intent-enumerating-the-priorities-of-design\":{\"id\":\"explicit-intent-enumerating-the-priorities-of-design\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"Explicit Intent: Enumerating the Priorities of Design\",[[\"b\",null]]]],\"updatedAt\":1746023081210,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"createdTime\":1719233026597,\"lastEditedTime\":1746023081210,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"67e0afbc-10a5-4763-ad6b-7038202627d1\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/f10e8866-98ac-4834-8f4a-e8dd0577a93a/xt
1161clang-design-priorities_(2).svg\"},\"uri\":\"/explicit-intent-enumerating-the-priorities-of-design\",\"blockId\":\"baf86f00-a53f-454e-b6cf-0b7a1c1cb359\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"predictability\"},{\"color\":\"purple\",\"value\":\"composability\"},{\"color\":\"purple\",\"value\":\"readability\"}],\"ge?@\":[[\"‣\",[[\"p\",{\"id\":\"6483534a-5f13-4934-bf24-3b5216fce033\",\"title\":[[\"Cameron Purdy\"]],\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/674e6803-a180-41be-82b7-5220fd2fb940/Cameron_favicon-oct-23/public\",\"uri\":\"/contributors/cameron-purdy\"}]]]]}},\"conditional-methods-for-the-ecstasy-language\":{\"id\":\"conditional-methods-for-the-ecstasy-language\",\"children\":[],\"hasContent\":true,\"parentId\":\"80e39b815b644b80b1d0c3da884a4731\",\"title\":[[\"Conditional Methods for the Ecstasy language\",[[\"b\",null]]]],\"updatedAt\":1746023046178,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"createdTime\":1720614719106,\"lastEditedTime\":1746023046178,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\",\"1\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\"}]}],\"description\":null,\"viewCovers\":{\"67e0afbc-10a5-4763-ad6b-7038202627d1\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/images/89360532-b4a1-45a9-a681-a1803b9a6565/dr-evil-w-thoughtful-froggy.png\"},\"uri\":\"/conditional-methods-for-the-ecstasy-language\",\"blockId\":\"e894770d-85b0-4b23-8050-73b3daa9ec2f\",\"propertyValues\":{\":Kzv\":[{\"color\":\"purple\",\"value\":\"xtclang\"},{\"color\":\"purple\",\"value\":\"type system\"},{\"color\":\"purple\",\"value\":\"conditional methods\"}],\"ge?@\":[[\"‣\",[[\"p\",{\"id\":\"6483534a-5f13-4934-bf24-3b5216fce033\",\"title\":[[\"Cameron Purdy\"]],\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/674e6803-a180-41be-82b7-5220fd2fb940/Cameron_favicon-oct-23/public\",\"uri\":\"/contributors/cameron-purdy\"}]]]]}},\"8e4bd9e85aaa467abe912ef02995a730\":{\"id\":\"8e4bd9e85aaa467abe912ef02995a730\",\"children\":[],\"hasContent\":true,\"parentId\":\"6d7b478dff5d44e0b906453a24e1104e\",\"title\":[[\"xqizit\"]],\"updatedAt\":1773667672810,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8f9b22be-a132-48fc-9061-45ebc07cca1e/xqizit-icon/public\",\"createdTime\":1688110480404,\"lastEditedTime\":1773667672810,\"createdBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"lastEditedBy\":[{\"0\":\"‣\",\"1\":[{\"0\":\"u\"}]}],\"description\":null,\"uri\":\"/8e4bd9e85aaa467abe912ef02995a730\",\"blockId\":\"8e4bd9e8-5aaa-467a-be91-2ef02995a730\"},\"2593da0a791b485092808f4f1ae4c09b\":{\"id\":\"2593da0a791b485092808f4f1ae4c09b\",\"children\":[\"c524ecf1ffba4d31add9c4f75438e052\",\"xqizit-learn\",\"87aeb17d71be496980b8f13d3d83d6d4\",\"8a5b2c493e644a03b018c924757ee819\",\"4da24121197c467c8416cc864a7fe685\",\"dacb72dd43894133866dc66fc3b0da49\",\"28e6fdf58d27435e93403e0258dd1347\"],\"hasContent\":true,\"parentId\":\"365c9893dff44678b5bdc6264acc6b92\",\"title\":null,\"updatedAt\":1749029213716,\"type\":\"column\",\"ratio\":0.6875},\"365c9893dff44678b5bdc6264acc6b92\":{\"id\":\"365c9893dff44678b5bdc6264acc6b92\",\"children\":[\"69b46ae982b840d783a517b32bbcd8bd\",\"2593da0a791b485092808f4f1ae4c09b\"],\"hasContent\":true,\"parentId\":\"d10a0922350b474ab8032c8192e800e4\",\"title\":null,\"updatedAt\":1688110432757,\"type\":\"column_list\",\"multiplyer\":1,\"fullWidth\":false,\"pageWidth\":false},\"d10a0922350b474ab8032c8192e800e4\":{\"id\":\"d10a0922350b474ab8032c8192e800e4\",\"children\":[\"4c8f011a6ae641e8a3d206b808c3d830\",\"00f1e4925eef4f558d909693a64b53ce\",\"c046f360555c4afbae453db1b0a25ddb\",\"631ae541cdc8413994d9d89c98e1f45c\",\"365c9893dff44678b5bdc6264acc6b92\",\"59080f694509479e9754235d46b263ac\",\"52a180d6ceb2427e9dab25b4e8b09ee8\",\"b05a4b26b8c94957acc9edd689ba5a5f\",\"cee9dc8efaba4af08834ffcbb2cf8eb4\",\"cbc70f5b45c14250ad0bb24db0e3a1af\"],\"hasContent\":true,\"parentId\":\"8e4bd9e85aaa467abe912ef02995a730\",\"title\":[[\"🎛 \"],[\"Control panel (This is hidden from our site, but essential, don’t delete)\",[[\"b\",null]]]],\"updatedAt\":1701160299195,\"type\":\"toggle\",\"subType\":null,\"depth\":null,\"color\":\"BgBrown\"},\"6d7b478dff5d44e0b906453a24e1104e\":null},\"team\":{\"9168e2b6-3010-48a3-a16c-da29899c609d\":{\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"value\":{\"role\":\"none\"}}},\"form_question\":{},\"entity\":{\"674cdced-22e9-47ab-b4e6-10c232b2922e\":{\"id\":\"674cdced-22e9-47ab-b4e6-10c232b2922e\",\"name\":\"Untitled\",\"image\":null}},\"pageId\":\"4c5737a07fa14c66932780051c656d74\",\"pagesToCreate\":[]}
1161,\"settings\":{\"siteId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97\",\"userId\":\"null\",\"domainName\":\"xqizit.com\",\"name\":\"xqizit (prod)\",\"active\":true,\"free\":false,\"tier\":\"pro\",\"favicon\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/favicon/7eda9e9b-08ee-4fb0-b280-2b4486be4ce6.svg\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":[],\"notionPage\":\"8e4bd9e85aaa467abe912ef02995a730\",\"indexPageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::5d4fa512-105f-426b-8f65-46a9219ac5d7\",\"pageProperties\":false,\"hidePageProperties\":true,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":true,\"themeToggle\":false,\"mondayFirst\":true,\"loadLimits\":true,\"hidePersonInfo\":true,\"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\":\"8a6be79a-9bd1-4317-9af0-035209eb79fc\",\"type\":\"page\",\"label\":\"xqizit cloud\",\"link\":\"/\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::5d4fa512-105f-426b-8f65-46a9219ac5d7\",\"icon\":\"\",\"list\":[]},{\"id\":\"a6f8dc42-b131-4c25-bc5d-f83ca6e44df6\",\"type\":\"page\",\"label\":\"learn\",\"link\":\"/xqizit-learn\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::86c99320-86a4-4412-83d8-2df01573045d\",\"icon\":\"\",\"list\":[]},{\"id\":\"b71b1f00-b60c-423c-a3c3-06b73323a1f2\",\"type\":\"page\",\"label\":\"get involved\",\"link\":\"/xqizit-get-involved\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::2a87e615-8a8c-4fa5-ba14-82cba263fcb3\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":51,\"fontSize\":16,\"textContent\":\"xqizit (prod)\",\"imageContent\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/logo/a84a3d5c-8365-4f7b-bce9-04faaf621d74.png\",\"imageContentDark\":null,\"disabled\":false},\"cta\":{\"type\":\"page\",\"label\":\"get started\",\"link\":\"/sign-up\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::49b2ddbc-2c53-47f9-890e-6ec419d9d9ef\"},\"isSticky\":true,\"breadcrumbs\":true},\"footer\":{\"type\":\"floating\",\"style\":{\"textColor\":\"var(--color-text-default)\",\"backgroundColor\":\"var(--color-bg-default)\"},\"links\":[{\"id\":\"05750e66-5404-4d9d-9166-5030b0e6d780\",\"type\":\"page\",\"label\":\"Team and contributors\",\"link\":\"/contributors\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::f0239ecd-2a32-406c-a140-b2904e775c3c\",\"icon\":\"\",\"list\":[]},{\"id\":\"1858c6ea-e990-463a-8a29-2a11ddb5b6bf\",\"type\":\"page\",\"label\":\"Code of conduct\",\"link\":\"/code-of-conduct\",\"pageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::b9bc18a6-4370-4793-a0f0-624c56b3914d\",\"icon\":\"\",\"list\":[]}],\"logo\":{\"type\":\"image\",\"width\":41,\"fontSize\":16,\"textContent\":\"xqizit (prod)\",\"imageContent\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/logo/db2cd5fe-a5a3-417e-ac1b-75e836933b07.svg\",\"imageContentDark\":null,\"disabled\":false},\"socials\":[{\"type\":\"github\",\"link\":\"https://github.com/xtclang/\"},{\"type\":\"youtube\",\"link\":\"https://www.youtube.com/@xtclang\"},{\"type\":\"linkedin\",\"link\":\"https://www.linkedin.com/company/xqizit/\"},{\"type\":\"mastodon\",\"link\":\"https://mastodon.social/@xqizit\"},{\"type\":\"twitter\",\"link\":\"https://twitter.com/xqizitcloud\"}],\"footnote\":\"\",\"divider\":false},\"sidebar\":{\"enabled\":false,\"links\":[],\"cta\":[],\"logo\":null,\"searchEnabled\":true},\"theme\":{\"colorMode\":\"light\",\"layout\":{\"paddingLayout\":0.6,\"layoutMaxWidth\":900,\"columnSpacing\":46,\"borderThicknessLayout\":1,\"borderTypeLayout\":\"solid\",\"borderRadiiLayout\":8,\"pageDisplay\":\"flex\"}
1161,\"header\":{\"coverHeight\":30,\"titleAlign\":\"left\",\"iconAlign\":\"-112px auto auto auto\",\"display\":\"block\"},\"collectionCard\":{\"gap\":10,\"shadow\":\"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px\",\"coverHeightLarge\":200,\"coverHeightMedium\":200,\"coverHeightSmall\":128,\"titleSize\":0.875,\"coverSizeSmall\":172,\"coverSizeMedium\":260,\"coverSizeLarge\":320,\"iconDisplay\":\"inline-flex\"},\"callout\":{\"iconDisplay\":\"block\",\"shadow\":\"none\"},\"typography\":{\"primaryFont\":\"Roboto\",\"secondaryFont\":\"Roboto\",\"fonts\":[],\"baseSize\":18,\"titleSize\":2.5,\"headingSize\":1,\"quoteSize\":1.2,\"quoteSizeLarge\":1.4,\"textWeight\":400,\"headingWeight\":600},\"scrollbar\":{\"width\":15},\"navbar\":{\"height\":56,\"shadow\":\"none\"},\"footer\":{\"height\":0},\"sidebar\":{\"width\":280,\"shadow\":\"none\"},\"colors\":{\"light\":{\"text\":\"#504a78\",\"textLight\":\"#57487b\",\"background\":\"#fdfdfd\",\"borderColor\":\"#f3f3f5\",\"checkboxBackground\":\"#fdfdfd\",\"hoverBackground\":\"#e7e8ed\",\"scrollbar\":{\"background\":\"#f3f3f5\",\"handle\":\"#dcdce4\",\"border\":\"#dcdce4\"},\"navbar\":{\"text\":\"#1f124f\",\"background\":\"#f3f3f5\",\"buttonText\":\"#fdfdfd\",\"buttonBackground\":\"#84cf9c\",\"hoverBackground\":null},\"footer\":{\"text\":\"#57487b\",\"background\":\"#f3f3f5\",\"buttonText\":\"#ffffff\",\"buttonBackground\":\"#37352F\"},\"sidebar\":{\"text\":\"#37352F\",\"ctaText\":\"#37352F\",\"background\":\"#ffffff\",\"hoverBackground\":\"#efefef\",\"ctaBackground\":\"#ffffff\",\"border\":\"#E9E9E7\"},\"database\":{\"cardBackground\":\"#f3f3f5\",\"cardHoverBackground\":\"#e7e8ed\",\"calendarWeekendBackground\":\"#b3b6c9\"},\"default\":[45,8,20],\"gray\":[270,25,98],\"brown\":[230,18,25],\"orange\":[23,99,63],\"yellow\":[260,18,97],\"green\":[139,44,66],\"blue\":[208,100,52],\"purple\":[253,63,19],\"pink\":[250,17,93],\"red\":[248,24,38],\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}}},\"dark\":{\"text\":\"#e1e1e1\",\"textLight\":\"#9b9b9b\",\"background\":\"#191919\",\"borderColor\":\"#373737\",\"checkboxBackground\":\"#2EAADC\",\"hoverBackground\":\"#262626\",\"scrollbar\":{\"background\":\"#FAFAFA\",\"handle\":\"#C1C1C1\",\"border\":\"#E8E8E8\"},\"navbar\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\",\"hoverBackground\":null},\"footer\":{\"text\":\"#e1e1e1\",\"background\":\"#191919\",\"buttonText\":\"#191919\",\"buttonBackground\":\"#e1e1e1\"},\"sidebar\":{\"text\":\"#e1e1e1\",\"ctaText\":\"#e1e1e1\",\"background\":\"#191919\",\"hoverBackground\":\"#262626\",\"ctaBackground\":\"#191919\",\"border\":\"#373737\"},\"database\":{\"cardBackground\":\"#262626\",\"cardHoverBackground\":\"#2f2f2f\",\"calendarWeekendBackground\":\"#202020\"},\"form\":{\"submitButton\":{\"default\":\"#55534E\",\"gray\":\"#A7A39A\",\"brown\":\"#9A6851\",\"orange\":\"#D9730D\",\"yellow\":\"#CA922F\",\"green\":\"#448361\",\"blue\":\"#327DA9\",\"purple\":\"#8F64AF\",\"pink\":\"#C24C8B\",\"red\":\"#D44E49\"}},\"default\":[45,8,20],\"gray\":[0,0,61],\"brown\":[18,35,58],\"orange\":[25,54,53],\"yellow\":[38,54,54],\"green\":[146,32,47],\"blue\":[217,50,58],\"purple\":[270,55,62],\"pink\":[329,57,58],\"red\":[1,69,60]}}},\"code\":{\"head\":[],\"body\":[],\"style\":[],\"css\":\"\"},\"files\":[],\"hasPassword\":false,\"hasFeed\":false,\"membershipTierIds\":null},\"smallText\":false,\"config\":\"$undefined\",\"pageLocation\":\"/xqizit-learn\",\"passwords\":[],\"styles\":\"\",\"children\":[\"$L32\",\"$L33\",null]}]\n"])</script>
1161<script>self.__next_f.push([1,"34:I[130020,[\"/_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/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"NavbarBreadcrumbs\"]\n35: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/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"PageRoot\"]\n36: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/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"Picture\"]\n37:I[999377,[\"/_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/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"Column\"]\n43:I[10042,[\"/_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/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"PageDetails\"]\n32:[\"$\",\"main\",null,{\"id\":\"page-xqizit-learn\",\"className\":\"super-content page__xqizit-learn parent-page__index\",\"children\":[null,[\"$\",\"$L34\",null,{\"navbar\":\"$5:props:settings:navbar\",\"head\":{\"url\":\"https://xqizit.com/xqizit-learn\",\"title\":\"xqizit Learn | Guides and Tutorials for Building with xtclang and Ecstasy\",\"description\":\"Explore xtclang tutorials, guides and examples and learn how to develop, deploy and scale your apps with the Ecstasy programming language and xqizit cloud.\",\"root\":{\"id\":\"8e4bd9e85aaa467abe912ef02995a730\",\"uri\":\"/\",\"title\":\"xqizit\",\"icon\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/8f9b22be-a132-48fc-9061-45ebc07cca1e/xqizit-icon/public\"},\"image\":null,\"canonical\":null,\"author\":\"Untitled\",\"favicon\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/favicon/7eda9e9b-08ee-4fb0-b280-2b4486be4ce6.svg\",\"breadcrumbs\":[{\"id\":\"xqizit-learn\",\"uri\":\"/xqizit-learn\",\"title\":\"learn\",\"icon\":null}]},\"settings\":\"$5:props:settings\"}],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\":\"learn\"}]]}],null]}]]}],[[\"$\",\"$L35\",\"xqizit-learn\",{\"id\":\"xqizit-learn\",\"children\":[[\"$\",\"div\",\"80bb92f92eba4b71a46aa30acc11d25d,80bb92f92eba4b71a46aa30acc11d25d\",{\"id\":\"block-80bb92f92eba4b71a46aa30acc11d25d\",\"className\":\"notion-callout bg-red-light border\",\"children\":[[\"$\",\"div\",null,{\"className\":\"notion-callout__icon\",\"children\":[\"$\",\"$L36\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/ab
1161c6f71e-38e1-4b91-8e1c-13af6143db53/XQIZIT_PURPLE_100_(1)/public\",\"alt\":\"icon\",\"width\":20,\"height\":20,\"className\":\"notion-icon\",\"fill\":\"$undefined\",\"sizes\":\"$undefined\",\"objectFit\":\"contain\",\"objectPosition\":\"center\"}]}],[\"$\",\"div\",null,{\"className\":\"notion-callout__content\",\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-semantic-string\",\"children\":[\"$undefined\",\"$5:props:records:block:80bb92f92eba4b71a46aa30acc11d25d:title\",\"$undefined\"]}],[[\"$\",\"$1\",\"34bef61f96ff4bf2be63a5fe4223b87a,34bef61f96ff4bf2be63a5fe4223b87a\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"34bef61f96ff4bf2be63a5fe4223b87a\"}],[\"$\",\"h3\",null,{\"id\":\"block-34bef61f96ff4bf2be63a5fe4223b87a\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"span\",\"0-h\",{\"className\":\"highlighted-color color-green\",\"children\":[\"$\",\"$1\",\"0-LEARN\",{\"children\":\"LEARN\"}]}]],\"$undefined\"]}]]}],[\"$\",\"div\",\"5ceb0dcdf4fd41aaaaf5423c4a2e2246,5ceb0dcdf4fd41aaaaf5423c4a2e2246,5ceb0dcdf4fd41aaaaf5423c4a2e2246\",{\"id\":\"block-5ceb0dcdf4fd41aaaaf5423c4a2e2246\",\"className\":\"notion-column-list\",\"data-projects-grid\":\"$undefined\",\"children\":[[\"$\",\"$L37\",\"4fe0de243c9e46259cc56985af4000a8,4fe0de243c9e46259cc56985af4000a8\",{\"id\":\"4fe0de243c9e46259cc56985af4000a8\",\"children\":[[\"$\",\"div\",\"1ec8dc6403e34b8b89e693107debe647,1ec8dc6403e34b8b89e693107debe647\",{\"id\":\"block-1ec8dc6403e34b8b89e693107debe647\",\"className\":\"notion-text\"}],[\"$\",\"$1\",\"acc9a309555740b0a7c4399d059b80b9,acc9a309555740b0a7c4399d059b80b9\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"id\":\"acc9a309555740b0a7c4399d059b80b9\"}],[\"$\",\"h2\",null,{\"id\":\"block-acc9a309555740b0a7c4399d059b80b9\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Developing in Ecstasy and deploying on xqizit.\",{\"children\":\"Developing in Ecstasy and deploying on xqizit.\"}]],\"$undefined\"]}]]}],[\"$\",\"p\",\"709585e08f6f4a0ab7e262dbf2de9e2d,709585e08f6f4a0ab7e262dbf2de9e2d\",{\"id\":\"block-709585e08f6f4a0ab7e262dbf2de9e2d\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-xqizit is a platform as a service (PaaS) that enables developers to build, deploy and operate Ecstasy applications efficiently in the cloud. \",{\"children\":\"xqizit is a platform as a service (PaaS) that enables developers to build, deploy and operate Ecstasy applications efficiently in the cloud. \"}]],\"$undefined\"]}],\"$L38\",\"$L39\",\"$L3a\",\"$L3b\"],\"hasContent\":true,\"parentId\":\"5ceb0dcdf4fd41aaaaf5423c4a2e2246\",\"title\":null,\"updatedAt\":1718619852645,\"type\":\"column\",\"ratio\":1,\"ctx\":{\"head\":\"$32:props:children:1:props:head\",\"settings\":{\"siteId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97\",\"userId\":\"null\",\"domainName\":\"xqizit.com\",\"name\":\"xqizit (prod)\",\"active\":true,\"free\":false,\"tier\":\"pro\",\"favicon\":\"https://assets.super.so/70ffe4ac-d316-473d-9aa8-fbcc15a05c97/uploads/favicon/7eda9e9b-08ee-4fb0-b280-2b4486be4ce6.svg\",\"fontFamily\":\"Inter\",\"legacyTheme\":null,\"language\":\"en\",\"languages\":\"$5:props:settings:languages\",\"notionPage\":\"8e4bd9e85aaa467abe912ef02995a730\",\"indexPageId\":\"70ffe4ac-d316-473d-9aa8-fbcc15a05c97:::5d4fa512-105f-426b-8f65-46a9219ac5d7\",\"pageProperties\":false,\"hidePageProperties\":true,\"disablePageProperties\":false,\"pageSyncing\":true,\"viewSwitcher\":true,\"layoutSidePanel\":true,\"floatingTableOfContents\":false,\"siteSearch\":false,\"advancedSearch\":true,\"themeToggle\":false,\"mondayFirst\":true,\"loadLimits\":true,\"hidePersonInfo\":true,\"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\":\"xqizit-learn\"},\"listLength\":2,\"listOrder\":0,\"isProjectsGrid\":false}],\"$L3c\"]}]]]}]]}],\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\"],\"hasContent\":true,\"parentId\":\"2593da0a791b485092808f4f1ae4c09b\",\"title\":\"$5:props:records:block:xqizit-learn:title\",\"updatedAt\":1724166597323,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"createdTime\":1688110432766,\"lastEditedTime\":1724166597323,\"createdBy\":\"$5:props:records:block:xqizit-learn:createdBy\",\"lastEditedBy\":\"$5:props:records:block:xqizit-learn:lastEditedBy\",\"uri\":\"/xqizit-learn\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:xqizit-learn:superProperties\",\"propertyValues\":\"$5:props:records:block:xqizit-learn:propertyValues\",\"blockId\":\"4c5737a0-7fa1-4c66-9327-80051c656d74\",\"
1161isRoot\":true,\"ctx\":\"$32:props:children:4:0:props:children:0:props:children:1:props:children:1:1:props:children:0:props:ctx\"}]]]}]\n33:[\"$\",\"$L43\",null,{\"id\":\"xqizit-learn\",\"children\":\"$5:props:records:block:xqizit-learn:children\",\"hasContent\":true,\"parentId\":\"2593da0a791b485092808f4f1ae4c09b\",\"title\":\"$5:props:records:block:xqizit-learn:title\",\"updatedAt\":1724166597323,\"type\":\"page\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"createdTime\":1688110432766,\"lastEditedTime\":1724166597323,\"createdBy\":\"$5:props:records:block:xqizit-learn:createdBy\",\"lastEditedBy\":\"$5:props:records:block:xqizit-learn:lastEditedBy\",\"uri\":\"/xqizit-learn\",\"fullWidth\":false,\"smallText\":false,\"noCover\":true,\"superProperties\":\"$5:props:records:block:xqizit-learn:superProperties\",\"propertyValues\":\"$5:props:records:block:xqizit-learn:propertyValues\",\"blockId\":\"4c5737a0-7fa1-4c66-9327-80051c656d74\",\"ctx\":\"$32:props:children:4:0:props:children:0:props:children:1:props:children:1:1:props:children:0:props:ctx\"}]\n"])</script>
1161<script>self.__next_f.push([1,"44: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/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"Link\"]\n45:I[67712,[\"/_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/0hund3nm1jlh-.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/1yek40h4qth9v.js\"],\"CollectionWithViewSwitcher\"]\n38:[\"$\",\"p\",\"25fff348bf4a4a6b908942e7e0f4b733,25fff348bf4a4a6b908942e7e0f4b733\",{\"id\":\"block-25fff348bf4a4a6b908942e7e0f4b733\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Ecstasy is a delightful open-source programming language, designed to develop scalable, secure and resource-efficient cloud applications.\",{\"children\":\"Ecstasy is a delightful open-source programming language, designed to develop scalable, secure and resource-efficient cloud applications.\"}]],\"$undefined\"]}]\n39:[\"$\",\"p\",\"cbc9b42882a94705b8c6b8751679d082,cbc9b42882a94705b8c6b8751679d082\",{\"id\":\"block-cbc9b42882a94705b8c6b8751679d082\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Interested in learning Ecstasy?\",{\"children\":\"Interested in learning Ecstasy?\"}],[\"$\",\"strong\",\"0-b\",{\"children\":[\"$\",\"$1\",\"1- \",{\"children\":\" \"}]}],[\"$\",\"$1\",\"2-These pages should set you on your way!\",{\"children\":\"These pages should set you on your way!\"}]],\"$undefined\"]}]\n3a:[\"$\",\"div\",\"0447b811894c495cb708b15bb3538c64,0447b811894c495cb708b15bb3538c64\",{\"id\":\"block-0447b811894c495cb708b15bb3538c64\",\"className\":\"notion-text\"}]\n3b:[\"$\",\"p\",\"1100fc510fbb4860b0ed6661672375c4,1100fc510fbb4860b0ed6661672375c4\",{\"id\":\"block-1100fc510fbb4860b0ed6661672375c4\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"strong\",\"1-b\",{\"children\":[\"$\",\"$L44\",\"/xqizit-learn#block-43df2e6fb2b94c92b7c09e5faa91be2b\",{\"className\":\"link\",\"uri\":\"/xqizit-learn#block-43df2e6fb2b94c92b7c09e5faa91be2b\",\"serverHref\":\"/xqizit-learn#block-43df2e6fb2b94c92b7c09e5faa91be2b\",\"children\":[\"$\",\"$1\",\"0-Learn\",{\"children\":\"Learn\"}]}]}]],\"$undefined\"]}]\n3c:[\"$\",\"$L37\",\"0840c41bc23241c0bb73bf15b1cecb4e,0840c41bc23241c0bb73bf15b1cecb4e\",{\"id\":\"0840c41bc23241c0bb73bf15b1cecb4e\",\"children\":[[\"$\",\"div\",\"c3297c1f24504f838791db94e604f057,c3297c1f24504f838791db94e604f057\",{\"id\":\"block-c3297c1f24504f838791db94e604f057\",\"className\":\"notion-text\"}],[\"$\",\"div\",\"c1ad39b3fcaf4d47a5075c71aa9c122c,c1ad39b3fcaf4d47a5075c71aa9c122c\",{\"id\":\"block-c1ad39b3fcaf4d47a5075c71aa9c122c\",\"className\":\"notion-image align-start page-width\",\"style\":\"$undefined\",\"children\":[[\"$\",\"$L36\",null,{\"src\":\"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/public\",\"alt\":\"image\",\"width\":1500,\"height\":1500,\"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/784bfc73-2a49-477e-88e6-56abf8041543/BOT_RIGHT_PURPLE_50_1500/public\"}],\"\"]}]],\"hasContent\":true,\"parentId\":\"5ceb0dcdf4fd41aaaaf5423c4a2e2246\",\"title\":null,\"updatedAt\":1719307358859,\"type\":\"column\",\"ratio\":1,\"ctx\":\"$32:props:children:4:0:props:children:0:props:children:1:props:children:1:1:props:children:0:props:ctx\",\"listLength\":2,\"listOrder\":1,\"isProjectsGrid\":false}]\n3d:[\"$\",\"$1\",\"43df2e6fb2b94c92b7c09e5faa91be2b,43df2e6fb2b94c92b7c09e5faa91be2b\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"notion-heading__anchor\",\"
1161id\":\"43df2e6fb2b94c92b7c09e5faa91be2b\"}],[\"$\",\"h3\",null,{\"id\":\"block-43df2e6fb2b94c92b7c09e5faa91be2b\",\"className\":\"notion-heading notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-Interested in learning the Ecstasy programming language?\",{\"children\":\"Interested in learning the Ecstasy programming language?\"}]],\"$undefined\"]}]]}]\n3e:[\"$\",\"p\",\"f2bf9035185f496d84437ddb5dbcb90e,f2bf9035185f496d84437ddb5dbcb90e\",{\"id\":\"block-f2bf9035185f496d84437ddb5dbcb90e\",\"className\":\"notion-text notion-text__content notion-semantic-string\",\"children\":[\"$undefined\",[[\"$\",\"$1\",\"0-If you are interested in learning how to develop, host and manage your Ecstasy applications on xqizit, then these guides and tutorials will set you on your way.\",{\"children\":\"If you are interested in learning how to develop, host and manage your Ecstasy applications on xqizit, then these guides and tutorials will set you on your way.\"}]],\"$undefined\"]}]\n3f:[\"$\",\"div\",\"74e021ea89654bdaa82ddf1827d6edd8,74e021ea89654bdaa82ddf1827d6edd8\",{\"id\":\"block-74e021ea89654bdaa82ddf1827d6edd8\",\"className\":\"notion-text\"}]\n40:[\"$\",\"$L45\",\"9da4293c867c434eadf9bd0bd5b0704f,9da4293c867c434eadf9bd0bd5b0704f\",{\"id\":\"9da4293c867c434eadf9bd0bd5b0704f\",\"children\":null,\"hasContent\":false,\"parentId\":\"xqizit-learn\",\"title\":null,\"updatedAt\":1731663249263,\"type\":\"collection_inline\",\"sourceId\":\"9da4293c-867c-434e-adf9-bd0bd5b0704f\",\"spaceId\":\"7c22a85f-b762-4cad-8f21-caef4e259b54\",\"views\":\"$5:props:records:block:9da4293c867c434eadf9bd0bd5b0704f:views\",\"ctx\":\"$32:props:children:4:0:props:children:0:props:children:1:props:children:1:1:props:children:0:props:ctx\",\"isRoot\":\"$undefined\"}]\n41:[\"$\",\"div\",\"433a6fe37b45459f8e8cbd125d36e553,433a6fe37b45459f8e8cbd125d36e553\",{\"id\":\"block-433a6fe37b45459f8e8cbd125d36e553\",\"className\":\"notion-text\"}]\n42:[\"$\",\"div\",\"8ce9466d08994e3b851bbbdd93683578,8ce9466d08994e3b851bbbdd93683578\",{\"id\":\"block-8ce9466d08994e3b851bbbdd93683578\",\"className\":\"notion-text\"}]\n"])</script>
1161<script>self.__next_f.push([1,"8:null\nd:[[\"$\",\"title\",\"0\",{\"children\":\"xqizit Learn | Guides and Tutorials for Building with xtclang and Ecstasy\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Explore xtclang tutorials, guides and examples and learn how to develop, deploy and scale your apps with the Ecstasy programming language and xqizit cloud.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"generator\",\"content\":\"Super\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"xqizit Learn | Guides and Tutorials for Building with xtclang and Ecstasy\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Explore xtclang tutorials, guides and examples and learn how to develop, deploy and scale your apps with the Ecstasy programming language and xqizit cloud.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://xqizit.com/xqizit-learn\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"xqizit Learn | Guides and Tutorials for Building with xtclang and Ecstasy\"}],[\"$\",\"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\":\"xqizit Learn | Guides and Tutorials for Building with xtclang and Ecstasy\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"Explore xtclang tutorials, guides and examples and learn how to develop, deploy and scale your apps with the Ecstasy programming language and xqizit cloud.\"}]]\n"])</script>
1161</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.