@turnipxenon/pineapple 2.4.72 → 2.4.73

package/.idea/shelf/Fix_attempt_for_slug/shelved.patch

@@ -0,0 +1,63 @@
+Index: src/lib/template/seaweed/SeaweedTemplate.svelte
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><script lang=\"ts\">\n\timport { afterUpdate, onMount } from \"svelte\";\n\timport EntryOrderConfig from \"$pkg/template/seaweed/entry_order_config/EntryOrderConfig.svelte\";\n\timport { runChaos } from \"$pkg/template/seaweed/RunChaos\";\n\timport SocialSection from \"$pkg/components/SocialSection.svelte\";\n\timport \"./seaweed.postcss\";\n\timport SeaweedBaseLayout from \"$pkg/components/layouts/SeaweedBaseLayout.svelte\";\n\timport { Accordion, AccordionItem, CodeBlock } from \"@skeletonlabs/skeleton\";\n\timport { page } from \"$app/stores\";\n\timport Card from \"$pkg/components/Card.svelte\";\n\timport ElementVisbilityDetector from \"$pkg/components/ElementVisbilityDetector.svelte\";\n\timport {\n\t\ttype EntryGroup,\n\t\ttype SeaweedTemplateData,\n\t\tTurnGroupEntriesMutable, type ComponentMeta\n\t} from \"./SeaweedTemplateData\";\n\timport type { EntryProps } from \"$pkg/template/seaweed/entries/EntryProps\";\n\timport { parseQueryTerms } from \"$pkg/template/seaweed/ParseQueryTerms\";\n\timport UrlShortenerForm from \"$pkg/template/seaweed/CreateUrlForm.svelte\";\n\timport PineappleSlideToggle from \"$pkg/components/PineappleSlideToggle.svelte\";\n\timport { Chip } from \"$pkg/index\";\n\timport ChumBucket from \"$pkg/template/seaweed/ChumBucket.svelte\";\n\n\texport let seaweedTemplateData: SeaweedTemplateData;\n\texport let projectFirstGroupedEntries: ReadonlyArray<EntryGroup>;\n\texport let getEntryFromGlobal: (name: string) => undefined | ComponentMeta;\n\texport let letChaos = true;\n\texport let name = \"Turnip\";\n\texport let email = \"turnipxenon@gmail.com\";\n\texport let linkedinSlug = \"turnip-xenon\";\n\texport let domain = \"http://localhost:5173/portfolio/actual/\";\n\texport let serverSideQueryParams = \"\";\n\n\t// region query params\n\tconst entryProps: EntryProps = {\n\t\temail\n\t};\n\n\tconst paramQTSet = new Set<string>();\n\n\tlet isVisible = true;\n\tlet isAdvanceSettingOn = false;\n\t$: isSocialsGone = !isVisible;\n\n\tlet qtfontWeight = \"normal\";\n\tlet additionalFontWeight = \"\";\n\n\tlet chaosDone = false;\n\tlet mainVisibility = \"visible\";\n\t$: mainVisibility = letChaos && !chaosDone ? \"hidden\" : \"visible\";\n\n\tconst syncQT = () => {\n\t\tif (seaweedTemplateData.queryTermMap.size === 0 || paramQTSet.size === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tseaweedTemplateData.queryTermMap.forEach((_, k) => {\n\t\t\tseaweedTemplateData.queryTermMap.set(k, paramQTSet.has(k));\n\t\t});\n\n\t\t// force svelte refresh\n\t\tseaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;\n\t};\n\n\tconst parseQueryTermsLocal = async () => {\n\t\tconst qtSet = new Set<string>();\n\t\tparseQueryTerms(document.body, qtSet);\n\t\tqtSet.forEach(t => seaweedTemplateData.queryTermMap.set(t, true));\n\t\t// force svelte update\n\t\tseaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;\n\t\tsyncQT();\n\t};\n\n\t/** qt values and what they mean:\n\t *  undefined: set all qt terms to font-weight: bold\n\t *  todo: implement clear\n\t *  clear: unset all terms to font-weight: normal\n\t *  <term>: only set qt-<term> to bold\n\t *  <term1>,<term2>: only set qt-<term1> and qt-<term2> to bold,\n\t *\n\t *  ONLY CALL INSIDE onMount()\n\t **/\n\tconst filterSearchParams = (searchParams: URLSearchParams) => {\n\t\tconst isFunOn = searchParams.get(\"fun\")?.trim();\n\t\tif (isFunOn === \"true\") {\n\t\t\tseaweedTemplateData.shouldAddFunNote = true;\n\t\t}\n\n\t\t// region Order\n\t\tconst gameSectionFirstParam = searchParams.get(\"game-section-first\")?.trim();\n\t\tconst orderParam = searchParams.get(\"order\")?.trim();\n\t\tif (orderParam) {\n\t\t\tseaweedTemplateData.groupedEntries = [];\n\n\t\t\torderParam.split(\",\").forEach(groupDefinition => {\n\t\t\t\tconst pair = groupDefinition.split(\":\");\n\t\t\t\tconsole.log(pair);\n\t\t\t\tif (pair.length >= 2) {\n\t\t\t\t\tconst group: EntryGroup = {\n\t\t\t\t\t\tname: pair[0],\n\t\t\t\t\t\titems: [],\n\t\t\t\t\t\tgridClass: pair[2]\n\t\t\t\t\t};\n\n\t\t\t\t\tpair[1].split(\"|\").forEach(e => {\n\t\t\t\t\t\tconst component = getEntryFromGlobal(e);\n\t\t\t\t\t\tif (component) {\n\t\t\t\t\t\t\tgroup.items.push(component);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tseaweedTemplateData.groupedEntries.push(group);\n\t\t\t\t}\n\n\t\t\t});\n\n\t\t\tseaweedTemplateData.groupedEntries = seaweedTemplateData.groupedEntries;\n\t\t} else if (gameSectionFirstParam === \"false\") {\n\t\t\tseaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(projectFirstGroupedEntries);\n\t\t}\n\t\t// endregion\n\n\t\t// region Bold terms\n\t\tconst qtValue = searchParams.get(\"qt\")?.trim();\n\t\tif (qtValue !== undefined) {\n\t\t\tqtfontWeight = \"normal\";\n\t\t\tconst dynamicStyle = qtValue.split(\",\").map((term) => {\n\t\t\t\t// side-effect\n\t\t\t\tparamQTSet.add(`qt-${term}`);\n\n\t\t\t\t// main effect\n\t\t\t\treturn `span.qt-${term} { font-weight: bold !important; }`;\n\t\t\t}).join(\"\\n\");\n\n\t\t\t// https://stackoverflow.com/a/24285947/17836168\n\t\t\tconst style = document.createElement(\"style\");\n\t\t\t// noinspection JSDeprecatedSymbols\n\t\t\tstyle.type = \"text/css\";\n\t\t\tstyle.innerText = dynamicStyle;\n\t\t\tdocument.head.appendChild(style);\n\t\t\tsyncQT();\n\t\t} else {\n\t\t\tqtfontWeight = \"bold\";\n\t\t}\n\t\t// endregion Bold terms\n\t};\n\t// endregion query params\n\n\t/* region chaos scripts */\n\t/* endregion chaos scripts */\n\n\tonMount(async () => {\n\t\tif (!letChaos && serverSideQueryParams) {\n\t\t\tfilterSearchParams(new URLSearchParams(serverSideQueryParams));\n\t\t} else if (!letChaos && $page.url.searchParams) {\n\t\t\tfilterSearchParams($page.url.searchParams);\n\t\t}\n\n\t\tif (letChaos) {\n\t\t\trunChaos(document.body);\n\t\t\tchaosDone = true;\n\t\t}\n\t});\n\n\tlet isParsed = false;\n\tafterUpdate(async () => {\n\t\tif (!letChaos && !isParsed) {\n\t\t\tisParsed = true;\n\t\t\tawait parseQueryTermsLocal();\n\t\t}\n\t});\n\n\tconst toggleTerm = (term: string) => {\n\t\tseaweedTemplateData.queryTermMap.set(term, !seaweedTemplateData.queryTermMap.get(term));\n\t\tseaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;\n\t};\n\n\t// when either gameSectionFirst or the queryTerms are updated, update advancedUrl\n\tlet orderUrl = \"\";\n\tlet advancedUrl = domain;\n\tlet advancedQuery = \"\";\n\tconst updateUrl = (seaweedTemplateData: SeaweedTemplateData) => {\n\t\tif (seaweedTemplateData === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst queryParams: string[] = [];\n\n\t\tif (orderUrl) {\n\t\t\tqueryParams.push(orderUrl);\n\t\t}\n\n\t\tconst qtList: string[] = [];\n\t\tseaweedTemplateData.queryTermMap.forEach((shouldBold, term) => {\n\t\t\tif (shouldBold) {\n\t\t\t\tqtList.push(term);\n\t\t\t}\n\t\t});\n\n\t\tif (qtList.length === 0) {\n\t\t\tqueryParams.push(\"qt=clear\");\n\t\t} else if (seaweedTemplateData.queryTermMap.size !== qtList.length) {\n\t\t\t// we'll only add if the lengths are not equal\n\t\t\t// dont need to add query if all terms in qtMap is true\n\t\t\tqueryParams.push(`qt=${qtList.map(t => t.slice(3, t.length)).join(\",\")}`);\n\t\t}\n\n\t\tif (seaweedTemplateData.shouldAddFunNote) {\n\t\t\tqueryParams.push(\"fun=true\");\n\t\t}\n\n\t\tif (!seaweedTemplateData.gameSectionFirst) {\n\t\t\tqueryParams.push(\"game-section-first=false\");\n\t\t}\n\n\t\tif (queryParams.length > 0) {\n\t\t\tadvancedQuery = queryParams.join(\"&\");\n\t\t\tadvancedUrl = `${domain}?${advancedQuery}`;\n\t\t} else {\n\t\t\tadvancedUrl = domain;\n\t\t}\n\t};\n\t$: updateUrl(seaweedTemplateData);\n\n</script>\n\n<SeaweedBaseLayout bind:shouldDisplayLeadingIcons={isSocialsGone}>\n\t<!-- todo: limit main size to 1080 px? -->\n\t<main style={`\n\t--qt-font-weight: ${qtfontWeight};${additionalFontWeight};\n\tvisibility: ${mainVisibility};\n\t`}>\n\n\t\t<div class=\"experience-and-about-div\">\n\n\t\t\t<div class=\"greater-about-div\">\n\n\t\t\t\t<Card includeDataNoSnippet={false}>\n\t\t\t\t\t<section class=\"section-card\" slot=\"content\">\n\n\t\t\t\t\t\t<h1>About</h1>\n\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tHi! My name is {name}! I work as a software developer. Outside of that, I like making games, and\n\t\t\t\t\t\t\ttrying to do everything in between required to make one. I have some showcased below, our visit\n\t\t\t\t\t\t\tmy itch.io page for more of them.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<!-- todo: link the degree details idk -->\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tI also graduated with BS Computing Science, Specializing in Software Practice, and a\n\t\t\t\t\t\t\tcertificate in Computer Game Development at University of Alberta.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{#if seaweedTemplateData?.shouldAddFunNote}\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tI'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,\n\t\t\t\t\t\t\t\tBravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{/if}\n\n\t\t\t\t\t\t<!-- todo: maybe put cute stuff here -->\n\t\t\t\t\t\t<!--\t\t\t\t\t\t</ToggleableContent>-->\n\t\t\t\t\t</section>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<section class=\"section-card\" slot=\"content\">\n\t\t\t\t\t\t<SocialSection email={email} linkedinSlug={linkedinSlug}></SocialSection>\n\t\t\t\t\t\t<ElementVisbilityDetector bind:isVisible={isVisible}>\n\t\t\t\t\t\t</ElementVisbilityDetector>\n\t\t\t\t\t</section>\n\t\t\t\t</Card>\n\n\t\t\t</div>\n\n\t\t\t<Card>\n\t\t\t\t<section class=\"section-card\" slot=\"content\">\n\t\t\t\t\t<h1>Experience</h1>\n\n\t\t\t\t\t<h2>Highlight</h2>\n\t\t\t\t\t<p>Worked on Go backend microservices and Typescript React frontend app, serving <b>over 30 million daily\n\t\t\t\t\t\tactive users</b> at Twitch (an Amazon Web Services subsidiary)</p>\n\n\t\t\t\t\t<h2>Software Engineer</h2>\n\t\t\t\t\t<div class=\"two-column-separated\">\n\t\t\t\t\t\t<div>July 2023 – January 2024</div>\n\t\t\t\t\t\t<div style=\"text-align: end\">Twitch (Amazon Web Services), Remote</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tContributed to\n\t\t\t\t\t\t\t<span class=\"qt-go\">Golang</span>\n\t\t\t\t\t\t\tmicroservices and\n\t\t\t\t\t\t\t<span class=\"qt-ts\">Typescript</span>\n\t\t\t\t\t\t\t<span class=\"qt-react\">React</span> codebases, across several teams, to accommodate public-facing user safety features to better comply with EU’s Digital Services Act, which applies to no more than\n\t\t\t\t\t\t\t<a href=\"https://safety.twitch.tv/s/article/Digital-Services-Act-Information?language=en_US\">30.5 million users</a>\n\t\t\t\t\t\t\t. Work includes feature flags, alarms, unit tests, end-to-end testing, and documentation.\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tImproved observability for upcoming features by setting up new AWS resources to integrate internal data platform tools with existing alarms in our team’s microservice, utilizing\n\t\t\t\t\t\t\t<span class=\"qt-aws qt-observability\">Cloudwatch</span>,\n\t\t\t\t\t\t\t<span class=\"qt-aws qt-observability\">Grafana</span>,\n\t\t\t\t\t\t\t<span class=\"qt-aws\">Kinesis Data Stream</span>,\n\t\t\t\t\t\t\t<span class=\"qt-aws qt-infra\">AWS CDK (infrastructure as code)</span>, and\n\t\t\t\t\t\t\t<span class=\"qt-aws qt-cicd\">CodePipeline (CI/CD)</span>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<br>\n\n\t\t\t\t\t<h2>Software Engineer Intern</h2>\n\t\t\t\t\t<div class=\"two-column-separated\">\n\t\t\t\t\t\t<div>May 2022 – Aug 2022</div>\n\t\t\t\t\t\t<div style=\"text-align: end\">Twitch (Amazon Web Services), San Francisco</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tBuilt a <span class=\"qt-infra\">load testing service</span> that can be configured to generate different\n\t\t\t\t\t\t\tmessage types at different volumes that can be easily extended to target different chat services\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tUsed Twitch’s set of custom tools, including Twitch’s custom RPC protocol, to create a backend\n\t\t\t\t\t\t\tservice with business logic written in <span class=\"qt-go\">Go</span> and cloud infrastructure utilizing\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"qt-infra qt-aws\">ECS on Fargate, Cloudwatch, and DynamoDB</span>\n\t\t\t\t\t\t\t, defined in <span class=\"qt-ts\">Typescript</span>-flavored CDK\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tWrote a technical specification document for the service’s MVP and possible future features, and\n\t\t\t\t\t\t\tadditional documentation on how to use the service and how to extend the load testing service to include\n\t\t\t\t\t\t\tnew services to test\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<br>\n\t\t\t\t\t<!-- todo: turn off flashing when accordion is expanded -->\n\t\t\t\t\t<Accordion>\n\t\t\t\t\t\t<AccordionItem>\n\t\t\t\t\t\t\t<div slot=\"summary\">\n\t\t\t\t\t\t\t\t<h2 class=\"accordion-header\">More experience</h2>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<svelte:fragment slot=\"content\">\n\t\t\t\t\t\t\t\t<section class=\"more-section\">\n\t\t\t\t\t\t\t\t\t{#if (!letChaos)}\n\t\t\t\t\t\t\t\t\t\t<h2>Software Engineer Intern</h2>\n\t\t\t\t\t\t\t\t\t\t<div class=\"two-column-separated\">\n\t\t\t\t\t\t\t\t\t\t\t<div>May 2021 – Dec 2021</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style=\"text-align: end\">Twitch (Amazon Web Services), Remote</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\tImplemented and wrote tests for a feature in Twitch’s\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"qt-go\">Golang</span> backend authentication microservices and\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"qt-ts\">Typescript</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"qt-react\">React</span> frontend web app that will help suggest security improvements to\n\t\t\t\t\t\t\t\t\t\t\t\t<b>over 100k+ users daily</b>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t\t\t\tniko baikal seal from toba aquarium\n\t\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t\t\t<br>\n\t\t\t\t\t\t\t\t</section>\n\t\t\t\t\t\t\t</svelte:fragment>\n\t\t\t\t\t\t</AccordionItem>\n\t\t\t\t\t</Accordion>\n\t\t\t\t</section>\n\t\t\t</Card>\n\n\t\t</div>\n\n\t\t{#if seaweedTemplateData}\n\t\t\t{#each seaweedTemplateData.groupedEntries as group}\n\t\t\t\t{#if group.items.length > 0}\n\t\t\t\t\t<Card>\n\t\t\t\t\t\t<section class=\"section-card title-card\" slot=\"content\">\n\t\t\t\t\t\t\t<h1 class=\"text-center\">{group.name}</h1>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</Card>\n\n\t\t\t\t\t<section class={group.gridClass}>\n\t\t\t\t\t\t{#each group.items as entry}\n\t\t\t\t\t\t\t<svelte:component this={entry.component} props={entryProps}></svelte:component>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t</section>\n\t\t\t\t{/if}\n\t\t\t{/each}\n\t\t{/if}\n\n\t\t<ChumBucket></ChumBucket>\n\n\t\t{#if (!letChaos)}\n\t\t\t<div aria-hidden=\"true\" style=\"height: 3lh\" />\n\n\t\t\t<Card>\n\t\t\t\t<div slot=\"content\" class=\"default-card advanced-setting\">\n\t\t\t\t\t<h1>Advanced settings</h1>\n\t\t\t\t\t<p>This one is for those curious how I customize this page.</p>\n\n\t\t\t\t\t<PineappleSlideToggle name=\"advanced-setting-slider\"\n\t\t\t\t\t                      bind:checked={isAdvanceSettingOn}>\n\t\t\t\t\t\tAdvanced settings: {isAdvanceSettingOn ? \"On\" : \"Off\"}\n\t\t\t\t\t</PineappleSlideToggle>\n\n\t\t\t\t\t{#if (isAdvanceSettingOn)}\n\t\t\t\t\t\t<PineappleSlideToggle name=\"game-section-slider\"\n\t\t\t\t\t\t                      bind:checked={seaweedTemplateData.gameSectionFirst}>\n\t\t\t\t\t\t\tShould game section appear first over projects: {seaweedTemplateData.gameSectionFirst ? \"On\" : \"Off\"}\n\t\t\t\t\t\t</PineappleSlideToggle>\n\t\t\t\t\t\t<p>Note: the above configuration was made before the dynamic entry list and to support links sent with that params, we will act like it only swaps the two groups, and nothing more dynamic if order query param does not exist. The configuration only happens during page load with query param, and it does not apply when changed here.</p>\n\t\t\t\t\t\t<PineappleSlideToggle name=\"fun-note-slider\"\n\t\t\t\t\t\t                      bind:checked={seaweedTemplateData.shouldAddFunNote}>\n\t\t\t\t\t\t\tShould add fun note in description: {seaweedTemplateData.shouldAddFunNote ? \"On\" : \"Off\"}\n\t\t\t\t\t\t</PineappleSlideToggle>\n\n\t\t\t\t\t\t<h3>Query terms to bold</h3>\n\t\t\t\t\t\t<div class=\"query-term-grid\">\n\t\t\t\t\t\t\t{#each seaweedTemplateData.queryTermMap.entries() as [term, shouldBold]}\n\t\t\t\t\t\t\t\t<!--{@const shouldBold = false}-->\n\t\t\t\t\t\t\t\t<Chip onClick={() => {toggleTerm(term)}}\n\t\t\t\t\t\t\t\t      checked={shouldBold}>\n\t\t\t\t\t\t\t\t\t<!-- todo: change shouldBold -->\n\t\t\t\t\t\t\t\t\t<span style={`font-weight: ${shouldBold ? \"bold\" : \"normal\"}`}>\n\t\t\t\t\t\t\t\t\t\t{#if (shouldBold)}&check;{/if}\n\t\t\t\t\t\t\t\t\t\t{term}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Chip>\n\t\t\t\t\t\t\t{/each}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<EntryOrderConfig bind:seaweedEntries={seaweedTemplateData.groupedEntries}\n\t\t\t\t\t\t                  seaweedTemplateData={seaweedTemplateData}\n\t\t\t\t\t\t                  bind:orderUrl={orderUrl}\n\t\t\t\t\t\t                  updateUrl={updateUrl}></EntryOrderConfig>\n\n\t\t\t\t\t\t<br>\n\t\t\t\t\t\t<p>Copy the url below and open a new page with it</p>\n\t\t\t\t\t\t<CodeBlock language=\"url\" code={advancedUrl}></CodeBlock>\n\n\t\t\t\t\t\t<UrlShortenerForm queryParams={advancedQuery}></UrlShortenerForm>\n\t\t\t\t\t{/if}\n\t\t\t\t</div>\n\t\t\t</Card>\n\t\t{/if}\n\t</main>\n\n\t<SocialSection slot=\"extraLeadingIcons\"\n\t               isSlot={true}\n\t               email={email}\n\t               linkedinSlug={linkedinSlug}\n\t               isSmallVersion={true}></SocialSection>\n</SeaweedBaseLayout>\n\n<style lang=\"postcss\">\n    .advanced-setting {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5lh;\n    }\n\n    h3 {\n        font-size: 1.5em;\n        line-height: 1.5lh;\n    }\n\n    .query-term-grid {\n        display: flex;\n        gap: 0.25em;\n        flex-wrap: wrap;\n    }\n</style>\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/src/lib/template/seaweed/SeaweedTemplate.svelte b/src/lib/template/seaweed/SeaweedTemplate.svelte
+--- a/src/lib/template/seaweed/SeaweedTemplate.svelte	(revision c86762330fb18825026ac30db8f62d304e74b645)
++++ b/src/lib/template/seaweed/SeaweedTemplate.svelte	(date 1713045306792)
+@@ -38,6 +38,7 @@
+ 
+ 	const paramQTSet = new Set<string>();
+ 
++	let _queryParams: undefined | URLSearchParams = undefined;
+ 	let isVisible = true;
+ 	let isAdvanceSettingOn = false;
+ 	$: isSocialsGone = !isVisible;
+@@ -80,7 +81,13 @@
+ 	 *
+ 	 *  ONLY CALL INSIDE onMount()
+ 	 **/
+-	const filterSearchParams = (searchParams: URLSearchParams) => {
++	const filterSearchParams = (searchParams: URLSearchParams | undefined,
++															seaweedTemplateData: SeaweedTemplateData | undefined) => {
++		if (seaweedTemplateData === undefined || searchParams === undefined) {
++			console.log(seaweedTemplateData, searchParams);
++			return;
++		}
++
+ 		const isFunOn = searchParams.get("fun")?.trim();
+ 		if (isFunOn === "true") {
+ 			seaweedTemplateData.shouldAddFunNote = true;
+@@ -151,9 +158,9 @@
+ 
+ 	onMount(async () => {
+ 		if (!letChaos && serverSideQueryParams) {
+-			filterSearchParams(new URLSearchParams(serverSideQueryParams));
++			_queryParams = new URLSearchParams(serverSideQueryParams);
+ 		} else if (!letChaos && $page.url.searchParams) {
+-			filterSearchParams($page.url.searchParams);
++			_queryParams = $page.url.searchParams;
+ 		}
+ 
+ 		if (letChaos) {
+@@ -179,7 +186,7 @@
+ 	let orderUrl = "";
+ 	let advancedUrl = domain;
+ 	let advancedQuery = "";
+-	const updateUrl = (seaweedTemplateData: SeaweedTemplateData) => {
++	const updateUrl = (seaweedTemplateData: SeaweedTemplateData | undefined) => {
+ 		if (seaweedTemplateData === undefined) {
+ 			return;
+ 		}
+@@ -221,7 +228,7 @@
+ 		}
+ 	};
+ 	$: updateUrl(seaweedTemplateData);
+-
++	$: filterSearchParams(_queryParams, seaweedTemplateData);
+ </script>
+ 
+ <SeaweedBaseLayout bind:shouldDisplayLeadingIcons={isSocialsGone}>

package/.idea/shelf/Fix_attempt_for_slug.xml

@@ -0,0 +1,4 @@
+<changelist name="Fix_attempt_for_slug" date="1713045473505" recycled="false">
+  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Fix_attempt_for_slug/shelved.patch" />
+  <option name="DESCRIPTION" value="Fix attempt for slug" />
+</changelist>

package/.idea/workspace.xml

@@ -4,8 +4,9 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Fix .gitignore" />
-    <list id="a5282f93-c2bb-4265-921e-8b484677dd29" name="prisma" comment="" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Extract experience">
+      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -56,6 +57,7 @@
         <option value="CSS File" />
         <option value="ChumBucket" />
         <option value="TypeScript File" />
+        <option value="WorkExperience" />
       </list>
     </option>
   </component>
@@ -98,7 +100,7 @@
     <dismissed value="$PROJECT_DIR$/../speenus/package.json" />
   </component>
   <component name="ProblemsViewState">
-    <option name="selectedTabId" value="ProjectErrors" />
+    <option name="selectedTabId" value="CurrentFile" />
   </component>
   <component name="ProjectColorInfo">{
   &quot;customColor&quot;: &quot;&quot;,
@@ -158,7 +160,7 @@
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\util\util.ts" />
     </key>
   </component>
-  <component name="RunManager" selected="npm.to-dev">
+  <component name="RunManager" selected="npm.dev --open">
     <configuration name="dev --open" type="js.build_tools.npm" temporary="true" nameIsGenerated="true">
       <package-json value="$PROJECT_DIR$/package.json" />
       <command value="run" />
@@ -199,19 +201,25 @@
     </list>
     <recent_temporary>
       <list>
-        <item itemvalue="npm.to-dev" />
         <item itemvalue="npm.dev --open" />
+        <item itemvalue="npm.to-dev" />
         <item itemvalue="npm.dev-offline" />
         <item itemvalue="npm.dev --open" />
         <item itemvalue="npm.to-dev" />
       </list>
     </recent_temporary>
   </component>
+  <component name="SharedIndexes">
+    <attachedChunks>
+      <set>
+        <option value="bundled-js-predefined-1d06a55b98c1-74d2a5396914-JavaScript-WS-241.14494.235" />
+      </set>
+    </attachedChunks>
+  </component>
   <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
   <component name="TaskManager">
     <task active="true" id="Default" summary="Default task">
       <changelist id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="" />
-      <changelist id="a5282f93-c2bb-4265-921e-8b484677dd29" name="prisma" comment="" />
       <created>1695180599963</created>
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
@@ -363,38 +371,14 @@
       <workItem from="1712790206684" duration="453000" />
       <workItem from="1712941939083" duration="1372000" />
       <workItem from="1712943458951" duration="763000" />
-    </task>
-    <task id="LOCAL-00143" summary="WIP: cdktf">
-      <option name="closed" value="true" />
-      <created>1712403381287</created>
-      <option name="number" value="00143" />
-      <option name="presentableId" value="LOCAL-00143" />
-      <option name="project" value="LOCAL" />
-      <updated>1712403381287</updated>
-    </task>
-    <task id="LOCAL-00144" summary="Revert &quot;Correct app_build_command in Azure SWA GithubActions&quot;&#10;&#10;Revert b34caf17">
-      <option name="closed" value="true" />
-      <created>1712403833041</created>
-      <option name="number" value="00144" />
-      <option name="presentableId" value="LOCAL-00144" />
-      <option name="project" value="LOCAL" />
-      <updated>1712403833041</updated>
-    </task>
-    <task id="LOCAL-00145" summary="Temporarily delete workflow to let Azure auto-generate secrets">
-      <option name="closed" value="true" />
-      <created>1712404703660</created>
-      <option name="number" value="00145" />
-      <option name="presentableId" value="LOCAL-00145" />
-      <option name="project" value="LOCAL" />
-      <updated>1712404703660</updated>
-    </task>
-    <task id="LOCAL-00146" summary="Change npm to yarn in GithubActions">
-      <option name="closed" value="true" />
-      <created>1712404994671</created>
-      <option name="number" value="00146" />
-      <option name="presentableId" value="LOCAL-00146" />
-      <option name="project" value="LOCAL" />
-      <updated>1712404994671</updated>
+      <workItem from="1712962590223" duration="138000" />
+      <workItem from="1712962843869" duration="49000" />
+      <workItem from="1712962907212" duration="15000" />
+      <workItem from="1713005313088" duration="3000" />
+      <workItem from="1713006345640" duration="336000" />
+      <workItem from="1713035287499" duration="708000" />
+      <workItem from="1713041187248" duration="6432000" />
+      <workItem from="1713055651151" duration="489000" />
     </task>
     <task id="LOCAL-00147" summary="Cancel migration to Azure">
       <option name="closed" value="true" />
@@ -756,7 +740,39 @@
       <option name="project" value="LOCAL" />
       <updated>1712944115604</updated>
     </task>
-    <option name="localTasksCounter" value="192" />
+    <task id="LOCAL-00192" summary="Fix experience">
+      <option name="closed" value="true" />
+      <created>1712962657404</created>
+      <option name="number" value="00192" />
+      <option name="presentableId" value="LOCAL-00192" />
+      <option name="project" value="LOCAL" />
+      <updated>1712962657404</updated>
+    </task>
+    <task id="LOCAL-00193" summary="Extract data&#10;&#10;WIP: does not work for server side query param props">
+      <option name="closed" value="true" />
+      <created>1713044681292</created>
+      <option name="number" value="00193" />
+      <option name="presentableId" value="LOCAL-00193" />
+      <option name="project" value="LOCAL" />
+      <updated>1713044681292</updated>
+    </task>
+    <task id="LOCAL-00194" summary="Extract data out of SeaweedTemplate">
+      <option name="closed" value="true" />
+      <created>1713045502211</created>
+      <option name="number" value="00194" />
+      <option name="presentableId" value="LOCAL-00194" />
+      <option name="project" value="LOCAL" />
+      <updated>1713045502211</updated>
+    </task>
+    <task id="LOCAL-00195" summary="Extract experience">
+      <option name="closed" value="true" />
+      <created>1713055753053</created>
+      <option name="number" value="00195" />
+      <option name="presentableId" value="LOCAL-00195" />
+      <option name="project" value="LOCAL" />
+      <updated>1713055753053</updated>
+    </task>
+    <option name="localTasksCounter" value="196" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -814,11 +830,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Change parseQueryTerm to parse during runtime on the DOM instead of on the raw svelte text" />
-    <MESSAGE value="Add dynamic url adder UI" />
-    <MESSAGE value="Add CreateUrl UI" />
-    <MESSAGE value="Fix component names being deprettified" />
-    <MESSAGE value="Fix Advanced Settings layout in dark more" />
     <MESSAGE value="Fix Advanced Settings layout in dark mode" />
     <MESSAGE value="Fix light mode contrast issues" />
     <MESSAGE value="Attempt to fix Chip styling" />
@@ -839,6 +850,11 @@
     <MESSAGE value="Fix bug with query params" />
     <MESSAGE value="Pineapple v2.4.71" />
     <MESSAGE value="Fix .gitignore" />
-    <option name="LAST_COMMIT_MESSAGE" value="Fix .gitignore" />
+    <MESSAGE value="Fix experience" />
+    <MESSAGE value="Extract data&#10;&#10;WIP: does not work for server side query param props" />
+    <MESSAGE value="Fix attempt for slug" />
+    <MESSAGE value="Extract data out of SeaweedTemplate" />
+    <MESSAGE value="Extract experience" />
+    <option name="LAST_COMMIT_MESSAGE" value="Extract experience" />
   </component>
 </project>

package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte

@@ -4,14 +4,10 @@ import { runChaos } from "./RunChaos";
 import SocialSection from "../../components/SocialSection.svelte";
 import "./seaweed.postcss";
 import SeaweedBaseLayout from "../../components/layouts/SeaweedBaseLayout.svelte";
-import { Accordion, AccordionItem, CodeBlock } from "@skeletonlabs/skeleton";
+import { CodeBlock } from "@skeletonlabs/skeleton";
 import { page } from "$app/stores";
 import Card from "../../components/Card.svelte";
-import ElementVisbilityDetector from "../../components/ElementVisbilityDetector.svelte";
 import {
-  AllGroupedEntriesProjectFirst,
-  GetEntryFromGlobal,
-  seaweedTemplateData,
   TurnGroupEntriesMutable
 } from "./SeaweedTemplateData";
 import { parseQueryTerms } from "./ParseQueryTerms";
@@ -19,17 +15,25 @@ import UrlShortenerForm from "./CreateUrlForm.svelte";
 import PineappleSlideToggle from "../../components/PineappleSlideToggle.svelte";
 import { Chip } from "../../index";
 import ChumBucket from "./ChumBucket.svelte";
+export let seaweedTemplateData;
+export let projectFirstGroupedEntries;
+export let getEntryFromGlobal;
 export let letChaos = true;
 export let name = "Turnip";
 export let email = "turnipxenon@gmail.com";
 export let linkedinSlug = "turnip-xenon";
 export let domain = "http://localhost:5173/portfolio/actual/";
 export let serverSideQueryParams = "";
+export let experienceSection;
 const entryProps = {
-  email
+  email,
+  letChaos,
+  linkedinSlug,
+  name,
+  seaweedTemplateData
 };
-const paramQTSet = /* @__PURE__ */ new Set();
 let isVisible = true;
+const paramQTSet = /* @__PURE__ */ new Set();
 let isAdvanceSettingOn = false;
 $:
   isSocialsGone = !isVisible;
@@ -66,7 +70,6 @@ const filterSearchParams = (searchParams) => {
     seaweedTemplateData.groupedEntries = [];
     orderParam.split(",").forEach((groupDefinition) => {
       const pair = groupDefinition.split(":");
-      console.log(pair);
       if (pair.length >= 2) {
         const group = {
           name: pair[0],
@@ -74,7 +77,7 @@ const filterSearchParams = (searchParams) => {
           gridClass: pair[2]
         };
         pair[1].split("|").forEach((e) => {
-          const component = GetEntryFromGlobal(e);
+          const component = getEntryFromGlobal(e);
           if (component) {
             group.items.push(component);
           }
@@ -84,7 +87,7 @@ const filterSearchParams = (searchParams) => {
     });
     seaweedTemplateData.groupedEntries = seaweedTemplateData.groupedEntries;
   } else if (gameSectionFirstParam === "false") {
-    seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(AllGroupedEntriesProjectFirst);
+    seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(projectFirstGroupedEntries);
   }
   const qtValue = searchParams.get("qt")?.trim();
   if (qtValue !== void 0) {
@@ -128,6 +131,9 @@ let orderUrl = "";
 let advancedUrl = domain;
 let advancedQuery = "";
 const updateUrl = (seaweedTemplateData2) => {
+  if (seaweedTemplateData2 === void 0) {
+    return;
+  }
   const queryParams = [];
   if (orderUrl) {
     queryParams.push(orderUrl);
@@ -166,157 +172,28 @@ $:
 	--qt-font-weight: ${qtfontWeight};${additionalFontWeight};
 	visibility: ${mainVisibility};
 	`}>
+		<svelte:component this={experienceSection}
+		                  entryProps={entryProps}
+		                  bind:isVisible={isVisible}
+		></svelte:component>
 
-		<div class="experience-and-about-div">
-
-			<div class="greater-about-div">
-
-				<Card includeDataNoSnippet={false}>
-					<section class="section-card" slot="content">
-
-						<h1>About</h1>
-
-						<p>
-							Hi! My name is {name}! I work as a software developer. Outside of that, I like making games, and
-							trying to do everything in between required to make one. I have some showcased below, our visit
-							my itch.io page for more of them.
-						</p>
-						<!-- todo: link the degree details idk -->
-						<p>
-							I also graduated with BS Computing Science, Specializing in Software Practice, and a
-							certificate in Computer Game Development at University of Alberta.
-						</p>
-						{#if seaweedTemplateData.shouldAddFunNote}
-							<p>
-								I'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,
-								Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.
-							</p>
-						{/if}
-
-						<!-- todo: maybe put cute stuff here -->
-						<!--						</ToggleableContent>-->
-					</section>
-				</Card>
-
-				<Card>
-					<section class="section-card" slot="content">
-						<SocialSection email={email} linkedinSlug={linkedinSlug}></SocialSection>
-						<ElementVisbilityDetector bind:isVisible={isVisible}>
-						</ElementVisbilityDetector>
-					</section>
-				</Card>
-
-			</div>
-
-			<Card>
-				<section class="section-card" slot="content">
-					<h1>Experience</h1>
-
-					<h2>Highlight</h2>
-					<p>Worked on Go backend microservices and Typescript React frontend app, serving <b>over 30 million daily
-						active users</b> at Twitch (an Amazon Web Services subsidiary)</p>
-
-					<h2>Software Engineer</h2>
-					<div class="two-column-separated">
-						<div>July 2023 – January 2024</div>
-						<div style="text-align: end">Twitch (Amazon Web Services), Remote</div>
-					</div>
-					<ul>
-						<li>
-							Contributed to
-							<span class="qt-go">Golang</span>
-							microservices and
-							<span class="qt-ts">Typescript</span>
-							<span class="qt-react">React</span> codebases, across several teams, to accommodate public-facing user safety features to better comply with EU’s Digital Services Act, which applies to no more than
-							<a href="https://safety.twitch.tv/s/article/Digital-Services-Act-Information?language=en_US">30.5 million users</a>
-							. Work includes feature flags, alarms, unit tests, end-to-end testing, and documentation.
-						</li>
-						<li>
-							Improved observability for upcoming features by setting up new AWS resources to integrate internal data platform tools with existing alarms in our team’s microservice, utilizing
-							<span class="qt-aws qt-observability">Cloudwatch</span>,
-							<span class="qt-aws qt-observability">Grafana</span>,
-							<span class="qt-aws">Kinesis Data Stream</span>,
-							<span class="qt-aws qt-infra">AWS CDK (infrastructure as code)</span>, and
-							<span class="qt-aws qt-cicd">CodePipeline (CI/CD)</span>
-						</li>
-					</ul>
-					<br>
+		{#if seaweedTemplateData}
+			{#each seaweedTemplateData.groupedEntries as group}
+				{#if group.items.length > 0}
+					<Card>
+						<section class="section-card title-card" slot="content">
+							<h1 class="text-center">{group.name}</h1>
+						</section>
+					</Card>
 
-					<h2>Software Engineer Intern</h2>
-					<div class="two-column-separated">
-						<div>May 2022 – Aug 2022</div>
-						<div style="text-align: end">Twitch (Amazon Web Services), San Francisco</div>
-					</div>
-					<ul>
-						<li>
-							Built a <span class="qt-infra">load testing service</span> that can be configured to generate different
-							message types at different volumes that can be easily extended to target different chat services
-						</li>
-						<li>
-							Used Twitch’s set of custom tools, including Twitch’s custom RPC protocol, to create a backend
-							service with business logic written in <span class="qt-go">Go</span> and cloud infrastructure utilizing
-							<span
-								class="qt-infra qt-aws">ECS on Fargate, Cloudwatch, and DynamoDB</span>
-							, defined in <span class="qt-ts">Typescript</span>-flavored CDK
-						</li>
-						<li>
-							Wrote a technical specification document for the service’s MVP and possible future features, and
-							additional documentation on how to use the service and how to extend the load testing service to include
-							new services to test
-						</li>
-					</ul>
-					<br>
-					<!-- todo: turn off flashing when accordion is expanded -->
-					<Accordion>
-						<AccordionItem>
-							<div slot="summary">
-								<h2 class="accordion-header">More experience</h2>
-							</div>
-							<svelte:fragment slot="content">
-								<section class="more-section">
-									{#if (!letChaos)}
-										<h2>Software Engineer Intern</h2>
-										<div class="two-column-separated">
-											<div>May 2021 – Dec 2021</div>
-											<div style="text-align: end">Twitch (Amazon Web Services), Remote</div>
-										</div>
-										<ul>
-											<li>
-												Implemented and wrote tests for a feature in Twitch’s
-												<span class="qt-go">Golang</span> backend authentication microservices and
-												<span class="qt-ts">Typescript</span>
-												<span class="qt-react">React</span> frontend web app that will help suggest security improvements to
-												<b>over 100k+ users daily</b>
-											</li>
-										</ul>
-									{:else}
-										niko baikal seal from toba aquarium
-									{/if}
-									<br>
-								</section>
-							</svelte:fragment>
-						</AccordionItem>
-					</Accordion>
-				</section>
-			</Card>
-
-		</div>
-
-		{#each seaweedTemplateData.groupedEntries as group}
-			{#if group.items.length > 0}
-				<Card>
-					<section class="section-card title-card" slot="content">
-						<h1 class="text-center">{group.name}</h1>
+					<section class={group.gridClass}>
+						{#each group.items as entry}
+							<svelte:component this={entry.component} props={entryProps}></svelte:component>
+						{/each}
 					</section>
-				</Card>
-
-				<section class={group.gridClass}>
-					{#each group.items as entry}
-						<svelte:component this={entry.component} props={entryProps}></svelte:component>
-					{/each}
-				</section>
-			{/if}
-		{/each}
+				{/if}
+			{/each}
+		{/if}
 
 		<ChumBucket></ChumBucket>
 
@@ -360,6 +237,7 @@ $:
 						</div>
 
 						<EntryOrderConfig bind:seaweedEntries={seaweedTemplateData.groupedEntries}
+						                  seaweedTemplateData={seaweedTemplateData}
 						                  bind:orderUrl={orderUrl}
 						                  updateUrl={updateUrl}></EntryOrderConfig>
 

package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte.d.ts

@@ -1,13 +1,19 @@
 import { SvelteComponent } from "svelte";
+import { type ComponentType } from "svelte";
 import "./seaweed.postcss";
+import { type ComponentMeta, type EntryGroup, type SeaweedTemplateData } from "./SeaweedTemplateData";
 declare const __propDef: {
     props: {
+        seaweedTemplateData: SeaweedTemplateData;
+        projectFirstGroupedEntries: ReadonlyArray<EntryGroup>;
+        getEntryFromGlobal: (name: string) => undefined | ComponentMeta;
         letChaos?: boolean | undefined;
         name?: string | undefined;
         email?: string | undefined;
         linkedinSlug?: string | undefined;
         domain?: string | undefined;
         serverSideQueryParams?: string | undefined;
+        experienceSection: ComponentType;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/.svelte-kit/__package__/template/seaweed/SeaweedTemplateData.js

@@ -22,22 +22,16 @@ export const GameEntries = {
     items: [
         { name: "Pengi", component: Pengi },
         { name: "Hepcat", component: Hepcat },
-        { name: "Chef Wings", component: ChefWings },
-        { name: "Soulwork", component: Soulwork },
-        { name: "Itch Promo", component: ItchPromo }
+        { name: "Chef Wings", component: ChefWings }
     ],
     gridClass: GroupGridClass.Games.toString()
 };
 export const ProjectEntries = {
     name: DefaultHeader.Projects.toString(),
     items: [
-        { name: "Migrante Alberta", component: MigranteAlberta },
-        { name: "Decentralized Social Media", component: DecentralizedSocialMedia },
+        { name: "Soulwork", component: Soulwork },
         { name: "Customized YarnSpinner", component: CustomizedYarnspinner },
-        { name: "Full Stack C", component: FullStackC },
-        { name: "Workset", component: Workset },
-        { name: "This Webpage", component: ThisWebpage },
-        { name: "Mock Uber App", component: MockUberApp }
+        { name: "This Webpage", component: ThisWebpage }
     ],
     gridClass: GroupGridClass.Projects.toString()
 };

package/.svelte-kit/__package__/template/seaweed/entries/EntryProps.d.ts

@@ -1,9 +1,15 @@
+import type { SeaweedTemplateData } from "../SeaweedTemplateData";
 export declare enum DefaultHeader {
     Games = "Games",
     Projects = "Projects"
 }
 export interface EntryProps {
     email: string;
+    letChaos: boolean;
+    linkedinSlug: string;
+    name: string;
+    seaweedTemplateData: SeaweedTemplateData;
+    isVisible: boolean;
 }
 export interface GroupedEntry {
     header: string;