@turnipxenon/pineapple 2.4.9 → 2.4.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.idea/workspace.xml +16 -14
- package/.svelte-kit/__package__/app.postcss +2 -2
- package/.svelte-kit/__package__/components/Card.svelte +19 -15
- package/.svelte-kit/__package__/components/Card.svelte.d.ts +6 -18
- package/.svelte-kit/__package__/components/SocialSection.svelte +1 -1
- package/.svelte-kit/__package__/template/SeaweedTemplate.svelte +1 -2
- package/.svelte-kit/generated/server/internal.js +1 -1
- package/.svelte-kit/output/client/.vite/manifest.json +24 -24
- package/.svelte-kit/output/client/_app/immutable/assets/{SeaweedTemplate.BH7AvcuU.css → SeaweedTemplate.Dne103Fv.css} +1 -1
- package/.svelte-kit/output/client/_app/immutable/chunks/{PineappleBaseLayout.DdGWsnyi.js → PineappleBaseLayout.DLZBJSuK.js} +1 -1
- package/.svelte-kit/output/client/_app/immutable/chunks/SeaweedTemplate.3-zGXu-z.js +98 -0
- package/.svelte-kit/output/client/_app/immutable/chunks/{entry.BDmdRPH5.js → entry.C_e0Mj5-.js} +2 -2
- package/.svelte-kit/output/client/_app/immutable/chunks/{store.BfzQujUy.js → store.DeTea_VV.js} +1 -1
- package/.svelte-kit/output/client/_app/immutable/entry/{app.B6Eth0sH.js → app.CtI5urfJ.js} +2 -2
- package/.svelte-kit/output/client/_app/immutable/entry/start.xt1NqQCl.js +1 -0
- package/.svelte-kit/output/client/_app/immutable/nodes/{2.BuT42zDc.js → 2.tgk_XChV.js} +1 -1
- package/.svelte-kit/output/client/_app/immutable/nodes/{3.DV0BtN86.js → 3.CxPwEJYT.js} +1 -1
- package/.svelte-kit/output/client/_app/immutable/nodes/{5.BXHaR-um.js → 5.Bt89_iH4.js} +1 -1
- package/.svelte-kit/output/client/_app/immutable/nodes/{6.OxNpGRSp.js → 6.BEdq2882.js} +1 -1
- package/.svelte-kit/output/client/_app/version.json +1 -1
- package/.svelte-kit/output/prerendered/pages/portfolio.html +44 -44
- package/.svelte-kit/output/server/.vite/manifest.json +1 -1
- package/.svelte-kit/output/server/_app/immutable/assets/{SeaweedTemplate.BH7AvcuU.css → SeaweedTemplate.Dne103Fv.css} +1 -1
- package/.svelte-kit/output/server/chunks/SeaweedTemplate.js +8 -5
- package/.svelte-kit/output/server/chunks/internal.js +1 -1
- package/.svelte-kit/output/server/manifest-full.js +1 -1
- package/.svelte-kit/output/server/manifest.js +1 -1
- package/.svelte-kit/output/server/nodes/2.js +1 -1
- package/.svelte-kit/output/server/nodes/3.js +1 -1
- package/.svelte-kit/output/server/nodes/5.js +2 -2
- package/.svelte-kit/output/server/nodes/6.js +2 -2
- package/dist/app.postcss +2 -2
- package/dist/components/Card.svelte +19 -15
- package/dist/components/Card.svelte.d.ts +6 -18
- package/dist/components/SocialSection.svelte +1 -1
- package/dist/template/SeaweedTemplate.svelte +1 -2
- package/package.json +1 -1
- package/src/lib/app.postcss +2 -2
- package/src/lib/components/Card.svelte +13 -6
- package/src/lib/components/SocialSection.svelte +1 -1
- package/src/lib/template/SeaweedTemplate.svelte +1 -2
- package/.svelte-kit/output/client/_app/immutable/chunks/SeaweedTemplate.BBIpJoI2.js +0 -98
- package/.svelte-kit/output/client/_app/immutable/entry/start.jawNkQ_c.js +0 -1
|
@@ -7,21 +7,21 @@
|
|
|
7
7
|
|
|
8
8
|
<link href="./_app/immutable/assets/0.CIpy7FrR.css" rel="stylesheet">
|
|
9
9
|
<link href="./_app/immutable/assets/ProgressBar.Cirlo5Z8.css" rel="stylesheet">
|
|
10
|
-
<link href="./_app/immutable/assets/SeaweedTemplate.
|
|
10
|
+
<link href="./_app/immutable/assets/SeaweedTemplate.Dne103Fv.css" rel="stylesheet">
|
|
11
11
|
<link href="./_app/immutable/assets/store.y2fRW0z7.css" rel="stylesheet">
|
|
12
|
-
<link rel="modulepreload" href="./_app/immutable/entry/start.
|
|
13
|
-
<link rel="modulepreload" href="./_app/immutable/chunks/entry.
|
|
12
|
+
<link rel="modulepreload" href="./_app/immutable/entry/start.xt1NqQCl.js">
|
|
13
|
+
<link rel="modulepreload" href="./_app/immutable/chunks/entry.C_e0Mj5-.js">
|
|
14
14
|
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.DJdG0Qxb.js">
|
|
15
15
|
<link rel="modulepreload" href="./_app/immutable/chunks/index.DM9YwQfI.js">
|
|
16
|
-
<link rel="modulepreload" href="./_app/immutable/entry/app.
|
|
16
|
+
<link rel="modulepreload" href="./_app/immutable/entry/app.CtI5urfJ.js">
|
|
17
17
|
<link rel="modulepreload" href="./_app/immutable/chunks/index.BgUXYai5.js">
|
|
18
18
|
<link rel="modulepreload" href="./_app/immutable/nodes/0.5ibwyEBM.js">
|
|
19
19
|
<link rel="modulepreload" href="./_app/immutable/chunks/transitions.DM45rqx4.js">
|
|
20
20
|
<link rel="modulepreload" href="./_app/immutable/chunks/index.CvmYViMX.js">
|
|
21
21
|
<link rel="modulepreload" href="./_app/immutable/chunks/ProgressBar.svelte_svelte_type_style_lang.sh-s555A.js">
|
|
22
|
-
<link rel="modulepreload" href="./_app/immutable/nodes/5.
|
|
23
|
-
<link rel="modulepreload" href="./_app/immutable/chunks/SeaweedTemplate.
|
|
24
|
-
<link rel="modulepreload" href="./_app/immutable/chunks/store.
|
|
22
|
+
<link rel="modulepreload" href="./_app/immutable/nodes/5.Bt89_iH4.js">
|
|
23
|
+
<link rel="modulepreload" href="./_app/immutable/chunks/SeaweedTemplate.3-zGXu-z.js">
|
|
24
|
+
<link rel="modulepreload" href="./_app/immutable/chunks/store.DeTea_VV.js">
|
|
25
25
|
<link rel="modulepreload" href="./_app/immutable/chunks/DialogManagerStore.CauD3dIa.js"><title>Welcome to my portfolio</title><!-- HEAD_svelte-9y1u9g_START --><meta charset="utf-8"><meta name="twitter:card" content="summary"><meta property="og:url" content="https://www.crouton.com/test/portfolio-base-layout"><meta property="og:title" content="Turnip"><meta property="og:description" content="Welcome to Turnip's test portfolio website"><meta property="og:image" content="/_app/immutable/assets/placeholder_circle.Ij3bN7bI.png"><!-- HEAD_svelte-9y1u9g_END --><!-- HEAD_svelte-19or0ga_START --><!-- HTML_TAG_START --><script>function autoModeWatcher() {
|
|
26
26
|
const mql = window.matchMedia("(prefers-color-scheme: light)");
|
|
27
27
|
function setMode(value) {
|
|
@@ -50,29 +50,29 @@
|
|
|
50
50
|
<div style="display: contents" class="h-full overflow-hidden"> <div id="appShell" class="w-full h-full flex flex-col overflow-hidden " data-testid="app-shell"> <header id="shell-header" class="flex-none z-10"> <div class="app-bar flex flex-col app-shell-token space-y-4 p-4 " data-testid="app-bar" role="toolbar" aria-label="" aria-labelledby=""> <div class="app-bar-row-main grid items-center grid-cols-[auto_1fr_auto] gap-4 "> <div class="app-bar-slot-lead flex-none flex justify-between items-center "><span class="lead-slot-placeholder svelte-12byvuz"></span> <div hidden><div class="socials svelte-urhqdc isSmall" style="
|
|
51
51
|
--preferred-justify-content: flex-start;
|
|
52
52
|
--preferred-overall-margin-bottom: 0;
|
|
53
|
-
"><button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://github.com/TurnipXenon"><img src="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" alt="github icon" class="svelte-urhqdc"> </button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://www.linkedin.com/in/turnip-xenon/"><img src="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" alt="linkedikn icon" class="svelte-urhqdc"> </button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="mailto:turnipxenon@gmail.com"><img src="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" alt="mail icon" class="svelte-urhqdc"> </button> </div></div></div> <div class="app-bar-slot-default flex-auto place-content-start"></div> <div class="app-bar-slot-trail flex-none flex items-center space-x-4 "> <div class="lightswitch-track cursor-pointer transition-all duration-[200ms] w-12 h-6 ring-[1px] ring-surface-500/30 rounded-token bg-surface-900 " role="switch" aria-label="Light Switch" aria-checked="false" title="Toggle light or dark mode." tabindex="0"> <div class="lightswitch-thumb aspect-square scale-[0.8] flex justify-center items-center transition-all duration-[200ms] h-6 rounded-token bg-surface-400 "> <svg class="lightswitch-icon w-[70%] aspect-square fill-surface-900" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"></path></svg></div></div> </div></div> </div> </header> <div class="flex-auto w-full h-full flex overflow-hidden"> <div id="page" class=" flex-1 overflow-x-hidden flex flex-col" style="scrollbar-gutter: auto;"> <main id="page-content" class="flex-auto "> <div class="default-background svelte-1tt2a7v" aria-hidden="true"><div style="--paddingTop: 5.26605453598313rem; --paddingLeft: 2.4503168454393744rem; --paddingRight: 4.7205093004740775rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-20.762148352805525deg;" alt=""> </div><div style="--paddingTop: 5.684549176134169rem; --paddingLeft: 4.092249729670584rem; --paddingRight: 5.429151457734406rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.006468491163105deg;" alt=""> </div><div style="--paddingTop: 2.0634977906011045rem; --paddingLeft: 2.438559233210981rem; --paddingRight: 2.5541199292056262rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:23.763833586126566deg;" alt=""> </div><div style="--paddingTop: 5.402289428282529rem; --paddingLeft: 3.887308228528127rem; --paddingRight: 5.465876837493852rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:26.924480376765132deg;" alt=""> </div><div style="--paddingTop: 5.194744443753734rem; --paddingLeft: 4.650071437004954rem; --paddingRight: 4.100181128829718rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-29.257336298469454deg;" alt=""> </div><div style="--paddingTop: 3.105983363930136rem; --paddingLeft: 4.8147734850645065rem; --paddingRight: 3.7736594900488853rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-0.1747203734703362deg;" alt=""> </div><div style="--paddingTop: 3.1503615570254624rem; --paddingLeft: 4.931071857223287rem; --paddingRight: 3.578084170818329rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-2.362056083511561deg;" alt=""> </div><div style="--paddingTop: 5.484414892969653rem; --paddingLeft: 1.8504389901645482rem; --paddingRight: 4.154510899912566rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:25.190767587628216deg;" alt=""> </div><div style="--paddingTop: 6.735542586538941rem; --paddingLeft: 1.8905917929951102rem; --paddingRight: 1.5639226513449103rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:29.89427536027506deg;" alt=""> </div><div style="--paddingTop: 3.3010518413502723rem; --paddingLeft: 1.0622649630531669rem; --paddingRight: 3.5262458925135434rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-19.385566140990704deg;" alt=""> </div><div style="--paddingTop: 4.564920252887532rem; --paddingLeft: 4.814812843920663rem; --paddingRight: 4.303190894657746rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:10.608532321639359deg;" alt=""> </div><div style="--paddingTop: 4.264467359986156rem; --paddingLeft: 3.268945393152535rem; --paddingRight: 1.792556272353977rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:43.225474341306835deg;" alt=""> </div><div style="--paddingTop: 7.408468573121354rem; --paddingLeft: 2.6412752494215965rem; --paddingRight: 3.4941075616516173rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:10.757228143047541deg;" alt=""> </div><div style="--paddingTop: 1.7343727787956595rem; --paddingLeft: 3.133078327169642rem; --paddingRight: 2.152242274256423rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:36.45973610691726deg;" alt=""> </div><div style="--paddingTop: 2.4323073741979897rem; --paddingLeft: 4.577729800017551rem; --paddingRight: 5.8602801852393895rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:9.425695140380412deg;" alt=""> </div><div style="--paddingTop: 1.836647221352905rem; --paddingLeft: 1.6119540811050683rem; --paddingRight: 3.1903579588979483rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:9.327324831392616deg;" alt=""> </div><div style="--paddingTop: 3.659704332938418rem; --paddingLeft: 3.521847519092262rem; --paddingRight: 5.2880855745170265rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-29.42938617663458deg;" alt=""> </div><div style="--paddingTop: 2.5847665939945728rem; --paddingLeft: 1.2313061419408768rem; --paddingRight: 1.505896219983697rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.53883958561346deg;" alt=""> </div><div style="--paddingTop: 2.0243200976401567rem; --paddingLeft: 3.6802960212808102rem; --paddingRight: 1.5629380163736641rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-37.67081531463191deg;" alt=""> </div><div style="--paddingTop: 4.640844183741137rem; --paddingLeft: 5.53377537894994rem; --paddingRight: 4.255517085781321rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-35.41517423931509deg;" alt=""> </div><div style="--paddingTop: 3.0311619699932635rem; --paddingLeft: 3.0147791772615165rem; --paddingRight: 4.884288596455008rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-4.039773589465767deg;" alt=""> </div><div style="--paddingTop: 1.402586646610871rem; --paddingLeft: 4.766384025802836rem; --paddingRight: 2.033673455240205rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.729924488812685deg;" alt=""> </div><div style="--paddingTop: 3.667286009993404rem; --paddingLeft: 5.663755282526836rem; --paddingRight: 3.012988708447665rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.893850868102163deg;" alt=""> </div><div style="--paddingTop: 4.269682650687173rem; --paddingLeft: 4.429046662058681rem; --paddingRight: 5.550996541511267rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:37.698736146558076deg;" alt=""> </div><div style="--paddingTop: 6.209183836588636rem; --paddingLeft: 5.895536255789921rem; --paddingRight: 3.503280844539404rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:14.846977447159588deg;" alt=""> </div><div style="--paddingTop: 5.683723753318191rem; --paddingLeft: 5.816322315018624rem; --paddingRight: 1.6337440817151219rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:11.89650111598894deg;" alt=""> </div><div style="--paddingTop: 5.299866736168042rem; --paddingLeft: 5.3781184300314635rem; --paddingRight: 2.3422425813041627rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-20.70675126509741deg;" alt=""> </div><div style="--paddingTop: 5.481154000852257rem; --paddingLeft: 5.672591320704669rem; --paddingRight: 3.104034785879776rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:12.56179041462019deg;" alt=""> </div><div style="--paddingTop: 4.582558177178726rem; --paddingLeft: 4.801086911698803rem; --paddingRight: 5.859403668669984rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:0.442941568326205deg;" alt=""> </div><div style="--paddingTop: 5.409071466187015rem; --paddingLeft: 2.513751834863797rem; --paddingRight: 4.396012720186263rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-28.828881320077926deg;" alt=""> </div><div style="--paddingTop: 7.95854025054723rem; --paddingLeft: 4.865033206529915rem; --paddingRight: 5.975567647488788rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:35.51143536809832deg;" alt=""> </div><div style="--paddingTop: 5.903080741874874rem; --paddingLeft: 2.2162328872364014rem; --paddingRight: 3.252681254176423rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-12.217660567257553deg;" alt=""> </div><div style="--paddingTop: 7.787161917425692rem; --paddingLeft: 4.985808631405234rem; --paddingRight: 3.3514223494566977rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:18.45850426470861deg;" alt=""> </div><div style="--paddingTop: 6.150570406811312rem; --paddingLeft: 5.1787290025968105rem; --paddingRight: 2.6882430599071085rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:39.87381401471794deg;" alt=""> </div><div style="--paddingTop: 3.8363393703475595rem; --paddingLeft: 3.1582123590633273rem; --paddingRight: 5.2675822239834815rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:33.03171563660726deg;" alt=""> </div><div style="--paddingTop: 4.1453266956377774rem; --paddingLeft: 4.107030362589285rem; --paddingRight: 1.6507559423334897rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.91449484601617deg;" alt=""> </div><div style="--paddingTop: 4.725333371665329rem; --paddingLeft: 1.8162749174516648rem; --paddingRight: 5.798498667078093rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-38.35756746120751deg;" alt=""> </div><div style="--paddingTop: 1.5089293310884386rem; --paddingLeft: 2.5100798150524497rem; --paddingRight: 3.6681505842134356rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:42.61579245328903deg;" alt=""> </div><div style="--paddingTop: 1.7381626386195421rem; --paddingLeft: 5.523076596669853rem; --paddingRight: 2.6806145117152482rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-6.631902898661792deg;" alt=""> </div><div style="--paddingTop: 3.4943165606819093rem; --paddingLeft: 4.9465619216207415rem; --paddingRight: 2.6571179626043886rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:1.65621901396662deg;" alt=""> </div><div style="--paddingTop: 3.9604942568112165rem; --paddingLeft: 4.600496993167326rem; --paddingRight: 2.1591315222904086rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-40.10713118361309deg;" alt=""> </div><div style="--paddingTop: 7.336768922628835rem; --paddingLeft: 5.468497162451968rem; --paddingRight: 5.084382762666792rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-7.497612093575299deg;" alt=""> </div><div style="--paddingTop: 6.771512049948797rem; --paddingLeft: 5.979979560011998rem; --paddingRight: 5.026925369398668rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-16.689348430372775deg;" alt=""> </div><div style="--paddingTop: 2.6899379421956837rem; --paddingLeft: 2.3100179750472307rem; --paddingRight: 3.849782172124833rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-7.7151472074911deg;" alt=""> </div><div style="--paddingTop: 6.83952613407746rem; --paddingLeft: 2.18864189600572rem; --paddingRight: 4.657817981438711rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:32.44271454401314deg;" alt=""> </div><div style="--paddingTop: 1.8917981395497918rem; --paddingLeft: 4.638359699398279rem; --paddingRight: 5.24399706767872rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-36.54778267722577deg;" alt=""> </div><div style="--paddingTop: 5.96055601676926rem; --paddingLeft: 5.180709377396852rem; --paddingRight: 2.6256169776897877rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-38.682694758754224deg;" alt=""> </div><div style="--paddingTop: 3.012010831385851rem; --paddingLeft: 2.1295663320925087rem; --paddingRight: 1.4662391392048448rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.116446441505104deg;" alt=""> </div><div style="--paddingTop: 6.3086371794342995rem; --paddingLeft: 4.543818322941661rem; --paddingRight: 5.359233232680708rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:20.31812057364732deg;" alt=""> </div><div style="--paddingTop: 1.014114011079073rem; --paddingLeft: 3.571994949830696rem; --paddingRight: 1.1743850787170231rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-5.463766674511135deg;" alt=""> </div><div style="--paddingTop: 1.6318824705667794rem; --paddingLeft: 5.099629787961021rem; --paddingRight: 4.299150079255924rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.13877567043528deg;" alt=""> </div><div style="--paddingTop: 1.294339683605358rem; --paddingLeft: 1.3175894462037832rem; --paddingRight: 1.4653337690979242rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.722857780288905deg;" alt=""> </div><div style="--paddingTop: 6.76198220346123rem; --paddingLeft: 4.569899753201753rem; --paddingRight: 5.302422895561904rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-15.046633835881948deg;" alt=""> </div><div style="--paddingTop: 1.2392775202170014rem; --paddingLeft: 4.682081396691501rem; --paddingRight: 1.2335419331211597rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:42.825588011182845deg;" alt=""> </div><div style="--paddingTop: 3.5600359686650336rem; --paddingLeft: 4.988403199473396rem; --paddingRight: 4.314902294659987rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.752775358967483deg;" alt=""> </div><div style="--paddingTop: 3.4103609332814813rem; --paddingLeft: 2.5456604037899524rem; --paddingRight: 5.496308374218643rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-3.7365774996578693deg;" alt=""> </div><div style="--paddingTop: 5.079298396129161rem; --paddingLeft: 4.203202106524259rem; --paddingRight: 2.1743998515885323rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-44.85816843342036deg;" alt=""> </div><div style="--paddingTop: 2.4324846458621323rem; --paddingLeft: 4.545360217103735rem; --paddingRight: 5.51484001823701rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.256946004461497deg;" alt=""> </div><div style="--paddingTop: 7.56840994535014rem; --paddingLeft: 2.13166187889874rem; --paddingRight: 5.542068572482094rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-11.06328969122842deg;" alt=""> </div><div style="--paddingTop: 6.863856974756345rem; --paddingLeft: 4.6556990223471075rem; --paddingRight: 4.597719221143052rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:44.02999499347061deg;" alt=""> </div><div style="--paddingTop: 6.942853053798899rem; --paddingLeft: 4.417134708724916rem; --paddingRight: 3.111057487782091rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.597562675364316deg;" alt=""> </div><div style="--paddingTop: 5.8048567534424365rem; --paddingLeft: 1.250448768492788rem; --paddingRight: 2.6782896546646953rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:15.77796058729291deg;" alt=""> </div><div style="--paddingTop: 2.707364531699568rem; --paddingLeft: 2.260142136598006rem; --paddingRight: 4.471728942822665rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-1.2658782466314733deg;" alt=""> </div><div style="--paddingTop: 6.573820045450702rem; --paddingLeft: 3.1127470419742167rem; --paddingRight: 1.1001770934090018rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-20.161245334893465deg;" alt=""> </div><div style="--paddingTop: 3.2992949143517762rem; --paddingLeft: 2.979590291157365rem; --paddingRight: 4.489889249904081rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.10120677947998deg;" alt=""> </div><div style="--paddingTop: 7.113604040350765rem; --paddingLeft: 5.898317421320826rem; --paddingRight: 5.067550839390606rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:40.7607658021152deg;" alt=""> </div><div style="--paddingTop: 6.937999795423821rem; --paddingLeft: 5.7073057980742306rem; --paddingRight: 2.199143270496279rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:36.980679645203054deg;" alt=""> </div><div style="--paddingTop: 1.9531725256238133rem; --paddingLeft: 1.4109708964824677rem; --paddingRight: 2.1040500085800886rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-2.8733569546602666deg;" alt=""> </div><div style="--paddingTop: 2.821508248336613rem; --paddingLeft: 2.7165968229528517rem; --paddingRight: 1.3815147711429745rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:18.479710165411234deg;" alt=""> </div><div style="--paddingTop: 4.253846836742014rem; --paddingLeft: 3.748863174347207rem; --paddingRight: 4.476506001316011rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.45460818056017deg;" alt=""> </div><div style="--paddingTop: 4.395608881488442rem; --paddingLeft: 1.5987771146465093rem; --paddingRight: 5.484564090380445rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:15.865251298528165deg;" alt=""> </div><div style="--paddingTop: 2.91293785138987rem; --paddingLeft: 5.922581168357283rem; --paddingRight: 4.821389464428648rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-1.1369217652827501deg;" alt=""> </div><div style="--paddingTop: 7.366399986902252rem; --paddingLeft: 2.56666589085944rem; --paddingRight: 4.112711713183671rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:31.751237246207893deg;" alt=""> </div><div style="--paddingTop: 6.757005343213677rem; --paddingLeft: 3.438128167996183rem; --paddingRight: 5.309396296739578rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-7.560474062338471deg;" alt=""> </div><div style="--paddingTop: 5.935524906730279rem; --paddingLeft: 5.721973437117413rem; --paddingRight: 5.58165941410698rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:44.767148634418845deg;" alt=""> </div><div style="--paddingTop: 4.513480987865478rem; --paddingLeft: 1.5206383380573243rem; --paddingRight: 4.385056620463729rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:13.216909824404866deg;" alt=""> </div><div style="--paddingTop: 1.1910898231435567rem; --paddingLeft: 1.5284832953475416rem; --paddingRight: 4.480412818025798rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-21.178841907531023deg;" alt=""> </div><div style="--paddingTop: 1.8322358562145382rem; --paddingLeft: 2.2733511195983738rem; --paddingRight: 3.3003160499501973rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-15.308883553370833deg;" alt=""> </div><div style="--paddingTop: 1.0703160162083805rem; --paddingLeft: 4.178724102908745rem; --paddingRight: 3.882409478770569rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-23.9650450902991deg;" alt=""> </div><div style="--paddingTop: 4.276540727587417rem; --paddingLeft: 3.542583823669702rem; --paddingRight: 3.612155028618872rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:25.24223303887993deg;" alt=""> </div><div style="--paddingTop: 3.134930761763826rem; --paddingLeft: 1.2758604486007243rem; --paddingRight: 3.9790971882175654rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:27.64333426952362deg;" alt=""> </div><div style="--paddingTop: 7.6414955200161785rem; --paddingLeft: 5.877720905933529rem; --paddingRight: 1.053614133503288rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:15.337098212912679deg;" alt=""> </div><div style="--paddingTop: 6.453778167022392rem; --paddingLeft: 3.2642097901552916rem; --paddingRight: 4.424738415051252rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:34.573482843115926deg;" alt=""> </div><div style="--paddingTop: 7.580459770280868rem; --paddingLeft: 3.286627795547247rem; --paddingRight: 2.6604278259910643rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-25.288292539771646deg;" alt=""> </div><div style="--paddingTop: 3.2259503279346973rem; --paddingLeft: 4.157554428325966rem; --paddingRight: 3.4942551099229604rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:21.486621766816825deg;" alt=""> </div><div style="--paddingTop: 3.292518616653979rem; --paddingLeft: 4.451204075245187rem; --paddingRight: 3.4945504555944353rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-28.006649748422205deg;" alt=""> </div><div style="--paddingTop: 6.254317034734413rem; --paddingLeft: 3.200000019511208rem; --paddingRight: 2.353010325692594rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:14.442860728595406deg;" alt=""> </div><div style="--paddingTop: 4.426363681675866rem; --paddingLeft: 4.2282886654138565rem; --paddingRight: 5.096403149887919rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:41.4695747802034deg;" alt=""> </div><div style="--paddingTop: 7.854649576358497rem; --paddingLeft: 5.785518845310435rem; --paddingRight: 5.393625600496307rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:8.339146852958947deg;" alt=""> </div><div style="--paddingTop: 4.9778719949536026rem; --paddingLeft: 5.208159920526668rem; --paddingRight: 5.578575658379123rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:34.69073716085404deg;" alt=""> </div><div style="--paddingTop: 3.09721552580595rem; --paddingLeft: 3.3611138947308064rem; --paddingRight: 3.511584652820602rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-15.39735596626997deg;" alt=""> </div><div style="--paddingTop: 5.681125793140382rem; --paddingLeft: 2.032487986376509rem; --paddingRight: 5.470002332236618rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:4.931900992523879deg;" alt=""> </div><div style="--paddingTop: 3.2901097491849214rem; --paddingLeft: 2.121081948513165rem; --paddingRight: 2.1608694586902857rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:11.076637348160148deg;" alt=""> </div><div style="--paddingTop: 3.5937491625081748rem; --paddingLeft: 3.204262337181717rem; --paddingRight: 3.9001518001314253rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:18.328677196986973deg;" alt=""> </div><div style="--paddingTop: 2.2856418564915657rem; --paddingLeft: 1.594712655292824rem; --paddingRight: 4.410633887397125rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-25.643853438086808deg;" alt=""> </div><div style="--paddingTop: 5.031287915306166rem; --paddingLeft: 5.064716008724645rem; --paddingRight: 1.4905906331259757rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:20.853958376683295deg;" alt=""> </div><div style="--paddingTop: 6.0087256180122495rem; --paddingLeft: 2.239366546506062rem; --paddingRight: 4.8363048958126456rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:43.337982930243015deg;" alt=""> </div><div style="--paddingTop: 7.870059958193451rem; --paddingLeft: 5.953716818708926rem; --paddingRight: 3.7812176279257983rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-16.914360432419926deg;" alt=""> </div><div style="--paddingTop: 3.211261512245983rem; --paddingLeft: 4.835704798111692rem; --paddingRight: 1.4597935872152448rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:43.185069335158914deg;" alt=""> </div><div style="--paddingTop: 7.707328781951219rem; --paddingLeft: 2.16310395533219rem; --paddingRight: 1.8802473731338978rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:2.2251096996478736deg;" alt=""> </div><div style="--paddingTop: 6.451942229876295rem; --paddingLeft: 5.800622840411961rem; --paddingRight: 4.676176649751142rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:35.57588407304138deg;" alt=""> </div><div style="--paddingTop: 3.7821652179118246rem; --paddingLeft: 4.470494135981426rem; --paddingRight: 5.434382738545537rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:10.324555851984769deg;" alt=""> </div><div style="--paddingTop: 4.3798200730234385rem; --paddingLeft: 5.362791198072955rem; --paddingRight: 5.7542885050643235rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:20.194468684494495deg;" alt=""> </div><div style="--paddingTop: 2.1954216132871807rem; --paddingLeft: 1.8004783350042999rem; --paddingRight: 2.8481117428746074rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:13.083818235900253deg;" alt=""> </div><div style="--paddingTop: 5.965653450693935rem; --paddingLeft: 1.2002042823005468rem; --paddingRight: 5.054526863619685rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:36.80655786534771deg;" alt=""> </div><div style="--paddingTop: 6.097755837487057rem; --paddingLeft: 1.0490584946237504rem; --paddingRight: 3.931260571349412rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:23.907780849840492deg;" alt=""> </div><div style="--paddingTop: 7.4006644752807915rem; --paddingLeft: 4.784418870927766rem; --paddingRight: 4.473467166768387rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-41.495728539302945deg;" alt=""> </div><div style="--paddingTop: 3.034107404993847rem; --paddingLeft: 4.4851247002370656rem; --paddingRight: 1.1432426134124398rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:15.180521809961647deg;" alt=""> </div><div style="--paddingTop: 1.157042867736891rem; --paddingLeft: 2.4160779304802418rem; --paddingRight: 5.550979713676497rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-12.471931739710271deg;" alt=""> </div><div style="--paddingTop: 6.157488918863237rem; --paddingLeft: 5.874811127083376rem; --paddingRight: 5.186491582076997rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-5.981153876055032deg;" alt=""> </div><div style="--paddingTop: 2.250087889842689rem; --paddingLeft: 3.212614273885265rem; --paddingRight: 5.18135802843608rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-11.72703405842185deg;" alt=""> </div><div style="--paddingTop: 3.8976373311597854rem; --paddingLeft: 4.479487583972514rem; --paddingRight: 4.407578513724729rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-14.331688256934285deg;" alt=""> </div><div style="--paddingTop: 5.35018549230881rem; --paddingLeft: 3.3018954612780362rem; --paddingRight: 2.4155575213953853rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-44.40667606657371deg;" alt=""> </div><div style="--paddingTop: 7.027096247300506rem; --paddingLeft: 5.99741624109447rem; --paddingRight: 3.8327949170488864rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.227849264163524deg;" alt=""> </div><div style="--paddingTop: 5.425016262568533rem; --paddingLeft: 4.656093361787498rem; --paddingRight: 1.467342893825844rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-22.973807675298303deg;" alt=""> </div><div style="--paddingTop: 2.696956878527999rem; --paddingLeft: 3.877670287853107rem; --paddingRight: 3.0469769614282995rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-30.260374448262155deg;" alt=""> </div><div style="--paddingTop: 6.674184904433787rem; --paddingLeft: 2.7232592729851604rem; --paddingRight: 4.692080485634506rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.330881152302027deg;" alt=""> </div><div style="--paddingTop: 1.1033910838887095rem; --paddingLeft: 5.849443512503058rem; --paddingRight: 3.9379615851212293rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:43.08700880035758deg;" alt=""> </div><div style="--paddingTop: 6.784824744798243rem; --paddingLeft: 3.8800393699202687rem; --paddingRight: 3.8950691607315093rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:31.400956003926694deg;" alt=""> </div><div style="--paddingTop: 1.6150673809461296rem; --paddingLeft: 2.903681696858257rem; --paddingRight: 1.0636988878250122rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:28.5724390251562deg;" alt=""> </div></div> <div class="default-page-container svelte-12byvuz"> <main style="
|
|
53
|
+
" data-nosnippet><button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://github.com/TurnipXenon"><img src="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" alt="github icon" class="svelte-urhqdc"> </button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://www.linkedin.com/in/turnip-xenon/"><img src="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" alt="linkedikn icon" class="svelte-urhqdc"> </button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="mailto:turnipxenon@gmail.com"><img src="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" alt="mail icon" class="svelte-urhqdc"> </button> </div></div></div> <div class="app-bar-slot-default flex-auto place-content-start"></div> <div class="app-bar-slot-trail flex-none flex items-center space-x-4 "> <div class="lightswitch-track cursor-pointer transition-all duration-[200ms] w-12 h-6 ring-[1px] ring-surface-500/30 rounded-token bg-surface-900 " role="switch" aria-label="Light Switch" aria-checked="false" title="Toggle light or dark mode." tabindex="0"> <div class="lightswitch-thumb aspect-square scale-[0.8] flex justify-center items-center transition-all duration-[200ms] h-6 rounded-token bg-surface-400 "> <svg class="lightswitch-icon w-[70%] aspect-square fill-surface-900" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z"></path></svg></div></div> </div></div> </div> </header> <div class="flex-auto w-full h-full flex overflow-hidden"> <div id="page" class=" flex-1 overflow-x-hidden flex flex-col" style="scrollbar-gutter: auto;"> <main id="page-content" class="flex-auto "> <div class="default-background svelte-1tt2a7v" aria-hidden="true"><div style="--paddingTop: 5.26605453598313rem; --paddingLeft: 2.4503168454393744rem; --paddingRight: 4.7205093004740775rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-20.762148352805525deg;" alt=""> </div><div style="--paddingTop: 5.684549176134169rem; --paddingLeft: 4.092249729670584rem; --paddingRight: 5.429151457734406rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.006468491163105deg;" alt=""> </div><div style="--paddingTop: 2.0634977906011045rem; --paddingLeft: 2.438559233210981rem; --paddingRight: 2.5541199292056262rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:23.763833586126566deg;" alt=""> </div><div style="--paddingTop: 5.402289428282529rem; --paddingLeft: 3.887308228528127rem; --paddingRight: 5.465876837493852rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:26.924480376765132deg;" alt=""> </div><div style="--paddingTop: 5.194744443753734rem; --paddingLeft: 4.650071437004954rem; --paddingRight: 4.100181128829718rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-29.257336298469454deg;" alt=""> </div><div style="--paddingTop: 3.105983363930136rem; --paddingLeft: 4.8147734850645065rem; --paddingRight: 3.7736594900488853rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-0.1747203734703362deg;" alt=""> </div><div style="--paddingTop: 3.1503615570254624rem; --paddingLeft: 4.931071857223287rem; --paddingRight: 3.578084170818329rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-2.362056083511561deg;" alt=""> </div><div style="--paddingTop: 5.484414892969653rem; --paddingLeft: 1.8504389901645482rem; --paddingRight: 4.154510899912566rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:25.190767587628216deg;" alt=""> </div><div style="--paddingTop: 6.735542586538941rem; --paddingLeft: 1.8905917929951102rem; --paddingRight: 1.5639226513449103rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:29.89427536027506deg;" alt=""> </div><div style="--paddingTop: 3.3010518413502723rem; --paddingLeft: 1.0622649630531669rem; --paddingRight: 3.5262458925135434rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-19.385566140990704deg;" alt=""> </div><div style="--paddingTop: 4.564920252887532rem; --paddingLeft: 4.814812843920663rem; --paddingRight: 4.303190894657746rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:10.608532321639359deg;" alt=""> </div><div style="--paddingTop: 4.264467359986156rem; --paddingLeft: 3.268945393152535rem; --paddingRight: 1.792556272353977rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:43.225474341306835deg;" alt=""> </div><div style="--paddingTop: 7.408468573121354rem; --paddingLeft: 2.6412752494215965rem; --paddingRight: 3.4941075616516173rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:10.757228143047541deg;" alt=""> </div><div style="--paddingTop: 1.7343727787956595rem; --paddingLeft: 3.133078327169642rem; --paddingRight: 2.152242274256423rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:36.45973610691726deg;" alt=""> </div><div style="--paddingTop: 2.4323073741979897rem; --paddingLeft: 4.577729800017551rem; --paddingRight: 5.8602801852393895rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:9.425695140380412deg;" alt=""> </div><div style="--paddingTop: 1.836647221352905rem; --paddingLeft: 1.6119540811050683rem; --paddingRight: 3.1903579588979483rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:9.327324831392616deg;" alt=""> </div><div style="--paddingTop: 3.659704332938418rem; --paddingLeft: 3.521847519092262rem; --paddingRight: 5.2880855745170265rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-29.42938617663458deg;" alt=""> </div><div style="--paddingTop: 2.5847665939945728rem; --paddingLeft: 1.2313061419408768rem; --paddingRight: 1.505896219983697rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.53883958561346deg;" alt=""> </div><div style="--paddingTop: 2.0243200976401567rem; --paddingLeft: 3.6802960212808102rem; --paddingRight: 1.5629380163736641rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-37.67081531463191deg;" alt=""> </div><div style="--paddingTop: 4.640844183741137rem; --paddingLeft: 5.53377537894994rem; --paddingRight: 4.255517085781321rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-35.41517423931509deg;" alt=""> </div><div style="--paddingTop: 3.0311619699932635rem; --paddingLeft: 3.0147791772615165rem; --paddingRight: 4.884288596455008rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-4.039773589465767deg;" alt=""> </div><div style="--paddingTop: 1.402586646610871rem; --paddingLeft: 4.766384025802836rem; --paddingRight: 2.033673455240205rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.729924488812685deg;" alt=""> </div><div style="--paddingTop: 3.667286009993404rem; --paddingLeft: 5.663755282526836rem; --paddingRight: 3.012988708447665rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.893850868102163deg;" alt=""> </div><div style="--paddingTop: 4.269682650687173rem; --paddingLeft: 4.429046662058681rem; --paddingRight: 5.550996541511267rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:37.698736146558076deg;" alt=""> </div><div style="--paddingTop: 6.209183836588636rem; --paddingLeft: 5.895536255789921rem; --paddingRight: 3.503280844539404rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:14.846977447159588deg;" alt=""> </div><div style="--paddingTop: 5.683723753318191rem; --paddingLeft: 5.816322315018624rem; --paddingRight: 1.6337440817151219rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:11.89650111598894deg;" alt=""> </div><div style="--paddingTop: 5.299866736168042rem; --paddingLeft: 5.3781184300314635rem; --paddingRight: 2.3422425813041627rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-20.70675126509741deg;" alt=""> </div><div style="--paddingTop: 5.481154000852257rem; --paddingLeft: 5.672591320704669rem; --paddingRight: 3.104034785879776rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:12.56179041462019deg;" alt=""> </div><div style="--paddingTop: 4.582558177178726rem; --paddingLeft: 4.801086911698803rem; --paddingRight: 5.859403668669984rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:0.442941568326205deg;" alt=""> </div><div style="--paddingTop: 5.409071466187015rem; --paddingLeft: 2.513751834863797rem; --paddingRight: 4.396012720186263rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-28.828881320077926deg;" alt=""> </div><div style="--paddingTop: 7.95854025054723rem; --paddingLeft: 4.865033206529915rem; --paddingRight: 5.975567647488788rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:35.51143536809832deg;" alt=""> </div><div style="--paddingTop: 5.903080741874874rem; --paddingLeft: 2.2162328872364014rem; --paddingRight: 3.252681254176423rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-12.217660567257553deg;" alt=""> </div><div style="--paddingTop: 7.787161917425692rem; --paddingLeft: 4.985808631405234rem; --paddingRight: 3.3514223494566977rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:18.45850426470861deg;" alt=""> </div><div style="--paddingTop: 6.150570406811312rem; --paddingLeft: 5.1787290025968105rem; --paddingRight: 2.6882430599071085rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:39.87381401471794deg;" alt=""> </div><div style="--paddingTop: 3.8363393703475595rem; --paddingLeft: 3.1582123590633273rem; --paddingRight: 5.2675822239834815rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:33.03171563660726deg;" alt=""> </div><div style="--paddingTop: 4.1453266956377774rem; --paddingLeft: 4.107030362589285rem; --paddingRight: 1.6507559423334897rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.91449484601617deg;" alt=""> </div><div style="--paddingTop: 4.725333371665329rem; --paddingLeft: 1.8162749174516648rem; --paddingRight: 5.798498667078093rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-38.35756746120751deg;" alt=""> </div><div style="--paddingTop: 1.5089293310884386rem; --paddingLeft: 2.5100798150524497rem; --paddingRight: 3.6681505842134356rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:42.61579245328903deg;" alt=""> </div><div style="--paddingTop: 1.7381626386195421rem; --paddingLeft: 5.523076596669853rem; --paddingRight: 2.6806145117152482rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-6.631902898661792deg;" alt=""> </div><div style="--paddingTop: 3.4943165606819093rem; --paddingLeft: 4.9465619216207415rem; --paddingRight: 2.6571179626043886rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:1.65621901396662deg;" alt=""> </div><div style="--paddingTop: 3.9604942568112165rem; --paddingLeft: 4.600496993167326rem; --paddingRight: 2.1591315222904086rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-40.10713118361309deg;" alt=""> </div><div style="--paddingTop: 7.336768922628835rem; --paddingLeft: 5.468497162451968rem; --paddingRight: 5.084382762666792rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-7.497612093575299deg;" alt=""> </div><div style="--paddingTop: 6.771512049948797rem; --paddingLeft: 5.979979560011998rem; --paddingRight: 5.026925369398668rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-16.689348430372775deg;" alt=""> </div><div style="--paddingTop: 2.6899379421956837rem; --paddingLeft: 2.3100179750472307rem; --paddingRight: 3.849782172124833rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-7.7151472074911deg;" alt=""> </div><div style="--paddingTop: 6.83952613407746rem; --paddingLeft: 2.18864189600572rem; --paddingRight: 4.657817981438711rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:32.44271454401314deg;" alt=""> </div><div style="--paddingTop: 1.8917981395497918rem; --paddingLeft: 4.638359699398279rem; --paddingRight: 5.24399706767872rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-36.54778267722577deg;" alt=""> </div><div style="--paddingTop: 5.96055601676926rem; --paddingLeft: 5.180709377396852rem; --paddingRight: 2.6256169776897877rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-38.682694758754224deg;" alt=""> </div><div style="--paddingTop: 3.012010831385851rem; --paddingLeft: 2.1295663320925087rem; --paddingRight: 1.4662391392048448rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.116446441505104deg;" alt=""> </div><div style="--paddingTop: 6.3086371794342995rem; --paddingLeft: 4.543818322941661rem; --paddingRight: 5.359233232680708rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:20.31812057364732deg;" alt=""> </div><div style="--paddingTop: 1.014114011079073rem; --paddingLeft: 3.571994949830696rem; --paddingRight: 1.1743850787170231rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-5.463766674511135deg;" alt=""> </div><div style="--paddingTop: 1.6318824705667794rem; --paddingLeft: 5.099629787961021rem; --paddingRight: 4.299150079255924rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.13877567043528deg;" alt=""> </div><div style="--paddingTop: 1.294339683605358rem; --paddingLeft: 1.3175894462037832rem; --paddingRight: 1.4653337690979242rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.722857780288905deg;" alt=""> </div><div style="--paddingTop: 6.76198220346123rem; --paddingLeft: 4.569899753201753rem; --paddingRight: 5.302422895561904rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-15.046633835881948deg;" alt=""> </div><div style="--paddingTop: 1.2392775202170014rem; --paddingLeft: 4.682081396691501rem; --paddingRight: 1.2335419331211597rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:42.825588011182845deg;" alt=""> </div><div style="--paddingTop: 3.5600359686650336rem; --paddingLeft: 4.988403199473396rem; --paddingRight: 4.314902294659987rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.752775358967483deg;" alt=""> </div><div style="--paddingTop: 3.4103609332814813rem; --paddingLeft: 2.5456604037899524rem; --paddingRight: 5.496308374218643rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-3.7365774996578693deg;" alt=""> </div><div style="--paddingTop: 5.079298396129161rem; --paddingLeft: 4.203202106524259rem; --paddingRight: 2.1743998515885323rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-44.85816843342036deg;" alt=""> </div><div style="--paddingTop: 2.4324846458621323rem; --paddingLeft: 4.545360217103735rem; --paddingRight: 5.51484001823701rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:19.256946004461497deg;" alt=""> </div><div style="--paddingTop: 7.56840994535014rem; --paddingLeft: 2.13166187889874rem; --paddingRight: 5.542068572482094rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-11.06328969122842deg;" alt=""> </div><div style="--paddingTop: 6.863856974756345rem; --paddingLeft: 4.6556990223471075rem; --paddingRight: 4.597719221143052rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:44.02999499347061deg;" alt=""> </div><div style="--paddingTop: 6.942853053798899rem; --paddingLeft: 4.417134708724916rem; --paddingRight: 3.111057487782091rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.597562675364316deg;" alt=""> </div><div style="--paddingTop: 5.8048567534424365rem; --paddingLeft: 1.250448768492788rem; --paddingRight: 2.6782896546646953rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:15.77796058729291deg;" alt=""> </div><div style="--paddingTop: 2.707364531699568rem; --paddingLeft: 2.260142136598006rem; --paddingRight: 4.471728942822665rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-1.2658782466314733deg;" alt=""> </div><div style="--paddingTop: 6.573820045450702rem; --paddingLeft: 3.1127470419742167rem; --paddingRight: 1.1001770934090018rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-20.161245334893465deg;" alt=""> </div><div style="--paddingTop: 3.2992949143517762rem; --paddingLeft: 2.979590291157365rem; --paddingRight: 4.489889249904081rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.10120677947998deg;" alt=""> </div><div style="--paddingTop: 7.113604040350765rem; --paddingLeft: 5.898317421320826rem; --paddingRight: 5.067550839390606rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:40.7607658021152deg;" alt=""> </div><div style="--paddingTop: 6.937999795423821rem; --paddingLeft: 5.7073057980742306rem; --paddingRight: 2.199143270496279rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:36.980679645203054deg;" alt=""> </div><div style="--paddingTop: 1.9531725256238133rem; --paddingLeft: 1.4109708964824677rem; --paddingRight: 2.1040500085800886rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-2.8733569546602666deg;" alt=""> </div><div style="--paddingTop: 2.821508248336613rem; --paddingLeft: 2.7165968229528517rem; --paddingRight: 1.3815147711429745rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:18.479710165411234deg;" alt=""> </div><div style="--paddingTop: 4.253846836742014rem; --paddingLeft: 3.748863174347207rem; --paddingRight: 4.476506001316011rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.45460818056017deg;" alt=""> </div><div style="--paddingTop: 4.395608881488442rem; --paddingLeft: 1.5987771146465093rem; --paddingRight: 5.484564090380445rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:15.865251298528165deg;" alt=""> </div><div style="--paddingTop: 2.91293785138987rem; --paddingLeft: 5.922581168357283rem; --paddingRight: 4.821389464428648rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-1.1369217652827501deg;" alt=""> </div><div style="--paddingTop: 7.366399986902252rem; --paddingLeft: 2.56666589085944rem; --paddingRight: 4.112711713183671rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:31.751237246207893deg;" alt=""> </div><div style="--paddingTop: 6.757005343213677rem; --paddingLeft: 3.438128167996183rem; --paddingRight: 5.309396296739578rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-7.560474062338471deg;" alt=""> </div><div style="--paddingTop: 5.935524906730279rem; --paddingLeft: 5.721973437117413rem; --paddingRight: 5.58165941410698rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:44.767148634418845deg;" alt=""> </div><div style="--paddingTop: 4.513480987865478rem; --paddingLeft: 1.5206383380573243rem; --paddingRight: 4.385056620463729rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:13.216909824404866deg;" alt=""> </div><div style="--paddingTop: 1.1910898231435567rem; --paddingLeft: 1.5284832953475416rem; --paddingRight: 4.480412818025798rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-21.178841907531023deg;" alt=""> </div><div style="--paddingTop: 1.8322358562145382rem; --paddingLeft: 2.2733511195983738rem; --paddingRight: 3.3003160499501973rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-15.308883553370833deg;" alt=""> </div><div style="--paddingTop: 1.0703160162083805rem; --paddingLeft: 4.178724102908745rem; --paddingRight: 3.882409478770569rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-23.9650450902991deg;" alt=""> </div><div style="--paddingTop: 4.276540727587417rem; --paddingLeft: 3.542583823669702rem; --paddingRight: 3.612155028618872rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:25.24223303887993deg;" alt=""> </div><div style="--paddingTop: 3.134930761763826rem; --paddingLeft: 1.2758604486007243rem; --paddingRight: 3.9790971882175654rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:27.64333426952362deg;" alt=""> </div><div style="--paddingTop: 7.6414955200161785rem; --paddingLeft: 5.877720905933529rem; --paddingRight: 1.053614133503288rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:15.337098212912679deg;" alt=""> </div><div style="--paddingTop: 6.453778167022392rem; --paddingLeft: 3.2642097901552916rem; --paddingRight: 4.424738415051252rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:34.573482843115926deg;" alt=""> </div><div style="--paddingTop: 7.580459770280868rem; --paddingLeft: 3.286627795547247rem; --paddingRight: 2.6604278259910643rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-25.288292539771646deg;" alt=""> </div><div style="--paddingTop: 3.2259503279346973rem; --paddingLeft: 4.157554428325966rem; --paddingRight: 3.4942551099229604rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:21.486621766816825deg;" alt=""> </div><div style="--paddingTop: 3.292518616653979rem; --paddingLeft: 4.451204075245187rem; --paddingRight: 3.4945504555944353rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-28.006649748422205deg;" alt=""> </div><div style="--paddingTop: 6.254317034734413rem; --paddingLeft: 3.200000019511208rem; --paddingRight: 2.353010325692594rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:14.442860728595406deg;" alt=""> </div><div style="--paddingTop: 4.426363681675866rem; --paddingLeft: 4.2282886654138565rem; --paddingRight: 5.096403149887919rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:41.4695747802034deg;" alt=""> </div><div style="--paddingTop: 7.854649576358497rem; --paddingLeft: 5.785518845310435rem; --paddingRight: 5.393625600496307rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:8.339146852958947deg;" alt=""> </div><div style="--paddingTop: 4.9778719949536026rem; --paddingLeft: 5.208159920526668rem; --paddingRight: 5.578575658379123rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:34.69073716085404deg;" alt=""> </div><div style="--paddingTop: 3.09721552580595rem; --paddingLeft: 3.3611138947308064rem; --paddingRight: 3.511584652820602rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-15.39735596626997deg;" alt=""> </div><div style="--paddingTop: 5.681125793140382rem; --paddingLeft: 2.032487986376509rem; --paddingRight: 5.470002332236618rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:4.931900992523879deg;" alt=""> </div><div style="--paddingTop: 3.2901097491849214rem; --paddingLeft: 2.121081948513165rem; --paddingRight: 2.1608694586902857rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:11.076637348160148deg;" alt=""> </div><div style="--paddingTop: 3.5937491625081748rem; --paddingLeft: 3.204262337181717rem; --paddingRight: 3.9001518001314253rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:18.328677196986973deg;" alt=""> </div><div style="--paddingTop: 2.2856418564915657rem; --paddingLeft: 1.594712655292824rem; --paddingRight: 4.410633887397125rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-25.643853438086808deg;" alt=""> </div><div style="--paddingTop: 5.031287915306166rem; --paddingLeft: 5.064716008724645rem; --paddingRight: 1.4905906331259757rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:20.853958376683295deg;" alt=""> </div><div style="--paddingTop: 6.0087256180122495rem; --paddingLeft: 2.239366546506062rem; --paddingRight: 4.8363048958126456rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:43.337982930243015deg;" alt=""> </div><div style="--paddingTop: 7.870059958193451rem; --paddingLeft: 5.953716818708926rem; --paddingRight: 3.7812176279257983rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-16.914360432419926deg;" alt=""> </div><div style="--paddingTop: 3.211261512245983rem; --paddingLeft: 4.835704798111692rem; --paddingRight: 1.4597935872152448rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:43.185069335158914deg;" alt=""> </div><div style="--paddingTop: 7.707328781951219rem; --paddingLeft: 2.16310395533219rem; --paddingRight: 1.8802473731338978rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:2.2251096996478736deg;" alt=""> </div><div style="--paddingTop: 6.451942229876295rem; --paddingLeft: 5.800622840411961rem; --paddingRight: 4.676176649751142rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:35.57588407304138deg;" alt=""> </div><div style="--paddingTop: 3.7821652179118246rem; --paddingLeft: 4.470494135981426rem; --paddingRight: 5.434382738545537rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:10.324555851984769deg;" alt=""> </div><div style="--paddingTop: 4.3798200730234385rem; --paddingLeft: 5.362791198072955rem; --paddingRight: 5.7542885050643235rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:20.194468684494495deg;" alt=""> </div><div style="--paddingTop: 2.1954216132871807rem; --paddingLeft: 1.8004783350042999rem; --paddingRight: 2.8481117428746074rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:13.083818235900253deg;" alt=""> </div><div style="--paddingTop: 5.965653450693935rem; --paddingLeft: 1.2002042823005468rem; --paddingRight: 5.054526863619685rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:36.80655786534771deg;" alt=""> </div><div style="--paddingTop: 6.097755837487057rem; --paddingLeft: 1.0490584946237504rem; --paddingRight: 3.931260571349412rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:23.907780849840492deg;" alt=""> </div><div style="--paddingTop: 7.4006644752807915rem; --paddingLeft: 4.784418870927766rem; --paddingRight: 4.473467166768387rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-41.495728539302945deg;" alt=""> </div><div style="--paddingTop: 3.034107404993847rem; --paddingLeft: 4.4851247002370656rem; --paddingRight: 1.1432426134124398rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:15.180521809961647deg;" alt=""> </div><div style="--paddingTop: 1.157042867736891rem; --paddingLeft: 2.4160779304802418rem; --paddingRight: 5.550979713676497rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-12.471931739710271deg;" alt=""> </div><div style="--paddingTop: 6.157488918863237rem; --paddingLeft: 5.874811127083376rem; --paddingRight: 5.186491582076997rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-5.981153876055032deg;" alt=""> </div><div style="--paddingTop: 2.250087889842689rem; --paddingLeft: 3.212614273885265rem; --paddingRight: 5.18135802843608rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-11.72703405842185deg;" alt=""> </div><div style="--paddingTop: 3.8976373311597854rem; --paddingLeft: 4.479487583972514rem; --paddingRight: 4.407578513724729rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-14.331688256934285deg;" alt=""> </div><div style="--paddingTop: 5.35018549230881rem; --paddingLeft: 3.3018954612780362rem; --paddingRight: 2.4155575213953853rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-44.40667606657371deg;" alt=""> </div><div style="--paddingTop: 7.027096247300506rem; --paddingLeft: 5.99741624109447rem; --paddingRight: 3.8327949170488864rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:22.227849264163524deg;" alt=""> </div><div style="--paddingTop: 5.425016262568533rem; --paddingLeft: 4.656093361787498rem; --paddingRight: 1.467342893825844rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_tomato.O9Z7_E07.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-22.973807675298303deg;" alt=""> </div><div style="--paddingTop: 2.696956878527999rem; --paddingLeft: 3.877670287853107rem; --paddingRight: 3.0469769614282995rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_corn.D22ZwTZ0.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-30.260374448262155deg;" alt=""> </div><div style="--paddingTop: 6.674184904433787rem; --paddingLeft: 2.7232592729851604rem; --paddingRight: 4.692080485634506rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_pineapple.D28N65_A.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:-17.330881152302027deg;" alt=""> </div><div style="--paddingTop: 1.1033910838887095rem; --paddingLeft: 5.849443512503058rem; --paddingRight: 3.9379615851212293rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_turnip.DMU0uHH4.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:43.08700880035758deg;" alt=""> </div><div style="--paddingTop: 6.784824744798243rem; --paddingLeft: 3.8800393699202687rem; --paddingRight: 3.8950691607315093rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_reinhard.D22NV0xw.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:31.400956003926694deg;" alt=""> </div><div style="--paddingTop: 1.6150673809461296rem; --paddingLeft: 2.903681696858257rem; --paddingRight: 1.0636988878250122rem;" class="svelte-f3b29x"><img src="/_app/immutable/assets/bg_tiled_ares.DTcFskeK.png" class="randomized-image-style svelte-f3b29x darkMode" aria-hidden="true" style="--rotateRandom:28.5724390251562deg;" alt=""> </div></div> <div class="default-page-container svelte-12byvuz"> <main style="
|
|
54
54
|
--qt-font-weight: normal;;
|
|
55
55
|
visibility: visible;
|
|
56
|
-
" class="svelte-f3i6qg"><div class="experience-and-about-div svelte-f3i6qg"><div class="greater-about-div svelte-f3i6qg"><div class="card turnip-card svelte-
|
|
56
|
+
" class="svelte-f3i6qg"><div class="experience-and-about-div svelte-f3i6qg"><div class="greater-about-div svelte-f3i6qg"><div class="card turnip-card svelte-isla4e" style="
|
|
57
57
|
--turnip-card-margin: 0;
|
|
58
58
|
--turnip-card-margin-bottom: 3em;
|
|
59
59
|
;
|
|
60
|
-
"><section class="section-card svelte-f3i6qg" slot="content"
|
|
60
|
+
"><section class="section-card svelte-f3i6qg" slot="content"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-soqi9t">About</h1> <p class="svelte-f3i6qg">Hi! My name is Turnip! I work as a software developer. Outside of that, I like making games, and
|
|
61
61
|
trying to do everything in between required to make one. I have some showcased below, our visit
|
|
62
62
|
my itch.io page for more of them.</p> <p class="svelte-f3i6qg" data-svelte-h="svelte-1htq5b8">I also graduated with BS Computing Science, Specializing in Software Practice, and a
|
|
63
63
|
certificate in Computer Game Development at University of Alberta.</p> <p class="svelte-f3i6qg" data-svelte-h="svelte-1tjf6ho">I'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,
|
|
64
|
-
Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.</p> </section
|
|
64
|
+
Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.</p> </section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
65
65
|
--turnip-card-margin: 0;
|
|
66
66
|
--turnip-card-margin-bottom: 3em;
|
|
67
67
|
;
|
|
68
|
-
"><section class="section-card svelte-f3i6qg" slot="content"><div class="socials svelte-urhqdc" style="
|
|
68
|
+
" data-no-snippet><section class="section-card svelte-f3i6qg" slot="content"><div class="socials svelte-urhqdc" style="
|
|
69
69
|
--preferred-justify-content: center;
|
|
70
70
|
--preferred-overall-margin-bottom: 0.75lh;
|
|
71
|
-
"><button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://github.com/TurnipXenon"><img src="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" alt="github icon" class="svelte-urhqdc"> <span class="svelte-urhqdc" data-svelte-h="svelte-1yx4gc2">TurnipXenon</span></button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://www.linkedin.com/in/turnip-xenon/"><img src="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" alt="linkedikn icon" class="svelte-urhqdc"> <span class="svelte-urhqdc">turnip-xenon</span></button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="mailto:turnipxenon@gmail.com"><img src="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" alt="mail icon" class="svelte-urhqdc"> <span class="svelte-urhqdc">turnipxenon@gmail.com</span></button> </div> <span></span></section
|
|
71
|
+
" data-nosnippet><button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://github.com/TurnipXenon"><img src="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" alt="github icon" class="svelte-urhqdc"> <span class="svelte-urhqdc" data-svelte-h="svelte-1yx4gc2">TurnipXenon</span></button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="https://www.linkedin.com/in/turnip-xenon/"><img src="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" alt="linkedikn icon" class="svelte-urhqdc"> <span class="svelte-urhqdc">turnip-xenon</span></button> <button type="button" class="social-button turnip-button svelte-urhqdc" role="link" title="mailto:turnipxenon@gmail.com"><img src="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" alt="mail icon" class="svelte-urhqdc"> <span class="svelte-urhqdc">turnipxenon@gmail.com</span></button> </div> <span></span></section></div></div> <div class="card turnip-card svelte-isla4e" style="
|
|
72
72
|
--turnip-card-margin: 0;
|
|
73
73
|
--turnip-card-margin-bottom: 3em;
|
|
74
74
|
;
|
|
75
|
-
"><section class="section-card svelte-f3i6qg" slot="content"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-1r6ig88">Experience</h1> <h2 class="svelte-f3i6qg" data-svelte-h="svelte-a3jo9c">Software Engineer</h2> <div class="two-column-separated svelte-f3i6qg" data-svelte-h="svelte-psdxr0"><div class="svelte-f3i6qg">July 2023 – January 2024</div> <div style="text-align: end" class="svelte-f3i6qg">Twitch, Remote</div></div> <ul class="svelte-f3i6qg" data-svelte-h="svelte-1k94u2s"><li class="svelte-f3i6qg">Contributed to <span class="qt-go svelte-f3i6qg">Golang</span> and <span class="qt-ts svelte-f3i6qg">Typescript</span> codebases,
|
|
75
|
+
" data-no-snippet><section class="section-card svelte-f3i6qg" slot="content"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-1r6ig88">Experience</h1> <h2 class="svelte-f3i6qg" data-svelte-h="svelte-a3jo9c">Software Engineer</h2> <div class="two-column-separated svelte-f3i6qg" data-svelte-h="svelte-psdxr0"><div class="svelte-f3i6qg">July 2023 – January 2024</div> <div style="text-align: end" class="svelte-f3i6qg">Twitch, Remote</div></div> <ul class="svelte-f3i6qg" data-svelte-h="svelte-1k94u2s"><li class="svelte-f3i6qg">Contributed to <span class="qt-go svelte-f3i6qg">Golang</span> and <span class="qt-ts svelte-f3i6qg">Typescript</span> codebases,
|
|
76
76
|
across several teams, to accommodate adjustments for public-facing user safety related features, to better
|
|
77
77
|
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-f3i6qg">Digital Services Act</a>, also including feature flags, alarms, unit tests, end-to-end testing, and
|
|
78
78
|
documentation</li> <li class="svelte-f3i6qg">Improved observability for upcoming features by setting up new <span class="qt-aws qt-infra svelte-f3i6qg">AWS</span>
|
|
@@ -84,64 +84,64 @@
|
|
|
84
84
|
<span class="qt-infra qt-aws svelte-f3i6qg">ECS on Fargate, Cloudwatch, and DynamoDB</span>
|
|
85
85
|
, defined in <span class="qt-ts svelte-f3i6qg">Typescript</span>-flavored CDK</li> <li class="svelte-f3i6qg">Wrote a technical specification document for the service’s MVP and possible future features, and
|
|
86
86
|
additional documentation on how to use the service and how to extend the load testing service to include
|
|
87
|
-
new services to test</li></ul> <br class="svelte-f3i6qg"> <div class="accordion w-full space-y-1 " data-testid="accordion"> <div class="accordion-item " data-testid="accordion-item"> <button type="button" class="accordion-control text-start w-full flex items-center space-x-4 py-2 px-4 hover:bg-primary-hover-token rounded-container-token " id="0.
|
|
87
|
+
new services to test</li></ul> <br class="svelte-f3i6qg"> <div class="accordion w-full space-y-1 " data-testid="accordion"> <div class="accordion-item " data-testid="accordion-item"> <button type="button" class="accordion-control text-start w-full flex items-center space-x-4 py-2 px-4 hover:bg-primary-hover-token rounded-container-token " id="0.6603207741926098" aria-expanded="false" aria-controls="accordion-panel-0.6603207741926098" > <div class="accordion-summary flex-1"><div slot="summary" class="svelte-f3i6qg" data-svelte-h="svelte-jx0pzv"><h2 class="accordion-header svelte-f3i6qg">More experience</h2></div></div> <div class="accordion-summary-caret fill-current w-3 transition-transform duration-[200ms] "><!-- HTML_TAG_START -->
|
|
88
88
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class={classesControlCaret}>
|
|
89
89
|
<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" />
|
|
90
|
-
</svg><!-- HTML_TAG_END --></div></button> </div></div></section
|
|
90
|
+
</svg><!-- HTML_TAG_END --></div></button> </div></div></section></div></div> <div class="card turnip-card svelte-isla4e" style="
|
|
91
91
|
--turnip-card-margin: 0;
|
|
92
92
|
--turnip-card-margin-bottom: 3em;
|
|
93
93
|
;
|
|
94
|
-
"><div class="section-card title-card svelte-f3i6qg" slot="content" data-svelte-h="svelte-o20xib"><h1 class="text-center svelte-f3i6qg">Games</h1></div
|
|
94
|
+
" data-no-snippet><div class="section-card title-card svelte-f3i6qg" slot="content" data-svelte-h="svelte-o20xib"><h1 class="text-center svelte-f3i6qg">Games</h1></div></div> <section class="games-section svelte-f3i6qg"><div class="card turnip-card svelte-isla4e" style="
|
|
95
95
|
--turnip-card-margin: 0;
|
|
96
96
|
--turnip-card-margin-bottom: 3em;
|
|
97
97
|
;
|
|
98
|
-
"><section class="game-card svelte-f3i6qg" slot="content"><video playsinline autoplay muted loop preload="none" class="svelte-f3i6qg" data-svelte-h="svelte-18m3p75">video unavailable. original video contains pengi gameplay showing the dynamic dialog
|
|
98
|
+
" data-no-snippet><section class="game-card svelte-f3i6qg" slot="content"><video playsinline autoplay muted loop preload="none" class="svelte-f3i6qg" data-svelte-h="svelte-18m3p75">video unavailable. original video contains pengi gameplay showing the dynamic dialog
|
|
99
99
|
layout and character animation.
|
|
100
100
|
<source src="/_app/immutable/assets/header-pengi.DWAOeO4q.mp4" type="video/mp4" class="svelte-f3i6qg"></video> <section class="game-card-body svelte-f3i6qg"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-kn1e7n">Pengi</h1> <blockquote class="svelte-f3i6qg" data-svelte-h="svelte-l5674o">Well well, quite the dreamer, aren’t you? Might be hard to get in... costs a lot of
|
|
101
101
|
money...</blockquote> <p class="svelte-f3i6qg" data-svelte-h="svelte-1wwm72v">Pengi is a text-based adventure made in <span class="qt-unity svelte-f3i6qg">Unity</span>. I acted as the sole
|
|
102
102
|
programmer for the team. Most of the work revolves around UI and creating <a href="https://yarnspinner.dev/" target="_blank" class="svelte-f3i6qg">YarnSpinner</a> commands for writers
|
|
103
|
-
to use to create expressive stage directions in the script.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/GreenTea-M/ProjectPengi" data-svelte-h="svelte-y5jd5x"><img alt="github icon" src="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" class="svelte-f3i6qg"></button> <button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://turnipxenon.itch.io/pengi" data-svelte-h="svelte-18q5lws"><img alt="itch.io icon" src="https://static.itch.io/images/itchio-textless-black.svg" class="svelte-f3i6qg"></button></section></section></section
|
|
103
|
+
to use to create expressive stage directions in the script.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/GreenTea-M/ProjectPengi" data-svelte-h="svelte-y5jd5x"><img alt="github icon" src="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" class="svelte-f3i6qg"></button> <button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://turnipxenon.itch.io/pengi" data-svelte-h="svelte-18q5lws"><img alt="itch.io icon" src="https://static.itch.io/images/itchio-textless-black.svg" class="svelte-f3i6qg"></button></section></section></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
104
104
|
--turnip-card-margin: 0;
|
|
105
105
|
--turnip-card-margin-bottom: 3em;
|
|
106
106
|
;
|
|
107
|
-
"><section class="game-card svelte-f3i6qg" slot="content"> <video playsinline autoplay muted loop preload="none" id="hepcat-video" class="svelte-f3i6qg" data-svelte-h="svelte-11xid74"><source src="/_app/immutable/assets/header-hep-cat.DcyPS3Oy.mp4" type="video/mp4" class="svelte-f3i6qg"></video> <section class="game-card-body svelte-f3i6qg"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-1iabfbj">Hepcat</h1> <blockquote class="svelte-f3i6qg" data-svelte-h="svelte-1sm2zx2">"Cats, Jazz, and a little bit of Death. What more could anyone ask for?"</blockquote> <p class="svelte-f3i6qg" 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-f3i6qg">CMPUT 250</a>, and it won <a href="https://webdocs.cs.ualberta.ca/~nathanst/certificate/" class="svelte-f3i6qg">Game of the year.</a></p> <p class="svelte-f3i6qg" 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-f3i6qg">RPG Maker MV</a> with the help of additional custom-made <span class="qt-js svelte-f3i6qg">Javascript</span> plugins. I
|
|
107
|
+
" data-no-snippet><section class="game-card svelte-f3i6qg" slot="content"> <video playsinline autoplay muted loop preload="none" id="hepcat-video" class="svelte-f3i6qg" data-svelte-h="svelte-11xid74"><source src="/_app/immutable/assets/header-hep-cat.DcyPS3Oy.mp4" type="video/mp4" class="svelte-f3i6qg"></video> <section class="game-card-body svelte-f3i6qg"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-1iabfbj">Hepcat</h1> <blockquote class="svelte-f3i6qg" data-svelte-h="svelte-1sm2zx2">"Cats, Jazz, and a little bit of Death. What more could anyone ask for?"</blockquote> <p class="svelte-f3i6qg" 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-f3i6qg">CMPUT 250</a>, and it won <a href="https://webdocs.cs.ualberta.ca/~nathanst/certificate/" class="svelte-f3i6qg">Game of the year.</a></p> <p class="svelte-f3i6qg" 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-f3i6qg">RPG Maker MV</a> with the help of additional custom-made <span class="qt-js svelte-f3i6qg">Javascript</span> plugins. I
|
|
108
108
|
wrote the rhythm game plugin's framework. For this plugin to work, I
|
|
109
109
|
had to write a <span class="qt-python svelte-f3i6qg">Python</span> script that parses osu! files into readable JSON
|
|
110
|
-
files.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://bitbucket.org/egginchicken/hep-cat/src/master/" data-svelte-h="svelte-kqolxp"><img alt="bitbucket icon" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJfeDM0XzQtYml0YnVja2V0Ij48Zz48cGF0aCBkPSJNNDAuOTI5LDQ5LjE3OGMtOC4xMDgtMC4wOTItMTQuODM1LDYuMzU4LTE0LjkyOCwxNC41NTljMCwwLjgyOSwwLjA5MywxLjc1LDAuMTg2LDIuNTggICAgbDYyLjU2NiwzNzkuNzM1YzEuNTY2LDkuNTgyLDkuODYsMTYuNjgsMTkuNjI3LDE2Ljc3aDMwMC4xMThjNy4yODEsMC4wOTMsMTMuNTQ2LTUuMTU5LDE0Ljc0NS0xMi4zNDdMNDg1LjgxLDY2LjQwOSAgICBjMS4yOS04LjAxNi00LjE0Ni0xNS41NzItMTIuMTYzLTE2Ljg2MmMtMC44MjktMC4wOTEtMS42NTgtMC4xODQtMi41NzgtMC4xODRMNDAuOTI5LDQ5LjE3OEw0MC45MjksNDkuMTc4eiBNMzA0LjM3NSwzMjMuNTkgICAgaC05NS44MzFsLTI1Ljg5NS0xMzUuNDU2aDE0NC45NDVMMzA0LjM3NSwzMjMuNTlMMzA0LjM3NSwzMjMuNTl6IiBzdHlsZT0iZmlsbDojMjY4NEZGOyIvPjwvZz48L2c+PGcgaWQ9IkxheWVyXzEiLz48L3N2Zz4=" class="svelte-f3i6qg"></button> <button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://just-a-phantom.itch.io/hep-cat" data-svelte-h="svelte-85ytls"><img alt="itch.io icon" src="https://static.itch.io/images/itchio-textless-black.svg" class="svelte-f3i6qg"></button></section></section></section
|
|
110
|
+
files.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://bitbucket.org/egginchicken/hep-cat/src/master/" data-svelte-h="svelte-kqolxp"><img alt="bitbucket icon" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJfeDM0XzQtYml0YnVja2V0Ij48Zz48cGF0aCBkPSJNNDAuOTI5LDQ5LjE3OGMtOC4xMDgtMC4wOTItMTQuODM1LDYuMzU4LTE0LjkyOCwxNC41NTljMCwwLjgyOSwwLjA5MywxLjc1LDAuMTg2LDIuNTggICAgbDYyLjU2NiwzNzkuNzM1YzEuNTY2LDkuNTgyLDkuODYsMTYuNjgsMTkuNjI3LDE2Ljc3aDMwMC4xMThjNy4yODEsMC4wOTMsMTMuNTQ2LTUuMTU5LDE0Ljc0NS0xMi4zNDdMNDg1LjgxLDY2LjQwOSAgICBjMS4yOS04LjAxNi00LjE0Ni0xNS41NzItMTIuMTYzLTE2Ljg2MmMtMC44MjktMC4wOTEtMS42NTgtMC4xODQtMi41NzgtMC4xODRMNDAuOTI5LDQ5LjE3OEw0MC45MjksNDkuMTc4eiBNMzA0LjM3NSwzMjMuNTkgICAgaC05NS44MzFsLTI1Ljg5NS0xMzUuNDU2aDE0NC45NDVMMzA0LjM3NSwzMjMuNTlMMzA0LjM3NSwzMjMuNTl6IiBzdHlsZT0iZmlsbDojMjY4NEZGOyIvPjwvZz48L2c+PGcgaWQ9IkxheWVyXzEiLz48L3N2Zz4=" class="svelte-f3i6qg"></button> <button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://just-a-phantom.itch.io/hep-cat" data-svelte-h="svelte-85ytls"><img alt="itch.io icon" src="https://static.itch.io/images/itchio-textless-black.svg" class="svelte-f3i6qg"></button></section></section></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
111
111
|
--turnip-card-margin: 0;
|
|
112
112
|
--turnip-card-margin-bottom: 3em;
|
|
113
113
|
;
|
|
114
|
-
"><section class="game-card svelte-f3i6qg" slot="content"><img src="/_app/immutable/assets/footage-chef-wings.dVBm8Uit.gif" alt="todo" loading="lazy" class="svelte-f3i6qg"> <section class="game-card-body svelte-f3i6qg"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-u3x25k">Chef Wings</h1> <p class="svelte-f3i6qg" data-svelte-h="svelte-1gm838l">A “roguelite-lite” where you gather ingredients in a procedurally-generated dungeon and use
|
|
114
|
+
" data-no-snippet><section class="game-card svelte-f3i6qg" slot="content"><img src="/_app/immutable/assets/footage-chef-wings.dVBm8Uit.gif" alt="todo" loading="lazy" class="svelte-f3i6qg"> <section class="game-card-body svelte-f3i6qg"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-u3x25k">Chef Wings</h1> <p class="svelte-f3i6qg" data-svelte-h="svelte-1gm838l">A “roguelite-lite” where you gather ingredients in a procedurally-generated dungeon and use
|
|
115
115
|
them to cook for customers and then critics!</p> <p class="svelte-f3i6qg" data-svelte-h="svelte-1vp4je5">I built and documented several of the game’s systems including the game state management
|
|
116
116
|
system that extends <span class="qt-unity svelte-f3i6qg">Unity’s</span> existing Monobehavior lifecycle with new events,
|
|
117
117
|
and the dialogue, event, and level systems that coordinate the game flow using the interactive
|
|
118
|
-
dialogue tool YarnSpinner</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" title="https://selk.io/birb-project/trunk/" data-svelte-h="svelte-1sy1yh1"><img alt="itch.io icon" src="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" class="svelte-f3i6qg"> <span class="svelte-f3i6qg">selk.io/birb-project/trunk/</span></button></section></section></section
|
|
118
|
+
dialogue tool YarnSpinner</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" title="https://selk.io/birb-project/trunk/" data-svelte-h="svelte-1sy1yh1"><img alt="itch.io icon" src="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" class="svelte-f3i6qg"> <span class="svelte-f3i6qg">selk.io/birb-project/trunk/</span></button></section></section></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
119
119
|
--turnip-card-margin: 0;
|
|
120
120
|
--turnip-card-margin-bottom: 3em;
|
|
121
121
|
;
|
|
122
|
-
"><section class="game-card svelte-f3i6qg" slot="content"><video playsinline autoplay muted loop preload="none" class="svelte-f3i6qg" data-svelte-h="svelte-1k9edyw"><source src="/_app/immutable/assets/header-soulwork.BQRWmhTu.mp4" type="video/mp4" class="svelte-f3i6qg"></video> <section class="game-card-body svelte-f3i6qg"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-2ce69i">Soulwork</h1> <p class="svelte-f3i6qg" data-svelte-h="svelte-v85h17">Soulwork is a 2D platforming game that uses unique physics to solve puzzle-based levels.
|
|
122
|
+
" data-no-snippet><section class="game-card svelte-f3i6qg" slot="content"><video playsinline autoplay muted loop preload="none" class="svelte-f3i6qg" data-svelte-h="svelte-1k9edyw"><source src="/_app/immutable/assets/header-soulwork.BQRWmhTu.mp4" type="video/mp4" class="svelte-f3i6qg"></video> <section class="game-card-body svelte-f3i6qg"><h1 class="svelte-f3i6qg" data-svelte-h="svelte-2ce69i">Soulwork</h1> <p class="svelte-f3i6qg" data-svelte-h="svelte-v85h17">Soulwork is a 2D platforming game that uses unique physics to solve puzzle-based levels.
|
|
123
123
|
This project is a Time to Game Jam entry, restricting game development to be under 48
|
|
124
124
|
hours.</p> <p class="svelte-f3i6qg" data-svelte-h="svelte-1ulwzoi">I helped make the level designing tools used by the designers to drag-and-drop objects
|
|
125
125
|
on the stage. I also helped program the unique physics-based gameplay mechanic. This was
|
|
126
|
-
was made in <span class="qt-unity svelte-f3i6qg">Unity</span> written using <span class="qt-cs svelte-f3i6qg">C#</span>.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/Zeyu-Li/Clockwork" data-svelte-h="svelte-pzpykb"><img alt="github icon" src="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" class="svelte-f3i6qg"></button> <button type="button" class="game-button turnip-button svelte-f3i6qg" 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" src="https://static.itch.io/images/itchio-textless-black.svg" class="svelte-f3i6qg"></button></section></section></section
|
|
126
|
+
was made in <span class="qt-unity svelte-f3i6qg">Unity</span> written using <span class="qt-cs svelte-f3i6qg">C#</span>.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/Zeyu-Li/Clockwork" data-svelte-h="svelte-pzpykb"><img alt="github icon" src="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" class="svelte-f3i6qg"></button> <button type="button" class="game-button turnip-button svelte-f3i6qg" 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" src="https://static.itch.io/images/itchio-textless-black.svg" class="svelte-f3i6qg"></button></section></section></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
127
127
|
--turnip-card-margin: 0;
|
|
128
128
|
--turnip-card-margin-bottom: 3em;
|
|
129
129
|
align-self: flex-start;;
|
|
130
|
-
"><section class="game-card itch-promo svelte-f3i6qg" slot="content"><h1 class="mb-12 text-center svelte-f3i6qg" data-svelte-h="svelte-10vk3r5">Check out my itch.io page for more games</h1> <section class="game-link-section svelte-f3i6qg"><button type="button" class="btn variant-filled-primary turnip-button svelte-f3i6qg" role="link" title="https://turnipxenon.itch.io/" data-svelte-h="svelte-mamccr"><img src="https://static.itch.io/images/itchio-textless-black.svg" class="long-btn-image svelte-f3i6qg" alt="itch icon"> <span class="svelte-f3i6qg">TurnipXenon</span></button></section></section
|
|
130
|
+
" data-no-snippet><section class="game-card itch-promo svelte-f3i6qg" slot="content"><h1 class="mb-12 text-center svelte-f3i6qg" data-svelte-h="svelte-10vk3r5">Check out my itch.io page for more games</h1> <section class="game-link-section svelte-f3i6qg"><button type="button" class="btn variant-filled-primary turnip-button svelte-f3i6qg" role="link" title="https://turnipxenon.itch.io/" data-svelte-h="svelte-mamccr"><img src="https://static.itch.io/images/itchio-textless-black.svg" class="long-btn-image svelte-f3i6qg" alt="itch icon"> <span class="svelte-f3i6qg">TurnipXenon</span></button></section></section></div></section> <div class="card turnip-card svelte-isla4e" style="
|
|
131
131
|
--turnip-card-margin: 0;
|
|
132
132
|
--turnip-card-margin-bottom: 3em;
|
|
133
133
|
;
|
|
134
|
-
"><section class="section-card title-card svelte-f3i6qg" slot="content" data-svelte-h="svelte-49ylrm"><h1 class="text-center svelte-f3i6qg">Projects</h1></section
|
|
134
|
+
" data-no-snippet><section class="section-card title-card svelte-f3i6qg" slot="content" data-svelte-h="svelte-49ylrm"><h1 class="text-center svelte-f3i6qg">Projects</h1></section></div> <section class="projects-section svelte-f3i6qg"><div class="card turnip-card svelte-isla4e" style="
|
|
135
135
|
--turnip-card-margin: 0;
|
|
136
136
|
--turnip-card-margin-bottom: 3em;
|
|
137
137
|
;
|
|
138
|
-
"><section class="project-card svelte-f3i6qg" 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-f3i6qg"></iframe> <div class="project-card-body svelte-f3i6qg"> <h2 class="svelte-f3i6qg" data-svelte-h="svelte-1eni4fk">Migrante Alberta</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-1smwex7">We developed a mobile-first cross-platform application to be used by the Canadian-based
|
|
138
|
+
" data-no-snippet><section class="project-card svelte-f3i6qg" 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-f3i6qg"></iframe> <div class="project-card-body svelte-f3i6qg"> <h2 class="svelte-f3i6qg" data-svelte-h="svelte-1eni4fk">Migrante Alberta</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-1smwex7">We developed a mobile-first cross-platform application to be used by the Canadian-based
|
|
139
139
|
Filipino non-profit advocacy group, Migrante Alberta, to help new immigrants navigate
|
|
140
|
-
through local services and events</p> <p class="svelte-f3i6qg"><span class="chip variant-filled-tertiary svelte-1usmrsu">Flutter </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Dart </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Python </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Django </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Heroku </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Android </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Postgresql </span></p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="btn variant-filled-primary turnip-button svelte-f3i6qg" title="https://selk.io/birb-project/trunk/" data-svelte-h="svelte-121dvtq"><img src="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" class="long-btn-image svelte-f3i6qg" alt="itch icon"> <span class="svelte-f3i6qg">cmput401.ca</span></button></section></div></section
|
|
140
|
+
through local services and events</p> <p class="svelte-f3i6qg"><span class="chip variant-filled-tertiary svelte-1usmrsu">Flutter </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Dart </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Python </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Django </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Heroku </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Android </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Postgresql </span></p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="btn variant-filled-primary turnip-button svelte-f3i6qg" title="https://selk.io/birb-project/trunk/" data-svelte-h="svelte-121dvtq"><img src="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" class="long-btn-image svelte-f3i6qg" alt="itch icon"> <span class="svelte-f3i6qg">cmput401.ca</span></button></section></div></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
141
141
|
--turnip-card-margin: 0;
|
|
142
142
|
--turnip-card-margin-bottom: 3em;
|
|
143
143
|
;
|
|
144
|
-
"><section class="project-card svelte-f3i6qg" slot="content"><div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-1ir48d3">Decentralized social media</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-bywg41">We made a full stack decentralized social media app made with <span class="qt-react svelte-f3i6qg">React</span> +
|
|
144
|
+
" data-no-snippet><section class="project-card svelte-f3i6qg" slot="content"><div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-1ir48d3">Decentralized social media</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-bywg41">We made a full stack decentralized social media app made with <span class="qt-react svelte-f3i6qg">React</span> +
|
|
145
145
|
<span class="qt-js svelte-f3i6qg">Javascript</span> for the client code, <span class="qt-django svelte-f3i6qg">Django</span> + <span class="qt-python svelte-f3i6qg">Python</span> for the backend code, and <span class="qt-heroku svelte-f3i6qg">Heroku</span> for
|
|
146
146
|
deployment. This project was made
|
|
147
147
|
for
|
|
@@ -151,29 +151,29 @@
|
|
|
151
151
|
social media that uses Fast API + Python for their backend server</a></li> <li class="svelte-f3i6qg"><a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-12" target="_blank" class="svelte-f3i6qg">Another
|
|
152
152
|
social media that has Django + Python for their backend but we have to act on behalf of
|
|
153
153
|
our
|
|
154
|
-
users interacting with their users</a></li></ul> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/hgshah/cmput404-project" data-svelte-h="svelte-cv2gah"><img src="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" alt="github icon" class="svelte-f3i6qg"></button></section></div></section
|
|
154
|
+
users interacting with their users</a></li></ul> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/hgshah/cmput404-project" data-svelte-h="svelte-cv2gah"><img src="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" alt="github icon" class="svelte-f3i6qg"></button></section></div></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
155
155
|
--turnip-card-margin: 0;
|
|
156
156
|
--turnip-card-margin-bottom: 3em;
|
|
157
157
|
;
|
|
158
|
-
"><section class="project-card svelte-f3i6qg" slot="content"><img alt="Footage of a visual novel-like dynamic dialog interaction happening on the same page we are on" src="/_app/immutable/assets/weaver-footage.sjDEbkrX.gif" class="svelte-f3i6qg"> <div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-1tprdy5">Customized Yarnspinner interpreter and dialog runner</h2>
|
|
158
|
+
" data-no-snippet><section class="project-card svelte-f3i6qg" slot="content"><img alt="Footage of a visual novel-like dynamic dialog interaction happening on the same page we are on" src="/_app/immutable/assets/weaver-footage.sjDEbkrX.gif" class="svelte-f3i6qg"> <div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-1tprdy5">Customized Yarnspinner interpreter and dialog runner</h2>
|
|
159
159
|
|
|
160
160
|
A custom dialog interpreter, written in <span class="qt-ts svelte-f3i6qg" data-svelte-h="svelte-o30c37">Typescript</span>, that tokenizes then
|
|
161
161
|
transpiles custom Yarnspinner dialog into a <span class="qt-ts svelte-f3i6qg" data-svelte-h="svelte-o30c37">Typescript</span> file. The said files can
|
|
162
162
|
be used on a corresponding runner or library, also implemented alongside it, allowing the ability to play a
|
|
163
163
|
custom-flavor of YarnSpinner dialogs on <span class="qt-svelte svelte-f3i6qg" data-svelte-h="svelte-19momqd">Svelte</span>.
|
|
164
164
|
|
|
165
|
-
<section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/pineapple/blob/main/docs/PineappleFiberSpec.md" data-svelte-h="svelte-7o1iz5"><img src="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" alt="github icon" class="svelte-f3i6qg"></button></section></div></section
|
|
165
|
+
<section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/pineapple/blob/main/docs/PineappleFiberSpec.md" data-svelte-h="svelte-7o1iz5"><img src="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" alt="github icon" class="svelte-f3i6qg"></button></section></div></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
166
166
|
--turnip-card-margin: 0;
|
|
167
167
|
--turnip-card-margin-bottom: 3em;
|
|
168
168
|
;
|
|
169
|
-
"><section class="project-card svelte-f3i6qg" slot="content"><div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-1g6x1gh">Full-stack <span class="qt-c svelte-f3i6qg">C</span> app</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-1m2910f">A terminal-based app consisting of a server observing several terminal apps all concurrently
|
|
169
|
+
" data-no-snippet><section class="project-card svelte-f3i6qg" slot="content"><div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-1g6x1gh">Full-stack <span class="qt-c svelte-f3i6qg">C</span> app</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-1m2910f">A terminal-based app consisting of a server observing several terminal apps all concurrently
|
|
170
170
|
sending updates to the server, which then broadcasts these information concurrently to all the
|
|
171
171
|
other terminal apps connected.</p> <p class="svelte-f3i6qg" data-svelte-h="svelte-2glnqi">The project involves <span class="qt-foundation svelte-f3i6qg">multiprocessing</span> programming featuring pthreads and
|
|
172
|
-
mutexes, and <span class="qt-foundation svelte-f3i6qg">networking</span> via sockets.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md" data-svelte-h="svelte-ytnfwd"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"></button></section></div></section
|
|
172
|
+
mutexes, and <span class="qt-foundation svelte-f3i6qg">networking</span> via sockets.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md" data-svelte-h="svelte-ytnfwd"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"></button></section></div></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
173
173
|
--turnip-card-margin: 0;
|
|
174
174
|
--turnip-card-margin-bottom: 3em;
|
|
175
175
|
;
|
|
176
|
-
"><section class="project-card svelte-f3i6qg" slot="content"><img alt="A graph that visualizes the number of memory pages made by Quicksort cached within the window set as
|
|
176
|
+
" data-no-snippet><section class="project-card svelte-f3i6qg" slot="content"><img alt="A graph that visualizes the number of memory pages made by Quicksort cached within the window set as
|
|
177
177
|
time goes by. The trend appears to look like a damping harmonic motion that does not go below the zero line. More
|
|
178
178
|
details include the data size being 200000 entries, each data point skips 1060174 data points, with a
|
|
179
179
|
page size of 4096 bytes, and window size of 100000 bytes." src="/_app/immutable/assets/window-set.IpgsYUna.png" class="svelte-f3i6qg"> <div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-1owlizc">Working set simulation</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-h0uhw2">A <span class="qt-c svelte-f3i6qg">C</span> program that simulates the working set model based on the output of memory
|
|
@@ -182,24 +182,24 @@
|
|
|
182
182
|
implemented using a nested hashmap <span class="qt-foundation svelte-f3i6qg">data structure</span> implemented from
|
|
183
183
|
scratch. The working set is the collection of memory pages referenced by a program within a certain time
|
|
184
184
|
frame. It comes with a report analyzing and benchmarking how memory allocation, between sorting <span class="qt-foundation svelte-f3i6qg">algorithms</span> heapsort, quicksort, and radixsort, is affected by the window set
|
|
185
|
-
size, page size, and their input size.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/REPORT.pdf" data-svelte-h="svelte-5rpf8h"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"> <span class="svelte-f3i6qg">Benchmark report</span></button> <button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/DESIGN.md" data-svelte-h="svelte-1vbe2nk"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"> <span class="svelte-f3i6qg">Design</span></button></section></div></section
|
|
185
|
+
size, page size, and their input size.</p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/REPORT.pdf" data-svelte-h="svelte-5rpf8h"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"> <span class="svelte-f3i6qg">Benchmark report</span></button> <button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment03/DESIGN.md" data-svelte-h="svelte-1vbe2nk"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"> <span class="svelte-f3i6qg">Design</span></button></section></div></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
186
186
|
--turnip-card-margin: 0;
|
|
187
187
|
--turnip-card-margin-bottom: 3em;
|
|
188
188
|
;
|
|
189
|
-
"><section class="project-card svelte-f3i6qg" slot="content"><video playsinline autoplay muted loop preload="none" class="svelte-f3i6qg" data-svelte-h="svelte-m5p9b7"><source src="/_app/immutable/assets/seaweed-showcase.TTVTTC5m.mp4" type="video/mp4" class="svelte-f3i6qg">
|
|
189
|
+
" data-no-snippet><section class="project-card svelte-f3i6qg" slot="content"><video playsinline autoplay muted loop preload="none" class="svelte-f3i6qg" data-svelte-h="svelte-m5p9b7"><source src="/_app/immutable/assets/seaweed-showcase.TTVTTC5m.mp4" type="video/mp4" class="svelte-f3i6qg">
|
|
190
190
|
video unavailable. original video contains clips of this website being resized and light-dark mode being
|
|
191
191
|
toggled.</video> <div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-5puumm">This webpage!</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-1te9sdx">The webpage is made of two parts. The webpage that has the content for everything here, I've
|
|
192
192
|
lovingly called Seaweed. I kept seaweed as a private package. On the other hand, the base package which I
|
|
193
|
-
want to use for all spin offs of my websites is called Pineapple and have kept that codebase public.</p> <p class="svelte-f3i6qg"><span class="chip variant-filled-tertiary svelte-1usmrsu">Svelte </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Skeleton (Svelte UI library) </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Typescript </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Vercel </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">YarnSpinner </span></p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="btn variant-filled-primary turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/pineapple" data-svelte-h="svelte-4dm4xx"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"></button></section></div></section
|
|
193
|
+
want to use for all spin offs of my websites is called Pineapple and have kept that codebase public.</p> <p class="svelte-f3i6qg"><span class="chip variant-filled-tertiary svelte-1usmrsu">Svelte </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Skeleton (Svelte UI library) </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Typescript </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">Vercel </span> <span class="chip variant-filled-tertiary svelte-1usmrsu">YarnSpinner </span></p> <section class="game-link-section svelte-f3i6qg"><button type="button" class="btn variant-filled-primary turnip-button svelte-f3i6qg" role="link" title="https://github.com/TurnipXenon/pineapple" data-svelte-h="svelte-4dm4xx"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"></button></section></div></section></div> <div class="card turnip-card svelte-isla4e" style="
|
|
194
194
|
--turnip-card-margin: 0;
|
|
195
195
|
--turnip-card-margin-bottom: 3em;
|
|
196
196
|
;
|
|
197
|
-
"><section class="project-card svelte-f3i6qg" slot="content"><div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-1vw6xk1">Mock Uber App</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-1n8bpk7">A course project app meant to emulate how Uber works by playing with <span class="qt-google svelte-f3i6qg">Google Maps API</span>.</p> <p class="svelte-f3i6qg" data-svelte-h="svelte-1ob0wfp">I implemented all interfaces related to the NoSQL cloud database <span class="qt-firebase qt-google qt-infra svelte-f3i6qg">Firebase</span>, making writing code easier for other programmers (<span class="qt-android svelte-f3i6qg">Android</span> / <span class="qt-java svelte-f3i6qg">Java</span>). I also wrote documentation to said
|
|
198
|
-
code and added instrumented tests that are tested by the continuous integration tool <span class="qt-infra svelte-f3i6qg">Travis CI</span>, ensuring that our code is tested</p> <section class="game-link-section svelte-f3i6qg"> <button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/CMPUT301W20T10/UberApp" data-svelte-h="svelte-9lexjr"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"></button></section></div></section
|
|
197
|
+
" data-no-snippet><section class="project-card svelte-f3i6qg" slot="content"><div class="project-card-body svelte-f3i6qg"><h2 class="svelte-f3i6qg" data-svelte-h="svelte-1vw6xk1">Mock Uber App</h2> <p class="svelte-f3i6qg" data-svelte-h="svelte-1n8bpk7">A course project app meant to emulate how Uber works by playing with <span class="qt-google svelte-f3i6qg">Google Maps API</span>.</p> <p class="svelte-f3i6qg" data-svelte-h="svelte-1ob0wfp">I implemented all interfaces related to the NoSQL cloud database <span class="qt-firebase qt-google qt-infra svelte-f3i6qg">Firebase</span>, making writing code easier for other programmers (<span class="qt-android svelte-f3i6qg">Android</span> / <span class="qt-java svelte-f3i6qg">Java</span>). I also wrote documentation to said
|
|
198
|
+
code and added instrumented tests that are tested by the continuous integration tool <span class="qt-infra svelte-f3i6qg">Travis CI</span>, ensuring that our code is tested</p> <section class="game-link-section svelte-f3i6qg"> <button type="button" class="game-button turnip-button svelte-f3i6qg" role="link" title="https://github.com/CMPUT301W20T10/UberApp" data-svelte-h="svelte-9lexjr"><img src="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" class="long-btn-image svelte-f3i6qg" alt="github icon"></button></section></div></section></div></section></main> <div class="footer-space"></div></div> </main> </div> </div> </div>
|
|
199
199
|
|
|
200
200
|
<script>
|
|
201
201
|
{
|
|
202
|
-
|
|
202
|
+
__sveltekit_oug70e = {
|
|
203
203
|
base: new URL(".", location).pathname.slice(0, -1)
|
|
204
204
|
};
|
|
205
205
|
|
|
@@ -208,8 +208,8 @@
|
|
|
208
208
|
const data = [null,{"type":"data","data":{},"uses":{}}];
|
|
209
209
|
|
|
210
210
|
Promise.all([
|
|
211
|
-
import("./_app/immutable/entry/start.
|
|
212
|
-
import("./_app/immutable/entry/app.
|
|
211
|
+
import("./_app/immutable/entry/start.xt1NqQCl.js"),
|
|
212
|
+
import("./_app/immutable/entry/app.CtI5urfJ.js")
|
|
213
213
|
]).then(([kit, app]) => {
|
|
214
214
|
kit.start(app, element, {
|
|
215
215
|
node_ids: [0, 5],
|