@turnipxenon/pineapple 2.4.44 → 2.4.45

package/.svelte-kit/__package__/template/seaweed/entries/CustomizedYarnspinner.svelte

@@ -0,0 +1,32 @@
+<script>import {} from "./EntryProps";
+import Card from "../../../components/Card.svelte";
+import GithubIcon from "../../../assets/icons/github-mark.svg";
+import WeaverFootage from "../../../assets/others/weaver-footage.gif";
+export let props;
+</script>
+
+
+<Card>
+	<section class="project-card" slot="content">
+		<img alt="Footage of a visual novel-like dynamic dialog interaction happening on the same page we are on"
+		     src={WeaverFootage} />
+
+		<div class="project-card-body">
+			<h2>Customized Yarnspinner interpreter and dialog runner</h2>
+
+			A custom dialog interpreter, written in <span class="qt-ts">Typescript</span>, that tokenizes then
+			transpiles custom Yarnspinner dialog into a <span class="qt-ts">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</span>.
+
+			<section class="game-link-section">
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://github.com/TurnipXenon/pineapple/blob/main/docs/PineappleFiberSpec.md"
+				        on:click={() => window.open("https://github.com/TurnipXenon/pineapple/blob/main/docs/PineappleFiberSpec.md")}>
+					<img src={GithubIcon} alt="github icon">
+				</button>
+			</section>
+		</div>
+	</section>
+</Card>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CustomizedYarnspinnerProps = typeof __propDef.props;
+export type CustomizedYarnspinnerEvents = typeof __propDef.events;
+export type CustomizedYarnspinnerSlots = typeof __propDef.slots;
+export default class CustomizedYarnspinner extends SvelteComponent<CustomizedYarnspinnerProps, CustomizedYarnspinnerEvents, CustomizedYarnspinnerSlots> {
+}
+export {};

package/.svelte-kit/__package__/template/seaweed/entries/DecentralizedSocialMedia.svelte

@@ -0,0 +1,52 @@
+<script>import {} from "./EntryProps";
+import Card from "../../../components/Card.svelte";
+import GithubIcon from "../../../assets/icons/github-mark.svg";
+export let props;
+</script>
+
+<Card>
+	<section class="project-card" slot="content">
+		<div class="project-card-body">
+
+			<h2>Decentralized social media</h2>
+
+			<p>We made a full stack decentralized social media app made with <span class="qt-react">React</span> +
+				<span class="qt-js">Javascript</span> for the client code, <span class="qt-django">Django</span> + <span
+					class="qt-python">Python</span> for the backend code, and <span class="qt-heroku">Heroku</span> for
+				deployment. This project was made
+				for
+				our Web Applications and Architecture class.</p>
+			<p>The application can connect with three other decentralized social media app in the same class:
+			</p>
+			<ul>
+				<li>
+					<a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-14"
+					   target="_blank">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>
+					<a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-7"
+					   target="_blank">A
+						social media that uses Fast API + Python for their backend server</a></li>
+				<li>
+					<a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-12"
+					   target="_blank">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>
+
+			<!-- todo: add tags with Javascript, React, Python, Django, Heroku -->
+
+			<section class="game-link-section">
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://github.com/hgshah/cmput404-project"
+				        on:click={() => window.open("https://github.com/hgshah/cmput404-project")}>
+					<img src={GithubIcon} alt="github icon">
+				</button>
+			</section>
+		</div>
+	</section>
+</Card>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DecentralizedSocialMediaProps = typeof __propDef.props;
+export type DecentralizedSocialMediaEvents = typeof __propDef.events;
+export type DecentralizedSocialMediaSlots = typeof __propDef.slots;
+export default class DecentralizedSocialMedia extends SvelteComponent<DecentralizedSocialMediaProps, DecentralizedSocialMediaEvents, DecentralizedSocialMediaSlots> {
+}
+export {};

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

