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&w=64&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&w=128&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&w=64&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&w=128&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&w=128&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.