@turnipxenon/pineapple 2.4.44 → 2.4.46

package/src/lib/template/Seaweed/GameSection.svelte

@@ -1,213 +0,0 @@
-<script lang="ts">
-	export let email = "turnipxenon@gmail.com";
-
-	import "./seaweed.postcss";
-	import HeaderPengi from "$pkg/assets/temp/header-pengi.mp4";
-	import GithubIcon from "$pkg/assets/icons/github-mark.svg";
-	import { ItchLogoHotLink } from "$pkg/consts";
-	import HeaderHepCat from "$pkg/assets/temp/header-hep-cat.mp4";
-	import BitbucketIcon from "$pkg/assets/icons/bitbucket-icon.svg";
-	import HeaderChefWings from "$pkg/assets/game_dev/footage-chef-wings.gif";
-	import LinkIcon from "$pkg/assets/icons/link-icon.svg";
-	import HeaderSoulwork from "$pkg/assets/temp/header-soulwork.mp4";
-	import Card from "$pkg/components/Card.svelte";
-	import { getModalStore, type ModalSettings } 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:${email}' target='_blank'>` +
-			`${email}</a>.`,
-		response: (r: boolean) => {
-			if (r) {
-				window.open("https://selk.io/birb-project/trunk/");
-			}
-		}
-	};
-</script>
-
-<Card>
-	<div class="section-card title-card" slot="content">
-		<h1 class="text-center">Games</h1>
-	</div>
-</Card>
-
-<section class="games-section">
-
-	<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>
-
-	<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>
-
-	<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>
-	<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>
-	<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>
-</section>

package/src/lib/template/Seaweed/ProjectSection.svelte

@@ -1,298 +0,0 @@
-<script lang="ts">
-
-	export let email = "turnipxenon@gmail.com";
-
-	import "./seaweed.postcss";
-	import { getModalStore } from "@skeletonlabs/skeleton";
-	import LinkIcon from "$pkg/assets/icons/link-icon.svg";
-	import GithubIcon from "$pkg/assets/icons/github-mark.svg";
-	import WeaverFootage from "$pkg/assets/others/weaver-footage.gif";
-	import WindowSetGraph from "$pkg/assets/others/window-set.png";
-	import ThisWebsiteFootage from "$pkg/assets/others/seaweed-showcase.mp4";
-	import Card from "$pkg/components/Card.svelte";
-	import Chip from "$pkg/components/Chip.svelte";
-	import type { ModalSettings } from "@skeletonlabs/skeleton";
-
-	const modalStore = getModalStore();
-	const cmput401Info: ModalSettings = {
-		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:${email}' target='_blank'>` +
-			`${email}</a>.`,
-		response: (r: boolean) => {
-			if (r) {
-				window.open("https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398");
-			}
-		}
-	};
-</script>
-
-<Card>
-	<section class="section-card title-card" slot="content">
-		<h1 class="text-center">Projects</h1>
-	</section>
-</Card>
-
-<section class="projects-section">
-	<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>
-				<!-- todo: add a way to ask what did i do via chat?  -->
-				<!--					<p>-->
-				<!--						I helped make reusable Flutter components for the application’s frontend, Dart utility files to-->
-				<!--						help ease writing and debugging calls to the backend, and a troubleshooting documentation-->
-				<!--						for handling common issues-->
-				<!--					</p>-->
-				<!--					<p>-->
-				<!--						Added Python unit tests to the backend endpoints, refactored the backend’s authentication-->
-				<!--						system from plain text to using Django’s authentication system, and wrote a script to ease-->
-				<!--						deployment to Heroku-->
-				<!--					</p>-->
-
-				<!-- todo: add tags with Dart, Flutter, Python, Django, Heroku, Android -->
-
-				<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>
-
-	<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>
-
-	<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>
-
-	<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>
-
-	<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>
-
-	<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>
-
-	<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>
-
-</section>