@@ -0,0 +1,11 @@
+export declare enum DefaultHeader {
+    Games = "Games",
+    Projects = "Projects"
+}
+export interface EntryProps {
+    email: string;
+}
+export interface GroupedEntry {
+    header: string;
+    entryList: EntryProps[];
+}

package/.svelte-kit/__package__/template/seaweed/entries/EntryProps.js

@@ -0,0 +1,5 @@
+export var DefaultHeader;
+(function (DefaultHeader) {
+    DefaultHeader["Games"] = "Games";
+    DefaultHeader["Projects"] = "Projects";
+})(DefaultHeader || (DefaultHeader = {}));

package/.svelte-kit/__package__/template/seaweed/entries/FullStackC.svelte

@@ -0,0 +1,33 @@
+<script>import {} from "./EntryProps";
+import Card from "../../../components/Card.svelte";
+import GithubIcon from "../../../assets/icons/github-mark.svg";
+export let props;
+</script>
+
+<Card>
+	<section class="project-card" slot="content">
+		<div class="project-card-body">
+			<h2>Full-stack <span class="qt-c">C</span> app</h2>
+
+			<p>
+				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>
+				The project involves <span class="qt-foundation">multiprocessing</span> programming featuring pthreads and
+				mutexes, and <span class="qt-foundation">networking</span> via sockets.
+			</p>
+
+			<section class="game-link-section">
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md"
+				        on:click={() => window.open("https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md")}>
+					<img src={GithubIcon} class="long-btn-image" alt="github icon">
+				</button>
+			</section>
+		</div>
+	</section>
+</Card>
+

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FullStackCProps = typeof __propDef.props;
+export type FullStackCEvents = typeof __propDef.events;
+export type FullStackCSlots = typeof __propDef.slots;
+export default class FullStackC extends SvelteComponent<FullStackCProps, FullStackCEvents, FullStackCSlots> {
+}
+export {};

package/.svelte-kit/__package__/template/seaweed/entries/Hepcat.svelte

@@ -0,0 +1,55 @@
+<script>import HeaderHepCat from "../../../assets/temp/header-hep-cat.mp4";
+import BitbucketIcon from "../../../assets/icons/bitbucket-icon.svg";
+import { ItchLogoHotLink } from "../../../consts";
+import Card from "../../../components/Card.svelte";
+export let props;
+</script>
+
+<Card>
+	<section class="game-card" slot="content">
+		<!-- todo: move the image crop a bit lower -->
+		<video playsinline autoplay muted loop preload="none" id="hepcat-video">
+			<source src={HeaderHepCat} type="video/mp4">
+		</video>
+
+		<section class="game-card-body">
+
+			<h1>Hepcat</h1>
+
+			<blockquote>
+				"Cats, Jazz, and a little bit of Death. What more could anyone ask for?"
+			</blockquote>
+
+
+			<p>This is a course project made by a team of six for <a
+				href="https://sites.google.com/ualberta.ca/cmput250/">CMPUT 250</a>, and it won <a
+				href="https://webdocs.cs.ualberta.ca/~nathanst/certificate/">Game of the year.</a>
+			</p>
+
+			<p>
+				Hep Cat is a rhythm game made in <a
+				href="https://www.rpgmakerweb.com/products/programs/rpg-maker-mv" target="_blank" class="qt-rpgmaker">
+				RPG Maker MV</a> with the help of additional custom-made <span class="qt-js">Javascript</span> plugins. I
+				wrote the rhythm game plugin's framework. For this plugin to work, I
+				had to write a <span class="qt-python">Python</span> script that parses osu! files into readable JSON
+				files.
+			</p>
+
+
+			<section class="game-link-section">
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://bitbucket.org/egginchicken/hep-cat/src/master/"
+				        on:click={()=> window.open("https://bitbucket.org/egginchicken/hep-cat/src/master/")}>
+					<img alt="bitbucket icon" src={BitbucketIcon}>
+				</button>
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://just-a-phantom.itch.io/hep-cat"
+				        on:click={()=> window.open("https://just-a-phantom.itch.io/hep-cat")}>
+					<img alt="itch.io icon" src={ItchLogoHotLink}>
+				</button>
+			</section>
+		</section>
+	</section>
+</Card>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type HepcatProps = typeof __propDef.props;
+export type HepcatEvents = typeof __propDef.events;
+export type HepcatSlots = typeof __propDef.slots;
+export default class Hepcat extends SvelteComponent<HepcatProps, HepcatEvents, HepcatSlots> {
+}
+export {};

