`SEO` is the practice of improving a website's visibility and ranking in search engine results pages. It involves optimizing various aspects of a website to make it more appealing to search engines and users.

Benefits of SEO

SEO encompasses a range of techniques that helps in the following ways: - **Increased organic traffic**: SEO helps improve your website's visibility, leading to higher organic traffic from search engines. - **Better user experience**: SEO involves optimizing website elements that enhance user experience, such as page speed, mobile-friendliness, and easy navigation. - **Enhanced credibility and trust**: Higher search engine rankings instill confidence and trust in users, as they often perceive top-ranked websites as more reputable. - **Cost-effective**: SEO is a long-term strategy that yields sustainable results without requiring continuous investment in paid advertising.

SEO through the `page` component of `doc-site`

We can do SEO in the `doc-site`, by giving some properties to the `page` component. The three properties are: - document-title - document-description - document-image

How to customize document title

Before we modify the document title by using the first property, we will see that by default, the `page` component's title, becomes the document title.

So in the browser, the document title will be the same.

document title same as page title

-- ds.page: This is page title

Lang:

ftd

When we add the `document-title` property, the page title can have custom title, which is better for SEO. The custom title given in this property is added as the meta-data into the tags `og-title` and `twitter-title` as well as the `` tag.</div><div data-id="314" class="ft_column __w-1 __pt-99 __pb-100 __oy-58 __cur-101"><comment data-id="315"></comment><div data-id="316" class="ft_row __w-1 __pl-21 __pr-102 __pt-103 __pb-104 __btlr-105 __btrr-106 __bgc-33"><comment data-id="317"></comment><div data-id="318" class="__as-11 __w-1 __c-76 __rl-91">custom document title</div><comment data-id="319"></comment><div data-id="320" class="ft_row __as-41 __pos-15 __t-107 __r-108 __jc-109 __ali-110 __g-48"><comment data-id="321"></comment><comment data-id="322"></comment><comment data-id="323"></comment></div><comment data-id="324"></comment></div><comment data-id="325"></comment><comment data-id="326"></comment><pre data-id="327" class="language-ftd fastn-theme-light __w-1 __pb-10 __ox-115 __oy-58 __c-76 __bgc-116 __rl-91"><code data-id="328" class="language-ftd fastn-theme-light">-- ds.page: This is page title document-title: Welcome! ;;<hl> </code></pre><comment data-id="329"></comment><div data-id="330" class="ft_column __pos-15 __p-118 __bbrr-119 __b-120 __r-121 __z-122"><div data-id="331" class="ft_row __g-123"><comment data-id="332"></comment><div data-id="333" class="ft_row __g-124"><div data-id="334" class="__c-76 __rl-39">Lang:</div><div data-id="335" class="__c-76 __rl-39">ftd</div></div></div></div></div><div data-id="336" class="__w-1 __c-76 __rl-91">**Output:**</div><img data-id="337" src="-/fastn.com/expander/ds/img/customized-title.png" class="__w-1 __bw-125 __bc-24"></img><div data-id="338" class="__w-1 __c-76 __rl-91">And if you notice, there is no meta-data for description or image.</div><div data-id="339" class="ft_column __w-1"><h2 data-id="340" class="__w-1 __pt-97 __mb-88 __c-28 __rl-98">How to add page description</h2><comment data-id="341"></comment><div data-id="342" class="__w-1 __c-76 __rl-91">Therefore, `title` is one way to do SEO. Now we will add the second property `document-description` and give a short and eye-catching description then this description will be added as meta-data in the tags called `og-description` as well `twitter-description`, and in the `description` tag.</div><div data-id="343" class="ft_column __w-1"></div></div><comment data-id="344"></comment><div data-id="345" class="ft_column __w-1 __pt-99 __pb-100 __oy-58 __cur-101"><comment data-id="346"></comment><div data-id="347" class="ft_row __w-1 __pl-21 __pr-102 __pt-103 __pb-104 __btlr-105 __btrr-106 __bgc-33"><comment data-id="348"></comment><div data-id="349" class="__as-11 __w-1 __c-76 __rl-91">to give a social media description</div><comment data-id="350"></comment><div data-id="351" class="ft_row __as-41 __pos-15 __t-107 __r-108 __jc-109 __ali-110 __g-48"><comment data-id="352"></comment><comment data-id="353"></comment><comment data-id="354"></comment></div><comment data-id="355"></comment></div><comment data-id="356"></comment><comment data-id="357"></comment><pre data-id="358" class="language-ftd fastn-theme-light __w-1 __pb-10 __ox-115 __oy-58 __c-76 __bgc-116 __rl-91"><code data-id="359" class="language-ftd fastn-theme-light">-- ds.page: This is page title document-title: Welcome! document-description: Learn how to do SEO! ;;<hl> </code></pre><comment data-id="360"></comment><div data-id="361" class="ft_column __pos-15 __p-118 __bbrr-119 __b-120 __r-121 __z-122"><div data-id="362" class="ft_row __g-123"><comment data-id="363"></comment><div data-id="364" class="ft_row __g-124"><div data-id="365" class="__c-76 __rl-39">Lang:</div><div data-id="366" class="__c-76 __rl-39">ftd</div></div></div></div></div><div data-id="367" class="__w-1 __c-76 __rl-91">**Output:**</div><img data-id="368" src="-/fastn.com/expander/ds/img/description.png" class="__w-1 __bw-125 __bc-24"></img><div data-id="369" class="ft_column __w-1"><h2 data-id="370" class="__w-1 __pt-97 __mb-88 __c-28 __rl-98">How to add page document-image</h2><comment data-id="371"></comment><div data-id="372" class="__w-1 __c-76 __rl-91">Similarly, we can give a specific image that we want the users to see when the URL is shared on social media platforms. For the same, in the `page` component of the doc-site, we add another property called `document-image`. The image provided to this property will be added as the meta-data. You can give any link of an image. Or, if you want to add the image which is in your package, then in that case, give the `https://<package-name>/path to the image with extension`. So it goes like this:</div><div data-id="373" class="ft_column __w-1"></div></div><div data-id="374" class="ft_column __w-1 __pt-99 __pb-100 __oy-58 __cur-101"><comment data-id="375"></comment><div data-id="376" class="ft_row __w-1 __pl-21 __pr-102 __pt-103 __pb-104 __btlr-105 __btrr-106 __bgc-33"><comment data-id="377"></comment><div data-id="378" class="__as-11 __w-1 __c-76 __rl-91">to give a social media image</div><comment data-id="379"></comment><div data-id="380" class="ft_row __as-41 __pos-15 __t-107 __r-108 __jc-109 __ali-110 __g-48"><comment data-id="381"></comment><comment data-id="382"></comment><comment data-id="383"></comment></div><comment data-id="384"></comment></div><comment data-id="385"></comment><comment data-id="386"></comment><pre data-id="387" class="language-ftd fastn-theme-light __w-1 __pb-10 __ox-115 __oy-58 __c-76 __bgc-116 __rl-91"><code data-id="388" class="language-ftd fastn-theme-light">-- ds.page: This is page title document-title: Welcome! document-description: Learn how to do SEO! document-image: https://gargajit.github.io/optimization/images/seo-meta.png ;;<hl> </code></pre><comment data-id="389"></comment><div data-id="390" class="ft_column __pos-15 __p-118 __bbrr-119 __b-120 __r-121 __z-122"><div data-id="391" class="ft_row __g-123"><comment data-id="392"></comment><div data-id="393" class="ft_row __g-124"><div data-id="394" class="__c-76 __rl-39">Lang:</div><div data-id="395" class="__c-76 __rl-39">ftd</div></div></div></div></div><div data-id="396" class="__w-1 __c-76 __rl-91">**Output:**</div><img data-id="397" src="-/fastn.com/expander/ds/img/og-image.png" class="__w-1 __bw-125 __bc-24"></img><div data-id="398" class="__w-1 __c-76 __rl-91">Now, if we publish this package and share the URL on social media it will take the custom title, description, and image.</div><div data-id="399" class="ft_column __w-1"><h3 data-id="400" class="__w-1 __pt-126 __mb-88 __c-28 __rl-35">Example</h3><comment data-id="401"></comment><div data-id="402" class="ft_column __w-1"></div></div><div data-id="403" class="__w-1 __c-76 __rl-91">**Discord**:</div><img data-id="404" src="-/fastn.com/expander/ds/img/seo-post.png" class="__w-1 __bw-125 __br-127 __bc-24"></img><div data-id="405" class="__w-1 __c-76 __rl-91">This way we have used the SEO technique and managed to make the URL noticeable and meaningful and will also improve the ranking in the search results.</div><comment data-id="406"></comment><comment data-id="407"></comment><div data-id="408" class="__w-1 __c-76 __rl-91">Thank you guys, keep watching these videos to learn more about fastn. Support us by giving a star ⭐ on [GitHub](https://github.com/fastn-stack/fastn/) and join our fastn community on [Discord](/discord/).</div><comment data-id="409"></comment><comment data-id="410"></comment></div></div></div></div></div><comment data-id="411"></comment><div data-id="412" class="ft_column __w-49 __h-2 __mnw-63"><div data-id="413" class="ft_column __w-1 __h-50 __pl-128 __pr-129 __pt-130 __pb-54 __mr-131 __mt-55 __mb-56 __br-57 __oy-58 __t-59 __r-132 __z-122 __pos-61 __bgc-33 __mnh-62 __mnw-133 __jc-64 __ali-65"><div data-id="414" class="ft_column __w-1 __pt-134 __pb-135 __bbw-89 __bc-24"><h4 data-id="415" class="__pt-136 __pb-135 __c-28 __rl-35">Support `fastn`!</h4><div data-id="416" class="ft_column __w-1"><comment data-id="417"></comment><div data-id="418" class="markdown __c-76 __rl-39">Enjoying `fastn`? Please consider giving us a star ⭐️ on [GitHub](https://github.com/fastn-stack/fastn) to show your support!</div><div data-id="419" class="ft_column __w-1"><div data-id="420" class="ft_column __w-1"><div data-id="421" class="__as-25 __mt-137">[⭐️](https://github.com/fastn-stack/fastn)</div><div data-id="422" class="ft_column __pos-15 __w-1 __t-138 __z-139"><canvas data-id="423" class="__w-16 __h-17"></canvas></div></div></div></div></div><div data-id="424" class="ft_column __w-1 __pt-134 __pb-135 __bbw-89 __bc-24"><h4 data-id="425" class="__pt-136 __pb-135 __c-28 __rl-35">Getting Help</h4><div data-id="426" class="ft_column __w-1"><comment data-id="427"></comment><div data-id="428" class="markdown __c-76 __rl-39">Have a question or need help? Visit our [GitHub Q&A discussion](https://github.com/fastn-stack/fastn/discussions/categories/q-a) to get answers and subscribe to it to stay tuned. Join our [Discord](https://discord.gg/a7eBUeutWD) channel and share your thoughts, suggestion, question etc. Connect with our [community](/community/)!</div><div data-id="429" class="ft_column __w-1"><div data-id="430" class="ft_column __w-1"><div data-id="431" class="__as-25 __mt-137">[💻️](/community/)</div><div data-id="432" class="ft_column __pos-15 __w-1 __t-138 __z-139"><canvas data-id="433" class="__w-16 __h-17"></canvas></div></div></div></div></div><div data-id="434" class="ft_column __w-1 __pt-134 __pb-135 __bbw-89 __bc-24"><h4 data-id="435" class="__pt-136 __pb-135 __c-28 __rl-35">Found an issue?</h4><div data-id="436" class="ft_column __w-1"><comment data-id="437"></comment><div data-id="438" class="markdown __c-76 __rl-39">If you find some issue, please visit our [GitHub issues](https://github.com/fastn-stack/fastn/issues) to tell us about it.</div><div data-id="439" class="ft_column __w-1"></div></div></div><div data-id="440" class="ft_column __w-1 __pt-134 __pb-135 __bbw-89 __bc-24"><h4 data-id="441" class="__pt-136 __pb-135 __c-28 __rl-35">Quick links:</h4><div data-id="442" class="ft_column __w-1"><comment data-id="443"></comment><div data-id="444" class="markdown __c-76 __rl-39">- [Install `fastn`](install/) - [Create `fastn` package](create-fastn-package/) - [Expander Crash Course](expander/) - [Syntax Highlighting in Sublime Text](/sublime/)</div><div data-id="445" class="ft_column __w-1"></div></div></div><div data-id="446" class="ft_column __w-1 __pt-134 __pb-135 __bbw-89 __bc-24"><h4 data-id="447" class="__pt-136 __pb-135 __c-28 __rl-35">Join us</h4><div data-id="448" class="ft_column __w-1"><comment data-id="449"></comment><div data-id="450" class="markdown __c-76 __rl-39">We welcome you to join our [Discord](https://discord.gg/a7eBUeutWD) community today. We are trying to create the language for human beings and we do not believe it would be possible without your support. We would love to hear from you.</div><div data-id="451" class="ft_column __w-1"></div></div></div></div></div></div><comment data-id="452"></comment></div><comment data-id="453"></comment><div data-id="454" class="ft_row __pos-140 __p-141 __bw-142 __br-69 __bc-24 __b-143 __r-144 __z-145 __bgc-3"><comment data-id="455"></comment><div data-id="456" class="ft_row __cur-14"><img data-id="457" src="-/fastn-community.github.io/dark-mode-switcher/static/system-mode-active.png" class="__as-25 __w-146 __h-147"></img></div><comment data-id="458"></comment><comment data-id="459"></comment></div><comment data-id="460"></comment><div data-id="461" class="ft_column __w-1 __jc-4 __ali-5"><div data-id="462" class="ft_column __w-1"><comment data-id="463"></comment><div data-id="465" class="ft_column __w-1 __pt-148 __pb-149 __bgc-33 __g-75"><div data-id="466" class="ft_row __w-1 __pl-150 __pr-151 __g-152"><div data-id="467" class="ft_row"><a data-id="468" href="/" class="ft_row __jc-4 __ali-5 __g-79"><comment data-id="469"></comment><img data-id="470" src="-/fastn.com/images/fastn.svg" class="__w-153 __h-154"></img><comment data-id="471"></comment></a><comment data-id="472"></comment></div><comment data-id="473"></comment></div><div data-id="474" class="ft_row __w-1 __bbw-89 __bc-24"></div><div data-id="475" class="ft_row __w-1 __pl-150 __pr-151 __jc-4 __ali-5"><div data-id="476" class="__w-1 __c-76 __rl-91">Copyright © 2023 - [FifthTry.com](https://www.fifthtry.com/)</div><comment data-id="477"></comment><comment data-id="478"></comment><div data-id="479" class="ft_row __g-155"><div data-id="480" class="ft_row __g-155"><comment data-id="481"></comment><img data-id="482" src="-/fastn-community.github.io/footer/assets/twitter.svg" href="https://twitter.com/FifthTryHQ" class="__w-156 __h-154"></img><comment data-id="483"></comment><comment data-id="484"></comment><img data-id="485" src="-/fastn-community.github.io/footer/assets/discord.svg" href="https://discord.gg/bucrdvptYd" class="__w-156 __h-154"></img><comment data-id="486"></comment><comment data-id="487"></comment></div></div></div></div><comment data-id="488"></comment></div></div></div></div></div></body><style id="styles"> .__w-1 { width: 100%; } .__h-2 { height: 100%; } .__bgc-3 { background-color: #FFFFFF; } body.dark .__bgc-3 { background-color: #000000; } .__jc-4 { justify-content: center; } .__ali-5 { align-items: center; } .__pl-7 { padding-left: 48px; } .__pr-8 { padding-right: 48px; } .__pt-9 { padding-top: 24px; } .__pb-10 { padding-bottom: 24px; } .__as-11 { align-self: start; } .__w-12 { width: 120px; } .__h-13 { height: 38px; } .__cur-14 { cursor: pointer; } .__pos-15 { position: absolute; } .__w-16 { width: 200px; } .__h-17 { height: 150px; } .__t-18 { top: -70px; } .__l-19 { left: -37px; } .__z-20 { z-index: 0; } .__pl-21 { padding-left: 20px; } .__ml-22 { margin-left: 20px; } .__blw-23 { border-left-width: 1px; } .__bc-24 { border-color: #f0ece2; } body.dark .__bc-24 { border-color: #434547; } .__as-25 { align-self: center; } .__pl-26 { padding-left: 10px; } .__ml-27 { margin-left: 10px; } .__c-28 { color: #333333; } body.dark .__c-28 { color: #FFFFFF; } .__c-28:visited { color: #333333; } body.dark .__c-28:visited { color: #FFFFFF; } .__rl-29 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 16px; font-weight: 400; line-height: 20px; } body.mobile .__rl-29 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 16px; font-weight: 400; line-height: 20px; } .__white-space-30 { white-space: nowrap; } .__c-31 { color: #EF8435; } .__h-32 { height: 22px; } .__bgc-33 { background-color: #FDFAF1; } body.dark .__bgc-33 { background-color: #111111; } .__pb-34 { padding-bottom: 8px; } .__rl-35 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 1.25rem; font-weight: 500; line-height: 1.5em; } body.mobile .__rl-35 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 1.25rem; font-weight: 500; line-height: 1.5em; } .__mr-36 { margin-right: 8px; } .__rl-37 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 14px; font-weight: 400; line-height: 16px; } body.mobile .__rl-37 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 14px; font-weight: 400; line-height: 16px; } .__g-38 { gap: 6px; } .__rl-39 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 14px; font-weight: 400; line-height: 18px; } body.mobile .__rl-39 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 14px; font-weight: 400; line-height: 18px; } .__w-40 { width: fit-content; } .__as-41 { align-self: end; } .__pl-42 { padding-left: 25px; } .__pr-43 { padding-right: 25px; } .__g-48 { gap: 10px; } .__w-49 { width: 20%; } .__h-50 { height: 100vh; } .__pl-51 { padding-left: 12px; } .__pr-52 { padding-right: 12px; } .__pt-53 { padding-top: 16px; } .__pb-54 { padding-bottom: 32px; } .__mt-55 { margin-top: 25px; } .__mb-56 { margin-bottom: 25px; } .__br-57 { border-radius: 8px; } .__oy-58 { overflow-y: auto; } .__t-59 { top: 0px; } .__l-60 { left: 24px; } .__pos-61 { position: sticky; } .__mnh-62 { min-height: calc(100vh - 0px); } .__mnw-63 { min-width: 20%; } .__jc-64 { justify-content: start; } .__ali-65 { align-items: start; } .__pt-66 { padding-top: 6px; } .__pb-67 { padding-bottom: 6px; } .__mb-68 { margin-bottom: 6px; } .__br-69 { border-radius: 4px; } .__g-75 { gap: 24px; } .__c-76 { color: #707070; } body.dark .__c-76 { color: #D9D9D9; } .__c-76:visited { color: #707070; } body.dark .__c-76:visited { color: #D9D9D9; } .__pt-77 { padding-top: 0rem; } .__ml-78 { margin-left: 12px; } .__g-79 { gap: 8px; } .__w-80 { width: 60%; } .__pl-81 { padding-left: 34px; } .__pr-82 { padding-right: 34px; } .__pt-83 { padding-top: 26px; } .__pb-84 { padding-bottom: 26px; } .__mnh-85 { min-height: calc(100vh); } .__mt-86 { margin-top: 24px; } .__g-87 { gap: 0.8em; } .__mb-88 { margin-bottom: 0.5rem; } .__bbw-89 { border-bottom-width: 1px; } .__rl-90 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 3rem; font-weight: 700; line-height: 1.2em; } body.mobile .__rl-90 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 2rem; font-weight: 700; line-height: 1.2em; } .__rl-91 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5em; } .__h-92 { height: null; } .__mb-93 { margin-bottom: 24px; } .__mnh-94 { min-height: 400px; } .__pt-95 { padding-top: 0.5em; } .__rl-96 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 2.25rem; font-weight: 700; line-height: 1.5em; } body.mobile .__rl-96 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 1.75rem; font-weight: 700; line-height: 1.5em; } .__pt-97 { padding-top: 0.3em; } .__rl-98 { font-family: fifthtry-github-io-inter-font-Inter; letter-spacing: 0px; font-size: 1.5rem; font-weight: 600; line-height: 1.5em; } .__pt-99 { padding-top: 12px; } .__pb-100 { padding-bottom: 12px; } .__cur-101 { cursor: default; } .__pr-102 { padding-right: 20px; } .__pt-103 { padding-top: 10px; } .__pb-104 { padding-bottom: 10px; } .__btlr-105 { border-top-left-radius: 4px; } .__btrr-106 { border-top-right-radius: 4px; } .__t-107 { top: 12px; } .__r-108 { right: 20px; } .__jc-109 { justify-content: end; } .__ali-110 { align-items: end; } .__ox-115 { overflow-x: auto; } .__bgc-116 { background-color: #f5f5f5; } body.dark .__bgc-116 { background-color: #21222c; } .__p-118 { padding: 6px; } .__bbrr-119 { border-bottom-right-radius: 4px; } .__b-120 { bottom: 12px; } .__r-121 { right: 12px; } .__z-122 { z-index: 999; } .__g-123 { gap: 16px; } .__g-124 { gap: 4px; } .__bw-125 { border-width: 2px; } .__pt-126 { padding-top: 0.17em; } .__br-127 { border-radius: 10px; } .__pl-128 { padding-left: 24px; } .__pr-129 { padding-right: 16px; } .__pt-130 { padding-top: 4px; } .__mr-131 { margin-right: 12px; } .__r-132 { right: 0px; } .__mnw-133 { min-width: 100%; } .__pt-134 { padding-top: 14px; } .__pb-135 { padding-bottom: 16px; } .__pt-136 { padding-top: 8px; } .__mt-137 { margin-top: 10px; } .__t-138 { top: -900px; } .__z-139 { z-index: -1; } .__pos-140 { position: fixed; } .__p-141 { padding: 10px; } .__bw-142 { border-width: 1px; } .__b-143 { bottom: 90px; } .__r-144 { right: 50px; } .__z-145 { z-index: 99999999999999; } .__w-146 { width: 19px; } .__h-147 { height: 19px; } .__pt-148 { padding-top: 40px; } .__pb-149 { padding-bottom: 40px; } .__pl-150 { padding-left: 40px; } .__pr-151 { padding-right: 40px; } .__g-152 { gap: 40px; } .__w-153 { width: auto; } .__h-154 { height: 32px; } .__g-155 { gap: 32px; } .__w-156 { width: 32px; } </style><style> @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/inter-font/static/Inter-100-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/inter-font/static/Inter-100-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/inter-font/static/Inter-100-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/inter-font/static/Inter-100-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/inter-font/static/Inter-100-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/inter-font/static/Inter-100-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/inter-font/static/Inter-100-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/inter-font/static/Inter-200-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/inter-font/static/Inter-200-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/inter-font/static/Inter-200-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/inter-font/static/Inter-200-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/inter-font/static/Inter-200-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/inter-font/static/Inter-200-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/inter-font/static/Inter-200-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/inter-font/static/Inter-300-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/inter-font/static/Inter-300-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/inter-font/static/Inter-300-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/inter-font/static/Inter-300-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/inter-font/static/Inter-300-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/inter-font/static/Inter-300-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/inter-font/static/Inter-300-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/inter-font/static/Inter-400-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/inter-font/static/Inter-400-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/inter-font/static/Inter-400-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/inter-font/static/Inter-400-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/inter-font/static/Inter-400-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/inter-font/static/Inter-400-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/inter-font/static/Inter-400-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/inter-font/static/Inter-500-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/inter-font/static/Inter-500-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/inter-font/static/Inter-500-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/inter-font/static/Inter-500-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/inter-font/static/Inter-500-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/inter-font/static/Inter-500-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/inter-font/static/Inter-500-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/inter-font/static/Inter-600-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/inter-font/static/Inter-600-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/inter-font/static/Inter-600-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/inter-font/static/Inter-600-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/inter-font/static/Inter-600-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/inter-font/static/Inter-600-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/inter-font/static/Inter-600-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/inter-font/static/Inter-700-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/inter-font/static/Inter-700-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/inter-font/static/Inter-700-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/inter-font/static/Inter-700-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/inter-font/static/Inter-700-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/inter-font/static/Inter-700-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/inter-font/static/Inter-700-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/inter-font/static/Inter-800-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/inter-font/static/Inter-800-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/inter-font/static/Inter-800-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/inter-font/static/Inter-800-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/inter-font/static/Inter-800-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/inter-font/static/Inter-800-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/inter-font/static/Inter-800-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/inter-font/static/Inter-900-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/inter-font/static/Inter-900-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/inter-font/static/Inter-900-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/inter-font/static/Inter-900-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/inter-font/static/Inter-900-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/inter-font/static/Inter-900-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/inter-font/static/Inter-900-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: italic; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-italic-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: italic; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-italic-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: italic; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-italic-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: italic; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-italic-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-italic-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: italic; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-italic-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-normal-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-300-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-normal-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-400-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-normal-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-500-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-normal-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-600-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-normal-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-700-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-normal-hebrew.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(-/fastn-community.github.io/opensans-font/static/Open-Sans-800-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-opensans-font-Open-Sans } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-100-italic-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-100-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-100-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: italic; font-weight: 200; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-200-italic-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 200; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-200-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 200; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-200-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-300-italic-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-300-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-300-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-400-italic-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-400-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-400-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-500-italic-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-500-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-500-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: italic; font-weight: 600; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-600-italic-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 600; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-600-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 600; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-600-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-700-italic-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-700-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-700-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: italic; font-weight: 800; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-800-italic-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 800; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-800-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 800; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-800-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-900-italic-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-900-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-900-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-100-normal-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-100-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-100-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-200-normal-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-200-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 200; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-200-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-300-normal-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-300-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-300-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-400-normal-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-400-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-400-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-500-normal-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-500-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-500-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-600-normal-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-600-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 600; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-600-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-700-normal-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-700-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-700-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-800-normal-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-800-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 800; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-800-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-900-normal-devanagari.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-900-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/poppins-font/static/Poppins-900-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-poppins-font-Poppins } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-italic-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-italic-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-italic-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-italic-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-italic-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-italic-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: italic; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-italic-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 100; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-100-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 300; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-300-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 400; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-400-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 500; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-500-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 700; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-700-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-normal-cyrillic-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-normal-cyrillic.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-normal-greek-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-normal-greek.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-normal-vietnamese.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-normal-latin-ext.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 900; src: url(-/fastn-community.github.io/roboto-font/static/Roboto-900-normal-latin.woff2) format('woff2'); font-family: fastn-community-github-io-roboto-font-Roboto } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 100; src: url(-/fifthtry.github.io/inter-font/static/Inter-100-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 100; src: url(-/fifthtry.github.io/inter-font/static/Inter-100-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 100; src: url(-/fifthtry.github.io/inter-font/static/Inter-100-normal-greek-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 100; src: url(-/fifthtry.github.io/inter-font/static/Inter-100-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 100; src: url(-/fifthtry.github.io/inter-font/static/Inter-100-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 100; src: url(-/fifthtry.github.io/inter-font/static/Inter-100-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 100; src: url(-/fifthtry.github.io/inter-font/static/Inter-100-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/inter-font/static/Inter-200-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/inter-font/static/Inter-200-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/inter-font/static/Inter-200-normal-greek-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/inter-font/static/Inter-200-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/inter-font/static/Inter-200-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/inter-font/static/Inter-200-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/inter-font/static/Inter-200-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/inter-font/static/Inter-300-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/inter-font/static/Inter-300-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/inter-font/static/Inter-300-normal-greek-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/inter-font/static/Inter-300-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/inter-font/static/Inter-300-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/inter-font/static/Inter-300-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/inter-font/static/Inter-300-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/inter-font/static/Inter-400-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/inter-font/static/Inter-400-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/inter-font/static/Inter-400-normal-greek-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/inter-font/static/Inter-400-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/inter-font/static/Inter-400-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/inter-font/static/Inter-400-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/inter-font/static/Inter-400-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/inter-font/static/Inter-500-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/inter-font/static/Inter-500-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/inter-font/static/Inter-500-normal-greek-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/inter-font/static/Inter-500-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/inter-font/static/Inter-500-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/inter-font/static/Inter-500-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/inter-font/static/Inter-500-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/inter-font/static/Inter-600-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/inter-font/static/Inter-600-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/inter-font/static/Inter-600-normal-greek-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/inter-font/static/Inter-600-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/inter-font/static/Inter-600-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/inter-font/static/Inter-600-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/inter-font/static/Inter-600-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/inter-font/static/Inter-700-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/inter-font/static/Inter-700-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/inter-font/static/Inter-700-normal-greek-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/inter-font/static/Inter-700-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/inter-font/static/Inter-700-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/inter-font/static/Inter-700-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/inter-font/static/Inter-700-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/inter-font/static/Inter-800-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/inter-font/static/Inter-800-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/inter-font/static/Inter-800-normal-greek-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/inter-font/static/Inter-800-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/inter-font/static/Inter-800-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/inter-font/static/Inter-800-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/inter-font/static/Inter-800-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 900; src: url(-/fifthtry.github.io/inter-font/static/Inter-900-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 900; src: url(-/fifthtry.github.io/inter-font/static/Inter-900-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+1F00-1FFF; font-style: normal; font-weight: 900; src: url(-/fifthtry.github.io/inter-font/static/Inter-900-normal-greek-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 900; src: url(-/fifthtry.github.io/inter-font/static/Inter-900-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 900; src: url(-/fifthtry.github.io/inter-font/static/Inter-900-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 900; src: url(-/fifthtry.github.io/inter-font/static/Inter-900-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 900; src: url(-/fifthtry.github.io/inter-font/static/Inter-900-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-inter-font-Inter } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-200-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-200-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-200-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-200-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-200-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 200; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-200-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-300-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-300-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-300-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-300-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-300-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 300; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-300-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-400-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-400-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-400-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-400-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-400-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 400; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-400-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-500-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-500-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-500-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-500-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-500-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 500; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-500-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-600-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-600-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-600-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-600-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-600-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 600; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-600-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-700-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-700-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-700-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-700-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-700-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 700; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-700-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-800-normal-cyrillic-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-800-normal-cyrillic.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0370-03FF; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-800-normal-greek.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-800-normal-vietnamese.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-800-normal-latin-ext.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-style: normal; font-weight: 800; src: url(-/fifthtry.github.io/manrope-font/static/Manrope-800-normal-latin.woff2) format('woff2'); font-family: fifthtry-github-io-manrope-font-Manrope } @font-face { font-style: Normal; font-weight: 400; src: url(-/fifthtry.github.io/virgil-font/static/virgil.woff2) format('woff2'); font-family: fifthtry-github-io-virgil-font-virgil } </style> <script> (function() { let global = { }; let main = function (parent) { let parenti0 = fastn_com_FASTN_ds__page(parent, inherited, { wrapper: fastn.mutableList([function (root, inherited) { let rooti0 = fastn_com_seo_meta___show_md(root, inherited); } ]) }); } fastn_utils.createNestedObject(global, "fastn_com_assets__files.images.fastn.svg", fastn.recordInstance({ light: "-/fastn.com/images/fastn.svg", dark: "-/fastn.com/images/fastn-dark.svg" })); fastn_utils.createNestedObject(global, "fifthtry_github_io_inter_font_assets__fonts", fastn.recordInstance({ Inter: "fifthtry-github-io-inter-font-Inter" })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_large_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Rem(2.25), line_height: fastn_dom.FontSize.Em(1.5), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_large_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Rem(1.75), line_height: fastn_dom.FontSize.Em(1.5), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_large", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__heading_large_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__heading_large_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_assets__files.static.cross.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/doc-site/static/cross.svg", dark: "-/fastn-community.github.io/doc-site/static/cross-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_assets__files.static.brand_logo.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/doc-site/static/brand-logo.svg", dark: "-/fastn-community.github.io/doc-site/static/brand-logo.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_assets__files.static.editor_icon.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/doc-site/static/editor-icon.svg", dark: "-/fastn-community.github.io/doc-site/static/editor-icon.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__logo_width", 200); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__show_floater", false); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_assets__files.static.header.hamburger_dark.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/doc-site/static/header/hamburger-dark.svg", dark: "-/fastn-community.github.io/doc-site/static/header/hamburger-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_app_switcher_assets__files.images.cross.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/app-switcher/images/cross.svg", dark: "-/fastn-community.github.io/app-switcher/images/cross.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_app_switcher_assets__files.images.app_switcher_mobile.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/app-switcher/images/app-switcher-mobile.svg", dark: "-/fastn-community.github.io/app-switcher/images/app-switcher-mobile.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_app_switcher_assets__files.images.FTD.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/app-switcher/images/FTD.svg", dark: "-/fastn-community.github.io/app-switcher/images/FTD.svg" })); let fastn_community_github_io_app_switcher__myapp = function (parent, inherited, args) { let __args__ = { is_active: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.is_active, v: true, }, parenti0); }); parenti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.is_active, v: false, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(140)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginRight, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Length.Px(28); } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(32), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(6), inherited); parenti0.setProperty(fastn_dom.PropertyKind.OverflowX, fastn_dom.Overflow.Auto, inherited); parenti0.setProperty(fastn_dom.PropertyKind.MaxWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(90)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(90)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(12)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(90)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(90)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(6), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn.formula([__args__.current_app, __args__.index, __args__.is_active], function () { if (function () { return (fastn_utils.getter(__args__.current_app) == fastn_utils.getter(__args__.index)); }()) { return fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("cta_tertiary").get("base")); } else if (function () { return fastn_utils.getter(__args__.is_active); }()) { return fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("cta_tertiary").get("base")); } else { return fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.item.get("icon") ], function () { return (fastn_utils.getter(__args__.item.get("icon")) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.item.get("icon"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.item.get("url"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(8), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.item.get("icon") ], function () { return (fastn_utils.getter(__args__.item.get("icon")) == null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_app_switcher_assets__files.get("images").get("FTD").get("svg"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(8), inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.item.get("name"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.TextAlign, fastn_dom.TextAlign.Center, inherited); } ]), inherited); return parenti0; } let fastn_community_github_io_app_switcher__app_switcher = function (parent, inherited, args) { let __args__ = { is_open: fastn.mutable(false), current_app: fastn.mutable(1), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "desktop"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { return fastn_dom.conditionalDom(root, [ __args__.is_open ], function () { return fastn_utils.getter(__args__.is_open); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Window, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Left, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, 999999, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.is_open ], function () { return fastn_utils.getter(__args__.is_open); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("overlay")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.is_open ], function () { return fastn_utils.getter(__args__.is_open); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.addEventHandler(fastn_dom.Event.GlobalKeySeq(["Shift", "Shift"]), function () { ftd.set_bool({ a: __args__.is_open, v: true, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.GlobalKey(["Escape"]), function () { ftd.set_bool({ a: __args__.is_open, v: false, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(56), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(56), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(6), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(544)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(544)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(100), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px( - 14), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px( - 14), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_2")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_app_switcher_assets__files.get("images").get("cross").get("svg"), inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.is_open, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(500)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Wrap, true, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(32)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.apps.get("items")).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_app_switcher__myapp(root, inherited, { index: item.get("index"), item: item.get("item"), current_app: __args__.current_app }); return rooti0; }); } ]), inherited); } ]), inherited); } ]), inherited); return rooti0; }); } ]), inherited); return rooti0; }); } ]), inherited); } ]), inherited); return rooti0; }).getParent(); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "mobile"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_app_switcher_assets__files.get("images").get("app_switcher_mobile").get("svg"), inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.is_open, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Window, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Bottom, fastn_dom.Length.Px(20), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Left, fastn_dom.Length.Px(14), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, 9999999, inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.is_open ], function () { return fastn_utils.getter(__args__.is_open); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Window, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Left, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("overlay")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(56), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, 9999, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(100), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_2")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_app_switcher_assets__files.get("images").get("cross").get("svg"), inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.is_open, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(12)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(12)), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(442)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Wrap, true, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.apps.get("items")).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_app_switcher__myapp(root, inherited, { index: item.get("index"), item: item.get("item"), current_app: __args__.current_app }); return rooti0; }); } ]), inherited); } ]), inherited); } ]), inherited); } ]), inherited); return rooti0; }); } ]), inherited); return rooti0; } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_header_assets__files.static.header.hamburger_dark.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/header/static/header/hamburger-dark.svg", dark: "-/fastn-community.github.io/header/static/header/hamburger-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_header_assets__files.static.header.cross.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/header/static/header/cross.svg", dark: "-/fastn-community.github.io/header/static/header/cross-dark.svg" })); let fastn_community_github_io_header__mobile_sidebar = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.sidebar_open, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Window, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Bottom, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Left, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.ZIndex, 1, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("overlay")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_header_assets__files.get("static").get("header").get("cross").get("svg"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Window, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.HugContent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(20), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(16), inherited); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fifthtry_github_io_product_switcher__shadow_color", fastn.recordInstance({ light: "rgba(45, 212, 191, 0.2)", dark: "rgba(45, 212, 191, 0.2)" })); fastn_utils.createNestedObject(global, "fifthtry_github_io_product_switcher__current_product", fastn.mutable(1)); let fifthtry_github_io_product_switcher__brand_title = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; return fastn_dom.conditionalDom(parent, [ __args__.index, global.fifthtry_github_io_product_switcher__current_product ], function () { return (fastn_utils.getter(__args__.index) == fastn_utils.getter(global.fifthtry_github_io_product_switcher__current_product)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(4)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, __args__.text_color, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Cursor, fastn_dom.Cursor.Pointer, inherited); } ]), inherited); return rooti0; }).getParent(); } fastn_utils.createNestedObject(global, "fifthtry_github_io_product_switcher_assets__files.assets.images.down_arrow.svg", fastn.recordInstance({ light: "-/fifthtry.github.io/product-switcher/assets/images/down-arrow.svg", dark: "-/fifthtry.github.io/product-switcher/assets/images/down-arrow.svg" })); fastn_utils.createNestedObject(global, "fifthtry_github_io_product_switcher__var_current_product", fastn_utils.clone(global.fifthtry_github_io_product_switcher__current_product)); let fifthtry_github_io_product_switcher__title_image = function (parent, inherited, args) { let __args__ = { logo: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_integer({ a: global.fifthtry_github_io_product_switcher__var_current_product, v: __args__.index, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(__args__.bg_hover), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingRight, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([__args__.body_text_color, inherited.get("colors").get("text_strong"), __args__.index, global.fifthtry_github_io_product_switcher__var_current_product], function () { if (function () { return (fastn_utils.getter(global.fifthtry_github_io_product_switcher__var_current_product) == fastn_utils.getter(__args__.index)); }()) { return inherited.get("colors").get("text_strong"); } else { return __args__.body_text_color; } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn.formula([__args__.index, global.fifthtry_github_io_product_switcher__var_current_product], function () { if (function () { return (fastn_utils.getter(global.fifthtry_github_io_product_switcher__var_current_product) == fastn_utils.getter(__args__.index)); }()) { return fastn_dom.BackgroundStyle.Solid(__args__.bg_color); } else { return fastn_dom.BackgroundStyle.Solid(__args__.bg_hover); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginRight, fastn_dom.Length.Px(8), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); } ]), inherited); } ]), inherited); return parenti0; } let fifthtry_github_io_product_switcher__title_list = function (parent, inherited, args) { let __args__ = { brand: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(50)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.brand).forLoop(root, function (root, item, index) { let rooti0 = fifthtry_github_io_product_switcher__title_image(root, inherited, { title: item.get("title"), index: item.get("index"), bg_hover: __args__.bg_hover, logo: item.get("logo"), url: item.get("url"), text_color: __args__.text_color, bg_color: __args__.bg_color, body_text_color: __args__.body_text_color }); return rooti0; }); } ]), inherited); return parenti0; } let fifthtry_github_io_product_switcher__copy_list = function (parent, inherited, args) { let __args__ = { mouse_in: false, copy: null, menu_hover: inherited.get("colors").get("text_strong"), sub_title: null, button_text: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; return fastn_dom.conditionalDom(parent, [ __args__.index, global.fifthtry_github_io_product_switcher__var_current_product ], function () { return (fastn_utils.getter(global.fifthtry_github_io_product_switcher__var_current_product) == fastn_utils.getter(__args__.index)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderTopLeftRadius, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderTopRightRadius, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(__args__.bg_color), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(288)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.sub_title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, __args__.text_color, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.copy, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); } ]), inherited); } ]), inherited); } ]), inherited); return rooti0; }).getParent(); } let fifthtry_github_io_product_switcher__product_list = function (parent, inherited, args) { let __args__ = { brand: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fifthtry_github_io_product_switcher__title_list(root, inherited, { brand: __args__.brand, text_color: __args__.text_color, bg_color: __args__.bg_color, bg_hover: __args__.bg_hover, body_text_color: __args__.body_text_color }); }, function (root, inherited) { fastn_utils.getter(__args__.brand).forLoop(root, function (root, item, index) { let rooti0 = fifthtry_github_io_product_switcher__copy_list(root, inherited, { copy: item.get("body"), index: item.get("index"), text_color: __args__.text_color, bg_color: __args__.bg_color, body_text_color: __args__.body_text_color, url: item.get("url"), sub_title: item.get("sub_title"), button_text: item.get("button_text") }); return rooti0; }); } ]), inherited); return parenti0; } let fifthtry_github_io_product_switcher__switcher_desktop = function (parent, inherited, args) { let __args__ = { brand: fastn.mutableList([]), bg_color: null, text_color: null, bg_hover: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.mouse_events, v: true, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, __args__.text_color, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(__args__.bg_color), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn.formula([__args__.on_left, __args__.on_left], function () { if (function () { return fastn_utils.getter(__args__.on_left); }()) { return fastn_dom.AlignContent.Left; } else if (function () { return (!fastn_utils.getter(__args__.on_left)); }()) { return fastn_dom.AlignContent.Right; } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(8)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.brand).forLoop(root, function (root, item, index) { let rooti0 = fifthtry_github_io_product_switcher__brand_title(root, inherited, { index: item.get("index"), title: item.get("title"), text_color: __args__.text_color }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fifthtry_github_io_product_switcher_assets__files.get("assets").get("images").get("down_arrow").get("svg"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(12)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.mouse_events ], function () { return fastn_utils.getter(__args__.mouse_events); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.mouse_events, v: true, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.mouse_events, v: false, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.ClickOutside, function () { ftd.set_bool({ a: __args__.mouse_events, v: false, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn.formula([__args__.on_left, __args__.on_left], function () { if (function () { return fastn_utils.getter(__args__.on_left); }()) { return fastn_dom.Length.Px(25); } else if (function () { return (!fastn_utils.getter(__args__.on_left)); }()) { return fastn_dom.Length.Px(40); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Left, fastn.formula([__args__.on_left], function () { if (function () { return fastn_utils.getter(__args__.on_left); }()) { return fastn_dom.Length.Px( - 96); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn.formula([__args__.on_left], function () { if (function () { return (!fastn_utils.getter(__args__.on_left)); }()) { return fastn_dom.Length.Px( - 3); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(__args__.bg_hover), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(255)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(460)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(255)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(460)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(255)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(460)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fifthtry_github_io_product_switcher__product_list(root, inherited, { brand: __args__.brand, text_color: __args__.text_color, bg_color: __args__.bg_color, bg_hover: __args__.bg_hover, body_text_color: __args__.body_text_color }); } ]), inherited); } ]), inherited); } ]), inherited); return rooti0; }); } ]), inherited); } ]), inherited); } ]), inherited); return parenti0; } let fifthtry_github_io_product_switcher__brand_name = function (parent, inherited, args) { let __args__ = { copy: null, text_color: null, bg_color: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(12), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderTopWidth, fastn_dom.Length.Px(1), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(4)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.HugContent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(36)), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, __args__.text_color, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.sub_title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, __args__.text_color, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.copy, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, __args__.body_text_color, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "explore ->", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("cta_primary").get("base"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); } ]), inherited); } ]), inherited); return parenti0; } let fifthtry_github_io_product_switcher__switcher_mobile = function (parent, inherited, args) { let __args__ = { brand: fastn.mutableList([]), bg_color: null, text_color: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.mouse_events, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "All Product ->", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("cta_primary").get("base"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.mouse_events ], function () { return fastn_utils.getter(__args__.mouse_events); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Window, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100% - 48px")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100vh - 0px")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Bottom, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Left, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(__args__.bg_color), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.TopLeft, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(32), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "<- back", inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.mouse_events, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, __args__.text_color, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); }, function (root, inherited) { fastn_utils.getter(__args__.brand).forLoop(root, function (root, item, index) { let rooti0 = fifthtry_github_io_product_switcher__brand_name(root, inherited, { title: item.get("title"), copy: item.get("body"), index: item.get("index"), text_color: __args__.text_color, bg_color: __args__.bg_color, url: item.get("url"), sub_title: item.get("sub_title"), logo: item.get("mobile_logo"), body_text_color: __args__.body_text_color }); return rooti0; }); } ]), inherited); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fifthtry_github_io_product_switcher__switcher = function (parent, inherited, args) { let __args__ = { bg_color: inherited.get("colors").get("background").get("step_1"), text_color: inherited.get("colors").get("text_strong"), bg_hover: inherited.get("colors").get("background").get("base"), body_text_color: inherited.get("colors").get("text"), shadow_color: global.fifthtry_github_io_product_switcher__shadow_color, products: fastn.mutableList([]), mouse_events: fastn.mutable(false), on_left: fastn.mutable(true), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; return fastn_dom.conditionalDom(parent, [ __args__.products ], function () { return (!ftd.is_empty(__args__.products)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.mouse_events, v: true, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn.formula([__args__.on_left], function () { if (function () { return (!fastn_utils.getter(__args__.on_left)); }()) { return fastn_dom.AlignContent.Right; } else { return fastn_dom.AlignContent.Left; } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "desktop"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fifthtry_github_io_product_switcher__switcher_desktop(root, inherited, { brand: __args__.products, on_left: __args__.on_left, mouse_events: __args__.mouse_events, bg_color: __args__.bg_color, text_color: __args__.text_color, bg_hover: __args__.bg_hover, body_text_color: __args__.body_text_color, shadow_color: __args__.shadow_color }); return rooti0; } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "mobile"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fifthtry_github_io_product_switcher__switcher_mobile(root, inherited, { brand: __args__.products, mouse_events: __args__.mouse_events, bg_color: __args__.bg_color, text_color: __args__.text_color, body_text_color: __args__.body_text_color }); return rooti0; } ]), inherited); return rooti0; }); } ]), inherited); return rooti0; }).getParent(); } let fastn_community_github_io_header__links_mobile = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.obj.get("url") ], function () { return (fastn_utils.getter(__args__.obj.get("url")) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.obj.get("title"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.obj.get("url"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text_strong"), inherited.get("colors").get("cta_primary").get("base"), __args__.obj.get("is_active")], function () { if (function () { return fastn_utils.getter(__args__.obj.get("is_active")); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text_strong"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.obj.get("url") ], function () { return (fastn_utils.getter(__args__.obj.get("url")) == null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(8)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.obj.get("title"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("background").get("step_2"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_header__show_children_mobile = function (parent, inherited, args) { let __args__ = { children: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; return fastn_dom.conditionalDom(parent, [ __args__.children ], function () { return (!ftd.is_empty(__args__.children)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Padding, fastn_dom.Length.Px(5), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(15), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.children).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_header__links_mobile(root, inherited, { obj: item }); return rooti0; }); } ]), inherited); return rooti0; }).getParent(); } let fastn_community_github_io_header__header_item_mobile = function (parent, inherited, args) { let __args__ = { link: null, children: fastn.mutableList([]), open: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.open, }, parenti0); }); parenti0.addEventHandler(fastn_dom.Event.ClickOutside, function () { ftd.set_bool({ a: __args__.open, v: false, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Start, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.set_bool({ a: __args__.show_section, v: true, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.link, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text_strong"), inherited.get("colors").get("cta_primary").get("base"), __args__.is_active], function () { if (function () { return fastn_utils.getter(__args__.is_active); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text_strong"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.children ], function () { return (ftd.is_empty(__args__.children)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(15), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.children ], function () { return (!ftd.is_empty(__args__.children)); }, function (root) { let rooti0 = fastn_community_github_io_header__show_children_mobile(root, inherited, { children: __args__.children }); return rooti0; }); } ]), inherited); return rooti0; }); } ]), inherited); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_header_assets__files.static.icon_github.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/header/static/icon-github.svg", dark: "-/fastn-community.github.io/header/static/icon-github-dark.svg" })); let fastn_community_github_io_header__login_signup_desktop = function (parent, inherited, args) { let __args__ = { login: null, login_btn_url: null, icon_github: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn_dom.Length.Px(20), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.login, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.login_btn_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); } ]), inherited); return parenti0; } let fastn_community_github_io_header__login_signup_mobile = function (parent, inherited, args) { let __args__ = { login: null, login_btn_url: null, icon_github: global.fastn_community_github_io_header_assets__files.get("static").get("icon_github").get("svg"), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(32)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.login, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.login_btn_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(32), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); } ]), inherited); return parenti0; } let fastn_community_github_io_header__login_signup = function (parent, inherited, args) { let __args__ = { login: null, login_btn_url: null, icon_github: global.fastn_community_github_io_header_assets__files.get("static").get("icon_github").get("svg"), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "desktop"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_header__login_signup_desktop(root, inherited, { login: __args__.login, login_btn_url: __args__.login_btn_url, icon_github: __args__.icon_github }); return rooti0; } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "mobile"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_header__login_signup_mobile(root, inherited, { login: __args__.login, login_btn_url: __args__.login_btn_url, icon_github: __args__.icon_github }); return rooti0; } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_header__github_button = function (parent, inherited, args) { let __args__ = { icon_github: global.fastn_community_github_io_header_assets__files.get("static").get("icon_github").get("svg"), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "desktop"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.icon_github, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.github_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(22)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn_dom.Length.Px(10), inherited); return rooti0; } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "mobile"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.icon_github, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.github_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(22)), inherited); return rooti0; } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_header__footer = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(32), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("cta_primary").get("base"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_header__footer_list", fastn.mutableList([])); let fastn_community_github_io_header__menu_mobile = function (parent, inherited, args) { let __args__ = { products: fastn.mutableList([]), site_logo: null, brand_caption: null, site_name: null, sections: fastn.mutableList([]), footer_nav: fastn.mutableList([]), sub_sections: fastn.mutableList([]), logo_width: 120, logo_height: 44, font_family: null, login_btn_txt: null, login_btn_url: null, github_url: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Window, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100% - 48px")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100vh - 0px")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(24), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(20), inherited); parenti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Left, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.ZIndex, 14, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.parent_brand ], function () { return (!fastn_utils.getter(__args__.parent_brand)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomWidth, fastn_dom.Length.Px(1), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.parent_brand ], function () { return (!fastn_utils.getter(__args__.parent_brand)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.brand_caption ], function () { return (fastn_utils.getter(__args__.brand_caption) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.brand_caption, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_logo ], function () { return (fastn_utils.getter(__args__.site_logo) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(38)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.site_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(44)), inherited); } ]), inherited); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fifthtry_github_io_product_switcher__switcher(root, inherited, { products: __args__.products }); } ]), inherited); } ]), inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.sections ], function () { return (!ftd.is_empty(__args__.sections)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomWidth, fastn.formula([__args__.login_button], function () { if (function () { return fastn_utils.getter(__args__.login_button); }()) { return fastn_dom.Length.Px(1); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.sections).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_header__header_item_mobile(root, inherited, { title: item.get("title"), link: item.get("url"), children: item.get("children"), is_active: item.get("is_active"), show_section: __args__.show_section }); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.login_button ], function () { return fastn_utils.getter(__args__.login_button); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomWidth, fastn.formula([__args__.parent_brand], function () { if (function () { return (!fastn_utils.getter(__args__.parent_brand)); }()) { return fastn_dom.Length.Px(1); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_header__login_signup(root, inherited, { login: __args__.login_btn_txt, login_btn_url: __args__.login_btn_url }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.github_icon ], function () { return fastn_utils.getter(__args__.github_icon); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_header__github_button(root, inherited, { github_url: __args__.github_url }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.parent_brand ], function () { return (!fastn_utils.getter(__args__.parent_brand)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(global.fastn_community_github_io_header__footer_list).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_header__footer(root, inherited, { title: item.get("title"), url: item.get("url") }); return rooti0; }); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_header__sitemap", fastn.recordInstance({ sections: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Overview", url: "home/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Design", url: "figma/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Frontend", url: "frontend/why/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Fullstack", url: "backend/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Blog", url: "blog/" })]), subsections: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Featured Templates", url: "/featured/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Deploy", url: "/deploy/" })]), toc: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "On Windows", url: "build-windows/-/expander/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "On MacOS/Linux", url: "build-macos/-/expander/" })]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Install", url: "install/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Hello World", url: "expander/hello-world/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Basic UI", url: "expander/basic-ui/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Publish a package", url: "expander/publish/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Understanding sitemap", url: "understanding-sitemap/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Create clean URLs", url: "clean-urls/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Create rounded border", url: "rounded-border/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Using images in documents", url: "using-images/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Add meta-data", url: "seo-meta/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Markdown in doc-site", url: "markdown/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Adding typography", url: "typography/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Adding color scheme", url: "color-scheme/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Redirects", url: "redirects/" })]), current_section: fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), current_subsection: fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), current_page: fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Add meta-data", url: "seo-meta/" }) })); let fastn_community_github_io_header__fallback_title = function (parent, inherited, args) { let __args__ = { site_name: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_name ], function () { return (fastn_utils.getter(__args__.site_name) == null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "LOGO", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_large"), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_header__header_item = function (parent, inherited, args) { let __args__ = { link: null, open: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.open, }, parenti0); }); parenti0.addEventHandler(fastn_dom.Event.ClickOutside, function () { ftd.set_bool({ a: __args__.open, v: false, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.title ], function () { return (fastn_utils.getter(__args__.title) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.link, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text_strong"), inherited.get("colors").get("cta_primary").get("base"), __args__.is_active], function () { if (function () { return fastn_utils.getter(__args__.is_active); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text_strong"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.link ], function () { return (fastn_utils.getter(__args__.link) == null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn_dom.Length.Px(20), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text_strong"), inherited.get("colors").get("cta_primary").get("base"), __args__.is_active], function () { if (function () { return fastn_utils.getter(__args__.is_active); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text_strong"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_header__childs = function (parent, inherited, args) { let __args__ = { show_arrow: true, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(6)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.item.get("is_open"), __args__.item.get("title"), __args__.show_arrow ], function () { return (fastn_utils.getter(__args__.item.get("title")) !== null && fastn_utils.getter(__args__.item.get("is_open")) && fastn_utils.getter(__args__.show_arrow)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "->", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.item.get("is_open"), __args__.item.get("title") ], function () { return (fastn_utils.getter(__args__.item.get("title")) !== null && fastn_utils.getter(__args__.item.get("is_open"))); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.item.get("title"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.item.get("url"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text_strong"), inherited.get("colors").get("cta_primary").get("base"), __args__.item.get("is_active")], function () { if (function () { return fastn_utils.getter(__args__.item.get("is_active")); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text_strong"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); return rooti0; }); }, function (root, inherited) { fastn_utils.getter(__args__.item.get("children")).forLoop(root, function (root, item, index) { return fastn_dom.conditionalDom(root, [ __args__.item.get("is_open") ], function () { return fastn_utils.getter(__args__.item.get("is_open")); }, function (root) { let rooti0 = fastn_community_github_io_header__childs(root, inherited, { item: item }); return rooti0; }).getParent(); }); } ]), inherited); return parenti0; } let fastn_community_github_io_header__header_desktop = function (parent, inherited, args) { let __args__ = { products: fastn.mutableList([]), site_logo: null, site_name: null, brand_caption: null, sections: fastn.mutableList([]), current_subsection: null, sub_sections: fastn.mutableList([]), current_section: null, current_page: null, extra: fastn.mutableList([]), logo_width: 120, logo_height: 44, login_btn_txt: null, login_btn_url: null, full_width: true, max_width: null, github_url: null, toc: global.fastn_community_github_io_header__sitemap.get("toc"), logo_ui: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("base")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxWidth, fastn.formula([__args__.max_width, __args__.full_width], function () { if (function () { return (!fastn_utils.getter(__args__.full_width)); }()) { return __args__.max_width; } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(48), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Start, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.parent_brand ], function () { return (!fastn_utils.getter(__args__.parent_brand)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.brand_caption ], function () { return (fastn_utils.getter(__args__.brand_caption) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.brand_caption, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.site_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_logo ], function () { return (fastn_utils.getter(__args__.site_logo) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.site_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(__args__.logo_width)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(__args__.logo_height)), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_name ], function () { return (fastn_utils.getter(__args__.site_name) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.site_name, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn.formula([__args__.site_logo], function () { if (function () { return (fastn_utils.getter(__args__.site_logo) !== null); }()) { return fastn_dom.Length.Px(16); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_large"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_logo ], function () { return (fastn_utils.getter(__args__.site_logo) == null); }, function (root) { let rooti0 = fastn_community_github_io_header__fallback_title(root, inherited, { site_name: __args__.site_name }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.logo_ui, inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(20), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn_dom.Length.Px(20), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderLeftWidth, fastn_dom.Length.Px(1), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fifthtry_github_io_product_switcher__switcher(root, inherited, { products: __args__.products }); } ]), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.sections).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_header__header_item(root, inherited, { title: item.get("title"), link: item.get("url"), is_active: item.get("is_active") }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.login_button ], function () { return fastn_utils.getter(__args__.login_button); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_header__login_signup(root, inherited, { login: __args__.login_btn_txt, login_btn_url: __args__.login_btn_url }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.github_icon ], function () { return fastn_utils.getter(__args__.github_icon); }, function (root) { let rooti0 = fastn_community_github_io_header__github_button(root, inherited, { github_url: __args__.github_url }); return rooti0; }); } ]), inherited); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_section ], function () { return (fastn_utils.getter(__args__.current_section) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(48), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Start, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_section.get("title") ], function () { return (fastn_utils.getter(__args__.current_section.get("title")) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.current_section.get("title"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.current_section.get("url"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_small"), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_subsection ], function () { return (fastn_utils.getter(__args__.current_subsection) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.current_subsection.get("title"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.current_subsection.get("url"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginRight, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_subsection ], function () { return (fastn_utils.getter(__args__.current_subsection) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_page ], function () { return (fastn_utils.getter(__args__.current_page) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "->", inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginRight, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); } ]), inherited); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_utils.getter(global.fastn_community_github_io_header__sitemap.get("toc")).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_header__childs(root, inherited, { item: item, show_arrow: false }); return rooti0; }); } ]), inherited); } ]), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.HugContent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.End, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.sub_sections).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_header__header_item(root, inherited, { title: item.get("title"), link: item.get("url"), is_active: item.get("is_active") }); return rooti0; }); } ]), inherited); } ]), inherited); } ]), inherited); return rooti0; }); } ]), inherited); } ]), inherited); return parenti0; } let fastn_community_github_io_header__header_item_mobile_view = function (parent, inherited, args) { let __args__ = { link: null, children: fastn.mutableList([]), open: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.open, }, parenti0); }); parenti0.addEventHandler(fastn_dom.Event.ClickOutside, function () { ftd.set_bool({ a: __args__.open, v: false, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.title ], function () { return (fastn_utils.getter(__args__.title) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.link, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text_strong"), inherited.get("colors").get("cta_primary").get("base"), __args__.is_active], function () { if (function () { return fastn_utils.getter(__args__.is_active); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text_strong"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_header_assets__files.static.up_arrow_dark.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/header/static/up-arrow-dark.svg", dark: "-/fastn-community.github.io/header/static/up-arrow-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_header_assets__files.static.down_arrow_dark.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/header/static/down-arrow-dark.svg", dark: "-/fastn-community.github.io/header/static/down-arrow-dark.svg" })); let fastn_community_github_io_header__header_toc_item_mobile_view = function (parent, inherited, args) { let __args__ = { link: null, children: fastn.mutableList([]), icon: null, open: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.open, }, parenti0); }); parenti0.addEventHandler(fastn_dom.Event.ClickOutside, function () { ftd.set_bool({ a: __args__.open, v: false, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.link ], function () { return (fastn_utils.getter(__args__.link) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.link ], function () { return (fastn_utils.getter(__args__.link) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.link, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text"), inherited.get("colors").get("cta_primary").get("base"), __args__.is_active], function () { if (function () { return fastn_utils.getter(__args__.is_active); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.link ], function () { return (fastn_utils.getter(__args__.link) == null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.link ], function () { return (fastn_utils.getter(__args__.link) == null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text"), inherited.get("colors").get("cta_primary").get("base"), __args__.is_active], function () { if (function () { return fastn_utils.getter(__args__.is_active); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.children ], function () { return (!ftd.is_empty(__args__.children)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.children ], function () { return (!ftd.is_empty(__args__.children)); }, function (root) { let rooti0 = fastn_community_github_io_header__show_children_mobile(root, inherited, { children: __args__.children }); return rooti0; }); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_header__header_mobile = function (parent, inherited, args) { let __args__ = { products: fastn.mutableList([]), sidebar_open: fastn.mutable(false), site_logo: null, brand_site_logo: null, brand_site_name: null, parent_brand: false, show_section: fastn.mutable(false), brand_site_url: null, site_name: null, sections: fastn.mutableList([]), sub_sections: fastn.mutableList([]), toc: fastn.mutableList([]), current_subsection: null, current_section: null, current_page: null, logo_width: 120, logo_height: 38, logo_ui: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.addEventHandler(fastn_dom.Event.ClickOutside, function () { ftd.set_bool({ a: __args__.show_section, v: false, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(16)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.menu_icon, inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.sidebar_open, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_logo, __args__.site_name ], function () { return (fastn_utils.getter(__args__.site_logo) !== null && fastn_utils.getter(__args__.site_name) == null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.site_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(44)), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_name ], function () { return (fastn_utils.getter(__args__.site_name) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.site_name, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_medium"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_logo ], function () { return (fastn_utils.getter(__args__.site_logo) == null); }, function (root) { let rooti0 = fastn_community_github_io_header__fallback_title(root, inherited, { site_name: __args__.site_name }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.parent_brand ], function () { return (!fastn_utils.getter(__args__.parent_brand)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.brand_site_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(15)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.brand_site_logo ], function () { return (fastn_utils.getter(__args__.brand_site_logo) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.brand_site_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.HugContent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(36)), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.brand_site_name ], function () { return (fastn_utils.getter(__args__.brand_site_name) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.brand_site_name, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.brand_site_name ], function () { return (fastn_utils.getter(__args__.brand_site_name) !== null); }, function (root) { let rooti0 = fastn_community_github_io_header__fallback_title(root, inherited, { site_name: __args__.brand_site_name }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.logo_ui, inherited); } ]), inherited); return rooti0; }); } ]), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Start, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_section ], function () { return (fastn_utils.getter(__args__.current_section) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.current_section.get("title"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.current_section.get("url"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("cta_tertiary").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("cta_tertiary").get("base")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowX, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(8)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.sub_sections).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_header__header_item_mobile_view(root, inherited, { title: item.get("title"), link: item.get("url"), children: item.get("children"), is_active: item.get("is_active") }); return rooti0; }); } ]), inherited); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.toc ], function () { return (!ftd.is_empty(__args__.toc)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.show_section, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(20), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_2")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(4)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_subsection ], function () { return (fastn_utils.getter(__args__.current_subsection) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.current_subsection.get("title"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_page, __args__.current_subsection ], function () { return (fastn_utils.getter(__args__.current_subsection) == null && fastn_utils.getter(__args__.current_page) == null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "Menu", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_subsection ], function () { return (fastn_utils.getter(__args__.current_subsection) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_page ], function () { return (fastn_utils.getter(__args__.current_page) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "->", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); } ]), inherited); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.current_page ], function () { return (fastn_utils.getter(__args__.current_page) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.current_page.get("title"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.End, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_section ], function () { return (!fastn_utils.getter(__args__.show_section)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_header_assets__files.get("static").get("down_arrow_dark").get("svg"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(12)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.HugContent, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_section ], function () { return fastn_utils.getter(__args__.show_section); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_header_assets__files.get("static").get("up_arrow_dark").get("svg"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(12)), inherited); return rooti0; }); } ]), inherited); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_section ], function () { return fastn_utils.getter(__args__.show_section); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(48), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Left, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, 999, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_2")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(300)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowX, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(8)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.toc).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_header__header_toc_item_mobile_view(root, inherited, { title: item.get("title"), link: item.get("url"), children: item.get("children"), is_active: item.get("is_active") }); return rooti0; }); } ]), inherited); } ]), inherited); return rooti0; }); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_header__header = function (parent, inherited, args) { let __args__ = { site_logo: null, brand_site_logo: null, site_url: "/", site_name: null, brand_site_url: null, brand_site_name: null, parent_brand: false, menu_icon: global.fastn_community_github_io_header_assets__files.get("static").get("header").get("hamburger_dark").get("svg"), current_url: "/header3/", sections: fastn.mutableList([]), sidebar_open: fastn.mutable(false), sub_sections: fastn.mutableList([]), toc: fastn.mutableList([]), current_section: null, current_subsection: null, current_page: null, footer_nav: fastn.mutableList([]), show_section: fastn.mutable(false), products: fastn.mutableList([]), logo_width: 120, logo_height: 44, login_btn_txt: "Login", login_btn_url: "index.html", login_button: false, width: "100", brand_caption: null, full_width: true, max_width: null, github_icon: false, github_url: null, logo_ui: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.sidebar_open ], function () { return fastn_utils.getter(__args__.sidebar_open); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100vh")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, 10, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("overlay")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.sidebar_open ], function () { return fastn_utils.getter(__args__.sidebar_open); }, function (root) { let rooti0 = fastn_community_github_io_header__mobile_sidebar(root, inherited, { sidebar_open: __args__.sidebar_open }); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.sidebar_open ], function () { return fastn_utils.getter(__args__.sidebar_open); }, function (root) { let rooti0 = fastn_community_github_io_header__menu_mobile(root, inherited, { products: __args__.products, site_logo: __args__.site_logo, menu_icon: __args__.menu_icon, site_url: __args__.site_url, current_url: __args__.current_url, brand_caption: __args__.brand_caption, site_name: __args__.site_name, parent_brand: __args__.parent_brand, sections: __args__.sections, show_section: __args__.show_section, footer_nav: global.fastn_community_github_io_header__footer_list, sub_sections: __args__.sub_sections, logo_width: __args__.logo_width, logo_height: __args__.logo_height, login_btn_txt: __args__.login_btn_txt, login_btn_url: __args__.login_btn_url, login_button: __args__.login_button, github_icon: __args__.github_icon, github_url: __args__.github_url }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "desktop"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_header__header_desktop(root, inherited, { products: __args__.products, site_logo: __args__.site_logo, site_url: __args__.site_url, current_url: __args__.current_url, site_name: __args__.site_name, brand_caption: __args__.brand_caption, parent_brand: __args__.parent_brand, sections: __args__.sections, current_subsection: __args__.current_subsection, sub_sections: __args__.sub_sections, current_section: __args__.current_section, current_page: __args__.current_page, logo_width: __args__.logo_width, logo_height: __args__.logo_height, login_btn_txt: __args__.login_btn_txt, login_btn_url: __args__.login_btn_url, login_button: __args__.login_button, full_width: __args__.full_width, max_width: __args__.max_width, github_icon: __args__.github_icon, github_url: __args__.github_url, logo_ui: __args__.logo_ui }); return rooti0; } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "mobile"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_header__header_mobile(root, inherited, { products: __args__.products, menu_icon: __args__.menu_icon, sidebar_open: __args__.sidebar_open, site_logo: __args__.site_logo, brand_site_logo: __args__.brand_site_logo, brand_site_name: __args__.brand_site_name, parent_brand: __args__.parent_brand, site_url: __args__.site_url, current_url: __args__.current_url, show_section: __args__.show_section, brand_site_url: __args__.brand_site_url, site_name: __args__.site_name, sections: __args__.sections, sub_sections: __args__.sub_sections, toc: __args__.toc, current_subsection: __args__.current_subsection, current_section: __args__.current_section, current_page: __args__.current_page, logo_width: __args__.logo_width, logo_height: __args__.logo_height, logo_ui: __args__.logo_ui }); return rooti0; } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__child_of_childrens = function (parent, inherited, args) { let __args__ = { hover: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(10), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(6), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(6), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn.formula([__args__.hover], function () { if (function () { return fastn_utils.getter(__args__.hover); }()) { return fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_2")); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.toc.get("font_icon") ], function () { return (fastn_utils.getter(__args__.toc.get("font_icon")) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.toc.get("font_icon"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(14)), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.toc.get("title"), inherited); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.hover, v: true, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.hover, v: false, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.toc.get("url"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text"), inherited.get("colors").get("cta_primary").get("base"), __args__.toc.get("is_active")], function () { if (function () { return fastn_utils.getter(__args__.toc.get("is_active")); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.toc.get("children") ], function () { return (!ftd.is_empty(__args__.toc.get("children"))); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.toc.get("children")).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_doc_site__child_of_childrens(root, inherited, { toc: item }); return rooti0; }); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__childrens = function (parent, inherited, args) { let __args__ = { hover: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(6), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(6), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn.formula([__args__.hover], function () { if (function () { return fastn_utils.getter(__args__.hover); }()) { return fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_2")); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(8)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.toc.get("font_icon") ], function () { return (fastn_utils.getter(__args__.toc.get("font_icon")) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.toc.get("font_icon"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(14)), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.toc.get("title"), inherited); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.hover, v: true, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.hover, v: false, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Link, fastn.formula([__args__.toc.get("url"), __args__.toc.get("url")], function () { if (function () { return (fastn_utils.getter(__args__.toc.get("url")) !== null); }()) { return __args__.toc.get("url"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text"), inherited.get("colors").get("cta_primary").get("base"), __args__.toc.get("is_active"), __args__.toc.get("is_open")], function () { if (function () { return (fastn_utils.getter(__args__.toc.get("is_active")) || fastn_utils.getter(__args__.toc.get("is_open"))); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.toc.get("children") ], function () { return (!ftd.is_empty(__args__.toc.get("children"))); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.toc.get("children")).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_doc_site__child_of_childrens(root, inherited, { toc: item }); return rooti0; }); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__toc_instance = function (parent, inherited, args) { let __args__ = { hover: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; __args__.toc_clone = __args__.toc_clone ? __args__.toc_clone : fastn_utils.clone(__args__.toc); let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(6), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(6), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn.formula([__args__.hover], function () { if (function () { return fastn_utils.getter(__args__.hover); }()) { return fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_2")); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.toc.get("font_icon") ], function () { return (fastn_utils.getter(__args__.toc.get("font_icon")) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.toc.get("font_icon"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.toc.get("title"), inherited); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.hover, v: true, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.hover, v: false, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Link, fastn.formula([__args__.toc.get("url"), __args__.toc.get("url")], function () { if (function () { return (fastn_utils.getter(__args__.toc.get("url")) !== null); }()) { return __args__.toc.get("url"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, fastn.formula([inherited.get("colors").get("text"), inherited.get("colors").get("cta_primary").get("base"), __args__.toc_clone.get("is_open"), __args__.toc.get("is_active")], function () { if (function () { return (fastn_utils.getter(__args__.toc.get("is_active")) || fastn_utils.getter(__args__.toc_clone.get("is_open"))); }()) { return inherited.get("colors").get("cta_primary").get("base"); } else { return inherited.get("colors").get("text"); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Rem(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.toc.get("children")).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_doc_site__childrens(root, inherited, { toc: item }); return rooti0; }); } ]), inherited); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__render_toc = function (parent, inherited, args) { let __args__ = { toc_obj: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(20)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Vh(100)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(12), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingRight, fastn_dom.Length.Px(12), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(16), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(32), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginTop, fastn_dom.Length.Px(25), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(25), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(8), inherited); parenti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Left, fastn_dom.Length.Px(24), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Sticky, true, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MinHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100vh - 0px")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(20)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.TopLeft, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.toc_obj).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_doc_site__toc_instance(root, inherited, { toc: item }); return rooti0; }); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__wall_message", "Please, login via clicking on below button"); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__login_url", "/"); let fastn_community_github_io_doc_site__wall_box = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.FillContainer; } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(614)); } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(32), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(35), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderWidth, fastn_dom.Length.Px(1), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderTopWidth, fastn_dom.Length.Px(3), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(8), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("base")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, global.fastn_community_github_io_doc_site_common__wall_message, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(64), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_medium"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.TextAlign, fastn_dom.TextAlign.Center, inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "LOGIN", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, global.fastn_community_github_io_doc_site_common__login_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("cta_primary").get("base")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.TextAlign, fastn_dom.TextAlign.Center, inherited); } ]), inherited); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__is_reader", false); let fastn_community_github_io_typography__markdown = function (parent, inherited, args) { let __args__ = { id: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Text); parenti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.body, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Id, __args__.id, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); return parenti0; } let fastn_community_github_io_doc_site__right_sidebar = function (parent, inherited, args) { let __args__ = { extra_headers: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Vh(100)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(24), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingRight, fastn_dom.Length.Px(16), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(4), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(32), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginRight, fastn_dom.Length.Px(12), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginTop, fastn_dom.Length.Px(25), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(25), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(8), inherited); parenti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.ZIndex, 999, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Sticky, true, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MinHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100vh - 0px")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.TopRight, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, __args__.extra_headers, inherited); return parenti0; } let fastn_community_github_io_doc_site__footer_link = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Text); parenti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(10), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(6), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(6), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_large"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.HugContent, inherited); return parenti0; } let fastn_community_github_io_doc_site__footer_instance = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.HugContent, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.footer_toc.get("title"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(3), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_large"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.HugContent, inherited); }, function (root, inherited) { fastn_utils.getter(__args__.footer_toc.get("children")).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_doc_site__footer_link(root, inherited, { url: item.get("url"), title: item.get("title") }); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__footer_desktop = function (parent, inherited, args) { let __args__ = { footer_toc: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(150), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(50), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("base")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.SpaceBetween, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.footer_toc).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_doc_site__footer_instance(root, inherited, { footer_toc: item }); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__footer_mobile = function (parent, inherited, args) { let __args__ = { footer_toc: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(20), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(50), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("base")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.SpaceBetween, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.footer_toc).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_doc_site__footer_instance(root, inherited, { footer_toc: item }); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__footer = function (parent, inherited, args) { let __args__ = { footer_toc: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "desktop"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_doc_site__footer_desktop(root, inherited, { footer_toc: __args__.footer_toc }); return rooti0; } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "mobile"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_doc_site__footer_mobile(root, inherited, { footer_toc: __args__.footer_toc }); return rooti0; } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__doc_page_desktop = function (parent, inherited, args) { let __args__ = { title: null, body: null, toc: fastn.mutableList([]), site_name: null, sections: fastn.mutableList([]), sub_sections: fastn.mutableList([]), extra_headers: fastn.mutableList([]), footer_toc: fastn.mutableList([]), current_section: null, current_page: null, current_subsection: null, login_btn_txt: "Login", right_sidebar: false, wrapper: fastn.mutableList([]), logo_width: null, logo_height: null, github_icon: false, github_url: null, header_logo_ui: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.apps ], function () { return (ftd.is_empty(__args__.apps)); }, function (root) { let rooti0 = fastn_community_github_io_app_switcher__app_switcher(root, inherited, { apps: __args__.apps }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_community_github_io_header__header(root, inherited, { site_logo: __args__.site_logo, site_url: __args__.site_url, site_name: __args__.site_name, menu_icon: global.fastn_community_github_io_doc_site_assets__files.get("static").get("header").get("hamburger_dark").get("svg"), current_url: __args__.site_url, sections: __args__.sections, sub_sections: __args__.sub_sections, toc: __args__.toc, current_section: __args__.current_section, current_subsection: __args__.current_subsection, current_page: __args__.current_page, logo_width: __args__.logo_width, logo_height: __args__.logo_height, login_btn_txt: __args__.login_btn_txt, login_button: __args__.login_button, github_icon: __args__.github_icon, github_url: __args__.github_url, logo_ui: __args__.header_logo_ui }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn.formula([__args__.full_width, __args__.full_width, __args__.toc, __args__.full_width], function () { if (function () { return (!fastn_utils.getter(__args__.full_width)); }()) { return fastn_dom.Length.Px(25); } else if (function () { return (fastn_utils.getter(__args__.full_width) && !ftd.is_empty(__args__.toc)); }()) { return fastn_dom.Length.Px(25); } else if (function () { return fastn_utils.getter(__args__.full_width); }()) { return fastn_dom.Length.Px(48); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn.formula([__args__.full_width], function () { if (function () { return fastn_utils.getter(__args__.full_width); }()) { return fastn_dom.Length.Px(48); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn.formula([__args__.toc], function () { if (function () { return (ftd.is_empty(__args__.toc)); }()) { return fastn_dom.AlignContent.Center; } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(10)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.toc ], function () { return (!ftd.is_empty(__args__.toc)); }, function (root) { let rooti0 = fastn_community_github_io_doc_site__render_toc(root, inherited, { toc_obj: __args__.toc }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn.formula([__args__.full_width], function () { if (function () { return fastn_utils.getter(__args__.full_width); }()) { return fastn_dom.Resizing.FillContainer; } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(60)); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn.formula([__args__.full_width, __args__.full_width], function () { if (function () { return (!fastn_utils.getter(__args__.full_width)); }()) { return fastn_dom.Length.Px(34); } else if (function () { return fastn_utils.getter(__args__.full_width); }()) { return fastn_dom.Length.Px(34); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn.formula([__args__.full_width, __args__.full_width], function () { if (function () { return (!fastn_utils.getter(__args__.full_width)); }()) { return fastn_dom.Length.Px(26); } else if (function () { return fastn_utils.getter(__args__.full_width); }()) { return fastn_dom.Length.Px(26); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinHeight, fastn.formula([__args__.toc], function () { if (function () { return (!ftd.is_empty(__args__.toc)); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100vh")); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100vh - 135px")); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxWidth, fastn.formula([__args__.full_width, __args__.toc, __args__.full_width], function () { if (function () { return (ftd.is_empty(__args__.toc) && !fastn_utils.getter(__args__.full_width)); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(800)); } else if (function () { return fastn_utils.getter(__args__.full_width); }()) { return fastn_dom.Resizing.FillContainer; } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.TopLeft, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.title ], function () { return (fastn_utils.getter(__args__.title) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Region, fastn_dom.Region.H1, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_hero"), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_community_github_io_doc_site_common__is_reader ], function () { return fastn_utils.getter(global.fastn_community_github_io_doc_site_common__is_reader); }, function (root) { let rooti0 = fastn_community_github_io_doc_site__wall_box(root, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_community_github_io_doc_site_common__is_reader ], function () { return (!fastn_utils.getter(global.fastn_community_github_io_doc_site_common__is_reader)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginTop, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.body ], function () { return (fastn_utils.getter(__args__.body) !== null); }, function (root) { let rooti0 = fastn_community_github_io_typography__markdown(root, inherited, { body: __args__.body }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(100)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.wrapper, inherited); } ]), inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.right_sidebar ], function () { return fastn_utils.getter(__args__.right_sidebar); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(20)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(100)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(20)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_doc_site__right_sidebar(root, inherited, { extra_headers: __args__.extra_headers }); } ]), inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.footer_toc ], function () { return (!ftd.is_empty(__args__.footer_toc)); }, function (root) { let rooti0 = fastn_community_github_io_doc_site__footer(root, inherited, { footer_toc: __args__.footer_toc }); return rooti0; }); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__brand_site_url", "/"); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_assets__files.static.cross_dark.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/doc-site/static/cross-dark.svg", dark: "-/fastn-community.github.io/doc-site/static/cross-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_assets__files.static.info_icon.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/doc-site/static/info-icon.svg", dark: "-/fastn-community.github.io/doc-site/static/info-icon.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_assets__files.static.header.hamburger.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/doc-site/static/header/hamburger.svg", dark: "-/fastn-community.github.io/doc-site/static/header/hamburger-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__parent_brand", true); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__brand_site_name", "FifthTry"); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__brand_caption", "FifthTry"); let fastn_community_github_io_typography__h0 = function (parent, inherited, args) { let __args__ = { body: null, inner: fastn.mutableList([]), id: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Id, fastn.formula([__args__.id, __args__.id], function () { if (function () { return (fastn_utils.getter(__args__.id) !== null); }()) { return __args__.id; } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Region, fastn_dom.Region.H1, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Rem(0.5), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomWidth, fastn_dom.Length.Px(1), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_hero"), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.body ], function () { return (fastn_utils.getter(__args__.body) !== null); }, function (root) { let rooti0 = fastn_community_github_io_typography__markdown(root, inherited, { body: __args__.body }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.inner, inherited); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__brand_site_logo", fastn.recordInstance({ light: "https://www.fifthtry.com/-/fifthtry.com/images/dummy-site-logo.png", dark: "https://www.fifthtry.com/-/fifthtry.com/images/dummy-site-logo.png" })); let fastn_community_github_io_doc_site__doc_page_mobile = function (parent, inherited, args) { let __args__ = { title: null, body: null, site_name: null, toc: fastn.mutableList([]), sections: fastn.mutableList([]), sub_sections: fastn.mutableList([]), extra: fastn.mutableList([]), extra_headers: fastn.mutableList([]), open_right_sidebar_info: fastn.mutable(false), footer_toc: fastn.mutableList([]), current_section: null, current_page: null, current_subsection: null, right_sidebar: false, wrapper: fastn.mutableList([]), logo_width: null, logo_height: null, github_icon: false, github_url: null, header_logo_ui: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("base")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.apps ], function () { return (ftd.is_empty(__args__.apps)); }, function (root) { let rooti0 = fastn_community_github_io_app_switcher__app_switcher(root, inherited, { apps: __args__.apps }); return rooti0; }); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_community_github_io_header__header(root, inherited, { site_logo: __args__.site_logo, brand_site_logo: global.fastn_community_github_io_doc_site_common__brand_site_logo, site_url: __args__.site_url, site_name: __args__.site_name, brand_site_url: global.fastn_community_github_io_doc_site_common__brand_site_url, brand_site_name: global.fastn_community_github_io_doc_site_common__brand_site_name, parent_brand: global.fastn_community_github_io_doc_site_common__parent_brand, menu_icon: global.fastn_community_github_io_doc_site_assets__files.get("static").get("header").get("hamburger").get("svg"), current_url: "/", sections: __args__.sections, sub_sections: __args__.sub_sections, toc: __args__.toc, current_section: __args__.current_section, current_subsection: __args__.current_subsection, current_page: __args__.current_page, logo_width: __args__.logo_width, logo_height: __args__.logo_height, brand_caption: global.fastn_community_github_io_doc_site_common__brand_caption, github_icon: __args__.github_icon, github_url: __args__.github_url, logo_ui: __args__.header_logo_ui }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100vh")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.title ], function () { return (fastn_utils.getter(__args__.title) !== null); }, function (root) { let rooti0 = fastn_community_github_io_typography__h0(root, inherited, { title: __args__.title }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.right_sidebar ], function () { return fastn_utils.getter(__args__.right_sidebar); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_doc_site_assets__files.get("static").get("info_icon").get("svg"), inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.open_right_sidebar_info, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(36)), inherited); } ]), inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_community_github_io_doc_site_common__is_reader ], function () { return fastn_utils.getter(global.fastn_community_github_io_doc_site_common__is_reader); }, function (root) { let rooti0 = fastn_community_github_io_doc_site__wall_box(root, inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_community_github_io_doc_site_common__is_reader ], function () { return (!fastn_utils.getter(global.fastn_community_github_io_doc_site_common__is_reader)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.body ], function () { return (fastn_utils.getter(__args__.body) !== null); }, function (root) { let rooti0 = fastn_community_github_io_typography__markdown(root, inherited, { body: __args__.body }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(100)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(32)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.wrapper, inherited); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.open_right_sidebar_info ], function () { return fastn_utils.getter(__args__.open_right_sidebar_info); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.set_bool({ a: __args__.open_right_sidebar_info, v: false, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100% - 0px")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Bottom, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Left, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, 1, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("overlay")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_doc_site_assets__files.get("static").get("cross_dark").get("svg"), inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.toggle({ a: __args__.open_right_sidebar_info, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginLeft, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginTop, fastn_dom.Length.Px(20), inherited); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.open_right_sidebar_info ], function () { return fastn_utils.getter(__args__.open_right_sidebar_info); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100% - 48px")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100% - 0px")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(0), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, 999, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.TopRight, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.extra_headers, inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.footer_toc ], function () { return (!ftd.is_empty(__args__.footer_toc)); }, function (root) { let rooti0 = fastn_community_github_io_doc_site__footer(root, inherited, { footer_toc: __args__.footer_toc }); return rooti0; }); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_mode_switcher_assets__files.static.system_mode_active.png", fastn.recordInstance({ light: "-/fastn-community.github.io/dark-mode-switcher/static/system-mode-active.png", dark: "-/fastn-community.github.io/dark-mode-switcher/static/system-mode-active-dark.png" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_mode_switcher_assets__files.static.dark_mode_active_dark.png", fastn.recordInstance({ light: "-/fastn-community.github.io/dark-mode-switcher/static/dark-mode-active-dark.png", dark: "-/fastn-community.github.io/dark-mode-switcher/static/dark-mode-active-dark.png" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_mode_switcher_assets__files.static.light_mode_active.png", fastn.recordInstance({ light: "-/fastn-community.github.io/dark-mode-switcher/static/light-mode-active.png", dark: "-/fastn-community.github.io/dark-mode-switcher/static/light-mode-active-dark.png" })); let fastn_community_github_io_dark_mode_switcher__dark_mode_switcher_float = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Window, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Padding, fastn_dom.Length.Px(10), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderWidth, fastn_dom.Length.Px(1), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(4), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Bottom, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Length.Px(25); } else { return fastn_dom.Length.Px(90); } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Right, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Length.Px(25); } else { return fastn_dom.Length.Px(50); } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.ZIndex, 99999999999999, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("base")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.follow_system_dark_mode ], function () { return fastn_utils.getter(ftd.follow_system_dark_mode); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.enable_light_mode({ }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_dark_mode_switcher_assets__files.get("static").get("system_mode_active").get("png"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(19)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(19)), inherited); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.dark_mode, ftd.follow_system_dark_mode ], function () { return (!fastn_utils.getter(ftd.dark_mode) && !fastn_utils.getter(ftd.follow_system_dark_mode)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.enable_dark_mode({ }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_dark_mode_switcher_assets__files.get("static").get("light_mode_active").get("png"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(19)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(19)), inherited); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.dark_mode, ftd.follow_system_dark_mode ], function () { return (fastn_utils.getter(ftd.dark_mode) && !fastn_utils.getter(ftd.follow_system_dark_mode)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.enable_system_mode({ }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_dark_mode_switcher_assets__files.get("static").get("dark_mode_active_dark").get("png"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(19)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(19)), inherited); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__logo_height", 64); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__site_url", "index.html"); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__sitemap", fastn.recordInstance({ sections: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Overview", url: "home/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Design", url: "figma/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Frontend", url: "frontend/why/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Fullstack", url: "backend/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Blog", url: "blog/" })]), subsections: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Featured Templates", url: "/featured/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Deploy", url: "/deploy/" })]), toc: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "On Windows", url: "build-windows/-/expander/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "On MacOS/Linux", url: "build-macos/-/expander/" })]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Install", url: "install/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Hello World", url: "expander/hello-world/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Basic UI", url: "expander/basic-ui/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Publish a package", url: "expander/publish/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Understanding sitemap", url: "understanding-sitemap/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Create clean URLs", url: "clean-urls/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Create rounded border", url: "rounded-border/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Using images in documents", url: "using-images/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Add meta-data", url: "seo-meta/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Markdown in doc-site", url: "markdown/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Adding typography", url: "typography/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Adding color scheme", url: "color-scheme/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Redirects", url: "redirects/" })]), current_section: fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), current_subsection: fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), current_page: fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Add meta-data", url: "seo-meta/" }) })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__login_button", false); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__apps", fastn.recordInstance({ len: 0, items: fastn.mutableList([]) })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__sections", fastn.mutableList([])); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__itemlist", fastn.mutableList([fastn.recordInstance({ is_last: false, title: "About", url: "https://github.com/FifthTry" }), fastn.recordInstance({ is_last: false, title: "Terms", url: "https://fifthtry.com/terms/" }), fastn.recordInstance({ is_last: false, title: "Privacy", url: "https://fifthtry.com/privacy/" }), fastn.recordInstance({ is_last: true, title: "Blog", url: "https://fifthtry.com/blog/" })])); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_font_assets__fonts", fastn.recordInstance({ Roboto: "fastn-community-github-io-roboto-font-Roboto" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_large_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(40), line_height: fastn_dom.FontSize.Px(48), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_large_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(40), line_height: fastn_dom.FontSize.Px(48), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_large", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__heading_large_desktop, mobile: global.fastn_community_github_io_roboto_typography__heading_large_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_medium_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(32), line_height: fastn_dom.FontSize.Px(44), letter_spacing: fastn_dom.FontSize.Px(0), weight: 600, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_medium_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(32), line_height: fastn_dom.FontSize.Px(44), letter_spacing: fastn_dom.FontSize.Px(0), weight: 600, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_medium", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__heading_medium_desktop, mobile: global.fastn_community_github_io_roboto_typography__heading_medium_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_hero_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(52), line_height: fastn_dom.FontSize.Px(60), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_hero_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(52), line_height: fastn_dom.FontSize.Px(60), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_hero", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__heading_hero_desktop, mobile: global.fastn_community_github_io_roboto_typography__heading_hero_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_small_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(24), line_height: fastn_dom.FontSize.Px(36), letter_spacing: fastn_dom.FontSize.Px(0), weight: 500, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_small_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(24), line_height: fastn_dom.FontSize.Px(36), letter_spacing: fastn_dom.FontSize.Px(0), weight: 500, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_small", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__heading_small_desktop, mobile: global.fastn_community_github_io_roboto_typography__heading_small_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_tiny_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(18), line_height: fastn_dom.FontSize.Px(26), letter_spacing: fastn_dom.FontSize.Px(0), weight: 500, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_tiny_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(18), line_height: fastn_dom.FontSize.Px(26), letter_spacing: fastn_dom.FontSize.Px(0), weight: 500, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__heading_tiny", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__heading_tiny_desktop, mobile: global.fastn_community_github_io_roboto_typography__heading_tiny_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__copy_large_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(20), line_height: fastn_dom.FontSize.Px(28), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__copy_large_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(20), line_height: fastn_dom.FontSize.Px(28), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__copy_large", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__copy_large_desktop, mobile: global.fastn_community_github_io_roboto_typography__copy_large_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__copy_regular_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(24), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__copy_regular_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(24), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__copy_regular", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__copy_regular_desktop, mobile: global.fastn_community_github_io_roboto_typography__copy_regular_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__copy_small_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(20), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__copy_small_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(20), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__copy_small", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__copy_small_desktop, mobile: global.fastn_community_github_io_roboto_typography__copy_small_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__fine_print_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(18), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__fine_print_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(18), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__fine_print", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__fine_print_desktop, mobile: global.fastn_community_github_io_roboto_typography__fine_print_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__blockquote_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__blockquote_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__blockquote", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__blockquote_desktop, mobile: global.fastn_community_github_io_roboto_typography__blockquote_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__source_code_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__source_code_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__source_code", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__source_code_desktop, mobile: global.fastn_community_github_io_roboto_typography__source_code_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__label_large_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(22), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__label_large_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(22), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__label_large", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__label_large_desktop, mobile: global.fastn_community_github_io_roboto_typography__label_large_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__label_small_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__label_small_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__label_small", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__label_small_desktop, mobile: global.fastn_community_github_io_roboto_typography__label_small_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__button_large_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(18), line_height: fastn_dom.FontSize.Px(24), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__button_large_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(18), line_height: fastn_dom.FontSize.Px(24), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__button_large", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__button_large_desktop, mobile: global.fastn_community_github_io_roboto_typography__button_large_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__button_medium_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(21), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__button_medium_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(21), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__button_medium", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__button_medium_desktop, mobile: global.fastn_community_github_io_roboto_typography__button_medium_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__button_small_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(19), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__button_small_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(19), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__button_small", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__button_small_desktop, mobile: global.fastn_community_github_io_roboto_typography__button_small_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__link_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(19), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__link_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(19), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fastn_community_github_io_roboto_font_assets__fonts.get("Roboto") })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__link", fastn.recordInstance({ desktop: global.fastn_community_github_io_roboto_typography__link_desktop, mobile: global.fastn_community_github_io_roboto_typography__link_mobile })); fastn_utils.createNestedObject(global, "fastn_community_github_io_roboto_typography__types", fastn.recordInstance({ heading_large: global.fastn_community_github_io_roboto_typography__heading_large, heading_medium: global.fastn_community_github_io_roboto_typography__heading_medium, heading_small: global.fastn_community_github_io_roboto_typography__heading_small, heading_hero: global.fastn_community_github_io_roboto_typography__heading_hero, heading_tiny: global.fastn_community_github_io_roboto_typography__heading_tiny, copy_small: global.fastn_community_github_io_roboto_typography__copy_small, copy_regular: global.fastn_community_github_io_roboto_typography__copy_regular, copy_large: global.fastn_community_github_io_roboto_typography__copy_large, fine_print: global.fastn_community_github_io_roboto_typography__fine_print, blockquote: global.fastn_community_github_io_roboto_typography__blockquote, source_code: global.fastn_community_github_io_roboto_typography__source_code, button_small: global.fastn_community_github_io_roboto_typography__button_small, button_medium: global.fastn_community_github_io_roboto_typography__button_medium, button_large: global.fastn_community_github_io_roboto_typography__button_large, link: global.fastn_community_github_io_roboto_typography__link, label_large: global.fastn_community_github_io_roboto_typography__label_large, label_small: global.fastn_community_github_io_roboto_typography__label_small })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site_common__show_footer", true); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site__right_sidebar_background", fastn.recordInstance({ light: "#262626", dark: "#262626" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_doc_site__light_green", fastn.recordInstance({ light: "#0DCEAB", dark: "#0DCEAB" })); let fastn_community_github_io_doc_site__footer_list = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(8)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("label_small"), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.is_last ], function () { return (!fastn_utils.getter(__args__.is_last)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(1), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(1), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginTop, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(100), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("text_strong")), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__floater = function (parent, inherited, args) { let __args__ = { open: fastn.mutable(false), itemlist: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Window, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(0), inherited); parenti0.setProperty(fastn_dom.PropertyKind.ZIndex, 1000, inherited); parenti0.setProperty(fastn_dom.PropertyKind.MaxHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100vh - 0px")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.open ], function () { return (!fastn_utils.getter(__args__.open)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.side_logo, inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.set_bool({ a: __args__.open, v: true, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(27)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(89)), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.open ], function () { return fastn_utils.getter(__args__.open); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100%")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxHeight, fastn_dom.Resizing.Fixed(fastn_dom.Length.Calc("100%")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MinWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(256)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(20), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(global.fastn_community_github_io_doc_site__right_sidebar_background), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(12)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.about_text, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.about_text_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("button_medium"), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.cross_icon, inherited); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.set_bool({ a: __args__.open, v: false, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(16)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(16)), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.edit_text, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.edit_text_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, global.fastn_community_github_io_doc_site__light_green, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); } ]), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(16)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.github_text, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.github_text_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxWidth, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(127)), inherited); } ]), inherited); } ]), inherited); } ]), inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Id, "floater-container", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(8)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "powered by", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Link, "https://fifthtry.com/", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.sidebar_brand_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.HugContent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(8)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.itemlist).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_doc_site__footer_list(root, inherited, { title: item.get("title"), url: item.get("url"), is_last: item.get("is_last") }); return rooti0; }); } ]), inherited); } ]), inherited); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_doc_site__page = function (parent, inherited, args) { let __args__ = { title: null, document_title: null, document_description: null, document_image: fastn.recordInstance({ src: "https://fastn.com/-/fastn.com/images/fastn-logo.png" }), body: null, site_logo: null, logo_width: global.fastn_community_github_io_doc_site_common__logo_width, logo_height: global.fastn_community_github_io_doc_site_common__logo_height, site_url: global.fastn_community_github_io_doc_site_common__site_url, site_name: null, toc: global.fastn_community_github_io_doc_site_common__sitemap.get("toc"), login_button: global.fastn_community_github_io_doc_site_common__login_button, apps: global.fastn_community_github_io_doc_site_common__apps, open_right_sidebar_info: fastn.mutable(false), sections: global.fastn_community_github_io_doc_site_common__sitemap.get("sections"), sub_sections: global.fastn_community_github_io_doc_site_common__sitemap.get("subsections"), current_section: global.fastn_community_github_io_doc_site_common__sitemap.get("current_section"), current_subsection: global.fastn_community_github_io_doc_site_common__sitemap.get("current_subsection"), current_page: global.fastn_community_github_io_doc_site_common__sitemap.get("current_page"), footer_toc: global.fastn_community_github_io_doc_site_common__sections, github_text: "{green: Sign in} to access Editing Tools", github_text_url: "/", side_logo: global.fastn_community_github_io_doc_site_assets__files.get("static").get("editor_icon").get("svg"), sidebar_brand_logo: global.fastn_community_github_io_doc_site_assets__files.get("static").get("brand_logo").get("svg"), cross_icon: global.fastn_community_github_io_doc_site_assets__files.get("static").get("cross").get("svg"), about_text: "About this page", about_text_url: "/", edit_text: "Edit This Page", edit_text_url: "/", itemlist: global.fastn_community_github_io_doc_site_common__itemlist, sidebar: false, wrapper: fastn.mutableList([]), right_sidebar: fastn.mutableList([]), full_width: false, types: global.fastn_community_github_io_roboto_typography__types, colors: ftd.default_colors, show_banner: false, banner: fastn.mutableList([]), show_footer: global.fastn_community_github_io_doc_site_common__show_footer, footer: fastn.mutableList([]), github_icon: false, github_url: null, header_logo_ui: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Document); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("base")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_banner ], function () { return fastn_utils.getter(__args__.show_banner); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.banner, inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_community_github_io_doc_site_common__show_floater ], function () { return fastn_utils.getter(global.fastn_community_github_io_doc_site_common__show_floater); }, function (root) { let rooti0 = fastn_community_github_io_doc_site__floater(root, inherited, { side_logo: __args__.side_logo, sidebar_brand_logo: __args__.sidebar_brand_logo, cross_icon: __args__.cross_icon, about_text: __args__.about_text, about_text_url: __args__.about_text_url, edit_text: __args__.edit_text, edit_text_url: __args__.edit_text_url, github_text: __args__.github_text, github_text_url: __args__.github_text_url, itemlist: __args__.itemlist }); return rooti0; }); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "desktop"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_doc_site__doc_page_desktop(root, inherited, { title: __args__.title, body: __args__.body, toc: __args__.toc, site_name: __args__.site_name, site_logo: __args__.site_logo, site_url: __args__.site_url, sections: __args__.sections, sub_sections: __args__.sub_sections, apps: __args__.apps, extra_headers: __args__.right_sidebar, open_right_sidebar_info: __args__.open_right_sidebar_info, footer_toc: __args__.footer_toc, current_section: __args__.current_section, current_page: __args__.current_page, current_subsection: __args__.current_subsection, full_width: __args__.full_width, login_button: __args__.login_button, right_sidebar: __args__.sidebar, wrapper: __args__.wrapper, logo_width: __args__.logo_width, logo_height: __args__.logo_height, github_icon: __args__.github_icon, github_url: __args__.github_url, header_logo_ui: __args__.header_logo_ui }); return rooti0; } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "mobile"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_doc_site__doc_page_mobile(root, inherited, { title: __args__.title, body: __args__.body, site_name: __args__.site_name, site_logo: __args__.site_logo, site_url: __args__.site_url, toc: __args__.toc, sections: __args__.sections, sub_sections: __args__.sub_sections, apps: __args__.apps, extra_headers: __args__.right_sidebar, open_right_sidebar_info: __args__.open_right_sidebar_info, footer_toc: __args__.footer_toc, current_section: __args__.current_section, current_page: __args__.current_page, current_subsection: __args__.current_subsection, right_sidebar: __args__.sidebar, wrapper: __args__.wrapper, login_button: __args__.login_button, logo_width: __args__.logo_width, logo_height: __args__.logo_height, github_icon: __args__.github_icon, github_url: __args__.github_url, header_logo_ui: __args__.header_logo_ui }); return rooti0; } ]), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_community_github_io_dark_mode_switcher__dark_mode_switcher_float(root, inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_footer ], function () { return fastn_utils.getter(__args__.show_footer); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.footer, inherited); return rooti0; }); } ]), inherited); } ]), inherited); parenti0.setProperty(fastn_dom.PropertyKind.DocumentProperties.MetaTitle, fastn.formula([__args__.document_title, __args__.document_title, __args__.title], function () { if (function () { return (fastn_utils.getter(__args__.document_title) !== null); }()) { return __args__.document_title; } else { return __args__.title; } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.DocumentProperties.MetaOGTitle, fastn.formula([__args__.document_title, __args__.document_title, __args__.title], function () { if (function () { return (fastn_utils.getter(__args__.document_title) !== null); }()) { return __args__.document_title; } else { return __args__.title; } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.DocumentProperties.MetaTwitterTitle, fastn.formula([__args__.document_title, __args__.document_title, __args__.title], function () { if (function () { return (fastn_utils.getter(__args__.document_title) !== null); }()) { return __args__.document_title; } else { return __args__.title; } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.DocumentProperties.MetaDescription, __args__.document_description, inherited); parenti0.setProperty(fastn_dom.PropertyKind.DocumentProperties.MetaOGImage, __args__.document_image, inherited); return parenti0; } fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_medium_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Rem(1.5), line_height: fastn_dom.FontSize.Em(1.5), letter_spacing: fastn_dom.FontSize.Px(0), weight: 600, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_medium", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__heading_medium_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__heading_medium_desktop })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_small_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Rem(1.25), line_height: fastn_dom.FontSize.Em(1.5), letter_spacing: fastn_dom.FontSize.Px(0), weight: 500, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_small_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Rem(1.25), line_height: fastn_dom.FontSize.Em(1.5), letter_spacing: fastn_dom.FontSize.Px(0), weight: 500, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_small", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__heading_small_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__heading_small_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_hero_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Rem(3), line_height: fastn_dom.FontSize.Em(1.2), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_hero_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Rem(2), line_height: fastn_dom.FontSize.Em(1.2), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_hero", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__heading_hero_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__heading_hero_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_tiny_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(18), line_height: fastn_dom.FontSize.Px(26), letter_spacing: fastn_dom.FontSize.Px(0), weight: 500, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_tiny_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(18), line_height: fastn_dom.FontSize.Px(26), letter_spacing: fastn_dom.FontSize.Px(0), weight: 500, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__heading_tiny", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__heading_tiny_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__heading_tiny_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__copy_large_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(20), line_height: fastn_dom.FontSize.Px(28), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__copy_large_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(20), line_height: fastn_dom.FontSize.Px(28), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__copy_large", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__copy_large_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__copy_large_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__copy_regular_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Rem(1), line_height: fastn_dom.FontSize.Em(1.5), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__copy_regular", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__copy_regular_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__copy_regular_desktop })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__copy_small_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(20), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__copy_small_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(20), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__copy_small", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__copy_small_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__copy_small_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__fine_print_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(18), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__fine_print_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(18), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__fine_print", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__fine_print_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__fine_print_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__blockquote_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__blockquote_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__blockquote", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__blockquote_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__blockquote_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__source_code_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__source_code_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__source_code", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__source_code_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__source_code_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__label_large_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(22), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__label_large_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(22), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__label_large", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__label_large_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__label_large_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__label_small_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__label_small_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(16), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__label_small", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__label_small_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__label_small_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__button_large_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(18), line_height: fastn_dom.FontSize.Px(24), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__button_large_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(18), line_height: fastn_dom.FontSize.Px(24), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__button_large", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__button_large_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__button_large_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__button_medium_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(21), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__button_medium_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(16), line_height: fastn_dom.FontSize.Px(21), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__button_medium", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__button_medium_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__button_medium_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__button_small_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(19), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__button_small_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(19), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__button_small", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__button_small_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__button_small_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__link_desktop", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(19), letter_spacing: fastn_dom.FontSize.Px(0), weight: 700, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__link_mobile", fastn.recordInstance({ size: fastn_dom.FontSize.Px(14), line_height: fastn_dom.FontSize.Px(19), letter_spacing: fastn_dom.FontSize.Px(0), weight: 400, font_family: global.fifthtry_github_io_inter_font_assets__fonts.get("Inter") })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__link", fastn.recordInstance({ desktop: global.fifthtry_github_io_fastn_io_typography__link_desktop, mobile: global.fifthtry_github_io_fastn_io_typography__link_mobile })); fastn_utils.createNestedObject(global, "fifthtry_github_io_fastn_io_typography__types", fastn.recordInstance({ heading_large: global.fifthtry_github_io_fastn_io_typography__heading_large, heading_medium: global.fifthtry_github_io_fastn_io_typography__heading_medium, heading_small: global.fifthtry_github_io_fastn_io_typography__heading_small, heading_hero: global.fifthtry_github_io_fastn_io_typography__heading_hero, heading_tiny: global.fifthtry_github_io_fastn_io_typography__heading_tiny, copy_small: global.fifthtry_github_io_fastn_io_typography__copy_small, copy_regular: global.fifthtry_github_io_fastn_io_typography__copy_regular, copy_large: global.fifthtry_github_io_fastn_io_typography__copy_large, fine_print: global.fifthtry_github_io_fastn_io_typography__fine_print, blockquote: global.fifthtry_github_io_fastn_io_typography__blockquote, source_code: global.fifthtry_github_io_fastn_io_typography__source_code, button_small: global.fifthtry_github_io_fastn_io_typography__button_small, button_medium: global.fifthtry_github_io_fastn_io_typography__button_medium, button_large: global.fifthtry_github_io_fastn_io_typography__button_large, link: global.fifthtry_github_io_fastn_io_typography__link, label_large: global.fifthtry_github_io_fastn_io_typography__label_large, label_small: global.fifthtry_github_io_fastn_io_typography__label_small })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__base_", fastn.recordInstance({ light: "#FFFFFF", dark: "#000000" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__step_1_", fastn.recordInstance({ light: "#FDFAF1", dark: "#111111" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__step_2_", fastn.recordInstance({ light: "#fbf3dc", dark: "#2b2b2b" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__overlay_", fastn.recordInstance({ light: "#000000", dark: "#000000" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__code_", fastn.recordInstance({ light: "#f5f5f5", dark: "#21222c" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__background_", fastn.recordInstance({ base: global.fastn_community_github_io_dark_flame_cs_colors__base_, step_1: global.fastn_community_github_io_dark_flame_cs_colors__step_1_, step_2: global.fastn_community_github_io_dark_flame_cs_colors__step_2_, overlay: global.fastn_community_github_io_dark_flame_cs_colors__overlay_, code: global.fastn_community_github_io_dark_flame_cs_colors__code_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__border_", fastn.recordInstance({ light: "#f0ece2", dark: "#434547" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__border_strong_", fastn.recordInstance({ light: "#D9D9D9", dark: "#333333" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__text_", fastn.recordInstance({ light: "#707070", dark: "#D9D9D9" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__text_strong_", fastn.recordInstance({ light: "#333333", dark: "#FFFFFF" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__shadow_", fastn.recordInstance({ light: "#EF8435", dark: "#EF8435" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__scrim_", fastn.recordInstance({ light: "#393939", dark: "#393939" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_base_", fastn.recordInstance({ light: "#EF8435", dark: "#EF8435" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_hover_", fastn.recordInstance({ light: "#D77730", dark: "#D77730" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_pressed_", fastn.recordInstance({ light: "#BF6A2A", dark: "#BF6A2A" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_disabled_", fastn.recordInstance({ light: "#FAD9C0", dark: "#FAD9C0" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_focused_", fastn.recordInstance({ light: "#B36328", dark: "#B36328" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_border_", fastn.recordInstance({ light: "#F3A063", dark: "#F3A063" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_text_", fastn.recordInstance({ light: "#512403", dark: "#512403" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_text_disabled_", fastn.recordInstance({ light: "#f2a164", dark: "#f2a164" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_border_disabled_", fastn.recordInstance({ light: "#fad9c0", dark: "#fad9c0" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_primary_", fastn.recordInstance({ base: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_base_, hover: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_hover_, pressed: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_pressed_, disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_disabled_, focused: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_focused_, border: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_border_, border_disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_border_disabled_, text: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_text_, text_disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_text_disabled_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_base_", fastn.recordInstance({ light: "#EBE8E5", dark: "#EBE8E5" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_hover_", fastn.recordInstance({ light: "#D4D1CE", dark: "#D4D1CE" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_pressed_", fastn.recordInstance({ light: "#BCBAB7", dark: "#BCBAB7" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_disabled_", fastn.recordInstance({ light: "#F9F8F7", dark: "#F9F8F7" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_focused_", fastn.recordInstance({ light: "#B0AEAC", dark: "#B0AEAC" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_border_", fastn.recordInstance({ light: "#B0AEAC", dark: "#B0AEAC" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_text_", fastn.recordInstance({ light: "#333333", dark: "#333333" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_text_disabled_", fastn.recordInstance({ light: "#304655", dark: "#fff" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_border_disabled_", fastn.recordInstance({ light: "#304655", dark: "#f1dac0" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_secondary_", fastn.recordInstance({ base: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_base_, hover: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_hover_, pressed: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_pressed_, disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_disabled_, focused: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_focused_, border: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_border_, border_disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_border_disabled_, text: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_text_, text_disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_text_disabled_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_base_", fastn.recordInstance({ light: "#4A6490", dark: "#4A6490" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_hover_", fastn.recordInstance({ light: "#3d5276", dark: "#3d5276" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_pressed_", fastn.recordInstance({ light: "#2b3a54", dark: "#2b3a54" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_disabled_", fastn.recordInstance({ light: "rgba(74, 100, 144, 0.4)", dark: "rgba(74, 100, 144, 0.4)" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_focused_", fastn.recordInstance({ light: "#6882b1", dark: "#6882b1" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_border_", fastn.recordInstance({ light: "#4e6997", dark: "#4e6997" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_text_", fastn.recordInstance({ light: "#ffffff", dark: "#ffffff" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_text_disabled_", fastn.recordInstance({ light: "#304655", dark: "#fff" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_border_disabled_", fastn.recordInstance({ light: "#304655", dark: "#f1dac0" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_", fastn.recordInstance({ base: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_base_, hover: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_hover_, pressed: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_pressed_, disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_disabled_, focused: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_focused_, border: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_border_, border_disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_border_disabled_, text: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_text_, text_disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_text_disabled_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_base_", fastn.recordInstance({ light: "#F9E4E1", dark: "#F9E4E1" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_hover_", fastn.recordInstance({ light: "#F1BDB6", dark: "#F1BDB6" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_pressed_", fastn.recordInstance({ light: "#D46A63", dark: "#D46A63" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_disabled_", fastn.recordInstance({ light: "#FAECEB", dark: "#FAECEB" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_focused_", fastn.recordInstance({ light: "#D97973", dark: "#D97973" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_border_", fastn.recordInstance({ light: "#E9968C", dark: "#E9968C" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_text_", fastn.recordInstance({ light: "#D84836", dark: "#D84836" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_text_disabled_", fastn.recordInstance({ light: "#304655", dark: "#fff" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_border_disabled_", fastn.recordInstance({ light: "#304655", dark: "#f1dac0" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__cta_danger_", fastn.recordInstance({ base: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_base_, hover: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_hover_, pressed: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_pressed_, disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_disabled_, focused: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_focused_, border: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_border_, border_disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_border_disabled_, text: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_text_, text_disabled: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_text_disabled_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__accent_primary_", fastn.recordInstance({ light: "#EF8435", dark: "#EF8435" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__accent_secondary_", fastn.recordInstance({ light: "#EBE8E5", dark: "#EBE8E5" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__accent_tertiary_", fastn.recordInstance({ light: "#c5cbd7", dark: "#c5cbd7" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__accent_", fastn.recordInstance({ primary: global.fastn_community_github_io_dark_flame_cs_colors__accent_primary_, secondary: global.fastn_community_github_io_dark_flame_cs_colors__accent_secondary_, tertiary: global.fastn_community_github_io_dark_flame_cs_colors__accent_tertiary_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__error_base_", fastn.recordInstance({ light: "#F9E4E1", dark: "#4f2a25c9" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__error_text_", fastn.recordInstance({ light: "#D84836", dark: "#D84836" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__error_border_", fastn.recordInstance({ light: "#E9968C", dark: "#E9968C" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__error_btb_", fastn.recordInstance({ base: global.fastn_community_github_io_dark_flame_cs_colors__error_base_, text: global.fastn_community_github_io_dark_flame_cs_colors__error_text_, border: global.fastn_community_github_io_dark_flame_cs_colors__error_border_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__success_base_", fastn.recordInstance({ light: "#DCEFE4", dark: "#033a1bb8" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__success_text_", fastn.recordInstance({ light: "#3E8D61", dark: "#159f52" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__success_border_", fastn.recordInstance({ light: "#95D0AF", dark: "#95D0AF" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__success_btb_", fastn.recordInstance({ base: global.fastn_community_github_io_dark_flame_cs_colors__success_base_, text: global.fastn_community_github_io_dark_flame_cs_colors__success_text_, border: global.fastn_community_github_io_dark_flame_cs_colors__success_border_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__info_base_", fastn.recordInstance({ light: "#DAE7FB", dark: "#233a5dc7" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__info_text_", fastn.recordInstance({ light: "#5290EC", dark: "#5290EC" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__info_border_", fastn.recordInstance({ light: "#7EACF1", dark: "#7EACF1" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__info_btb_", fastn.recordInstance({ base: global.fastn_community_github_io_dark_flame_cs_colors__info_base_, text: global.fastn_community_github_io_dark_flame_cs_colors__info_text_, border: global.fastn_community_github_io_dark_flame_cs_colors__info_border_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__warning_base_", fastn.recordInstance({ light: "#FDF7F1", dark: "#3b2c1ee6" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__warning_text_", fastn.recordInstance({ light: "#E78B3E", dark: "#E78B3E" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__warning_border_", fastn.recordInstance({ light: "#F2C097", dark: "#F2C097" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__warning_btb_", fastn.recordInstance({ base: global.fastn_community_github_io_dark_flame_cs_colors__warning_base_, text: global.fastn_community_github_io_dark_flame_cs_colors__warning_text_, border: global.fastn_community_github_io_dark_flame_cs_colors__warning_border_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_one_", fastn.recordInstance({ light: "#4AA35C", dark: "#4AA35C" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_two_", fastn.recordInstance({ light: "#5C2860", dark: "#5C2860" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_three_", fastn.recordInstance({ light: "#EBBE52", dark: "#EBBE52" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_four_", fastn.recordInstance({ light: "#FDFAF1", dark: "#111111" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_five_", fastn.recordInstance({ light: "#FBF5E2", dark: "#222222" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_six_", fastn.recordInstance({ light: "#ef8dd6", dark: "#ef8dd6" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_seven_", fastn.recordInstance({ light: "#7564be", dark: "#7564be" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_eight_", fastn.recordInstance({ light: "#d554b3", dark: "#d554b3" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_nine_", fastn.recordInstance({ light: "#ec8943", dark: "#ec8943" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_ten_", fastn.recordInstance({ light: "#da7a4a", dark: "#da7a4a" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs_colors__custom_", fastn.recordInstance({ one: global.fastn_community_github_io_dark_flame_cs_colors__custom_one_, two: global.fastn_community_github_io_dark_flame_cs_colors__custom_two_, three: global.fastn_community_github_io_dark_flame_cs_colors__custom_three_, four: global.fastn_community_github_io_dark_flame_cs_colors__custom_four_, five: global.fastn_community_github_io_dark_flame_cs_colors__custom_five_, six: global.fastn_community_github_io_dark_flame_cs_colors__custom_six_, seven: global.fastn_community_github_io_dark_flame_cs_colors__custom_seven_, eight: global.fastn_community_github_io_dark_flame_cs_colors__custom_eight_, nine: global.fastn_community_github_io_dark_flame_cs_colors__custom_nine_, ten: global.fastn_community_github_io_dark_flame_cs_colors__custom_ten_ })); fastn_utils.createNestedObject(global, "fastn_community_github_io_dark_flame_cs__main", fastn.recordInstance({ background: global.fastn_community_github_io_dark_flame_cs_colors__background_, border: global.fastn_community_github_io_dark_flame_cs_colors__border_, border_strong: global.fastn_community_github_io_dark_flame_cs_colors__border_strong_, text: global.fastn_community_github_io_dark_flame_cs_colors__text_, text_strong: global.fastn_community_github_io_dark_flame_cs_colors__text_strong_, shadow: global.fastn_community_github_io_dark_flame_cs_colors__shadow_, scrim: global.fastn_community_github_io_dark_flame_cs_colors__scrim_, cta_primary: global.fastn_community_github_io_dark_flame_cs_colors__cta_primary_, cta_secondary: global.fastn_community_github_io_dark_flame_cs_colors__cta_secondary_, cta_tertiary: global.fastn_community_github_io_dark_flame_cs_colors__cta_tertiary_, cta_danger: global.fastn_community_github_io_dark_flame_cs_colors__cta_danger_, accent: global.fastn_community_github_io_dark_flame_cs_colors__accent_, error: global.fastn_community_github_io_dark_flame_cs_colors__error_btb_, success: global.fastn_community_github_io_dark_flame_cs_colors__success_btb_, info: global.fastn_community_github_io_dark_flame_cs_colors__info_btb_, warning: global.fastn_community_github_io_dark_flame_cs_colors__warning_btb_, custom: global.fastn_community_github_io_dark_flame_cs_colors__custom_ })); fastn_utils.createNestedObject(global, "fastn_com_assets__files.expander.ds.img.seo_post.png", fastn.recordInstance({ light: "-/fastn.com/expander/ds/img/seo-post.png", dark: "-/fastn.com/expander/ds/img/seo-post.png" })); fastn_utils.createNestedObject(global, "fastn_com_assets__files.expander.ds.img.og_image.png", fastn.recordInstance({ light: "-/fastn.com/expander/ds/img/og-image.png", dark: "-/fastn.com/expander/ds/img/og-image.png" })); fastn_utils.createNestedObject(global, "fastn_com_assets__files.expander.ds.img.description.png", fastn.recordInstance({ light: "-/fastn.com/expander/ds/img/description.png", dark: "-/fastn.com/expander/ds/img/description.png" })); fastn_utils.createNestedObject(global, "fastn_com_assets__files.expander.ds.img.customized_title.png", fastn.recordInstance({ light: "-/fastn.com/expander/ds/img/customized-title.png", dark: "-/fastn.com/expander/ds/img/customized-title.png" })); fastn_utils.createNestedObject(global, "fastn_com_assets__files.expander.ds.img.basic_title.png", fastn.recordInstance({ light: "-/fastn.com/expander/ds/img/basic-title.png", dark: "-/fastn.com/expander/ds/img/basic-title.png" })); let fastn_community_github_io_doc_site__youtube = function (parent, inherited, args) { let __args__ = { width: fastn_dom.Resizing.FillContainer, height: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.IFrame); parenti0.setProperty(fastn_dom.PropertyKind.Width, __args__.width, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Height, __args__.height, inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(24), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MinHeight, fastn.formula([ftd.device, ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "desktop"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(400)); } else if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(200)); } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.YoutubeSrc, __args__.v, inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_com_seo_meta___show_planning", fastn.mutable(false)); let fastn_com_expander_lib__video_audience = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Em(0.5)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Em(0.25)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "Video Title:", inherited); rooti0.setProperty(fastn_dom.PropertyKind.TextStyle, fastn.mutableList([fastn_dom.TextStyle.Bold]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Em(0.25)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "Owner:", inherited); rooti0.setProperty(fastn_dom.PropertyKind.TextStyle, fastn.mutableList([fastn_dom.TextStyle.Bold]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.owner, inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Em(0.25)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "Audience:", inherited); rooti0.setProperty(fastn_dom.PropertyKind.TextStyle, fastn.mutableList([fastn_dom.TextStyle.Bold]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.aud, inherited); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Em(0.25)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "Goal:", inherited); rooti0.setProperty(fastn_dom.PropertyKind.TextStyle, fastn.mutableList([fastn_dom.TextStyle.Bold]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.goal, inherited); } ]), inherited); } ]), inherited); return parenti0; } let fastn_community_github_io_typography__h1 = function (parent, inherited, args) { let __args__ = { body: null, inner: fastn.mutableList([]), id: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Id, fastn.formula([__args__.id, __args__.id], function () { if (function () { return (fastn_utils.getter(__args__.id) !== null); }()) { return __args__.id; } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Region, fastn_dom.Region.H1, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Em(0.5), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Rem(0.5), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomWidth, fastn_dom.Length.Px(1), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_large"), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.body ], function () { return (fastn_utils.getter(__args__.body) !== null); }, function (root) { let rooti0 = fastn_community_github_io_typography__markdown(root, inherited, { body: __args__.body }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.inner, inherited); } ]), inherited); return parenti0; } let fastn_community_github_io_typography__h2 = function (parent, inherited, args) { let __args__ = { body: null, inner: fastn.mutableList([]), id: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Id, fastn.formula([__args__.id, __args__.id], function () { if (function () { return (fastn_utils.getter(__args__.id) !== null); }()) { return __args__.id; } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Region, fastn_dom.Region.H2, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Em(0.3), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Rem(0.5), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_medium"), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.body ], function () { return (fastn_utils.getter(__args__.body) !== null); }, function (root) { let rooti0 = fastn_community_github_io_typography__markdown(root, inherited, { body: __args__.body }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.inner, inherited); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_code_block_assets__files.static.copy.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/code-block/static/copy.svg", dark: "-/fastn-community.github.io/code-block/static/copy-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_code_block_assets__files.static.download_hover.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/code-block/static/download-hover.svg", dark: "-/fastn-community.github.io/code-block/static/download-hover-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_code_block_assets__files.static.download.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/code-block/static/download.svg", dark: "-/fastn-community.github.io/code-block/static/download-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_code_block_assets__files.static.tick.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/code-block/static/tick.svg", dark: "-/fastn-community.github.io/code-block/static/tick.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_code_block_assets__files.static.copy_hover.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/code-block/static/copy-hover.svg", dark: "-/fastn-community.github.io/code-block/static/copy-hover-dark.svg" })); let fastn_community_github_io_code_block__download_text = function (args) { let __args__ = args; return (download_text(__args__.filename, __args__.text)); } let fastn_community_github_io_code_block__code = function (parent, inherited, args) { let __args__ = { caption: null, download: null, lang: "ftd", copy: true, copy_text: fastn.mutable("null"), copy_mouse_in: fastn.mutable(false), download_mouse_in: fastn.mutable(false), mouse_in: fastn.mutable(false), max_height: null, max_width: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; __args__.text = __args__.text ? __args__.text : __args__.body; __args__.clean_code = __args__.clean_code ? __args__.clean_code : fastn.formula([__args__.text, __args__.lang], function () { return ftd.clean_code({ a: __args__.text, lang: __args__.lang, }); }); let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.mouse_in, v: true, }, parenti0); }); parenti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.mouse_in, v: false, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(12), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(12), inherited); parenti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Cursor, fastn_dom.Cursor.Default, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.caption, __args__.copy, __args__.download ], function () { return (fastn_utils.getter(__args__.caption) !== null || fastn_utils.getter(__args__.download) !== null || fastn_utils.getter(__args__.copy)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingLeft, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) !== null); }()) { return fastn_dom.Length.Px(20); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingRight, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) !== null); }()) { return fastn_dom.Length.Px(20); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) !== null); }()) { return fastn_dom.Length.Px(10); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) !== null); }()) { return fastn_dom.Length.Px(10); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderTopLeftRadius, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderTopRightRadius, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxWidth, fastn.formula([__args__.max_width, __args__.max_width], function () { if (function () { return (fastn_utils.getter(__args__.max_width) !== null); }()) { return __args__.max_width; } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.caption ], function () { return (fastn_utils.getter(__args__.caption) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.caption, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Start, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.copy ], function () { return fastn_utils.getter(__args__.copy); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_string({ a: __args__.copy_text, v: "null", }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.End, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn.formula([__args__.download], function () { if (function () { return (fastn_utils.getter(__args__.download) !== null); }()) { return fastn_dom.Length.Px(56); } else { return fastn_dom.Length.Px(20); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Right, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(10)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.copy_text, __args__.mouse_in ], function () { return (fastn_utils.getter(__args__.copy_text) == "null" && fastn_utils.getter(__args__.mouse_in)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, fastn.formula([global.fastn_community_github_io_code_block_assets__files.get("static").get("copy").get("svg"), global.fastn_community_github_io_code_block_assets__files.get("static").get("copy_hover").get("svg"), __args__.copy_mouse_in], function () { if (function () { return fastn_utils.getter(__args__.copy_mouse_in); }()) { return global.fastn_community_github_io_code_block_assets__files.get("static").get("copy_hover").get("svg"); } else { return global.fastn_community_github_io_code_block_assets__files.get("static").get("copy").get("svg"); } } ), inherited); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.copy_mouse_in, v: true, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.copy_mouse_in, v: false, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.copy_to_clipboard({ a: __args__.clean_code, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.Click, function () { ftd.set_string({ a: __args__.copy_text, v: "Copied!", }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(18)), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.copy_text ], function () { return (fastn_utils.getter(__args__.copy_text) !== "null"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_community_github_io_code_block_assets__files.get("static").get("tick").get("svg"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(18)), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.copy_text ], function () { return (fastn_utils.getter(__args__.copy_text) !== "null"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.copy_text, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.download, __args__.mouse_in ], function () { return (fastn_utils.getter(__args__.download) !== null && fastn_utils.getter(__args__.mouse_in)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, fastn.formula([global.fastn_community_github_io_code_block_assets__files.get("static").get("download").get("svg"), global.fastn_community_github_io_code_block_assets__files.get("static").get("download_hover").get("svg"), __args__.download_mouse_in], function () { if (function () { return fastn_utils.getter(__args__.download_mouse_in); }()) { return global.fastn_community_github_io_code_block_assets__files.get("static").get("download_hover").get("svg"); } else { return global.fastn_community_github_io_code_block_assets__files.get("static").get("download").get("svg"); } } ), inherited); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.download_mouse_in, v: true, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.download_mouse_in, v: false, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.Click, function () { fastn_community_github_io_code_block__download_text({ filename: __args__.download, text: __args__.clean_code, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.End, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(20)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(20)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(20), inherited); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.dark_mode ], function () { return fastn_utils.getter(ftd.dark_mode); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Code); rooti0.setProperty(fastn_dom.PropertyKind.Code, __args__.body, inherited); rooti0.setProperty(fastn_dom.PropertyKind.CodeLanguage, __args__.lang, inherited); rooti0.setProperty(fastn_dom.PropertyKind.CodeTheme, "fastn-theme.dark", inherited); rooti0.setProperty(fastn_dom.PropertyKind.CodeShowLineNumber, false, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderTopLeftRadius, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) == null); }()) { return fastn_dom.Length.Px(4); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderTopRightRadius, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) == null); }()) { return fastn_dom.Length.Px(4); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomLeftRadius, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) == null); }()) { return fastn_dom.Length.Px(4); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomRightRadius, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) == null); }()) { return fastn_dom.Length.Px(4); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowX, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("code")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxHeight, fastn.formula([__args__.max_height, __args__.max_height], function () { if (function () { return (fastn_utils.getter(__args__.max_height) !== null); }()) { return __args__.max_height; } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxWidth, fastn.formula([__args__.max_width, __args__.max_width], function () { if (function () { return (fastn_utils.getter(__args__.max_width) !== null); }()) { return __args__.max_width; } } ), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.dark_mode ], function () { return (!fastn_utils.getter(ftd.dark_mode)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Code); rooti0.setProperty(fastn_dom.PropertyKind.Code, __args__.body, inherited); rooti0.setProperty(fastn_dom.PropertyKind.CodeLanguage, __args__.lang, inherited); rooti0.setProperty(fastn_dom.PropertyKind.CodeTheme, "fastn-theme.light", inherited); rooti0.setProperty(fastn_dom.PropertyKind.CodeShowLineNumber, false, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderTopLeftRadius, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) == null); }()) { return fastn_dom.Length.Px(4); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderTopRightRadius, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) == null); }()) { return fastn_dom.Length.Px(4); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomLeftRadius, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) == null); }()) { return fastn_dom.Length.Px(4); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomRightRadius, fastn.formula([__args__.caption], function () { if (function () { return (fastn_utils.getter(__args__.caption) == null); }()) { return fastn_dom.Length.Px(4); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowX, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.OverflowY, fastn_dom.Overflow.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("code")), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxHeight, fastn.formula([__args__.max_height, __args__.max_height], function () { if (function () { return (fastn_utils.getter(__args__.max_height) !== null); }()) { return __args__.max_height; } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MaxWidth, fastn.formula([__args__.max_width, __args__.max_width], function () { if (function () { return (fastn_utils.getter(__args__.max_width) !== null); }()) { return __args__.max_width; } } ), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.lang ], function () { return (fastn_utils.getter(__args__.lang) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Padding, fastn_dom.Length.Px(6), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomRightRadius, fastn_dom.Length.Px(4), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Bottom, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Right, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, 999, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(16)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.download ], function () { return (fastn_utils.getter(__args__.download) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.download, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(4)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "Lang:", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.lang, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); } ]), inherited); } ]), inherited); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_typography__h3 = function (parent, inherited, args) { let __args__ = { body: null, inner: fastn.mutableList([]), id: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Id, fastn.formula([__args__.id, __args__.id], function () { if (function () { return (fastn_utils.getter(__args__.id) !== null); }()) { return __args__.id; } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Region, fastn_dom.Region.H3, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Em(0.17), inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Rem(0.5), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_small"), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.body ], function () { return (fastn_utils.getter(__args__.body) !== null); }, function (root) { let rooti0 = fastn_community_github_io_typography__markdown(root, inherited, { body: __args__.body }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.inner, inherited); } ]), inherited); return parenti0; } let fastn_com_seo_meta___show_md = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Em(0.8)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__h0(root, inherited, { title: "Add meta-data to `doc-site`" }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return (!fastn_utils.getter(global.fastn_com_seo_meta___show_planning)); }, function (root) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "In this video we will see how to implement SEO features to improve a website's \nvisibility." }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_expander_lib__video_audience(root, inherited, { title: "How to add meta-data for better website optimization", owner: "Ajit", aud: "Website Builders", goal: "Helps learners to optimize their websites" }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return (!fastn_utils.getter(global.fastn_com_seo_meta___show_planning)); }, function (root) { let rooti0 = fastn_com_FASTN_ds__youtube(root, inherited, { v: "72N7f9on8iw" }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_FASTN_ds__h1(root, inherited, { title: "Introduction", body: "Welcome!! My name is Ajit\n\nIn this video, we will see how to implement SEO features to improve a website's \nvisibility.\n\nBefore that, we will briefly learn, \n- what is SEO\n- why it's important for website creators\n- along with its benefits, and\n- how to use it to optimize your website" }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__h1(root, inherited, { title: "What is SEO", body: "`SEO` is the practice of improving a website's visibility and ranking in search\nengine results pages.\n\nIt involves optimizing various aspects of a website to make it more appealing\nto search engines and users." }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_FASTN_ds__h1(root, inherited, { title: "Benefits of SEO", body: "1. SEO helps improve your website’s visibility, hence leading to higher \norganic i.e. non-paid traffic from search engines.\n\n2. SEO involves optimizing website elements that enhance user experience, such\nas page speed, mobile-friendliness, and easy navigation\n\n3. Higher search engine rankings instill confidence and trust in users\n\n4. SEO is a long-term strategy that yields sustainable results without \nrequiring continuous investment in paid advertising." }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return (!fastn_utils.getter(global.fastn_com_seo_meta___show_planning)); }, function (root) { let rooti0 = fastn_com_FASTN_ds__h1(root, inherited, { title: "Benefits of SEO", body: "SEO encompasses a range of techniques that helps in the following ways:\n\n- **Increased organic traffic**: SEO helps improve your website's visibility,\n leading to higher organic traffic from search engines.\n\n- **Better user experience**: SEO involves optimizing website elements that\n enhance user experience, such as page speed, mobile-friendliness, and easy\n navigation.\n\n- **Enhanced credibility and trust**: Higher search engine rankings instill\n confidence and trust in users, as they often perceive top-ranked websites\n as more reputable.\n\n- **Cost-effective**: SEO is a long-term strategy that yields sustainable\n results without requiring continuous investment in paid advertising." }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "To read about SEO in detail, you can check out the blog. The URL is shared in \ndescription" }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__h1(root, inherited, { title: "SEO through the `page` component of `doc-site`", body: "We can do SEO in the `doc-site`, by giving some properties to the `page` \ncomponent.\n\nThe three properties are: \n\n- document-title\n- document-description\n- document-image" }); rooti0.addEventHandler(fastn_dom.Event.GlobalKey(["Alt", "p"]), function () { ftd.toggle({ a: global.fastn_com_seo_meta___show_planning, }, rooti0); }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__h2(root, inherited, { title: "How to customize document title", body: "Before we modify the document title by using the first property, we will see\nthat by default, the `page` component's title, becomes the document title." }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "So the title of the component page is this." }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "So in the browser, the document title will be the same." }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "As you can see, the document title is by default is same as the title of the \npage component.\n\nIf we inspect, the `header` of the `html` code, we can see the title by\ndefault takes the page title." }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__code(root, inherited, { caption: "document title same as page title", body: "-- ds.page: This is page title", lang: "ftd" }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_com_assets__files.get("expander").get("ds").get("img").get("basic_title").get("png"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderWidth, fastn_dom.Length.Px(2), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "When we add the `document-title` property, the page title can have custom\ntitle, which is better for SEO.\n\nThe custom title given in this property is added as the meta-data into the \ntags `og-title` and `twitter-title` as well as the `<title>` tag." }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__code(root, inherited, { caption: "custom document title", body: "-- ds.page: This is page title\ndocument-title: Welcome! ;;<hl>", lang: "ftd" }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "**Output:**" }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_com_assets__files.get("expander").get("ds").get("img").get("customized_title").get("png"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderWidth, fastn_dom.Length.Px(2), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "And if you notice, there is no meta-data for description or image." }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__h2(root, inherited, { title: "How to add page description", body: "Therefore, `title` is one way to do SEO. Now we will add the second property\n`document-description` and give a short and eye-catching description then this\ndescription will be added as meta-data in the tags called `og-description` as\nwell `twitter-description`, and in the `description` tag." }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "Let's verify the same by refreshing the browser." }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__code(root, inherited, { caption: "to give a social media description", body: "-- ds.page: This is page title\ndocument-title: Welcome!\ndocument-description: Learn how to do SEO! ;;<hl>", lang: "ftd" }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "**Output:**" }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_com_assets__files.get("expander").get("ds").get("img").get("description").get("png"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderWidth, fastn_dom.Length.Px(2), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__h2(root, inherited, { title: "How to add page document-image", body: "Similarly, we can give a specific image that we want the users to see when\nthe URL is shared on social media platforms.\n\nFor the same, in the `page` component of the doc-site, we add another property \ncalled `document-image`.\n\nThe image provided to this property will be added as the meta-data.\n\nYou can give any link of an image.\n\nOr, if you want to add the image which is in your package, then in that case,\ngive the `https://<package-name>/path to the image with extension`.\n\nSo it goes like this:" }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__code(root, inherited, { caption: "to give a social media image", body: "-- ds.page: This is page title\ndocument-title: Welcome!\ndocument-description: Learn how to do SEO!\ndocument-image: https://gargajit.github.io/optimization/images/seo-meta.png ;;<hl>", lang: "ftd" }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "**Output:**" }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_com_assets__files.get("expander").get("ds").get("img").get("og_image").get("png"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderWidth, fastn_dom.Length.Px(2), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "Now, if we publish this package and share the URL on social media it will take\nthe custom title, description, and image." }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__h3(root, inherited, { title: "Example" }); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "**Discord**:" }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, global.fastn_com_assets__files.get("expander").get("ds").get("img").get("seo_post").get("png"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderWidth, fastn_dom.Length.Px(2), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderRadius, fastn_dom.Length.Px(10), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); }, function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "This way we have used the SEO technique and managed to make the URL noticeable\nand meaningful and will also improve the ranking in the search results." }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_FASTN_ds__h1(root, inherited, { title: "Closing Remarks", body: "Thank you guys, keep watching these videos to learn more about fastn. Checkout\nthe `fastn` website. \n\nSupport us by clicking on this link and give us a star ⭐ on GitHub and join \nour fastn community on Discord." }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return (!fastn_utils.getter(global.fastn_com_seo_meta___show_planning)); }, function (root) { let rooti0 = fastn_com_FASTN_ds__markdown(root, inherited, { body: "Thank you guys, keep watching these videos to learn more about fastn. \n\nSupport us by giving a star ⭐ on \n[GitHub](https://github.com/fastn-stack/fastn/) and join our fastn community \non [Discord](/discord/)." }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_FASTN_ds__h1(root, inherited, { title: "Final Video" }); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ global.fastn_com_seo_meta___show_planning ], function () { return fastn_utils.getter(global.fastn_com_seo_meta___show_planning); }, function (root) { let rooti0 = fastn_com_FASTN_ds__youtube(root, inherited, { v: "72N7f9on8iw" }); return rooti0; }); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_footer_assets__files.assets.dummy_site_logo.png", fastn.recordInstance({ light: "-/fastn-community.github.io/footer/assets/dummy-site-logo.png", dark: "-/fastn-community.github.io/footer/assets/dummy-site-logo.png" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_footer_assets__files.assets.telegram.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/footer/assets/telegram.svg", dark: "-/fastn-community.github.io/footer/assets/telegram-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_footer_assets__files.assets.instagram.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/footer/assets/instagram.svg", dark: "-/fastn-community.github.io/footer/assets/instagram-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_footer_assets__files.assets.discord.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/footer/assets/discord.svg", dark: "-/fastn-community.github.io/footer/assets/discord-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_footer_assets__files.assets.facebook.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/footer/assets/facebook.svg", dark: "-/fastn-community.github.io/footer/assets/facebook-dark.svg" })); fastn_utils.createNestedObject(global, "fastn_community_github_io_footer_assets__files.assets.twitter.svg", fastn.recordInstance({ light: "-/fastn-community.github.io/footer/assets/twitter.svg", dark: "-/fastn-community.github.io/footer/assets/twitter-dark.svg" })); let fastn_community_github_io_footer__fallback_title = function (parent, inherited, args) { let __args__ = { site_name: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; return fastn_dom.conditionalDom(parent, [ __args__.site_name ], function () { return (fastn_utils.getter(__args__.site_name) == null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "LOGO", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_large"), inherited); return rooti0; }).getParent(); } let fastn_community_github_io_footer__logo_with_name = function (parent, inherited, args) { let __args__ = { site_name: null, site_url: null, site_logo: null, logo_height: 38, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.site_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(8)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_logo ], function () { return (fastn_utils.getter(__args__.site_logo) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.site_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Auto, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(__args__.logo_height)), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_name ], function () { return (fastn_utils.getter(__args__.site_name) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.site_name, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_small"), inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.site_logo ], function () { return (fastn_utils.getter(__args__.site_logo) == null); }, function (root) { let rooti0 = fastn_community_github_io_footer__fallback_title(root, inherited, { site_name: __args__.site_name }); return rooti0; }); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_footer__empty_toc", fastn.mutableList([])); let fastn_community_github_io_footer__footer_links_toc_children = function (parent, inherited, args) { let __args__ = { url: "/", is_active: false, toc: global.fastn_community_github_io_footer__empty_toc, wrap: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(16)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_small"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.toc ], function () { return (!ftd.is_empty(__args__.toc)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(16)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.toc).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_footer__footer_links_toc_children(root, inherited, { title: item.get("title"), url: item.get("url"), is_active: item.get("is_active") }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.wrap, inherited); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_footer__footer_links_toc = function (parent, inherited, args) { let __args__ = { url: "/", is_active: false, toc: global.fastn_community_github_io_footer__empty_toc, wrap: fastn.mutableList([]), show_subsections: false, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_subsections ], function () { return fastn_utils.getter(__args__.show_subsections); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_subsections ], function () { return (!fastn_utils.getter(__args__.show_subsections)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("button_medium"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.toc ], function () { return (!ftd.is_empty(__args__.toc)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(12)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.toc).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_footer__footer_links_toc_children(root, inherited, { title: item.get("title"), url: item.get("url"), is_active: item.get("is_active"), toc: item.get("children") }); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.wrap, inherited); } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_footer__footer_links_section = function (parent, inherited, args) { let __args__ = { url: "/", is_active: false, sub_sections: global.fastn_community_github_io_footer__empty_toc, show_toc: false, show_subsections: false, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn.formula([__args__.show_subsections, ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile" && fastn_utils.getter(__args__.show_subsections)); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Percent(50)); } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Length.Px(24); } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_toc ], function () { return fastn_utils.getter(__args__.show_toc); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("button_large"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_subsections, __args__.show_toc ], function () { return (fastn_utils.getter(__args__.show_subsections) && !fastn_utils.getter(__args__.show_toc)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginBottom, fastn_dom.Length.Px(12), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("button_medium"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.show_subsections, __args__.show_toc ], function () { return (!fastn_utils.getter(__args__.show_toc) && !fastn_utils.getter(__args__.show_subsections)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.WhiteSpace, fastn_dom.WhiteSpace.NoWrap, inherited); return rooti0; }); }, function (root, inherited) { fastn_utils.getter(__args__.sub_sections).forLoop(root, function (root, item, index) { return fastn_dom.conditionalDom(root, [ __args__.show_toc ], function () { return (!fastn_utils.getter(__args__.show_toc)); }, function (root) { let rooti0 = fastn_community_github_io_footer__footer_links_toc(root, inherited, { title: item.get("title"), url: item.get("url"), is_active: item.get("is_active"), toc: global.fastn_community_github_io_footer__empty_toc, show_subsections: __args__.show_subsections }); return rooti0; }).getParent(); }); }, function (root, inherited) { fastn_utils.getter(__args__.sub_sections).forLoop(root, function (root, item, index) { return fastn_dom.conditionalDom(root, [ __args__.show_toc ], function () { return fastn_utils.getter(__args__.show_toc); }, function (root) { let rooti0 = fastn_community_github_io_footer__footer_links_toc(root, inherited, { title: item.get("title"), url: item.get("url"), is_active: item.get("is_active"), toc: item.get("children") }); return rooti0; }).getParent(); }); } ]), inherited); return parenti0; } let fastn_community_github_io_footer__images_list = function (parent, inherited, args) { let __args__ = { twitter_logo: null, facebook_logo: null, discord_logo: null, instagram_logo: null, telegram_logo: null, twitter_url: null, facebook_url: null, discord_url: null, instagram_url: null, telegram_url: null, }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Row); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(32)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.twitter_url ], function () { return (fastn_utils.getter(__args__.twitter_url) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.twitter_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.twitter_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.facebook_url ], function () { return (fastn_utils.getter(__args__.facebook_url) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.facebook_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.facebook_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.discord_url ], function () { return (fastn_utils.getter(__args__.discord_url) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.discord_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.discord_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.instagram_url ], function () { return (fastn_utils.getter(__args__.instagram_url) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.instagram_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.instagram_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.telegram_url ], function () { return (fastn_utils.getter(__args__.telegram_url) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Image); rooti0.setProperty(fastn_dom.PropertyKind.ImageSrc, __args__.telegram_logo, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Link, __args__.telegram_url, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(24)); } else { return fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(32)); } } ), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_community_github_io_footer__social_sideline_footer_desktop = function (parent, inherited, args) { let __args__ = { site_name: null, site_url: null, twitter_logo: null, facebook_logo: null, discord_logo: null, instagram_logo: null, telegram_logo: null, twitter_url: null, facebook_url: null, discord_url: null, instagram_url: null, telegram_url: null, copyright: null, bio: null, site_logo: null, footer_links: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(40), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(24)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(40), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(40)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_footer__logo_with_name(root, inherited, { site_name: __args__.site_name, site_url: __args__.site_url, site_logo: __args__.site_logo, logo_height: __args__.logo_height }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.bio ], function () { return (fastn_utils.getter(__args__.bio) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.bio, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(305)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomWidth, fastn_dom.Length.Px(1), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(40), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.copyright, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.social ], function () { return (!fastn_utils.getter(__args__.social)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(32)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.footer_links).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_footer__footer_links_section(root, inherited, { title: item.get("title"), url: item.get("url"), is_active: item.get("is_active"), sub_sections: global.fastn_community_github_io_footer__empty_toc }); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.social ], function () { return fastn_utils.getter(__args__.social); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(32)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_footer__images_list(root, inherited, { twitter_logo: __args__.twitter_logo, facebook_logo: __args__.facebook_logo, discord_logo: __args__.discord_logo, instagram_logo: __args__.instagram_logo, telegram_logo: __args__.telegram_logo, twitter_url: __args__.twitter_url, facebook_url: __args__.facebook_url, discord_url: __args__.discord_url, instagram_url: __args__.instagram_url, telegram_url: __args__.telegram_url }); } ]), inherited); return rooti0; }); } ]), inherited); } ]), inherited); return parenti0; } let fastn_community_github_io_footer__social_sideline_footer_mobile = function (parent, inherited, args) { let __args__ = { site_name: null, site_url: null, twitter_logo: null, facebook_logo: null, discord_logo: null, instagram_logo: null, telegram_logo: null, twitter_url: null, facebook_url: null, discord_url: null, instagram_url: null, telegram_url: null, copyright: null, bio: null, site_logo: null, footer_links: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingVertical, fastn_dom.Length.Px(24), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Background, fastn_dom.BackgroundStyle.Solid(inherited.get("colors").get("background").get("step_1")), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(24)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_footer__logo_with_name(root, inherited, { site_name: __args__.site_name, site_url: __args__.site_url, site_logo: __args__.site_logo, logo_height: __args__.logo_height }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.bio ], function () { return (fastn_utils.getter(__args__.bio) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.bio, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.TextAlign, fastn_dom.TextAlign.Center, inherited); return rooti0; }); } ]), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderBottomWidth, fastn_dom.Length.Px(1), inherited); rooti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingHorizontal, fastn_dom.Length.Px(24), inherited); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(24)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.social ], function () { return (!fastn_utils.getter(__args__.social)); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.AlignContent, fastn_dom.AlignContent.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(32)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_utils.getter(__args__.footer_links).forLoop(root, function (root, item, index) { let rooti0 = fastn_community_github_io_footer__footer_links_section(root, inherited, { title: item.get("title"), url: item.get("url"), is_active: item.get("is_active"), sub_sections: global.fastn_community_github_io_footer__empty_toc }); return rooti0; }); } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.social ], function () { return fastn_utils.getter(__args__.social); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Row); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Px(32)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_footer__images_list(root, inherited, { twitter_logo: __args__.twitter_logo, facebook_logo: __args__.facebook_logo, discord_logo: __args__.discord_logo, instagram_logo: __args__.instagram_logo, telegram_logo: __args__.telegram_logo, twitter_url: __args__.twitter_url, facebook_url: __args__.facebook_url, discord_url: __args__.discord_url, instagram_url: __args__.instagram_url, telegram_url: __args__.telegram_url }); } ]), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.copyright, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("copy_regular"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.TextAlign, fastn_dom.TextAlign.Center, inherited); } ]), inherited); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_community_github_io_footer__sitemap", fastn.recordInstance({ sections: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Overview", url: "home/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Design", url: "figma/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Frontend", url: "frontend/why/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Fullstack", url: "backend/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Blog", url: "blog/" })]), subsections: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Featured Templates", url: "/featured/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Deploy", url: "/deploy/" })]), toc: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "On Windows", url: "build-windows/-/expander/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "On MacOS/Linux", url: "build-macos/-/expander/" })]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Install", url: "install/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Hello World", url: "expander/hello-world/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Basic UI", url: "expander/basic-ui/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Publish a package", url: "expander/publish/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Understanding sitemap", url: "understanding-sitemap/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Create clean URLs", url: "clean-urls/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Create rounded border", url: "rounded-border/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Using images in documents", url: "using-images/-/build/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Add meta-data", url: "seo-meta/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Markdown in doc-site", url: "markdown/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Adding typography", url: "typography/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Adding color scheme", url: "color-scheme/" }), fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: false, is_disabled: false, is_heading: false, is_open: false, number: null, path: null, title: "Redirects", url: "redirects/" })]), current_section: fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), current_subsection: fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Create Website", url: "create-website/" }), current_page: fastn.recordInstance({ bury: false, children: fastn.mutableList([]), description: null, document: null, font_icon: null, img_src: null, is_active: true, is_disabled: false, is_heading: false, is_open: true, number: null, path: null, title: "Add meta-data", url: "seo-meta/" }) })); let fastn_community_github_io_footer__social_sideline_footer = function (parent, inherited, args) { let __args__ = { site_name: null, site_url: "/", twitter_logo: global.fastn_community_github_io_footer_assets__files.get("assets").get("twitter").get("svg"), facebook_logo: global.fastn_community_github_io_footer_assets__files.get("assets").get("facebook").get("svg"), discord_logo: global.fastn_community_github_io_footer_assets__files.get("assets").get("discord").get("svg"), instagram_logo: global.fastn_community_github_io_footer_assets__files.get("assets").get("instagram").get("svg"), telegram_logo: global.fastn_community_github_io_footer_assets__files.get("assets").get("telegram").get("svg"), twitter_url: null, facebook_url: null, discord_url: null, instagram_url: null, telegram_url: null, copyright: null, bio: null, site_logo: global.fastn_community_github_io_footer_assets__files.get("assets").get("dummy_site_logo").get("png"), logo_height: 32, social: false, footer_links: global.fastn_community_github_io_footer__sitemap.get("sections"), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "desktop"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_footer__social_sideline_footer_desktop(root, inherited, { site_name: __args__.site_name, site_url: __args__.site_url, twitter_logo: __args__.twitter_logo, facebook_logo: __args__.facebook_logo, discord_logo: __args__.discord_logo, instagram_logo: __args__.instagram_logo, telegram_logo: __args__.telegram_logo, twitter_url: __args__.twitter_url, facebook_url: __args__.facebook_url, discord_url: __args__.discord_url, instagram_url: __args__.instagram_url, telegram_url: __args__.telegram_url, copyright: __args__.copyright, bio: __args__.bio, site_logo: __args__.site_logo, logo_height: __args__.logo_height, social: __args__.social, footer_links: __args__.footer_links }); return rooti0; } ]), inherited); return rooti0; }); }, function (root, inherited) { fastn_dom.conditionalDom(root, [ ftd.device ], function () { return (ftd.device.get() === "mobile"); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Wrapper); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_footer__social_sideline_footer_mobile(root, inherited, { site_name: __args__.site_name, site_url: __args__.site_url, twitter_logo: __args__.twitter_logo, facebook_logo: __args__.facebook_logo, discord_logo: __args__.discord_logo, instagram_logo: __args__.instagram_logo, telegram_logo: __args__.telegram_logo, twitter_url: __args__.twitter_url, facebook_url: __args__.facebook_url, discord_url: __args__.discord_url, instagram_url: __args__.instagram_url, telegram_url: __args__.telegram_url, copyright: __args__.copyright, bio: __args__.bio, site_logo: __args__.site_logo, logo_height: __args__.logo_height, social: __args__.social, footer_links: __args__.footer_links }); return rooti0; } ]), inherited); return rooti0; }); } ]), inherited); return parenti0; } let fastn_com_utils__compact_text = function (parent, inherited, args) { let __args__ = { body: null, inner: fastn.mutableList([]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(14), inherited); parenti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(16), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderBottomWidth, fastn_dom.Length.Px(1), inherited); parenti0.setProperty(fastn_dom.PropertyKind.BorderColor, inherited.get("colors").get("border"), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.title, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Region, fastn_dom.Region.H4, inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingTop, fastn_dom.Length.Px(8), inherited); rooti0.setProperty(fastn_dom.PropertyKind.PaddingBottom, fastn_dom.Length.Px(16), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text_strong"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("heading_small"), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { fastn_dom.conditionalDom(root, [ __args__.body ], function () { return (fastn_utils.getter(__args__.body) !== null); }, function (root) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, __args__.body, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Classes, fastn.mutableList(["markdown"]), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Color, inherited.get("colors").get("text"), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Role, inherited.get("types").get("fine_print"), inherited); return rooti0; }); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.inner, inherited); } ]), inherited); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_com_assets__files.rive.stars.riv", "-/fastn.com/rive/stars.riv"); let fastn_com_FASTN_ds__star_component = function (parent, inherited, args) { let __args__ = { show: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "[⭐️](https://github.com/fastn-stack/fastn)", inherited); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.play_rive({ rive: "star", input: "stars", }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.pause_rive({ rive: "star", input: "stars", }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.show, v: true, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.show, v: false, }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginTop, fastn_dom.Length.Px(10), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn.formula([__args__.show], function () { if (function () { return fastn_utils.getter(__args__.show); }()) { return fastn_dom.Length.Px( - 110); } else { return fastn_dom.Length.Px( - 900); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, - 1, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Rive); if (!ssr) { let extraData = rooti0.getExtraData(); extraData.rive = new rive.Rive({ src: fastn_utils.getFlattenStaticValue(global.fastn_com_assets__files.get("rive").get("stars").get("riv")), canvas: rooti0.getNode(), autoplay: fastn_utils.getStaticValue(false), stateMachines: fastn_utils.getFlattenStaticValue(fastn.mutableList([])), artboard: null, onLoad: (_) =>{ extraData.rive.resizeDrawingSurfaceToCanvas(); }, }); ftd.riveNodes[`star__${ftd.device.get() }`] = rooti0; } rooti0.setProperty(fastn_dom.PropertyKind.Id, "star", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(200)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(150)), inherited); } ]), inherited); } ]), inherited); return parenti0; } fastn_utils.createNestedObject(global, "fastn_com_assets__files.rive.chronica_new.riv", "-/fastn.com/rive/chronica-new.riv"); let fastn_com_FASTN_ds__chronica_component = function (parent, inherited, args) { let __args__ = { show: fastn.mutable(false), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text); rooti0.setProperty(fastn_dom.PropertyKind.StringValue, "[💻️](/community/)", inherited); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_bool({ a: __args__.show, v: true, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_bool({ a: __args__.show, v: false, }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.play_rive({ rive: "chronica", input: "Teacher Hand Out", }, rooti0); }); rooti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.pause_rive({ rive: "chronica", input: "Teacher Hand Out", }, rooti0); }); rooti0.setProperty(fastn_dom.PropertyKind.AlignSelf, fastn_dom.AlignSelf.Center, inherited); rooti0.setProperty(fastn_dom.PropertyKind.MarginTop, fastn_dom.Length.Px(10), inherited); }, function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Top, fastn.formula([__args__.show], function () { if (function () { return fastn_utils.getter(__args__.show); }()) { return fastn_dom.Length.Px( - 160); } else { return fastn_dom.Length.Px( - 900); } } ), inherited); rooti0.setProperty(fastn_dom.PropertyKind.ZIndex, - 1, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Rive); if (!ssr) { let extraData = rooti0.getExtraData(); extraData.rive = new rive.Rive({ src: fastn_utils.getFlattenStaticValue(global.fastn_com_assets__files.get("rive").get("chronica_new").get("riv")), canvas: rooti0.getNode(), autoplay: fastn_utils.getStaticValue(true), stateMachines: fastn_utils.getFlattenStaticValue(fastn.mutableList([])), artboard: null, onLoad: (_) =>{ extraData.rive.resizeDrawingSurfaceToCanvas(); }, }); ftd.riveNodes[`chronica__${ftd.device.get() }`] = rooti0; } rooti0.setProperty(fastn_dom.PropertyKind.Id, "chronica", inherited); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(200)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(150)), inherited); } ]), inherited); } ]), inherited); return parenti0; } let fastn_com_FASTN_ds__http_call = function (args) { let __args__ = args; return (ftd.http("/", "get")); } fastn_utils.createNestedObject(global, "fastn_com_assets__files.rive.car_racing.riv", "-/fastn.com/rive/car_racing.riv"); let fastn_com_FASTN_ds__car_component = function (parent, inherited, args) { let __args__ = { }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Rive); if (!ssr) { let extraData = parenti0.getExtraData(); extraData.rive = new rive.Rive({ src: fastn_utils.getFlattenStaticValue(global.fastn_com_assets__files.get("rive").get("car_racing").get("riv")), canvas: parenti0.getNode(), autoplay: fastn_utils.getStaticValue(true), stateMachines: fastn_utils.getFlattenStaticValue(fastn.mutableList(["Driving"])), artboard: null, onLoad: (_) =>{ extraData.rive.resizeDrawingSurfaceToCanvas(); }, }); ftd.riveNodes[`car__${ftd.device.get() }`] = parenti0; } parenti0.addEventHandler(fastn_dom.Event.Click, function () { fastn_com_FASTN_ds__http_call({ }, parenti0); }); parenti0.addEventHandler(fastn_dom.Event.MouseEnter, function () { ftd.set_rive_boolean({ rive: "car", input: "drive", value: true, }, parenti0); }); parenti0.addEventHandler(fastn_dom.Event.MouseLeave, function () { ftd.set_rive_boolean({ rive: "car", input: "drive", value: false, }, parenti0); }); parenti0.setProperty(fastn_dom.PropertyKind.Id, "car", inherited); parenti0.setProperty(fastn_dom.PropertyKind.Anchor, fastn_dom.Anchor.Parent, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(200)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.Fixed(fastn_dom.Length.Px(150)), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Top, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Length.Px( - 33); } else { return fastn_dom.Length.Px( - 70); } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.Left, fastn.formula([ftd.device], function () { if (function () { return (fastn_utils.getter(ftd.device) == "mobile"); }()) { return fastn_dom.Length.Px(149); } else { return fastn_dom.Length.Px( - 37); } } ), inherited); parenti0.setProperty(fastn_dom.PropertyKind.ZIndex, 0, inherited); return parenti0; } let fastn_com_FASTN_ds__page = function (parent, inherited, args) { let __args__ = { wrapper: fastn.mutableList([]), title: null, body: null, sidebar: true, document_title: null, document_description: null, document_image: fastn.recordInstance({ src: "https://fastn.com/-/fastn.com/images/fastn-logo.png" }), site_name: null, site_logo: global.fastn_com_assets__files.get("images").get("fastn").get("svg"), github_icon: true, github_url: "https://github.com/fastn-stack/fastn", full_width: false, types: global.fifthtry_github_io_fastn_io_typography__types, colors: global.fastn_community_github_io_dark_flame_cs__main, logo_width: 120, logo_height: 38, show_footer: true, show_banner: true, footer: fastn.mutableList([function (root, inherited) { let rooti0 = fastn_community_github_io_footer__social_sideline_footer(root, inherited, { site_url: "/", twitter_url: "https://twitter.com/FifthTryHQ", discord_url: "https://discord.gg/bucrdvptYd", copyright: "Copyright © 2023 - [FifthTry.com](https://www.fifthtry.com/)", site_logo: global.fastn_com_assets__files.get("images").get("fastn").get("svg"), social: true }); } ]), banner: fastn.mutableList([]), right_sidebar: fastn.mutableList([function (root, inherited) { let rooti0 = fastn_com_utils__compact_text(root, inherited, { title: "Support `fastn`!", body: "Enjoying `fastn`? Please consider giving us a star ⭐️ on\n[GitHub](https://github.com/fastn-stack/fastn) to show your support!", inner: fastn.mutableList([function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__star_component(root, inherited); } ]) }); }, function (root, inherited) { let rooti0 = fastn_com_utils__compact_text(root, inherited, { title: "Getting Help", body: "Have a question or need help?\n\nVisit our [GitHub Q&A discussion](https://github.com/fastn-stack/fastn/discussions/categories/q-a)\nto get answers and subscribe to it to stay tuned.\n\nJoin our [Discord](https://discord.gg/a7eBUeutWD) channel and share your\nthoughts, suggestion, question etc.\n\nConnect with our [community](/community/)!", inner: fastn.mutableList([function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__chronica_component(root, inherited); } ]) }); }, function (root, inherited) { let rooti0 = fastn_com_utils__compact_text(root, inherited, { title: "Found an issue?", body: "If you find some issue, please visit our [GitHub\nissues](https://github.com/fastn-stack/fastn/issues) to tell us about it." }); }, function (root, inherited) { let rooti0 = fastn_com_utils__compact_text(root, inherited, { title: "Quick links:", body: "- [Install `fastn`](install/)\n- [Create `fastn` package](create-fastn-package/)\n- [Expander Crash Course](expander/)\n- [Syntax Highlighting in Sublime Text](/sublime/)" }); }, function (root, inherited) { let rooti0 = fastn_com_utils__compact_text(root, inherited, { title: "Join us", body: "We welcome you to join our [Discord](https://discord.gg/a7eBUeutWD) community\ntoday.\n\nWe are trying to create the language for human beings and we do not believe it\nwould be possible without your support. We would love to hear from you." }); } ]), }; inherited = fastn.recordInstance({ ...__args__, ...inherited.getAllFields(), ...args }); __args__ = { ...__args__, ...args }; let parenti0 = fastn_community_github_io_doc_site__page(parent, inherited, { title: __args__.title, document_title: __args__.document_title, document_description: __args__.document_description, document_image: __args__.document_image, body: __args__.body, site_logo: __args__.site_logo, logo_width: __args__.logo_width, logo_height: __args__.logo_height, site_name: __args__.site_name, sidebar: __args__.sidebar, wrapper: fastn.mutableList([function (root, inherited) { let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Column); rooti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); rooti0.setProperty(fastn_dom.PropertyKind.Spacing, fastn_dom.Spacing.Fixed(fastn_dom.Length.Em(0.8)), inherited); rooti0.setProperty(fastn_dom.PropertyKind.Children, __args__.wrapper, inherited); } ]), right_sidebar: __args__.right_sidebar, full_width: __args__.full_width, types: __args__.types, colors: __args__.colors, show_banner: __args__.show_banner, banner: __args__.banner, show_footer: __args__.show_footer, footer: __args__.footer, github_icon: __args__.github_icon, github_url: __args__.github_url, header_logo_ui: fastn.mutableList([function (root, inherited) { let rooti0 = fastn_com_FASTN_ds__car_component(root, inherited); } ]) }); return parenti0; } let fastn_com_FASTN_ds__youtube = fastn_community_github_io_doc_site__youtube; let fastn_com_FASTN_ds__markdown = fastn_community_github_io_typography__markdown; let fastn_community_github_io_doc_site__markdown = fastn_community_github_io_typography__markdown; let fastn_com_FASTN_ds__h1 = fastn_community_github_io_typography__h1; let fastn_community_github_io_doc_site__h1 = fastn_community_github_io_typography__h1; let fastn_com_FASTN_ds__h2 = fastn_community_github_io_typography__h2; let fastn_community_github_io_doc_site__h2 = fastn_community_github_io_typography__h2; let fastn_com_FASTN_ds__code = fastn_community_github_io_code_block__code; let fastn_community_github_io_doc_site__code = fastn_community_github_io_code_block__code; let fastn_com_FASTN_ds__h3 = fastn_community_github_io_typography__h3; let fastn_community_github_io_doc_site__h3 = fastn_community_github_io_typography__h3; let fastn_com_FASTN_ds__h0 = fastn_community_github_io_typography__h0; let fastn_community_github_io_doc_site__h0 = fastn_community_github_io_typography__h0; fastn_dom.codeData.availableThemes["coldark-theme.dark"] = "code-theme-9A3284FD117DFF7CFD432FF860A5E14169FA592BC3DA4F5E8A6975143F5EA07F.css"; fastn_dom.codeData.availableThemes["coldark-theme.light"] = "code-theme-99CD7B013C96C4632F0AEA39AC265387B814AE85A7D33666A4AE4BEFF59016D0.css"; fastn_dom.codeData.availableThemes["coy-theme"] = "code-theme-B3AEA322EADEDA61F0E219845A0E9C8E73F6345E49362B46E6F52CEE40471248.css"; fastn_dom.codeData.availableThemes["dracula-theme"] = "code-theme-0CA636E4954E3FC6184FB8000174F8EAA6C61DB10F6A18D74740E6D2032C1A2E.css"; fastn_dom.codeData.availableThemes["duotone-theme.dark"] = "code-theme-95B9118AFC8631777EEBBD89B2066C3706A6DF3579B14F41AF05564E41CAA09C.css"; fastn_dom.codeData.availableThemes["duotone-theme.earth"] = "code-theme-6EB6F03F9F578742CA0CD1189693E43A6135D910989ADD88CA3C0D6117EE24D7.css"; fastn_dom.codeData.availableThemes["duotone-theme.forest"] = "code-theme-256C21B515FC9E77F95D88689A4086B9D9406B7AAE3A273780FE8B8748C5A7D2.css"; fastn_dom.codeData.availableThemes["duotone-theme.light"] = "code-theme-0800A18B1822D6AFDAF807CF840379A2DB3483A1F058CA29FBCFB3815CA76148.css"; fastn_dom.codeData.availableThemes["duotone-theme.sea"] = "code-theme-9A45313F167DBD90654BFD5BB3BC0BDF6AE447485C30B0389ADA7B49C069E46A.css"; fastn_dom.codeData.availableThemes["duotone-theme.space"] = "code-theme-4DD8479BE14A755645BC09FF433FB70EB4CB28F0CBF3CA98DCB71B244B85B194.css"; fastn_dom.codeData.availableThemes["fastn-theme.dark"] = "code-theme-9F89D2C9B7CACCD9185EE63A3E6C4D069A55ACF5C602D1B9549799A114774D67.css"; fastn_dom.codeData.availableThemes["fastn-theme.light"] = "code-theme-179C37B6983C6DFDFB2B7EF8F4DF316D66352B1D5918293FCA8BCFB7A8A82E04.css"; fastn_dom.codeData.availableThemes["gruvbox-theme.dark"] = "code-theme-B68AA27E05B319F04A9CD747AADBF9B9CD791E040DEC519AE9544B4FF65DDBAC.css"; fastn_dom.codeData.availableThemes["gruvbox-theme.light"] = "code-theme-06E6F84E43C61CB1653D9F4FACD46B7EBCB3CD8A48EFAEF2E5BE3E9E9212D1E6.css"; fastn_dom.codeData.availableThemes["laserwave-theme"] = "code-theme-0F444C6433C356376F7E92122F6C521FE40242BEC9D9E050359EE1DF4A9D5E6D.css"; fastn_dom.codeData.availableThemes["material-theme.dark"] = "code-theme-8CCA3D600F91FA55950DF3132F2ABE4BA14CEEA13CD23E157BF6A137762B8452.css"; fastn_dom.codeData.availableThemes["material-theme.light"] = "code-theme-8C59190F5018F48CCBB063359072EE9053D04923BBC5D1BA52B574E78D8C536A.css"; fastn_dom.codeData.availableThemes["nightowl-theme"] = "code-theme-88F91252A8A0EA125B4BA2C7B85E65580DB580F1477931AADCB5118E4E69D1CD.css"; fastn_dom.codeData.availableThemes["one-theme.dark"] = "code-theme-A24DC8F09D03756A62923E8A883CAE3B938D54E2813F0855312D2554DBE97BAD.css"; fastn_dom.codeData.availableThemes["one-theme.light"] = "code-theme-60E02531E77333F3F1B636C4FC43E976EA9F41AD75268B2DD825C33C68B573A6.css"; fastn_dom.codeData.availableThemes["vs-theme.dark"] = "code-theme-DC76F700474E809F7BA2D9914793D04881B17EA4699BA9C568C83D32A18B0173.css"; fastn_dom.codeData.availableThemes["vs-theme.light"] = "code-theme-7852E516BA094B01897820BB3432BE553FE5B28F00E9CA0EBC9DFFB8312EE8BF.css"; fastn_dom.codeData.availableThemes["ztouch-theme"] = "code-theme-792C7BB9F4C8DFF3E0CBC354D2084DBF71BC5750C2C1357F0E7D936867AFAB62.css"; let main_wrapper = function (parent) { let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column); parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited); parenti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited); main(parenti0); } fastn_virtual.hydrate(main_wrapper); ftd.post_init(); })(); </script> </html>