@turnipxenon/pineapple 2.1.1 → 2.3.1

package/.svelte-kit/output/server/chunks/SeaweedTemplate.js

@@ -0,0 +1,597 @@
+import { c as create_ssr_component, a as subscribe, s as setContext, e as escape, b as createEventDispatcher, i as getContext, d as add_attribute, j as compute_slots, v as validate_component } from "./ssr.js";
+import { p as prefersReducedMotionStore, a as autoModeWatcher } from "./ProgressBar.svelte_svelte_type_style_lang.js";
+import { w as writable } from "./index.js";
+import { e as enableBackground, A as AppShell, a as AppBar, L as LightSwitch, R as RandomizedBackground, p as page } from "./store.js";
+import { e as enableDialogueOverlay } from "./DialogManagerStore.js";
+import { s as slide, g as getModalStore } from "./index2.js";
+const Accordion = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let classesBase;
+  let $prefersReducedMotionStore, $$unsubscribe_prefersReducedMotionStore;
+  $$unsubscribe_prefersReducedMotionStore = subscribe(prefersReducedMotionStore, (value) => $prefersReducedMotionStore = value);
+  let { autocollapse = false } = $$props;
+  let { width = "w-full" } = $$props;
+  let { spacing = "space-y-1" } = $$props;
+  let { disabled = false } = $$props;
+  let { padding = "py-2 px-4" } = $$props;
+  let { hover = "hover:bg-primary-hover-token" } = $$props;
+  let { rounded = "rounded-container-token" } = $$props;
+  let { caretOpen = "rotate-180" } = $$props;
+  let { caretClosed = "" } = $$props;
+  let { regionControl = "" } = $$props;
+  let { regionPanel = "space-y-4" } = $$props;
+  let { regionCaret = "" } = $$props;
+  let { transitions = !$prefersReducedMotionStore } = $$props;
+  let { transitionIn = slide } = $$props;
+  let { transitionInParams = { duration: 200 } } = $$props;
+  let { transitionOut = slide } = $$props;
+  let { transitionOutParams = { duration: 200 } } = $$props;
+  const active = writable(null);
+  setContext("active", active);
+  setContext("autocollapse", autocollapse);
+  setContext("disabled", disabled);
+  setContext("padding", padding);
+  setContext("hover", hover);
+  setContext("rounded", rounded);
+  setContext("caretOpen", caretOpen);
+  setContext("caretClosed", caretClosed);
+  setContext("regionControl", regionControl);
+  setContext("regionPanel", regionPanel);
+  setContext("regionCaret", regionCaret);
+  setContext("transitions", transitions);
+  setContext("transitionIn", transitionIn);
+  setContext("transitionInParams", transitionInParams);
+  setContext("transitionOut", transitionOut);
+  setContext("transitionOutParams", transitionOutParams);
+  if ($$props.autocollapse === void 0 && $$bindings.autocollapse && autocollapse !== void 0)
+    $$bindings.autocollapse(autocollapse);
+  if ($$props.width === void 0 && $$bindings.width && width !== void 0)
+    $$bindings.width(width);
+  if ($$props.spacing === void 0 && $$bindings.spacing && spacing !== void 0)
+    $$bindings.spacing(spacing);
+  if ($$props.disabled === void 0 && $$bindings.disabled && disabled !== void 0)
+    $$bindings.disabled(disabled);
+  if ($$props.padding === void 0 && $$bindings.padding && padding !== void 0)
+    $$bindings.padding(padding);
+  if ($$props.hover === void 0 && $$bindings.hover && hover !== void 0)
+    $$bindings.hover(hover);
+  if ($$props.rounded === void 0 && $$bindings.rounded && rounded !== void 0)
+    $$bindings.rounded(rounded);
+  if ($$props.caretOpen === void 0 && $$bindings.caretOpen && caretOpen !== void 0)
+    $$bindings.caretOpen(caretOpen);
+  if ($$props.caretClosed === void 0 && $$bindings.caretClosed && caretClosed !== void 0)
+    $$bindings.caretClosed(caretClosed);
+  if ($$props.regionControl === void 0 && $$bindings.regionControl && regionControl !== void 0)
+    $$bindings.regionControl(regionControl);
+  if ($$props.regionPanel === void 0 && $$bindings.regionPanel && regionPanel !== void 0)
+    $$bindings.regionPanel(regionPanel);
+  if ($$props.regionCaret === void 0 && $$bindings.regionCaret && regionCaret !== void 0)
+    $$bindings.regionCaret(regionCaret);
+  if ($$props.transitions === void 0 && $$bindings.transitions && transitions !== void 0)
+    $$bindings.transitions(transitions);
+  if ($$props.transitionIn === void 0 && $$bindings.transitionIn && transitionIn !== void 0)
+    $$bindings.transitionIn(transitionIn);
+  if ($$props.transitionInParams === void 0 && $$bindings.transitionInParams && transitionInParams !== void 0)
+    $$bindings.transitionInParams(transitionInParams);
+  if ($$props.transitionOut === void 0 && $$bindings.transitionOut && transitionOut !== void 0)
+    $$bindings.transitionOut(transitionOut);
+  if ($$props.transitionOutParams === void 0 && $$bindings.transitionOutParams && transitionOutParams !== void 0)
+    $$bindings.transitionOutParams(transitionOutParams);
+  classesBase = `${width} ${spacing} ${$$props.class ?? ""}`;
+  $$unsubscribe_prefersReducedMotionStore();
+  return ` <div class="${"accordion " + escape(classesBase, true)}" data-testid="accordion">${slots.default ? slots.default({}) : ``}</div>`;
+});
+const cBase = "";
+const cControl = "text-start w-full flex items-center space-x-4";
+const cControlIcons = "fill-current w-3 transition-transform duration-[200ms]";
+const cPanel = "";
+const AccordionItem = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let openState;
+  let classesBase;
+  let classesControl;
+  let classesCaretState;
+  let classesControlCaret;
+  let classesControlIcons;
+  let classesPanel;
+  let $$slots = compute_slots(slots);
+  let $active, $$unsubscribe_active;
+  const dispatch = createEventDispatcher();
+  let { open = false } = $$props;
+  let { id = String(Math.random()) } = $$props;
+  let { autocollapse = getContext("autocollapse") } = $$props;
+  let { active = getContext("active") } = $$props;
+  $$unsubscribe_active = subscribe(active, (value) => $active = value);
+  let { disabled = getContext("disabled") } = $$props;
+  let { padding = getContext("padding") } = $$props;
+  let { hover = getContext("hover") } = $$props;
+  let { rounded = getContext("rounded") } = $$props;
+  let { caretOpen = getContext("caretOpen") } = $$props;
+  let { caretClosed = getContext("caretClosed") } = $$props;
+  let { regionControl = getContext("regionControl") } = $$props;
+  let { regionPanel = getContext("regionPanel") } = $$props;
+  let { regionCaret = getContext("regionCaret") } = $$props;
+  let { transitions = getContext("transitions") } = $$props;
+  let { transitionIn = getContext("transitionIn") } = $$props;
+  let { transitionInParams = getContext("transitionInParams") } = $$props;
+  let { transitionOut = getContext("transitionOut") } = $$props;
+  let { transitionOutParams = getContext("transitionOutParams") } = $$props;
+  const svgCaretIcon = `
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class={classesControlCaret}>
+			<path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" />
+		</svg>`;
+  function setActive(event) {
+    if (autocollapse === true) {
+      active.set(id);
+    } else {
+      open = !open;
+    }
+    onToggle(event);
+  }
+  function onToggle(event) {
+    const currentOpenState = autocollapse ? $active === id : open;
+    dispatch("toggle", {
+      event,
+      id,
+      panelId: `accordion-panel-${id}`,
+      open: currentOpenState,
+      autocollapse
+    });
+  }
+  if (autocollapse && open)
+    setActive();
+  if ($$props.open === void 0 && $$bindings.open && open !== void 0)
+    $$bindings.open(open);
+  if ($$props.id === void 0 && $$bindings.id && id !== void 0)
+    $$bindings.id(id);
+  if ($$props.autocollapse === void 0 && $$bindings.autocollapse && autocollapse !== void 0)
+    $$bindings.autocollapse(autocollapse);
+  if ($$props.active === void 0 && $$bindings.active && active !== void 0)
+    $$bindings.active(active);
+  if ($$props.disabled === void 0 && $$bindings.disabled && disabled !== void 0)
+    $$bindings.disabled(disabled);
+  if ($$props.padding === void 0 && $$bindings.padding && padding !== void 0)
+    $$bindings.padding(padding);
+  if ($$props.hover === void 0 && $$bindings.hover && hover !== void 0)
+    $$bindings.hover(hover);
+  if ($$props.rounded === void 0 && $$bindings.rounded && rounded !== void 0)
+    $$bindings.rounded(rounded);
+  if ($$props.caretOpen === void 0 && $$bindings.caretOpen && caretOpen !== void 0)
+    $$bindings.caretOpen(caretOpen);
+  if ($$props.caretClosed === void 0 && $$bindings.caretClosed && caretClosed !== void 0)
+    $$bindings.caretClosed(caretClosed);
+  if ($$props.regionControl === void 0 && $$bindings.regionControl && regionControl !== void 0)
+    $$bindings.regionControl(regionControl);
+  if ($$props.regionPanel === void 0 && $$bindings.regionPanel && regionPanel !== void 0)
+    $$bindings.regionPanel(regionPanel);
+  if ($$props.regionCaret === void 0 && $$bindings.regionCaret && regionCaret !== void 0)
+    $$bindings.regionCaret(regionCaret);
+  if ($$props.transitions === void 0 && $$bindings.transitions && transitions !== void 0)
+    $$bindings.transitions(transitions);
+  if ($$props.transitionIn === void 0 && $$bindings.transitionIn && transitionIn !== void 0)
+    $$bindings.transitionIn(transitionIn);
+  if ($$props.transitionInParams === void 0 && $$bindings.transitionInParams && transitionInParams !== void 0)
+    $$bindings.transitionInParams(transitionInParams);
+  if ($$props.transitionOut === void 0 && $$bindings.transitionOut && transitionOut !== void 0)
+    $$bindings.transitionOut(transitionOut);
+  if ($$props.transitionOutParams === void 0 && $$bindings.transitionOutParams && transitionOutParams !== void 0)
+    $$bindings.transitionOutParams(transitionOutParams);
+  {
+    if (open && autocollapse)
+      setActive();
+  }
+  openState = autocollapse ? $active === id : open;
+  classesBase = `${cBase} ${$$props.class ?? ""}`;
+  classesControl = `${cControl} ${padding} ${hover} ${rounded} ${regionControl}`;
+  classesCaretState = openState ? caretOpen : caretClosed;
+  classesControlCaret = `${cControlIcons} ${regionCaret} ${classesCaretState}`;
+  classesControlIcons = `${cControlIcons} ${regionCaret}`;
+  classesPanel = `${cPanel} ${padding} ${rounded} ${regionPanel}`;
+  $$unsubscribe_active();
+  return ` <div class="${"accordion-item " + escape(classesBase, true)}" data-testid="accordion-item"> <button type="button" class="${"accordion-control " + escape(classesControl, true)}"${add_attribute("id", id, 0)}${add_attribute("aria-expanded", openState, 0)} aria-controls="${"accordion-panel-" + escape(id, true)}" ${disabled ? "disabled" : ""}> ${$$slots.lead ? `<div class="accordion-lead">${slots.lead ? slots.lead({}) : ``}</div>` : ``}  <div class="accordion-summary flex-1">${slots.summary ? slots.summary({}) : `(summary)`}</div>  ${$$slots.iconClosed || $$slots.iconOpen ? `  <div class="${"accordion-summary-icons " + escape(classesControlIcons, true)}">${openState ? `${slots.iconClosed ? slots.iconClosed({}) : `<!-- HTML_TAG_START -->${svgCaretIcon}<!-- HTML_TAG_END -->`}` : `${slots.iconOpen ? slots.iconOpen({}) : `<!-- HTML_TAG_START -->${svgCaretIcon}<!-- HTML_TAG_END -->`}`}</div>` : ` <div class="${"accordion-summary-caret " + escape(classesControlCaret, true)}"><!-- HTML_TAG_START -->${svgCaretIcon}<!-- HTML_TAG_END --></div>`}</button>  ${openState ? `<div class="${"accordion-panel " + escape(classesPanel, true)}" id="${"accordion-panel-" + escape(id, true)}" role="region"${add_attribute("aria-hidden", !openState, 0)}${add_attribute("aria-labelledby", id, 0)}>${slots.content ? slots.content({}) : `(content)`}</div>` : ``}</div>`;
+});
+const MailIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M160-160q-33%200-56.5-23.5T80-240v-480q0-33%2023.5-56.5T160-800h640q33%200%2056.5%2023.5T880-720v480q0%2033-23.5%2056.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80%20320-200H160l320%20200ZM160-640v-80%20480-400Z'/%3e%3c/svg%3e";
+const GithubIcon = "data:image/svg+xml,%3csvg%20width='98'%20height='96'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.854%200C21.839%200%200%2022%200%2049.217c0%2021.756%2013.993%2040.172%2033.405%2046.69%202.427.49%203.316-1.059%203.316-2.362%200-1.141-.08-5.052-.08-9.127-13.59%202.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015%204.934.326%207.523%205.052%207.523%205.052%204.367%207.496%2011.404%205.378%2014.235%204.074.404-3.178%201.699-5.378%203.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283%200-5.378%201.94-9.778%205.014-13.2-.485-1.222-2.184-6.275.486-13.038%200%200%204.125-1.304%2013.426%205.052a46.97%2046.97%200%200%201%2012.214-1.63c4.125%200%208.33.571%2012.213%201.63%209.302-6.356%2013.427-5.052%2013.427-5.052%202.67%206.763.97%2011.816.485%2013.038%203.155%203.422%205.015%207.822%205.015%2013.2%200%2018.905-11.404%2023.06-22.324%2024.283%201.78%201.548%203.316%204.481%203.316%209.126%200%206.6-.08%2011.897-.08%2013.526%200%201.304.89%202.853%203.316%202.364%2019.412-6.52%2033.405-24.935%2033.405-46.691C97.707%2022%2075.788%200%2048.854%200z'%20fill='%2324292f'/%3e%3c/svg%3e";
+const ItchLogoHotLink = "https://static.itch.io/images/itchio-textless-black.svg";
+const LinkedinIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M19%200h-14c-2.761%200-5%202.239-5%205v14c0%202.761%202.239%205%205%205h14c2.762%200%205-2.239%205-5v-14c0-2.761-2.238-5-5-5zm-11%2019h-3v-11h3v11zm-1.5-12.268c-.966%200-1.75-.79-1.75-1.764s.784-1.764%201.75-1.764%201.75.79%201.75%201.764-.783%201.764-1.75%201.764zm13.5%2012.268h-3v-5.604c0-3.368-4-3.113-4%200v5.604h-3v-11h3v1.765c1.396-2.586%207-2.777%207%202.476v6.759z'/%3e%3c/svg%3e";
+const css$4 = {
+  code: ".svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:is(.dark .social-button){--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:disabled{cursor:not-allowed;opacity:0.5}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:disabled:hover{--tw-brightness:brightness(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:disabled:active{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc{font-size:1rem;line-height:1.5rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:9px;padding-bottom:9px;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border-radius:var(--theme-rounded-base)}.social-button.svelte-urhqdc>.svelte-urhqdc:not([hidden])~.svelte-urhqdc:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:hover{--tw-brightness:brightness(1.15);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:active{--tw-scale-x:95%;--tw-scale-y:95%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-brightness:brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.social-button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc:is(.dark .social-button){--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}button.svelte-urhqdc>img.svelte-urhqdc.svelte-urhqdc{max-height:1lh}button.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc{min-width:0;min-height:0}.socials.svelte-urhqdc.svelte-urhqdc.svelte-urhqdc{display:flex;flex-wrap:wrap;justify-content:var(--preferred-justify-content)}.socials.svelte-urhqdc>button.svelte-urhqdc.svelte-urhqdc{margin:0 0.5em var(--preferred-overall-margin-bottom)}.socials.isSmall.svelte-urhqdc>button.svelte-urhqdc.svelte-urhqdc{margin-left:0.25em;margin-right:0.25em}",
+  map: null
+};
+const SocialSection = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { isSmallVersion = false } = $$props;
+  let { email = "turnipxenon@gmail.com" } = $$props;
+  let { linkedinSlug = "turnip-xenon" } = $$props;
+  let { isSlot = false } = $$props;
+  const style = `
+		--preferred-justify-content: ${isSlot ? "flex-start" : "center"};
+		--preferred-overall-margin-bottom: ${isSlot ? "0" : "0.75lh"};
+	`;
+  if ($$props.isSmallVersion === void 0 && $$bindings.isSmallVersion && isSmallVersion !== void 0)
+    $$bindings.isSmallVersion(isSmallVersion);
+  if ($$props.email === void 0 && $$bindings.email && email !== void 0)
+    $$bindings.email(email);
+  if ($$props.linkedinSlug === void 0 && $$bindings.linkedinSlug && linkedinSlug !== void 0)
+    $$bindings.linkedinSlug(linkedinSlug);
+  if ($$props.isSlot === void 0 && $$bindings.isSlot && isSlot !== void 0)
+    $$bindings.isSlot(isSlot);
+  $$result.css.add(css$4);
+  return `<div class="${["socials svelte-urhqdc", isSmallVersion ? "isSmall" : ""].join(" ").trim()}"${add_attribute("style", style, 0)}><button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://github.com/TurnipXenon"><img${add_attribute("src", GithubIcon, 0)} alt="github icon" class="svelte-urhqdc"> ${!isSmallVersion ? `<span class="svelte-urhqdc" data-svelte-h="svelte-1yx4gc2">TurnipXenon</span>` : ``}</button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link"${add_attribute("title", `https://www.linkedin.com/in/${linkedinSlug}/`, 0)}><img${add_attribute("src", LinkedinIcon, 0)} alt="linkedikn icon" class="svelte-urhqdc"> ${!isSmallVersion ? `<span class="svelte-urhqdc">${escape(linkedinSlug)}</span>` : ``}</button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link"${add_attribute("title", `mailto:${email}`, 0)}><img${add_attribute("src", MailIcon, 0)} alt="mail icon" class="svelte-urhqdc"> ${!isSmallVersion ? `<span class="svelte-urhqdc">${escape(email)}</span>` : ``}</button> ${``} </div>`;
+});
+const css$3 = {
+  code: ":root{--dialog-left-pad:clamp(0em, 5vw, 2em);--dialog-box-width:min(calc(50em + 4em), calc(100vw - var(--dialog-left-pad) - var(--theme-border-base)));--dialog-box-height:clamp(15em, 50vw, 18em)}.default-page-container.svelte-12byvuz{max-width:2100px;margin:4em auto;flex-direction:column;z-index:0}.lead-slot-placeholder.svelte-12byvuz{height:3em;margin-inline-end:0.5em}",
+  map: null
+};
+const SeaweedBaseLayout = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let $$slots = compute_slots(slots);
+  let { shouldDisplayLeadingIcons = false } = $$props;
+  let enableBackgroundValue = true;
+  enableBackground.subscribe((value) => {
+    enableBackgroundValue = value;
+  });
+  enableDialogueOverlay.set(false);
+  let shouldDisplaySocialIcons = writable(false);
+  if ($$props.shouldDisplayLeadingIcons === void 0 && $$bindings.shouldDisplayLeadingIcons && shouldDisplayLeadingIcons !== void 0)
+    $$bindings.shouldDisplayLeadingIcons(shouldDisplayLeadingIcons);
+  $$result.css.add(css$3);
+  return ` ${$$result.head += `<!-- HEAD_svelte-19or0ga_START --><!-- HTML_TAG_START -->${`<script>${autoModeWatcher.toString()} autoModeWatcher();<\/script>`}<!-- HTML_TAG_END --><!-- HEAD_svelte-19or0ga_END -->`, ""}       ${validate_component(AppShell, "AppShell").$$render($$result, {}, {}, {
+    header: () => {
+      return ` ${validate_component(AppBar, "AppBar").$$render(
+        $$result,
+        {
+          slotDefault: "place-content-start",
+          background: "app-shell-token"
+        },
+        {},
+        {
+          trail: () => {
+            return `${validate_component(LightSwitch, "LightSwitch").$$render($$result, { bgLight: "bg-surface-400" }, {}, {})} `;
+          },
+          lead: () => {
+            return `<span class="lead-slot-placeholder svelte-12byvuz"></span> ${$$slots.extraLeadingIcons && shouldDisplayLeadingIcons ? `<div>${slots.extraLeadingIcons ? slots.extraLeadingIcons({}) : ``}</div>` : `${$$slots.extraLeadingIcons ? `<div hidden>${slots.extraLeadingIcons ? slots.extraLeadingIcons({}) : ``}</div>` : ``}`}`;
+          }
+        }
+      )} `;
+    },
+    default: () => {
+      return `${validate_component(RandomizedBackground, "RandomizedBackground").$$render($$result, { enable: enableBackgroundValue }, {}, {})}   <div class="default-page-container svelte-12byvuz">${slots.default ? slots.default({ shouldDisplaySocialIcons }) : ``} <div class="footer-space"></div></div>  `;
+    }
+  })}`;
+});
+const css$2 = {
+  code: ".card.svelte-ysivzm{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-100) / var(--tw-bg-opacity))}.svelte-ysivzm:is(.dark .card){--tw-bg-opacity:1;background-color:rgb(var(--color-surface-900) / var(--tw-bg-opacity))}.card.svelte-ysivzm{margin:var(--turnip-card-margin);margin-bottom:var(--turnip-card-margin-bottom)}",
+  map: null
+};
+const Card = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { margin = "0" } = $$props;
+  let { marginBottom = "3em" } = $$props;
+  let { overrideStyle = "" } = $$props;
+  const style = `
+		--turnip-card-margin: ${margin};
+		--turnip-card-margin-bottom: ${marginBottom};
+		${overrideStyle};
+	`;
+  if ($$props.margin === void 0 && $$bindings.margin && margin !== void 0)
+    $$bindings.margin(margin);
+  if ($$props.marginBottom === void 0 && $$bindings.marginBottom && marginBottom !== void 0)
+    $$bindings.marginBottom(marginBottom);
+  if ($$props.overrideStyle === void 0 && $$bindings.overrideStyle && overrideStyle !== void 0)
+    $$bindings.overrideStyle(overrideStyle);
+  $$result.css.add(css$2);
+  return `<div class="card svelte-ysivzm"${add_attribute("style", style, 0)}>${slots.content ? slots.content({ class: "card svelte-ysivzm" }) : ``} </div>`;
+});
+const css$1 = {
+  code: ".chip.svelte-1usmrsu{border-radius:1em;margin:0.25em;font-weight:bold;pointer-events:none}",
+  map: null
+};
+const Chip = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  $$result.css.add(css$1);
+  return `<span class="chip variant-filled-tertiary svelte-1usmrsu">${slots.default ? slots.default({}) : ``} </span>`;
+});
+const HeaderPengi = "/_app/immutable/assets/header-pengi.DWAOeO4q.mp4";
+const HeaderSoulwork = "/_app/immutable/assets/header-soulwork.BQRWmhTu.mp4";
+const HeaderHepCat = "/_app/immutable/assets/header-hep-cat.DcyPS3Oy.mp4";
+const HeaderChefWings = "/_app/immutable/assets/footage-chef-wings.dVBm8Uit.gif";
+const ElementVisbilityDetector = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { isVisible = true } = $$props;
+  let stickyElem;
+  if ($$props.isVisible === void 0 && $$bindings.isVisible && isVisible !== void 0)
+    $$bindings.isVisible(isVisible);
+  return `<span${add_attribute("this", stickyElem, 0)}>${slots.default ? slots.default({}) : ``}</span>`;
+});
+const BitbucketIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJfeDM0XzQtYml0YnVja2V0Ij48Zz48cGF0aCBkPSJNNDAuOTI5LDQ5LjE3OGMtOC4xMDgtMC4wOTItMTQuODM1LDYuMzU4LTE0LjkyOCwxNC41NTljMCwwLjgyOSwwLjA5MywxLjc1LDAuMTg2LDIuNTggICAgbDYyLjU2NiwzNzkuNzM1YzEuNTY2LDkuNTgyLDkuODYsMTYuNjgsMTkuNjI3LDE2Ljc3aDMwMC4xMThjNy4yODEsMC4wOTMsMTMuNTQ2LTUuMTU5LDE0Ljc0NS0xMi4zNDdMNDg1LjgxLDY2LjQwOSAgICBjMS4yOS04LjAxNi00LjE0Ni0xNS41NzItMTIuMTYzLTE2Ljg2MmMtMC44MjktMC4wOTEtMS42NTgtMC4xODQtMi41NzgtMC4xODRMNDAuOTI5LDQ5LjE3OEw0MC45MjksNDkuMTc4eiBNMzA0LjM3NSwzMjMuNTkgICAgaC05NS44MzFsLTI1Ljg5NS0xMzUuNDU2aDE0NC45NDVMMzA0LjM3NSwzMjMuNTlMMzA0LjM3NSwzMjMuNTl6IiBzdHlsZT0iZmlsbDojMjY4NEZGOyIvPjwvZz48L2c+PGcgaWQ9IkxheWVyXzEiLz48L3N2Zz4=";
+const LinkIcon = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%20-960%20960%20960'%20width='24'%3e%3cpath%20d='M440-280H280q-83%200-141.5-58.5T80-480q0-83%2058.5-141.5T280-680h160v80H280q-50%200-85%2035t-35%2085q0%2050%2035%2085t85%2035h160v80ZM320-440v-80h320v80H320Zm200%20160v-80h160q50%200%2085-35t35-85q0-50-35-85t-85-35H520v-80h160q83%200%20141.5%2058.5T880-480q0%2083-58.5%20141.5T680-280H520Z'/%3e%3c/svg%3e";
+const WeaverFootage = "/_app/immutable/assets/weaver-footage.sjDEbkrX.gif";
+const WindowSetGraph = "/_app/immutable/assets/window-set.IpgsYUna.png";
+const ThisWebsiteFootage = "/_app/immutable/assets/seaweed-showcase.TTVTTC5m.mp4";
+const css = {
+  code: "main.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{width:100%;overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:center}h1.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{font-size:2em}h2.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{font-size:1.5em}.section-card.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{padding:3em;max-width:800px}.game-card.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g,.project-card.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{width:100vw;max-width:36em;margin-bottom:3em}.game-card.svelte-1olxn2g>video.svelte-1olxn2g.svelte-1olxn2g{border-top-left-radius:1em;border-top-right-radius:1em;max-height:24em;width:100%;-o-object-fit:cover;object-fit:cover}#migrante-alberta.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g,.game-card.svelte-1olxn2g>img.svelte-1olxn2g.svelte-1olxn2g,.project-card.svelte-1olxn2g>img.svelte-1olxn2g.svelte-1olxn2g{border-top-left-radius:1em;border-top-right-radius:1em}#migrante-alberta.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{width:100%;-o-object-fit:cover;object-fit:cover}.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g:is(.dark .game-button){--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}.game-button.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g:disabled{cursor:not-allowed;opacity:0.5}.game-button.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g:disabled:hover{--tw-brightness:brightness(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.game-button.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g:disabled:active{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.game-button.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{font-size:1rem;line-height:1.5rem;padding-left:1.25rem;padding-right:1.25rem;padding-top:9px;padding-bottom:9px;white-space:nowrap;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border-radius:var(--theme-rounded-base)}.game-button.svelte-1olxn2g>.svelte-1olxn2g:not([hidden])~.svelte-1olxn2g:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.game-button.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g:hover{--tw-brightness:brightness(1.15);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.game-button.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g:active{--tw-scale-x:95%;--tw-scale-y:95%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-brightness:brightness(.9);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.game-button.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g:is(.dark .game-button){--tw-bg-opacity:1;background-color:rgb(var(--color-primary-500) / var(--tw-bg-opacity));color:rgb(var(--on-primary))}.game-button.svelte-1olxn2g>img.svelte-1olxn2g.svelte-1olxn2g{max-height:1lh}.two-column-separated.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{display:flex;justify-content:space-between}.more-section.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{padding:1em}.greater-about-div.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{display:flex;flex-direction:column;max-width:36em}.experience-and-about-div.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{display:flex;gap:2em;flex-wrap:wrap;justify-content:center;align-items:flex-start}.game-card-body.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g,.project-card-body.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{padding:1em}.game-card-body.svelte-1olxn2g>blockquote.svelte-1olxn2g.svelte-1olxn2g{margin-bottom:0.7lh}.game-card-body.svelte-1olxn2g>h1.svelte-1olxn2g.svelte-1olxn2g,.project-card-body.svelte-1olxn2g>h2.svelte-1olxn2g.svelte-1olxn2g{text-align:center}.game-link-section.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{display:flex;flex-direction:row;justify-content:center;gap:1em;margin-top:1em}.games-section.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g,.projects-section.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{display:flex;flex-wrap:wrap;gap:2em;justify-content:center}.projects-section.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{align-items:flex-start}.long-btn-image.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{max-height:1lh}.itch-promo.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{padding:4em}#hepcat-video.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{-o-object-position:0 0;object-position:0 0}.title-card.svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{width:clamp(360px, 80vw, 800px)}[class*='qt-'].svelte-1olxn2g.svelte-1olxn2g.svelte-1olxn2g{font-weight:var(--qt-font-weight)}",
+  map: null
+};
+let additionalFontWeight = "";
+const SeaweedTemplate = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let isSocialsGone;
+  let $$unsubscribe_page;
+  $$unsubscribe_page = subscribe(page, (value) => value);
+  let { letChaos = true } = $$props;
+  let { name = "Turnip" } = $$props;
+  let { email = "turnipxenon@gmail.com" } = $$props;
+  let { linkedinSlug = "turnip-xenon" } = $$props;
+  getModalStore();
+  let isVisible = true;
+  let qtfontWeight = "normal";
+  let chaosDone = false;
+  let mainVisibility = "visible";
+  if ($$props.letChaos === void 0 && $$bindings.letChaos && letChaos !== void 0)
+    $$bindings.letChaos(letChaos);
+  if ($$props.name === void 0 && $$bindings.name && name !== void 0)
+    $$bindings.name(name);
+  if ($$props.email === void 0 && $$bindings.email && email !== void 0)
+    $$bindings.email(email);
+  if ($$props.linkedinSlug === void 0 && $$bindings.linkedinSlug && linkedinSlug !== void 0)
+    $$bindings.linkedinSlug(linkedinSlug);
+  $$result.css.add(css);
+  let $$settled;
+  let $$rendered;
+  let previous_head = $$result.head;
+  do {
+    $$settled = true;
+    $$result.head = previous_head;
+    isSocialsGone = !isVisible;
+    mainVisibility = letChaos && !chaosDone ? "hidden" : "visible";
+    $$rendered = `${validate_component(SeaweedBaseLayout, "SeaweedBaseLayout").$$render(
+      $$result,
+      { shouldDisplayLeadingIcons: isSocialsGone },
+      {
+        shouldDisplayLeadingIcons: ($$value) => {
+          isSocialsGone = $$value;
+          $$settled = false;
+        }
+      },
+      {
+        extraLeadingIcons: () => {
+          return `${validate_component(SocialSection, "SocialSection").$$render(
+            $$result,
+            {
+              slot: "extraLeadingIcons",
+              isSlot: true,
+              email,
+              linkedinSlug,
+              isSmallVersion: true
+            },
+            {},
+            {}
+          )}`;
+        },
+        default: () => {
+          return ` <main${add_attribute(
+            "style",
+            `
+	--qt-font-weight: ${qtfontWeight};${additionalFontWeight};
+	visibility: ${mainVisibility};
+	`,
+            0
+          )} class="svelte-1olxn2g"><div class="experience-and-about-div svelte-1olxn2g"><div class="greater-about-div svelte-1olxn2g">${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="section-card svelte-1olxn2g" slot="content"> <h1 class="svelte-1olxn2g" data-svelte-h="svelte-soqi9t">About</h1> <p class="svelte-1olxn2g">Hi! My name is ${escape(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>  <p class="svelte-1olxn2g" data-svelte-h="svelte-1htq5b8">I also graduated with BS Computing Science, Specializing in Software Practice, and a
+							certificate in Computer Game Development at University of Alberta.</p> <p class="svelte-1olxn2g" data-svelte-h="svelte-1tjf6ho">I&#39;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>  </section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="section-card svelte-1olxn2g" slot="content">${validate_component(SocialSection, "SocialSection").$$render($$result, { email, linkedinSlug }, {}, {})} ${validate_component(ElementVisbilityDetector, "ElementVisbilityDetector").$$render(
+                $$result,
+                { isVisible },
+                {
+                  isVisible: ($$value) => {
+                    isVisible = $$value;
+                    $$settled = false;
+                  }
+                },
+                {}
+              )}</section>`;
+            }
+          })}</div> ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="section-card svelte-1olxn2g" slot="content"><h1 class="svelte-1olxn2g" data-svelte-h="svelte-1r6ig88">Experience</h1> <h2 class="svelte-1olxn2g" data-svelte-h="svelte-a3jo9c">Software Engineer</h2> <div class="two-column-separated svelte-1olxn2g" data-svelte-h="svelte-psdxr0"><div class="svelte-1olxn2g">July 2023 – January 2024</div> <div style="text-align: end" class="svelte-1olxn2g">Twitch, Remote</div></div> <ul class="svelte-1olxn2g" data-svelte-h="svelte-1k94u2s"><li class="svelte-1olxn2g">Contributed to <span class="qt-go svelte-1olxn2g">Golang</span> and <span class="qt-ts svelte-1olxn2g">Typescript</span> codebases,
+							across several teams, to accommodate adjustments for public-facing user safety related features, to better
+							comply with EU’s <a target="_blank" href="https://commission.europa.eu/strategy-and-policy/priorities-2019-2024/europe-fit-digital-age/digital-services-act/europe-fit-digital-age-new-online-rules-platforms_en" class="svelte-1olxn2g">Digital Services Act</a>, also including feature flags, alarms, unit tests, end-to-end testing, and
+							documentation</li> <li class="svelte-1olxn2g">Improved observability for upcoming features by setting up new <span class="qt-aws qt-infra svelte-1olxn2g">AWS</span>
+							resources to integrate internal data platform tools with existing alarms in our team’s microservice,
+							utilizing <span class="qt-aws qt-infra svelte-1olxn2g">Cloudwatch</span> and <span class="qt-aws qt-infra svelte-1olxn2g">Kinesis Data Stream</span>,
+							while adhering to best practices for <span class="qt-aws qt-infra svelte-1olxn2g">AWS CDK</span> (infrastructure as code)</li></ul> <br class="svelte-1olxn2g"> <h2 class="svelte-1olxn2g" data-svelte-h="svelte-wd964g">Software Engineer Intern</h2> <div class="two-column-separated svelte-1olxn2g" data-svelte-h="svelte-cx1fi3"><div class="svelte-1olxn2g">May 2022 – Aug 2022</div> <div style="text-align: end" class="svelte-1olxn2g">Twitch, San Francisco</div></div> <ul class="svelte-1olxn2g" data-svelte-h="svelte-1coh9hk"><li class="svelte-1olxn2g">Built a <span class="qt-infra svelte-1olxn2g">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 class="svelte-1olxn2g">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 svelte-1olxn2g">Go</span> and cloud infrastructure utilizing
+							<span class="qt-infra qt-aws svelte-1olxn2g">ECS on Fargate, Cloudwatch, and DynamoDB</span>
+							, defined in <span class="qt-ts svelte-1olxn2g">Typescript</span>-flavored CDK</li> <li class="svelte-1olxn2g">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 class="svelte-1olxn2g">  ${validate_component(Accordion, "Accordion").$$render($$result, { hover: "hover:bg-surface-hover-token" }, {}, {
+                default: () => {
+                  return `${validate_component(AccordionItem, "AccordionItem").$$render(
+                    $$result,
+                    {
+                      class: "variant-filled-primary rounded-md"
+                    },
+                    {},
+                    {
+                      content: () => {
+                        return `<section class="more-section svelte-1olxn2g">${!letChaos ? `<h2 class="svelte-1olxn2g" data-svelte-h="svelte-wd964g">Software Engineer Intern</h2> <div class="two-column-separated svelte-1olxn2g" data-svelte-h="svelte-b9eewq"><div class="svelte-1olxn2g">May 2021 – Dec 2021</div> <div style="text-align: end" class="svelte-1olxn2g">Twitch / Amazon Web Services Canada, Remote</div></div> <ul class="svelte-1olxn2g" data-svelte-h="svelte-oswc7z"><li class="svelte-1olxn2g">Implemented and wrote tests for a feature in Twitch’s backend authentication
+												systems and frontend web application that will help suggest security improvements to
+												over hundreds of thousands of users daily</li> <li class="svelte-1olxn2g">Learned <span class="qt-go svelte-1olxn2g">Go</span>, <span class="qt-ts svelte-1olxn2g">Typescript</span>, <span class="qt-react svelte-1olxn2g">React</span>, and other new technologies on the go to contribute to
+												the codebase</li></ul>` : `niko baikal seal from toba aquarium`} <br class="svelte-1olxn2g"></section> `;
+                      },
+                      summary: () => {
+                        return `<div slot="summary" class="svelte-1olxn2g" data-svelte-h="svelte-wjbz6x"><h2 class="mt-2 svelte-1olxn2g">More experience</h2></div>`;
+                      }
+                    }
+                  )}`;
+                }
+              })}</section>`;
+            }
+          })}</div> ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<div class="section-card title-card svelte-1olxn2g" slot="content" data-svelte-h="svelte-o20xib"><h1 class="text-center svelte-1olxn2g">Games</h1></div>`;
+            }
+          })} <section class="games-section svelte-1olxn2g">${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="game-card svelte-1olxn2g" slot="content"><video playsinline autoplay muted loop preload="none" class="svelte-1olxn2g" data-svelte-h="svelte-18m3p75">video unavailable. original video contains pengi gameplay showing the dynamic dialog
+						layout and character animation.
+						<source${add_attribute("src", HeaderPengi, 0)} type="video/mp4" class="svelte-1olxn2g"></video> <section class="game-card-body svelte-1olxn2g"><h1 class="svelte-1olxn2g" data-svelte-h="svelte-kn1e7n">Pengi</h1> <blockquote class="svelte-1olxn2g" data-svelte-h="svelte-l5674o">Well well, quite the dreamer, aren’t you? Might be hard to get in... costs a lot of
+							money...</blockquote> <p class="svelte-1olxn2g" data-svelte-h="svelte-1wwm72v">Pengi is a text-based adventure made in <span class="qt-unity svelte-1olxn2g">Unity</span>. I acted as the sole
+							programmer for the team. Most of the work revolves around UI and creating <a href="https://yarnspinner.dev/" target="_blank" class="svelte-1olxn2g">YarnSpinner</a> commands for writers
+							to use to create expressive stage directions in the script.</p> <section class="game-link-section svelte-1olxn2g"><button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://github.com/GreenTea-M/ProjectPengi" data-svelte-h="svelte-y5jd5x"><img alt="github icon"${add_attribute("src", GithubIcon, 0)} class="svelte-1olxn2g"></button> <button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://turnipxenon.itch.io/pengi" data-svelte-h="svelte-18q5lws"><img alt="itch.io icon"${add_attribute("src", ItchLogoHotLink, 0)} class="svelte-1olxn2g"></button></section></section></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="game-card svelte-1olxn2g" slot="content"> <video playsinline autoplay muted loop preload="none" id="hepcat-video" class="svelte-1olxn2g" data-svelte-h="svelte-11xid74"><source${add_attribute("src", HeaderHepCat, 0)} type="video/mp4" class="svelte-1olxn2g"></video> <section class="game-card-body svelte-1olxn2g"><h1 class="svelte-1olxn2g" data-svelte-h="svelte-1iabfbj">Hepcat</h1> <blockquote class="svelte-1olxn2g" data-svelte-h="svelte-1sm2zx2">&quot;Cats, Jazz, and a little bit of Death. What more could anyone ask for?&quot;</blockquote> <p class="svelte-1olxn2g" data-svelte-h="svelte-hwmnnf">This is a course project made by a team of six for <a href="https://sites.google.com/ualberta.ca/cmput250/" class="svelte-1olxn2g">CMPUT 250</a>, and it won <a href="https://webdocs.cs.ualberta.ca/~nathanst/certificate/" class="svelte-1olxn2g">Game of the year.</a></p> <p class="svelte-1olxn2g" data-svelte-h="svelte-1k65o8o">Hep Cat is a rhythm game made in <a href="https://www.rpgmakerweb.com/products/programs/rpg-maker-mv" target="_blank" class="qt-rpgmaker svelte-1olxn2g">RPG Maker MV</a> with the help of additional custom-made <span class="qt-js svelte-1olxn2g">Javascript</span> plugins. I
+							wrote the rhythm game plugin&#39;s framework. For this plugin to work, I
+							had to write a <span class="qt-python svelte-1olxn2g">Python</span> script that parses osu! files into readable JSON
+							files.</p> <section class="game-link-section svelte-1olxn2g"><button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://bitbucket.org/egginchicken/hep-cat/src/master/" data-svelte-h="svelte-kqolxp"><img alt="bitbucket icon"${add_attribute("src", BitbucketIcon, 0)} class="svelte-1olxn2g"></button> <button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://just-a-phantom.itch.io/hep-cat" data-svelte-h="svelte-85ytls"><img alt="itch.io icon"${add_attribute("src", ItchLogoHotLink, 0)} class="svelte-1olxn2g"></button></section></section></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="game-card svelte-1olxn2g" slot="content"><img${add_attribute("src", HeaderChefWings, 0)} alt="todo" loading="lazy" class="svelte-1olxn2g"> <section class="game-card-body svelte-1olxn2g"><h1 class="svelte-1olxn2g" data-svelte-h="svelte-u3x25k">Chef Wings</h1> <p class="svelte-1olxn2g" data-svelte-h="svelte-1gm838l">A “roguelite-lite” where you gather ingredients in a procedurally-generated dungeon and use
+							them to cook for customers and then critics!</p> <p class="svelte-1olxn2g" data-svelte-h="svelte-1vp4je5">I built and documented several of the game’s systems including the game state management
+							system that extends <span class="qt-unity svelte-1olxn2g">Unity’s</span> existing Monobehavior lifecycle with new events,
+							and the dialogue, event, and level systems that coordinate the game flow using the interactive
+							dialogue tool YarnSpinner</p> <section class="game-link-section svelte-1olxn2g"><button type="button" class="game-button turnip-button svelte-1olxn2g" title="https://selk.io/birb-project/trunk/" data-svelte-h="svelte-1sy1yh1"><img alt="itch.io icon"${add_attribute("src", LinkIcon, 0)} class="svelte-1olxn2g"> <span class="svelte-1olxn2g">selk.io/birb-project/trunk/</span></button></section></section></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="game-card svelte-1olxn2g" slot="content"><video playsinline autoplay muted loop preload="none" class="svelte-1olxn2g" data-svelte-h="svelte-1k9edyw"><source${add_attribute("src", HeaderSoulwork, 0)} type="video/mp4" class="svelte-1olxn2g"></video> <section class="game-card-body svelte-1olxn2g"><h1 class="svelte-1olxn2g" data-svelte-h="svelte-2ce69i">Soulwork</h1> <p class="svelte-1olxn2g" data-svelte-h="svelte-v85h17">Soulwork is a 2D platforming game that uses unique physics to solve puzzle-based levels.
+							This project is a Time to Game Jam entry, restricting game development to be under 48
+							hours.</p> <p class="svelte-1olxn2g" data-svelte-h="svelte-1ulwzoi">I helped make the level designing tools used by the designers to drag-and-drop objects
+							on the stage. I also helped program the unique physics-based gameplay mechanic. This was
+							was made in <span class="qt-unity svelte-1olxn2g">Unity</span> written using <span class="qt-cs svelte-1olxn2g">C#</span>.</p> <section class="game-link-section svelte-1olxn2g"><button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://github.com/Zeyu-Li/Clockwork" data-svelte-h="svelte-pzpykb"><img alt="github icon"${add_attribute("src", GithubIcon, 0)} class="svelte-1olxn2g"></button> <button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://itch.io/jam/time-to-game-jam-gadec-fall-game-jam/rate/514331" data-svelte-h="svelte-bvl96c"><img alt="itch.io icon"${add_attribute("src", ItchLogoHotLink, 0)} class="svelte-1olxn2g"></button></section></section></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, { overrideStyle: "align-self: flex-start;" }, {}, {
+            content: () => {
+              return `<section class="game-card itch-promo svelte-1olxn2g" slot="content"><h1 class="mb-12 text-center svelte-1olxn2g" data-svelte-h="svelte-10vk3r5">Check out my itch.io page for more games</h1> <section class="game-link-section svelte-1olxn2g"><button type="button" class="btn variant-filled-primary turnip-button svelte-1olxn2g" role="link" title="https://turnipxenon.itch.io/" data-svelte-h="svelte-mamccr"><img${add_attribute("src", ItchLogoHotLink, 0)} class="long-btn-image svelte-1olxn2g" alt="itch icon"> <span class="svelte-1olxn2g">TurnipXenon</span></button></section></section>`;
+            }
+          })}</section> ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="section-card title-card svelte-1olxn2g" slot="content" data-svelte-h="svelte-49ylrm"><h1 class="text-center svelte-1olxn2g">Projects</h1></section>`;
+            }
+          })} <section class="projects-section svelte-1olxn2g">${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="project-card svelte-1olxn2g" slot="content"><iframe id="migrante-alberta" width="560" height="315" src="https://www.youtube.com/embed/ZemWwf8jh8E?si=RZwSfYHI-0Ael-RE" title="YouTube video player" style="border: none" allowfullscreen class="svelte-1olxn2g"></iframe> <div class="project-card-body svelte-1olxn2g"> <h2 class="svelte-1olxn2g" data-svelte-h="svelte-1eni4fk">Migrante Alberta</h2> <p class="svelte-1olxn2g" data-svelte-h="svelte-1smwex7">We developed a mobile-first cross-platform application to be used by the Canadian-based
+							Filipino non-profit advocacy group, Migrante Alberta, to help new immigrants navigate
+							through local services and events</p> <p class="svelte-1olxn2g">${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Flutter`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Dart`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Python`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Django`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Heroku`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Android`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Postgresql`;
+                }
+              })}</p>             <section class="game-link-section svelte-1olxn2g"><button type="button" class="btn variant-filled-primary turnip-button svelte-1olxn2g" title="https://selk.io/birb-project/trunk/" data-svelte-h="svelte-121dvtq"><img${add_attribute("src", LinkIcon, 0)} class="long-btn-image svelte-1olxn2g" alt="itch icon"> <span class="svelte-1olxn2g">cmput401.ca</span></button></section></div></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="project-card svelte-1olxn2g" slot="content"><div class="project-card-body svelte-1olxn2g"><h2 class="svelte-1olxn2g" data-svelte-h="svelte-1ir48d3">Decentralized social media</h2> <p class="svelte-1olxn2g" data-svelte-h="svelte-bywg41">We made a full stack decentralized social media app made with <span class="qt-react svelte-1olxn2g">React</span> +
+							<span class="qt-js svelte-1olxn2g">Javascript</span> for the client code, <span class="qt-django svelte-1olxn2g">Django</span> + <span class="qt-python svelte-1olxn2g">Python</span> for the backend code, and <span class="qt-heroku svelte-1olxn2g">Heroku</span> for
+							deployment. This project was made
+							for
+							our Web Applications and Architecture class.</p> <p class="svelte-1olxn2g" data-svelte-h="svelte-1mg86zd">The application can connect with three other decentralized social media app in the same class:</p> <ul class="svelte-1olxn2g" data-svelte-h="svelte-1ltib2n"><li class="svelte-1olxn2g"><a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-14" target="_blank" class="svelte-1olxn2g">Also
+									a social media with the same Django + Python backend server where they act on behalf of
+									our users interacting with theirs</a></li> <li class="svelte-1olxn2g"><a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-7" target="_blank" class="svelte-1olxn2g">A
+									social media that uses Fast API + Python for their backend server</a></li> <li class="svelte-1olxn2g"><a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-12" target="_blank" class="svelte-1olxn2g">Another
+									social media that has Django + Python for their backend but we have to act on behalf of
+									our
+									users interacting with their users</a></li></ul>  <section class="game-link-section svelte-1olxn2g"><button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://github.com/hgshah/cmput404-project" data-svelte-h="svelte-cv2gah"><img${add_attribute("src", GithubIcon, 0)} alt="github icon" class="svelte-1olxn2g"></button></section></div></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="project-card svelte-1olxn2g" slot="content"><img alt="Footage of a visual novel-like dynamic dialog interaction happening on the same page we are on"${add_attribute("src", WeaverFootage, 0)} class="svelte-1olxn2g"> <div class="project-card-body svelte-1olxn2g"><h2 class="svelte-1olxn2g" data-svelte-h="svelte-1tprdy5">Customized Yarnspinner interpreter and dialog runner</h2>
+
+						A custom dialog interpreter, written in <span class="qt-ts svelte-1olxn2g" data-svelte-h="svelte-o30c37">Typescript</span>, that tokenizes then
+						transpiles custom Yarnspinner dialog into a <span class="qt-ts svelte-1olxn2g" data-svelte-h="svelte-o30c37">Typescript</span> file. The said files can
+						be used on a corresponding runner or library, also implemented alongside it, allowing the ability to play a
+						custom-flavor of YarnSpinner dialogs on <span class="qt-svelte svelte-1olxn2g" data-svelte-h="svelte-19momqd">Svelte</span>.
+
+						<section class="game-link-section svelte-1olxn2g"><button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://github.com/TurnipXenon/pineapple/blob/main/docs/PineappleFiberSpec.md" data-svelte-h="svelte-7o1iz5"><img${add_attribute("src", GithubIcon, 0)} alt="github icon" class="svelte-1olxn2g"></button></section></div></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="project-card svelte-1olxn2g" slot="content"><div class="project-card-body svelte-1olxn2g"><h2 class="svelte-1olxn2g" data-svelte-h="svelte-1g6x1gh">Full-stack <span class="qt-c svelte-1olxn2g">C</span> app</h2> <p class="svelte-1olxn2g" data-svelte-h="svelte-1m2910f">A terminal-based app consisting of a server observing several terminal apps all concurrently
+							sending updates to the server, which then broadcasts these information concurrently to all the
+							other terminal apps connected.</p> <p class="svelte-1olxn2g" data-svelte-h="svelte-2glnqi">The project involves <span class="qt-foundation svelte-1olxn2g">multiprocessing</span> programming featuring pthreads and
+							mutexes, and <span class="qt-foundation svelte-1olxn2g">networking</span> via sockets.</p> <section class="game-link-section svelte-1olxn2g"><button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md" data-svelte-h="svelte-ytnfwd"><img${add_attribute("src", GithubIcon, 0)} class="long-btn-image svelte-1olxn2g" alt="github icon"></button></section></div></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="project-card svelte-1olxn2g" slot="content"><img alt="A graph that visualizes the number of memory pages made by Quicksort cached within the window set as
+						time goes by. The trend appears to look like a damping harmonic motion that does not go below the zero line. More
+						details include the data size being 200000 entries, each data point skips 1060174 data points, with a
+						page size of 4096 bytes, and window size of 100000 bytes."${add_attribute("src", WindowSetGraph, 0)} class="svelte-1olxn2g"> <div class="project-card-body svelte-1olxn2g"><h2 class="svelte-1olxn2g" data-svelte-h="svelte-1owlizc">Working set simulation</h2> <p class="svelte-1olxn2g" data-svelte-h="svelte-h0uhw2">A <span class="qt-c svelte-1olxn2g">C</span> program that simulates the working set model based on the output of memory
+							addresses
+							<span class="qt-valgrind svelte-1olxn2g">valgrind</span> detects as being accessed by a program being ran. It&#39;s
+							implemented using a nested hashmap <span class="qt-foundation svelte-1olxn2g">data structure</span> implemented from
+							scratch. The working set is the collection of memory pages referenced by a program within a certain time
+							frame. It comes with a report analyzing and benchmarking how memory allocation, between sorting <span class="qt-foundation svelte-1olxn2g">algorithms</span> heapsort, quicksort, and radixsort, is affected by the window set
+							size, page size, and their input size.</p> <section class="game-link-section svelte-1olxn2g"><button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/REPORT.pdf" data-svelte-h="svelte-5rpf8h"><img${add_attribute("src", GithubIcon, 0)} class="long-btn-image svelte-1olxn2g" alt="github icon"> <span class="svelte-1olxn2g">Benchmark report</span></button> <button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/DESIGN.md" data-svelte-h="svelte-1vbe2nk"><img${add_attribute("src", GithubIcon, 0)} class="long-btn-image svelte-1olxn2g" alt="github icon"> <span class="svelte-1olxn2g">Design</span></button></section></div></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="project-card svelte-1olxn2g" slot="content"><video playsinline autoplay muted loop preload="none" class="svelte-1olxn2g" data-svelte-h="svelte-m5p9b7"><source${add_attribute("src", ThisWebsiteFootage, 0)} type="video/mp4" class="svelte-1olxn2g">
+						video unavailable. original video contains clips of this website being resized and light-dark mode being
+						toggled.</video> <div class="project-card-body svelte-1olxn2g"><h2 class="svelte-1olxn2g" data-svelte-h="svelte-5puumm">This webpage!</h2> <p class="svelte-1olxn2g" data-svelte-h="svelte-1te9sdx">The webpage is made of two parts. The webpage that has the content for everything here, I&#39;ve
+							lovingly called Seaweed. I kept seaweed as a private package. On the other hand, the base package which I
+							want to use for all spin offs of my websites is called Pineapple and have kept that codebase public.</p> <p class="svelte-1olxn2g">${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Svelte`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Skeleton (Svelte UI library)`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Typescript`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `Vercel`;
+                }
+              })} ${validate_component(Chip, "Chip").$$render($$result, {}, {}, {
+                default: () => {
+                  return `YarnSpinner`;
+                }
+              })}</p> <section class="game-link-section svelte-1olxn2g"><button type="button" class="btn variant-filled-primary turnip-button svelte-1olxn2g" role="link" title="https://github.com/TurnipXenon/pineapple" data-svelte-h="svelte-4dm4xx"><img${add_attribute("src", GithubIcon, 0)} class="long-btn-image svelte-1olxn2g" alt="github icon"></button></section></div></section>`;
+            }
+          })} ${validate_component(Card, "Card").$$render($$result, {}, {}, {
+            content: () => {
+              return `<section class="project-card svelte-1olxn2g" slot="content"><div class="project-card-body svelte-1olxn2g"><h2 class="svelte-1olxn2g" data-svelte-h="svelte-1vw6xk1">Mock Uber App</h2> <p class="svelte-1olxn2g" data-svelte-h="svelte-1n8bpk7">A course project app meant to emulate how Uber works by playing with <span class="qt-google svelte-1olxn2g">Google Maps API</span>.</p> <p class="svelte-1olxn2g" data-svelte-h="svelte-1ob0wfp">I implemented all interfaces related to the NoSQL cloud database <span class="qt-firebase qt-google qt-infra svelte-1olxn2g">Firebase</span>, making writing code easier for other programmers (<span class="qt-android svelte-1olxn2g">Android</span> / <span class="qt-java svelte-1olxn2g">Java</span>). I also wrote documentation to said
+							code and added instrumented tests that are tested by the continuous integration tool <span class="qt-infra svelte-1olxn2g">Travis CI</span>, ensuring that our code is tested</p> <section class="game-link-section svelte-1olxn2g"> <button type="button" class="game-button turnip-button svelte-1olxn2g" role="link" title="https://github.com/CMPUT301W20T10/UberApp" data-svelte-h="svelte-9lexjr"><img${add_attribute("src", GithubIcon, 0)} class="long-btn-image svelte-1olxn2g" alt="github icon"></button></section></div></section>`;
+            }
+          })}</section></main>`;
+        }
+      }
+    )}`;
+  } while (!$$settled);
+  $$unsubscribe_page();
+  return $$rendered;
+});
+export {
+  SeaweedTemplate as S
+};