package/.svelte-kit/__package__/template/seaweed/entries/ItchPromo.svelte

@@ -0,0 +1,21 @@
+<script>import {} from "./EntryProps";
+import { ItchLogoHotLink } from "../../../consts";
+import Card from "../../../components/Card.svelte";
+export let props;
+</script>
+<Card overrideStyle="align-self: flex-start;">
+	<section class="game-card itch-promo" slot="content">
+		<h1 class="mb-12 text-center">Check out my itch.io page for more games</h1>
+
+		<section class="game-link-section">
+			<button type="button" class="btn variant-filled-primary turnip-button"
+			        role="link"
+			        title="https://turnipxenon.itch.io/"
+			        on:click={() => window.open("https://turnipxenon.itch.io/")}>
+				<img src={ItchLogoHotLink} class="long-btn-image" alt="itch icon">
+				<span>TurnipXenon</span>
+			</button>
+		</section>
+
+	</section>
+</Card>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ItchPromoProps = typeof __propDef.props;
+export type ItchPromoEvents = typeof __propDef.events;
+export type ItchPromoSlots = typeof __propDef.slots;
+export default class ItchPromo extends SvelteComponent<ItchPromoProps, ItchPromoEvents, ItchPromoSlots> {
+}
+export {};

package/.svelte-kit/__package__/template/seaweed/entries/MigranteAlberta.svelte

@@ -0,0 +1,54 @@
+<script>import Chip from "../../../components/Chip.svelte";
+import {} from "./EntryProps";
+import LinkIcon from "../../../assets/icons/link-icon.svg";
+import Card from "../../../components/Card.svelte";
+import { getModalStore } from "@skeletonlabs/skeleton";
+export let props;
+const modalStore = getModalStore();
+const cmput401Info = {
+  type: "confirm",
+  title: "Information",
+  body: `As a full disclosure, this link will lead you to <a href='https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398' target='_blank'>https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398</a>. We currently don't have any tests yet ensuring that the link is correct. Click confirm to go to the site. Please report any bugs at <a href='mailto:${props.email}' target='_blank'>${props.email}</a>.`,
+  response: (r) => {
+    if (r) {
+      window.open("https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398");
+    }
+  }
+};
+</script>
+<Card>
+	<section class="project-card" 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></iframe>
+		<div class="project-card-body">
+			<!-- todo: add regression to see if page is gone: https://cmput401.ca/api/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398 -->
+
+			<h2>Migrante Alberta</h2>
+			<p>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>
+				<Chip>Flutter</Chip>
+				<Chip>Dart</Chip>
+				<Chip>Python</Chip>
+				<Chip>Django</Chip>
+				<Chip>Heroku</Chip>
+				<Chip>Android</Chip>
+				<Chip>Postgresql</Chip>
+			</p>
+
+			<section class="game-link-section">
+				<button type="button" class="btn variant-filled-primary turnip-button"
+				        title="https://selk.io/birb-project/trunk/"
+				        on:click={() => modalStore.trigger(cmput401Info)}>
+					<img src={LinkIcon} class="long-btn-image" alt="itch icon">
+					<span>cmput401.ca</span>
+				</button>
+			</section>
+
+		</div>
+	</section>
+</Card>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type MigranteAlbertaProps = typeof __propDef.props;
+export type MigranteAlbertaEvents = typeof __propDef.events;
+export type MigranteAlbertaSlots = typeof __propDef.slots;
+export default class MigranteAlberta extends SvelteComponent<MigranteAlbertaProps, MigranteAlbertaEvents, MigranteAlbertaSlots> {
+}
+export {};

