@turnipxenon/pineapple 2.4.43 → 2.4.45

package/.vercel/output/functions/fn.func/.svelte-kit/output/server/chunks/SeaweedTemplate.js

@@ -1,597 +0,0 @@
-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 css$4 = {
-  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$4);
-  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 ItchLogoHotLink = "https://static.itch.io/images/itchio-textless-black.svg";
-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 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$3 = {
-  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$3);
-  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$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
-};