@turnipxenon/pineapple 2.8.0 → 2.10.0

package/src/lib/template/seaweed/entries/ChefWings.svelte

@@ -1,54 +0,0 @@
-<script lang="ts">
-	export let props: EntryProps;
-
-	import { type EntryProps } from "./EntryProps";
-	import HeaderChefWings from "$pkg/assets/game_dev/footage-chef-wings.gif";
-	import LinkIcon from "$pkg/assets/icons/link-icon.svg";
-	import Card from "$pkg/components/Card.svelte";
-	import type { ModalSettings } from "@skeletonlabs/skeleton";
-	import { getModalStore } from "@skeletonlabs/skeleton";
-
-	const modalStore = getModalStore();
-	const chefWingsWarning: ModalSettings = {
-		type: "confirm",
-		title: "Warning: please confirm",
-		body: "This will directly link to the game itself, since this game does not have any game page or any " +
-			"publicly viewable source code. The game is only playable on desktop. " +
-			`Are you sure you wish to proceed? If there are any bugs, please report at <a href='mailto:${props.email}' target='_blank'>` +
-			`${props.email}</a>.`,
-		response: (r: boolean) => {
-			if (r) {
-				window.open("https://selk.io/birb-project/trunk/");
-			}
-		}
-	};
-</script>
-
-<Card>
-	<section class="game-card" slot="content">
-		<img src={HeaderChefWings} alt="todo" loading="lazy">
-		<section class="game-card-body">
-
-			<h1>Chef Wings</h1>
-			<p>
-				A “roguelite-lite” where you gather ingredients in a procedurally-generated dungeon and use
-				them to cook for customers and then critics!
-			</p>
-			<p>
-				I built and documented several of the game’s systems including the game state management
-				system that extends <span class="qt-unity">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">
-				<button type="button" class="game-button turnip-button"
-				        title="https://selk.io/birb-project/trunk/"
-				        on:click={()=>modalStore.trigger(chefWingsWarning)}>
-					<img alt="itch.io icon" src={LinkIcon}>
-					<span>selk.io/birb-project/trunk/</span>
-				</button>
-			</section>
-		</section>
-	</section>
-</Card>

package/src/lib/template/seaweed/entries/CustomizedYarnspinner.svelte

@@ -1,34 +0,0 @@
-<script lang="ts">
-	import { type EntryProps } from "./EntryProps";
-	import Card from "$pkg/components/Card.svelte";
-	import GithubIcon from "$pkg/assets/icons/github-mark.svg";
-	import WeaverFootage from "$pkg/assets/others/weaver-footage.gif";
-
-	export let props: EntryProps;
-</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/src/lib/template/seaweed/entries/EntryProps.ts

@@ -1,19 +0,0 @@
-import type { SeaweedTemplateData } from "$pkg/template/seaweed/SeaweedTemplateData";
-
-export enum DefaultHeader {
-	Games = "Games",
-	Projects = "Projects"
-}
-
-export interface EntryProps {
-	email: string;
-	letChaos: boolean;
-	linkedinSlug: string;
-	name: string;
-	seaweedTemplateData: SeaweedTemplateData;
-}
-
-export interface GroupedEntry {
-	header: string;
-	entryList: EntryProps[];
-}

package/src/lib/template/seaweed/entries/Hepcat.svelte

@@ -1,58 +0,0 @@
-<script lang="ts">
-	import type { EntryProps } from "./EntryProps";
-	import HeaderHepCat from "$pkg/assets/temp/header-hep-cat.mp4";
-	import BitbucketIcon from "$pkg/assets/icons/bitbucket-icon.svg";
-	import { ItchLogoHotLink } from "$pkg/consts";
-	import Card from "$pkg/components/Card.svelte";
-
-	export let props: EntryProps;
-</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/src/lib/template/seaweed/entries/Pengi.svelte

@@ -1,51 +0,0 @@
-<script lang="ts">
-	import { type EntryProps } from "./EntryProps";
-	import HeaderPengi from "$pkg/assets/temp/header-pengi.mp4";
-	import GithubIcon from "$pkg/assets/icons/github-mark.svg";
-	import { ItchLogoHotLink } from "$pkg/consts";
-	import Card from "$pkg/components/Card.svelte";
-
-	export let props: EntryProps;
-</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/src/lib/template/seaweed/entries/Soulwork.svelte

@@ -1,48 +0,0 @@
-<script lang="ts">
-	import { type EntryProps } from "./EntryProps";
-	import HeaderSoulwork from "$pkg/assets/temp/header-soulwork.mp4";
-	import GithubIcon from "$pkg/assets/icons/github-mark.svg";
-	import { ItchLogoHotLink } from "$pkg/consts";
-	import Card from "$pkg/components/Card.svelte";
-
-	export let props: EntryProps;
-</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/src/lib/template/seaweed/entries/ThisWebpage.svelte

@@ -1,49 +0,0 @@
-<script lang="ts">
-	import { type EntryProps } from "./EntryProps";
-	import Card from "$pkg/components/Card.svelte";
-	import GithubIcon from "$pkg/assets/icons/github-mark.svg";
-	import ThisWebsiteFootage from "$pkg/assets/others/seaweed-showcase.mp4";
-	import { Chip } from "$pkg";
-
-	// noinspection JSUnusedGlobalSymbols
-	export let props: EntryProps;
-</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 with 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>The webpage can dynamically emphasize terms, rearrange the layout, use different terms, and save all these configurations as a shortened link. Additionally fetches the latest blog entries from turnipxenon.com via REST calls.</p>
-
-			<p>
-				<Chip>Svelte</Chip>
-				<Chip>Skeleton (Svelte UI library)</Chip>
-				<Chip>Typescript</Chip>
-				<Chip>Vercel</Chip>
-				<Chip>YarnSpinner</Chip>
-				<Chip>Postgres (SQL database)</Chip>
-				<Chip>Prisma ORM</Chip>
-				<Chip>RESTful API</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/src/lib/template/seaweed/entries/WorkExperience.svelte