package/.svelte-kit/__package__/template/seaweed/entries/MockUberApp.svelte

@@ -0,0 +1,38 @@
+<script>import {} from "./EntryProps";
+import Card from "../../../components/Card.svelte";
+import GithubIcon from "../../../assets/icons/github-mark.svg";
+import WindowSetGraph from "../../../assets/others/window-set.png";
+import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
+import Chip from "../../../components/Chip.svelte";
+export let props;
+</script>
+
+<Card>
+	<section class="project-card" slot="content">
+		<div class="project-card-body">
+			<h2>Mock Uber App</h2>
+
+			<p>A course project app meant to emulate how Uber works by playing with <span
+				class="qt-google">Google Maps API</span>.
+			</p>
+			<p>
+				I implemented all interfaces related to the NoSQL cloud database <span
+				class="qt-firebase qt-google qt-infra">Firebase</span>, making writing code easier for other programmers
+				(<span
+				class="qt-android">Android</span> / <span class="qt-java">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">Travis CI</span>, ensuring that our code is tested
+			</p>
+
+			<section class="game-link-section">
+				<!-- todo: mock uber app find link -->
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://github.com/CMPUT301W20T10/UberApp"
+				        on:click={() => window.open("https://github.com/CMPUT301W20T10/UberApp")}>
+					<img src={GithubIcon} class="long-btn-image" alt="github icon">
+				</button>
+			</section>
+		</div>
+	</section>
+</Card>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type MockUberAppProps = typeof __propDef.props;
+export type MockUberAppEvents = typeof __propDef.events;
+export type MockUberAppSlots = typeof __propDef.slots;
+export default class MockUberApp extends SvelteComponent<MockUberAppProps, MockUberAppEvents, MockUberAppSlots> {
+}
+export {};

package/.svelte-kit/__package__/template/seaweed/entries/Pengi.svelte

@@ -0,0 +1,49 @@
+<script>import {} from "./EntryProps";
+import HeaderPengi from "../../../assets/temp/header-pengi.mp4";
+import GithubIcon from "../../../assets/icons/github-mark.svg";
+import { ItchLogoHotLink } from "../../../consts";
+import Card from "../../../components/Card.svelte";
+export let props;
+</script>
+
+<Card>
+	<section class="game-card" slot="content">
+		<video playsinline autoplay muted loop preload="none">
+			video unavailable. original video contains pengi gameplay showing the dynamic dialog
+			layout and character animation.
+			<source src={HeaderPengi} type="video/mp4">
+		</video>
+
+		<section class="game-card-body">
+
+			<h1>Pengi</h1>
+
+			<blockquote>
+				Well well, quite the dreamer, aren’t you? Might be hard to get in... costs a lot of
+				money...
+			</blockquote>
+
+			<p>
+				Pengi is a text-based adventure made in <span class="qt-unity">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">YarnSpinner</a> commands for writers
+				to use to create expressive stage directions in the script.
+			</p>
+
+			<section class="game-link-section">
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://github.com/GreenTea-M/ProjectPengi"
+				        on:click={()=> window.open("https://github.com/GreenTea-M/ProjectPengi")}>
+					<img alt="github icon" src={GithubIcon}>
+				</button>
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://turnipxenon.itch.io/pengi"
+				        on:click={()=> window.open("https://turnipxenon.itch.io/pengi")}>
+					<img alt="itch.io icon" src={ItchLogoHotLink}>
+				</button>
+			</section>
+		</section>
+	</section>
+</Card>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PengiProps = typeof __propDef.props;
+export type PengiEvents = typeof __propDef.events;
+export type PengiSlots = typeof __propDef.slots;
+export default class Pengi extends SvelteComponent<PengiProps, PengiEvents, PengiSlots> {
+}
+export {};

package/.svelte-kit/__package__/template/seaweed/entries/Soulwork.svelte

@@ -0,0 +1,46 @@
+<script>import {} from "./EntryProps";
+import HeaderSoulwork from "../../../assets/temp/header-soulwork.mp4";
+import GithubIcon from "../../../assets/icons/github-mark.svg";
+import { ItchLogoHotLink } from "../../../consts";
+import Card from "../../../components/Card.svelte";
+export let props;
+</script>
+
+<Card>
+	<section class="game-card" slot="content">
+		<video playsinline autoplay muted loop preload="none">
+			<source src={HeaderSoulwork} type="video/mp4">
+		</video>
+		<section class="game-card-body">
+
+			<h1>Soulwork</h1>
+
+			<p>
+				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>
+				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">Unity</span> written using <span class="qt-cs">C#</span>.
+			</p>
+
+
+			<section class="game-link-section">
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://github.com/Zeyu-Li/Clockwork"
+				        on:click={()=> window.open("https://github.com/Zeyu-Li/Clockwork")}>
+					<img alt="github icon" src={GithubIcon}>
+				</button>
+				<button type="button" class="game-button turnip-button"
+				        role="link"
+				        title="https://itch.io/jam/time-to-game-jam-gadec-fall-game-jam/rate/514331"
+				        on:click={()=> window.open("https://itch.io/jam/time-to-game-jam-gadec-fall-game-jam/rate/514331")}>
+					<img alt="itch.io icon" src={ItchLogoHotLink}>
+				</button>
+			</section>
+		</section>
+	</section>
+</Card>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SoulworkProps = typeof __propDef.props;
+export type SoulworkEvents = typeof __propDef.events;
+export type SoulworkSlots = typeof __propDef.slots;
+export default class Soulwork extends SvelteComponent<SoulworkProps, SoulworkEvents, SoulworkSlots> {
+}
+export {};

package/.svelte-kit/__package__/template/seaweed/entries/ThisWebpage.svelte

@@ -0,0 +1,45 @@
+<script>import {} from "./EntryProps";
+import Card from "../../../components/Card.svelte";
+import GithubIcon from "../../../assets/icons/github-mark.svg";
+import WindowSetGraph from "../../../assets/others/window-set.png";
+import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
+import Chip from "../../../components/Chip.svelte";
+export let props;
+</script>
+
+<Card>
+	<section class="project-card" slot="content">
+
+		<video playsinline autoplay muted loop preload="none">
+			<source src={ThisWebsiteFootage} type="video/mp4">
+			video unavailable. original video contains clips of this website being resized and light-dark mode being
+			toggled.
+		</video>
+		<div class="project-card-body">
+			<h2>This webpage!</h2>
+
+			<p>
+				The webpage is made of two parts. The webpage that has the content for everything here, I'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>
+				<Chip>Svelte</Chip>
+				<Chip>Skeleton (Svelte UI library)</Chip>
+				<Chip>Typescript</Chip>
+				<Chip>Vercel</Chip>
+				<Chip>YarnSpinner</Chip>
+			</p>
+
+			<section class="game-link-section">
+				<button type="button" class="btn variant-filled-primary turnip-button"
+				        role="link"
+				        title="https://github.com/TurnipXenon/pineapple"
+				        on:click={() => window.open("https://github.com/TurnipXenon/pineapple")}>
+					<img src={GithubIcon} class="long-btn-image" alt="github icon">
+				</button>
+			</section>
+		</div>
+	</section>
+</Card>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { type EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        props: EntryProps;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ThisWebpageProps = typeof __propDef.props;
+export type ThisWebpageEvents = typeof __propDef.events;
+export type ThisWebpageSlots = typeof __propDef.slots;
+export default class ThisWebpage extends SvelteComponent<ThisWebpageProps, ThisWebpageEvents, ThisWebpageSlots> {
+}
+export {};