25:I[868422,["/_next/static/chunks/0orfmzo0_hup-.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/0op9flae642fi.js","/_next/static/chunks/3jtkuz33a278i.js","/_next/static/chunks/3cn85recchj3h.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Rubik/rubik-v21-latin-ext_latin_hebrew_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Sora/sora-v10-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css","style"] :HL["https://sites.super.so/depo/style.css","style"] :HL["https://sites.super.so/snippets/v2/full-width-section.css","style"] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:18px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Rubik-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Rubik/rubik-v21-latin-ext_latin_hebrew_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Sora-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Sora/sora-v10-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css","as":"style"}] 16:["$","link",null,{"rel":"preload","href":"https://sites.super.so/depo/style.css","as":"style"}] 17:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/v2/full-width-section.css","as":"style"}] 18:["$","script","0",{"src":"https://app.termly.io/resource-blocker/290413d2-4473-4aa4-8895-089ffe3f3c83","children":null}] 19:["$","link","link-https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/Floating-TOC/floating-v2.css"}] 1a:["$","link","link-https://sites.super.so/depo/style.css",{"rel":"stylesheet","href":"https://sites.super.so/depo/style.css"}] 1b:["$","link","link-https://sites.super.so/snippets/v2/full-width-section.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/v2/full-width-section.css"}] 1c:["$","script","8",{"dangerouslySetInnerHTML":{"__html":"\nvar o_options = {\n domain: 'learnindie.outseta.com',\n load: 'auth,customForm,emailList,leadCapture,nocode,profile,support',\n\n monitorDom: true,\n tokenStorage: 'local',\n auth: {\n authenticationCallbackUrl: window.location.href\n },\n nocode: {\n clearQuerystring: true\n }\n};\n"},"children":null}] 1d:["$","script","10",{"src":"https://cdn.outseta.com/outseta.min.js","data-options":"o_options","dangerouslySetInnerHTML":{"__html":"\n"},"children":null}] 1e:["$","script","12",{"src":"https://sites.super.so/snippets/embed.js","children":null}] 1f:["$","meta","14",{"name":"robots","content":"noai, noimageai","children":null}] 20:["$","meta","16",{"name":"GPTBot","content":"noindex, nofollow","children":null}] 21:["$","meta","18",{"name":"ChatGPT-User","content":"noindex, nofollow","children":null}] 22:["$","meta","20",{"name":"ClaudeBot","content":"noindex, nofollow","children":null}] 23:["$","meta","22",{"name":"anthropic-ai","content":"noindex, nofollow","children":null}] 26:T471, 27:T40ab,@charset "UTF-8"; /* Set this to your real H1 size (see step 1 below) */ :root { --h1-size: 1.35em; } /* Bold + underlined text inside a highlighted block becomes 2x the H1 */ .highlighted-background u { font-size: calc(var(--h1-size)); line-height: 1.1; text-decoration: none; /* optional: hide the underline, since it's now just a "size switch" */ } /* Current page Navbar color*/ .super-navbar__item.active, .super-navbar__item[aria-current=page] { color: var(--button-active-bg-green); font-weight: 500; } /* Don't display page Title*/ h1.notion-header__title { display: none !important; } /* Green button */ .notion-button__content.bg-green-light { --btn-color: #2ee16c; background-color: var(--btn-color) !important; box-shadow: 0 4px 0 color-mix(in srgb, var(--btn-color) 75%, black) !important; } /* Orange button */ .notion-button__content.bg-orange-light { --btn-color: #fdc154; background-color: var(--btn-color) !important; box-shadow: 0 4px 0 color-mix(in srgb, var(--btn-color) 75%, black) !important; } /* Yellow button */ .notion-button__content.bg-yellow-light { --btn-color: #ffd53c; background-color: var(--btn-color) !important; box-shadow: 0 4px 0 color-mix(in srgb, var(--btn-color) 75%, black) !important; } /* Blue button */ .notion-button__content.bg-blue-light { --btn-color: #56cff1; background-color: var(--btn-color) !important; box-shadow: 0 4px 0 color-mix(in srgb, var(--btn-color) 75%, black) !important; } /* Purple button */ .notion-button__content.bg-purple-light { --btn-color: #9933ff; background-color: var(--btn-color) !important; box-shadow: 0 4px 0 color-mix(in srgb, var(--btn-color) 75%, black) !important; } /* Pink button */ .notion-button__content.bg-pink-light { --btn-color: #ff66cc; background-color: var(--btn-color) !important; box-shadow: 0 4px 0 color-mix(in srgb, var(--btn-color) 75%, black) !important; } /* Red button */ .notion-button__content.bg-red-light { --btn-color: #f75d44; background-color: var(--btn-color) !important; box-shadow: 0 4px 0 color-mix(in srgb, var(--btn-color) 75%, black) !important; } /* Press effect - shared across all colors */ .notion-button__content:active { transform: scale(0.97) translateY(3px) !important; } /* Database view hover */ .notion-collection__header-wrapper .notion-dropdown__option:hover { background-color: var(--button-hover-bg) !important; } /* Active database view */ .notion-collection__header-wrapper .notion-dropdown__option.active { background-color: var(--button-active-bg) !important; } /* Change Database active button color */ .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option.active { background-color: var(--button-active-bg) !important; } .notion-collection__header-wrapper .notion-dropdown__menu .notion-dropdown__option.active p { color: white !important; } /* ========================================= DATABASE VIEW SQUASH + STRETCH ========================================= */ /* Base animation */ .notion-collection__header-wrapper .notion-dropdown__option { transform: scale(1); transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1); will-change: transform; } /* Hover stretch */ .notion-collection__header-wrapper .notion-dropdown__option:hover { transform: scale(1.04); } /* Click squash - ALL options */ .notion-collection__header-wrapper .notion-dropdown__option:active { transform: scale(0.97) !important; } /* Change active tab button color */ /* Active tab */ .notion-tabs button[aria-selected=true] { background-color: var(--button-active-bg-green) !important; color: #ffffff !important; } /* Hover only inactive tabs */ .notion-tabs button:hover:not([aria-selected=true]) { background-color: var(--button-hover-bg-green) !important; } /* ========================================= NOTION DATABASE TAB SQUASH ========================================= */ .notion-tabs button { position: relative !important; overflow: hidden !important; transform: scale(1); transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease; will-change: transform; } /* Hover bounce only */ .notion-tabs button:hover:not([aria-selected=true]) { transform: scale(1.05); } /* Press effect - ALL tabs */ .notion-tabs button:active, .notion-tabs button:hover:not([aria-selected=true]):active { transform: scale(0.97) !important; } /* Nav bar color change */ .super-navbar__item { border-radius: 999px; padding: 8px 16px; transition: color 0.3s ease, background-color 0.2s ease; position: relative; /* keeps dropdowns anchored correctly */ } .super-navbar__item:hover { color: var(--button-active-bg); } /* ===== Navbar: pill shape without clipping dropdowns ===== */ .super-navbar { position: relative; margin: 12px 16px 0; border-radius: 999px !important; /* no overflow: hidden here anymore */ } /* The rounded background sits behind the nav content instead of clipping it */ .super-navbar::before { content: ""; position: absolute; inset: 0; border-radius: 999px; background: inherit; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.1); z-index: -1; } .super-navbar__content { border-radius: 999px !important; background: transparent; /* let the ::before show through */ } .super-navbar__cta { border-radius: 999px !important; } /* nav bar button shadow */ .super-navbar__cta { --btn-color: #fdc154; /* match your actual CTA orange */ box-shadow: 0 4px 0 color-mix(in srgb, var(--btn-color) 75%, black) !important; transition: transform 0.12s ease, box-shadow 0.12s ease !important; } .super-navbar__cta:active { box-shadow: 0 1px 0 color-mix(in srgb, var(--btn-color) 75%, black) !important; transform: scale(0.97) translateY(3px) !important; } /* ===== Rounded, floating sidebar (fixed sticky-offset bug) ===== */ .super-sidebar { position: sticky; top: 12px; /* replaces margin-top — stays consistent on scroll */ margin: 0 12px 12px 12px; /* no top margin anymore */ height: calc(100vh - 24px); overflow-y: auto; border-radius: 20px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.04); } /* Sidebar items as soft rounded pills */ .super-navigation-menu__item { border-radius: 12px; padding: 8px 12px; transition: background-color 0.2s ease; } /* Round the search bar and bottom CTA section too, for consistency */ .notion-search__box { border-radius: 999px; } .super-navigation-menu__cta { border-radius: 16px; } /* Divider style */ .notion-divider { border-bottom: none !important; height: 2px !important; /* change thickness */ background-color: var(--color-border-default) !important; /* change color */ border-radius: 10px !important; /* change corner radius */ width: 90% !important; /* change width */ margin-left: auto !important; /* remove this for left alignment */ margin-right: auto !important; /* remove this for right alignment */ } /* Rounded floating navbar */ .super-navbar { position: relative; margin: 12px 16px 0; border-radius: 999px !important; background: rgba(255, 255, 255, 0.5) !important; } /* Sidebar Opacity */ .theme-light .super-sidebar { background: rgb(255, 255, 255) !important; } /* Center Brown Background Text */ .highlighted-background strong { display: block; text-align: center !important; background: transparent !important; } .notion-button { text-align: center !important; } /* Center All H1,H2, & Buttons h1.notion-heading, h2.notion-heading, .notion-button { text-align: center !important; } */ /* */ .super-content-wrapper::after { content: ""; position: fixed; border-radius: inherit; inset: 0px; background-image: url("https://imgur.com/iXBF0gM.png") !important; background-repeat: repeat; background-position: left top; background-size: cover; z-index: -1; opacity: 0.1; } /* Revive the Original Notion colors */ /* Restore Notion button colors */ .notion-button__content { background: inherit !important; /* remove filter: brightness(105%) saturate(120%) contrast(100%) hue-rotate(15deg); Super glass override */ } /* Optional: enforce default Notion color classes */ /* Saturated colored buttons with white text */ .notion-button__content.bg-brown-light { background-color: #b35a2f !important; /* more saturated brown */ color: #ffffff !important; /* white text */ } .notion-button__content.bg-orange-light { background-color: #fdc154 !important; /* bold orange */ color: #ffffff !important; } .notion-button__content.bg-yellow-light { background-color: #ffd53c !important; /* bright yellow */ color: #ffffff !important; } .notion-button__content.bg-green-light { background-color: #2ee16c !important; /* vivid green */ color: #ffffff !important; } .notion-button__content.bg-blue-light { background-color: #56cff1 !important; /* bold blue */ color: #ffffff !important; } .notion-button__content.bg-purple-light { background-color: #9933ff !important; /* saturated purple */ color: #ffffff !important; } .notion-button__content.bg-pink-light { background-color: #ff66cc !important; /* vibrant pink */ color: #ffffff !important; } .notion-button__content.bg-red-light { background-color: #f75d44 !important; /* bold red */ color: #ffffff !important; } /* Optional: keep gray buttons neutral with dark text */ .notion-button__content.bg-gray-light { background-color: var(--color-bg-gray-light) !important; color: var(--color-text-gray) !important; } /* Callout hover upward effect */ .notion-callout { position: relative !important; transform: translateY(0); transition: transform 0.25s ease; will-change: transform; } .notion-callout:hover { transform: translateY(-5px); } .notion-callout:active { transition: transform 0.1s ease; transform: translateY(0px); } /* Button squash stretch */ .notion-button__content { position: relative !important; transform: scale(1); transition: transform 0.12s ease; will-change: transform; } /* Button Shine Effect */ .notion-button__content { position: relative; overflow: hidden; transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.2s ease; } /* Shine */ .notion-button__content::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.9), transparent); transition: left 0.8s ease; } /* Hover */ /* Shine movement */ .notion-button__content:hover::before { left: 200%; } /* Press */ .notion-button__content:active { transform: scale(0.97); } /* BG */ .bg { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background-size: 300% 300%; background-image: linear-gradient(-45deg, yellow 0%, yellow 25%, yellow 51%, #ff357f 100%); animation: AnimateBG 20s ease infinite; } @keyframes AnimateBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Page Entrance Animation */ @keyframes fade-in-right { from { opacity: 0; transform: translateY(-75px); filter: blur(2px) brightness(1.2); } to { opacity: 1; transform: translateY(0); filter: blur(0) brightness(1); } } main > * { animation: fade-in-right 0.66s ease both; } main > *:nth-child(2) { animation-delay: 0.05s; } main > *:nth-child(3) { animation-delay: 0.1s; } /* Card and Images */ .notion-collection-card, .notion-image.normal img, .notion-image { transform: scale(1); transition: transform 0.2s ease-out, filter 0.2s ease-out; will-change: transform; } .notion-collection-card:hover, .notion-image.normal img:hover, .notion-image:hover { transform: scale(1.03); filter: brightness(1.036) saturate(1.33); } body { cursor: url("https://i.imgur.com/t6WCljH.png"), auto; } /* Change cursor when Hovering */ a, .button, .notion-image:hover, .notion-collection-card:hover, .super-navbar__cta, .notion-button__content:hover, .notion-callout, .notion-dropdown__option:hover, a:not(.notion-button__content):hover, .super-navbar__item, .super-navbar__list:hover { cursor: url("https://i.imgur.com/UzYNGxH.png") 2 2, pointer; } /* Change cursor when Clicking */ :is(a, .button, .notion-image, .notion-collection-card, .super-navbar__cta, .notion-button__content, .notion-callout, .notion-dropdown__option, a:not(.notion-button__content), .super-navbar__item, .super-navbar__list):active { cursor: url("https://i.imgur.com/t6WCljH.png") 2 2, pointer; } /*Notion Button wip */ .notion-button__content { padding-left: 30px !important; padding-right: 30px !important; border-radius: 26px !important; } /*Notion Button Shadow Effect*/ .notion-button__content { box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25) !important; transition: transform 0.12s ease, box-shadow 0.12s ease !important; } .notion-button__content:active { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important; transform: scale(0.97) translateY(3px) !important; } /* Remove extra space above headings */ h1.notion-heading, h2.notion-heading, h3.notion-heading { margin-top: 1px !important; } /* Remove extra spacing from headings inside callouts */ .notion-callout h1, .notion-callout h2, .notion-callout h3, .notion-callout .notion-heading { margin-top: 0 !important; padding-top: 6px !important; } /* Sidebar Color Change */ .super-navigation-menu__item.active { background-color: var(--button-active-bg-green) !important; color: white !important; } .super-navigation-menu__item:hover:not(.active) { background-color: var(--button-hover-bg-green) !important; } /* ========================================= NOTION GALLERY CARDS SQUASH + SHINE ========================================= */ .notion-collection-card { position: relative !important; overflow: hidden !important; transform: scale(1); transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.2s ease, box-shadow 0.2s ease; will-change: transform; } /* Hover bounce */ .notion-collection-card:hover { transform: scale(1.05); } /* Shine overlay */ .notion-collection-card::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.85), transparent); transition: left 0.8s ease; z-index: 2; pointer-events: none; } /* Shine movement */ .notion-collection-card:hover::before { left: 200%; } /* Press effect */ .notion-collection-card:active { transform: scale(0.97); } .notion-search__box { border-radius: 22px; } /* Tilt effect */ .notion-button__content { position: relative; overflow: hidden; transform-origin: 50% 100%; /* pivots from the bottom, like the reference site */ transform: scale(1) rotate(0deg); box-shadow: 0 4px 0 rgba(0, 0, 0, 0.25) !important; transition: transform 0.25s cubic-bezier(0.34, 2.6, 0.5, 1), box-shadow 0.12s ease; will-change: transform; } .notion-button__content:hover { transform: scale(1.06) rotate(-4deg); } .notion-button__content:active { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25) !important; transform: scale(0.97) translateY(3px) rotate(-2deg) !important; } /* TOC floating sidebar adjust padding*/ :root { --sidebar-hover-neutral: rgba(0, 0, 0, 0.05); --floating-toc-right: clamp(16px, 3.5vw, 64px); --floating-toc-panel-width: clamp(220px, 20vw, 292px); --floating-toc-panel-bg: #ffffff; --floating-toc-panel-radius: 14px; --floating-toc-active-color: #2f7de1; --floating-toc-active-bg: rgba(55, 53, 47, 0.08); --floating-toc-heading-highlight-bg: rgba(47, 125, 225, 0.14); --floating-toc-scroll-offset: 96px; --button-active-bg: #9eceea; --button-hover-bg: rgba(158,206,234,0.15); --button-active-bg-blue: #9eceea; --button-hover-bg-blue: rgba(158,206,234,0.15); --button-active-bg-green: #66b933; --button-hover-bg-green: rgba(102, 185, 51, .2); } /* Hover — solid darkened box, no border */ .super-navigation-menu__item:hover:not(.active) { background-color: var(--sidebar-hover-neutral) !important; } /* Active/Selected — outline style, light/transparent fill */ .super-navigation-menu__item.active { background-color: transparent !important; border: 1.5px solid var(--button-active-bg-green) !important; color: var(--button-active-bg-green) !important; border-radius: 12px; box-shadow: none !important; transform: none !important; }24:["$","body",null,{"children":[["$","$L25",null,{"settings":{"siteId":"c17c1ca3-5773-430e-8365-6cdd396c21a3","userId":"65e036f7-938c-4ca9-8e49-47ce30a5732f","domainName":"learnindie.com","name":"LearnIndie","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/c17c1ca3-5773-430e-8365-6cdd396c21a3/uploads/favicon/924f1841-2026-4943-b2e3-2c0b0ceea1f8.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"2681fb923d8480398ce0ef6adb24f73d","indexPageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::3149d15d-f185-403c-9234-4ef0a8ea5fba","pageProperties":false,"hidePageProperties":true,"disablePageProperties":true,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":false,"floatingTableOfContents":false,"siteSearch":true,"advancedSearch":false,"themeToggle":false,"mondayFirst":false,"loadLimits":true,"disableLoadMore":true,"hidePersonInfo":true,"showPropertyIcons":false,"filterRedirectsFromSearch":true,"cookieConsent":{"enabled":true,"policyUrl":"https://learnindie.com/privacypolicy","position":"box","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"noIndex":false,"viewsExceeded":false,"pagesExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"passwordConfigured":false,"navbar":{"type":"balanced","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"1e1cd20d-9f0a-45e2-87c9-8c7f2ef33d89","type":"page","label":"Features","link":"/features","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::3e142f74-2660-4508-84e6-868b4ad2c93c","list":[]},{"id":"1683e861-d2ec-4bbd-84a9-0eac69959fb8","type":"page","label":"Pricing","link":"/pricing","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::0812fbfc-db65-42e0-a974-7c27813561aa","list":[]},{"id":"cac18404-1d5f-4ac5-a445-8491d1c689d2","type":"page","label":"Blog","link":"/blog","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::bab87f05-b7cd-4329-950d-3fca2a6b4375","icon":"","list":[]},{"id":"1fa40e03-2a6a-4175-8886-ad92903fbedb","type":"page","label":"Asset packs","link":"/asset-packs","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::70f6ec8f-4777-4435-b018-b44afe850538","icon":"","list":[]},{"id":"256660f8-38de-450b-b7e9-a9caaef0304f","type":"url","label":"Profile","link":"https://learnindie.outseta.com/profile#o-authenticated","icon":"User","list":[]},{"id":"693c3ce0-2a9d-47ed-a4a5-7f46ed966a20","type":"url","label":"Log In","link":"https://learnindie.outseta.com/auth?widgetMode=login#o-anonymous","icon":"","list":[]},{"id":"84cbe01c-176a-4e77-a5be-1048728c6a77","type":"url","label":"Log Out","link":"https://learnindie.com/?o-logout-link","icon":"","list":[]}],"logo":{"type":"image","width":180,"fontSize":16,"textContent":"LearnIndie","imageContent":"https://assets.super.so/c17c1ca3-5773-430e-8365-6cdd396c21a3/uploads/logo/c58ce895-28c0-4385-9d40-e90d5aed0744.png","imageContentDark":null,"disabled":false},"cta":{"type":"url","label":"Start Free!","link":"https://learnindie.outseta.com/auth?widgetMode=register&planUid=Rm8aylQ4&planPaymentTerm=month&skipPlanOptions=true#o-anonymous","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"02aaa8d4-d330-4ffc-aa03-cc9853123806","type":"page","label":"Privacy Policy","link":"/privacy-policy","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::fe81b9cb-101f-4d03-a82c-dea1e8c44d67","icon":"","list":[]},{"id":"1dd4daad-86d6-4d83-b54c-8db31356b0f8","type":"page","label":"Terms and Conditions","link":"/terms-and-conditions","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::8e504a99-83b8-4545-adb9-8caa296882ec","list":[]},{"id":"688cf2c4-3ac2-4d45-89f7-8d65ab246208","type":"page","label":"Cookie Policy","link":"/cookie-policy","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::ff51632e-e095-4385-92d7-ff165c461a0e","icon":"","list":[]},{"id":"a0cfb2e4-ef8b-4c1c-b296-bd9e25f4cb2f","type":"page","label":"Return Policy","link":"/return-policy","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::8adfad25-844f-48c9-b21a-ef2e4eaf2db7","icon":"","list":[]},{"id":"8d544747-e3eb-4fe8-a808-b0aa3a916730","type":"page","label":"Contact","link":"/contact","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::386253c4-5078-4af9-972a-c4c6ff30191d","list":[]},{"id":"069a41cd-cbb1-49f2-9294-8df17c88e5e5","type":"page","label":"Team","link":"/partners","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::abb15192-ecce-4b7e-ba02-a8d36ad11c27","list":[]}],"logo":{"type":"text","width":114,"fontSize":20,"textContent":"💡LearnIndie","imageContent":"https://assets.super.so/c17c1ca3-5773-430e-8365-6cdd396c21a3/uploads/logo/941447f5-e110-4983-a27b-eb805c7a9cc3.png","imageContentDark":null,"disabled":false},"socials":[{"type":"youtube","link":"https://www.youtube.com/@learnindie"},{"type":"twitter","link":"https://x.com/LearnIndieLLC"},{"type":"discord","link":"https://discord.gg/guXG5s4PnX"},{"type":"bento","link":"https://jasontomlee.itch.io/"}],"footnote":"Copyright © 2026 LearnIndie. All rights reserved.","divider":true},"sidebar":{"enabled":true,"links":[{"id":"49a9add3-e79e-4282-b309-8cf6b6f6aea0","type":"page","label":"Home","link":"/","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::3149d15d-f185-403c-9234-4ef0a8ea5fba","icon":"Home","list":[]},{"id":"5c99655a-8f38-4ad0-b2e7-72c1c91540e0","type":"url","label":"Try the Free Web App!","link":"https://learnindie.com","icon":"","list":[]},{"id":"d00b66f4-8fe9-4d8a-abd7-a4df321a5d76","type":"list","label":"Themed Topics","icon":"","list":[{"id":"e270134b-56d6-40af-9f7a-b3de151f5df6","type":"page","label":"All Themed Series","link":"/themed-series","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::8b978e84-d38d-459a-ab83-b7588ba36ea1","icon":"","list":[]},{"id":"bd6c05d9-aaf4-4b0c-b8f5-764c2b3ed8c7","type":"page","label":"World Builder","link":"/world","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::98ab73aa-973b-4b9b-a96a-86424a9b5d1c","icon":"","description":"","list":[]},{"id":"6812ee07-7a4e-4702-b0af-940e3dbdf354","type":"page","label":"Hack N Slash","link":"/hacknslash","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::91c9c0e0-e17b-4c5e-a2b9-2c2c3f20312e","icon":"","description":"","list":[]}]},{"id":"5e0441b3-9ac0-4ae9-8de4-5fec67229ae5","type":"list","label":"Subjects","icon":"","list":[{"id":"4af5c846-bfe8-46ee-a0c9-3ae6583a83a3","type":"page","label":"All Subjects","link":"/subjects","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::38281ee7-5028-4a3d-8bd6-b3cd2af94669","icon":"","list":[]}]},{"id":"3ef634b5-e953-462f-9127-132b32ba9065","type":"list","label":"Community","icon":"","list":[{"id":"0cedb4ec-0aed-4c06-8c0b-6df0ab7f43fd","type":"page","label":"Student Showcase","link":"/community","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::9177bbef-7493-4d51-a506-749003c32644","icon":"","list":[]},{"id":"ac754f16-4933-469a-88ad-cde71b7fd430","type":"page","label":"Wall of Founders","link":"/founders","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::677fd5f3-867d-47ae-af74-ea8024cdd9c5","icon":"","description":"","list":[]},{"id":"d6fdbdc9-f25d-45c2-a403-78f389ae4f9d","type":"page","label":"View Ratings","link":"/view-and-submit-ratings","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::1daf5c12-4a77-46a2-9b00-0f450f080f2e","icon":"","description":"","list":[]}]}],"cta":[{"id":"8d47010a-68a0-4ae0-acce-a0cab1a3b8ef","type":"page","label":"Play the Free App","link":"/","pageId":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::3149d15d-f185-403c-9234-4ef0a8ea5fba","icon":"Lightbulb","list":[]}],"logo":{"type":"text","width":114,"fontSize":20,"textContent":"💡LearnIndie","imageContent":"https://assets.super.so/c17c1ca3-5773-430e-8365-6cdd396c21a3/uploads/logo/941447f5-e110-4983-a27b-eb805c7a9cc3.png","imageContentDark":null,"disabled":false},"searchEnabled":false},"theme":{"colorMode":"light","layout":{"paddingLayout":0.9,"layoutMaxWidth":1100,"columnSpacing":16,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":42,"pageDisplay":"flex"},"header":{"coverHeight":30,"titleAlign":"center","iconAlign":"-112px 0 0 0","display":"block"},"collectionCard":{"gap":10,"shadow":"rgba(0, 0, 0, 0.3) 0px 4px 8px -2px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":120,"titleSize":0.875,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"none"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Rubik","secondaryFont":"Sora","fonts":[],"baseSize":18,"titleSize":2.48,"headingSize":1.21,"quoteSize":1.02,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":70,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":300,"shadow":"none"},"colors":{"light":{"text":"#252524","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#eeeeee","scrollbar":{"background":"#f7f7f7","handle":"#959698","border":"#E8E8E8"},"navbar":{"text":"#000000","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#ffd063","hoverBackground":null},"footer":{"text":"#000000","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[46,96,41],"yellow":[60,100,66],"green":[97,58,51],"blue":[189,77,44],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#292929","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::e1ff612e-e950-468e-9a5c-0fe9f806eeda","content":"$26"}],"head":[],"body":[{"id":"c17c1ca3-5773-430e-8365-6cdd396c21a3:::375ebbe0-a3f2-404e-90d2-caff8f233353","content":"\n\n\n\n\n"}],"style":[],"css":"$27"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L28",null,"$L29","$L2a","$L2b","$L2c","$L2d"]}],"$L2e"]}]

Tutorial Modules LIOS API