@@ -1,116 +0,0 @@
-<script lang="ts">
-	import SocialSection from "$pkg/components/SocialSection.svelte";
-	import Card from "$pkg/components/Card.svelte";
-	import { Accordion, AccordionItem } from "@skeletonlabs/skeleton";
-	import ElementVisibilityDetector from "$pkg/components/ElementVisbilityDetector.svelte";
-	import type { EntryProps } from "$pkg/template/seaweed/entries/EntryProps";
-
-	export let entryProps: EntryProps;
-	export let isVisible: boolean;
-	let { email, letChaos, linkedinSlug, name } = entryProps;
-</script>
-
-<div class="experience-and-about-div">
-
-	<div class="greater-about-div">
-
-		<Card includeDataNoSnippet={false}>
-			<section class="section-card" slot="content">
-
-				<h1>About</h1>
-
-				<p>
-					Hi! My name is {name}! I work as a software developer. Outside of that, I like making games, and
-					trying to do everything in between required to make one. I have some showcased below, our visit
-					my itch.io page for more of them.
-				</p>
-				<!-- todo: link the degree details idk -->
-				<p>
-					I also graduated with BS Computing Science, Specializing in Software Practice, and a
-					certificate in Computer Game Development at University of Alberta.
-				</p>
-				{#if entryProps.seaweedTemplateData.shouldAddFunNote}
-					<p>
-						I'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,
-						Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.
-					</p>
-				{/if}
-
-				<!-- todo: maybe put cute stuff here -->
-				<!--						</ToggleableContent>-->
-			</section>
-		</Card>
-
-		<Card>
-			<section class="section-card" slot="content">
-				<SocialSection email={email} linkedinSlug={linkedinSlug}></SocialSection>
-				<ElementVisibilityDetector bind:isVisible={isVisible}>
-				</ElementVisibilityDetector>
-			</section>
-		</Card>
-
-	</div>
-
-	<Card>
-		<section class="section-card" slot="content">
-			<h1>Experience</h1>
-
-			<h2>Highlight</h2>
-			<p>I like French Fries</p>
-
-			<h2>Software Engineer</h2>
-			<div class="two-column-separated">
-				<div>July 2023 – January 2024</div>
-				<div style="text-align: end">Control, Remote</div>
-			</div>
-			<ul>
-				<li>
-					Developed things
-				</li>
-				<li>
-					Woah
-				</li>
-			</ul>
-			<br>
-
-			<h2>Software Engineer Intern</h2>
-			<div class="two-column-separated">
-				<div>May 2022 – Aug 2022</div>
-				<div style="text-align: end">Pou Company</div>
-			</div>
-			<ul>
-				<li>
-					Stuff
-				</li>
-				<li>
-					Golang
-				</li>
-			</ul>
-			<br>
-			<!-- todo: turn off flashing when accordion is expanded -->
-			<Accordion>
-				<AccordionItem>
-					<div slot="summary">
-						<h2 class="accordion-header">More experience</h2>
-					</div>
-					<svelte:fragment slot="content">
-						<section class="more-section">
-							<h2>Software Engineer Intern</h2>
-							<div class="two-column-separated">
-								<div>May 2021 – Dec 2021</div>
-								<div style="text-align: end">Testing</div>
-							</div>
-							<ul>
-								<li>
-									Amazing
-								</li>
-							</ul>
-							<br>
-						</section>
-					</svelte:fragment>
-				</AccordionItem>
-			</Accordion>
-		</section>
-	</Card>
-
-</div>

package/src/lib/template/seaweed/entries/Workset.svelte

@@ -1,51 +0,0 @@
-<script lang="ts">
-	import { type EntryProps } from "./EntryProps";
-	import Card from "$pkg/components/Card.svelte";
-	import GithubIcon from "$pkg/assets/icons/github-mark.svg";
-	import WindowSetGraph from "$pkg/assets/others/window-set.png";
-
-	// noinspection JSUnusedGlobalSymbols
-	export let props: EntryProps;
-</script>
-
-<Card>
-	<section class="project-card" 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."
-			src={WindowSetGraph} />
-		<div class="project-card-body">
-			<h2>Working set simulation</h2>
-
-			<p>
-				A <span class="qt-c">C</span> program that simulates the working set model based on the output of memory
-				addresses
-				<span class="qt-valgrind">valgrind</span> detects as being accessed by a program being ran. It's
-				implemented using a nested hashmap <span class="qt-foundation">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">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">
-				<button type="button" class="game-button turnip-button"
-				        role="link"
-				        title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/REPORT.pdf"
-				        on:click={() => window.open("https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/REPORT.pdf")}>
-					<img src={GithubIcon} class="long-btn-image" alt="github icon">
-					<span>Benchmark report</span>
-				</button>
-				<button type="button" class="game-button turnip-button"
-				        role="link"
-				        title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/DESIGN.md"
-				        on:click={() => window.open("https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/DESIGN.md")}>
-					<img src={GithubIcon} class="long-btn-image" alt="github icon">
-					<span>Design</span>
-				</button>
-			</section>
-		</div>
-	</section>
-</Card>