@turnipxenon/pineapple 2.4.74 → 2.4.76

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.
Files changed (60) hide show
  1. package/.idea/workspace.xml +50 -42
  2. package/.svelte-kit/__package__/components/PineappleSlideToggle.svelte +3 -1
  3. package/.svelte-kit/__package__/components/PineappleSlideToggle.svelte.d.ts +1 -0
  4. package/.svelte-kit/__package__/components/index.d.ts +6 -0
  5. package/.svelte-kit/__package__/components/index.js +7 -0
  6. package/.svelte-kit/__package__/index.d.ts +2 -7
  7. package/.svelte-kit/__package__/index.js +2 -7
  8. package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte +6 -1
  9. package/.svelte-kit/__package__/template/seaweed/SeaweedTemplateData.js +0 -6
  10. package/.svelte-kit/__package__/template/seaweed/entries/EntryProps.d.ts +0 -1
  11. package/.svelte-kit/__package__/template/seaweed/entries/WorkExperience.svelte +22 -52
  12. package/.svelte-kit/__package__/template/seaweed/index.d.ts +4 -0
  13. package/.svelte-kit/__package__/template/seaweed/index.js +4 -0
  14. package/.svelte-kit/generated/server/internal.js +1 -1
  15. package/dist/components/PineappleSlideToggle.svelte +3 -1
  16. package/dist/components/PineappleSlideToggle.svelte.d.ts +1 -0
  17. package/dist/components/index.d.ts +6 -0
  18. package/dist/components/index.js +7 -0
  19. package/dist/index.d.ts +2 -7
  20. package/dist/index.js +2 -7
  21. package/dist/template/seaweed/SeaweedTemplate.svelte +6 -1
  22. package/dist/template/seaweed/SeaweedTemplateData.js +0 -6
  23. package/dist/template/seaweed/entries/EntryProps.d.ts +0 -1
  24. package/dist/template/seaweed/entries/WorkExperience.svelte +22 -52
  25. package/dist/template/seaweed/index.d.ts +4 -0
  26. package/dist/template/seaweed/index.js +4 -0
  27. package/package.json +1 -1
  28. package/src/lib/components/PineappleSlideToggle.svelte +3 -1
  29. package/src/lib/components/index.ts +8 -0
  30. package/src/lib/index.ts +2 -7
  31. package/src/lib/template/seaweed/SeaweedTemplate.svelte +6 -1
  32. package/src/lib/template/seaweed/SeaweedTemplateData.ts +1 -7
  33. package/src/lib/template/seaweed/entries/EntryProps.ts +0 -1
  34. package/src/lib/template/seaweed/entries/WorkExperience.svelte +22 -52
  35. package/src/lib/template/seaweed/index.ts +4 -0
  36. package/.svelte-kit/__package__/template/seaweed/entries/DecentralizedSocialMedia.svelte +0 -52
  37. package/.svelte-kit/__package__/template/seaweed/entries/DecentralizedSocialMedia.svelte.d.ts +0 -17
  38. package/.svelte-kit/__package__/template/seaweed/entries/FullStackC.svelte +0 -33
  39. package/.svelte-kit/__package__/template/seaweed/entries/FullStackC.svelte.d.ts +0 -17
  40. package/.svelte-kit/__package__/template/seaweed/entries/ItchPromo.svelte +0 -21
  41. package/.svelte-kit/__package__/template/seaweed/entries/ItchPromo.svelte.d.ts +0 -17
  42. package/.svelte-kit/__package__/template/seaweed/entries/MigranteAlberta.svelte +0 -54
  43. package/.svelte-kit/__package__/template/seaweed/entries/MigranteAlberta.svelte.d.ts +0 -17
  44. package/.svelte-kit/__package__/template/seaweed/entries/MockUberApp.svelte +0 -35
  45. package/.svelte-kit/__package__/template/seaweed/entries/MockUberApp.svelte.d.ts +0 -17
  46. package/dist/template/seaweed/entries/DecentralizedSocialMedia.svelte +0 -52
  47. package/dist/template/seaweed/entries/DecentralizedSocialMedia.svelte.d.ts +0 -17
  48. package/dist/template/seaweed/entries/FullStackC.svelte +0 -33
  49. package/dist/template/seaweed/entries/FullStackC.svelte.d.ts +0 -17
  50. package/dist/template/seaweed/entries/ItchPromo.svelte +0 -21
  51. package/dist/template/seaweed/entries/ItchPromo.svelte.d.ts +0 -17
  52. package/dist/template/seaweed/entries/MigranteAlberta.svelte +0 -54
  53. package/dist/template/seaweed/entries/MigranteAlberta.svelte.d.ts +0 -17
  54. package/dist/template/seaweed/entries/MockUberApp.svelte +0 -35
  55. package/dist/template/seaweed/entries/MockUberApp.svelte.d.ts +0 -17
  56. package/src/lib/template/seaweed/entries/DecentralizedSocialMedia.svelte +0 -54
  57. package/src/lib/template/seaweed/entries/FullStackC.svelte +0 -36
  58. package/src/lib/template/seaweed/entries/ItchPromo.svelte +0 -23
  59. package/src/lib/template/seaweed/entries/MigranteAlberta.svelte +0 -62
  60. package/src/lib/template/seaweed/entries/MockUberApp.svelte +0 -38
@@ -1,35 +0,0 @@
1
- <script>import {} from "./EntryProps";
2
- import Card from "../../../components/Card.svelte";
3
- import GithubIcon from "../../../assets/icons/github-mark.svg";
4
- export let props;
5
- </script>
6
-
7
- <Card>
8
- <section class="project-card" slot="content">
9
- <div class="project-card-body">
10
- <h2>Mock Uber App</h2>
11
-
12
- <p>A course project app meant to emulate how Uber works by playing with <span
13
- class="qt-google">Google Maps API</span>.
14
- </p>
15
- <p>
16
- I implemented all interfaces related to the NoSQL cloud database <span
17
- class="qt-firebase qt-google qt-infra">Firebase</span>, making writing code easier for other programmers
18
- (<span
19
- class="qt-android">Android</span> / <span class="qt-java">Java</span>). I also wrote documentation to said
20
- code and added instrumented tests that are tested by the continuous integration tool <span
21
- class="qt-infra">Travis CI</span>, ensuring that our code is tested
22
- </p>
23
-
24
- <section class="game-link-section">
25
- <!-- todo: mock uber app find link -->
26
- <button type="button" class="game-button turnip-button"
27
- role="link"
28
- title="https://github.com/CMPUT301W20T10/UberApp"
29
- on:click={() => window.open("https://github.com/CMPUT301W20T10/UberApp")}>
30
- <img src={GithubIcon} class="long-btn-image" alt="github icon">
31
- </button>
32
- </section>
33
- </div>
34
- </section>
35
- </Card>
@@ -1,17 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type EntryProps } from "./EntryProps";
3
- declare const __propDef: {
4
- props: {
5
- props: EntryProps;
6
- };
7
- events: {
8
- [evt: string]: CustomEvent<any>;
9
- };
10
- slots: {};
11
- };
12
- export type MockUberAppProps = typeof __propDef.props;
13
- export type MockUberAppEvents = typeof __propDef.events;
14
- export type MockUberAppSlots = typeof __propDef.slots;
15
- export default class MockUberApp extends SvelteComponent<MockUberAppProps, MockUberAppEvents, MockUberAppSlots> {
16
- }
17
- export {};
@@ -1,52 +0,0 @@
1
- <script>import {} from "./EntryProps";
2
- import Card from "../../../components/Card.svelte";
3
- import GithubIcon from "../../../assets/icons/github-mark.svg";
4
- export let props;
5
- </script>
6
-
7
- <Card>
8
- <section class="project-card" slot="content">
9
- <div class="project-card-body">
10
-
11
- <h2>Decentralized social media</h2>
12
-
13
- <p>We made a full stack decentralized social media app made with <span class="qt-react">React</span> +
14
- <span class="qt-js">Javascript</span> for the client code, <span class="qt-django">Django</span> + <span
15
- class="qt-python">Python</span> for the backend code, and <span class="qt-heroku">Heroku</span> for
16
- deployment. This project was made
17
- for
18
- our Web Applications and Architecture class.</p>
19
- <p>The application can connect with three other decentralized social media app in the same class:
20
- </p>
21
- <ul>
22
- <li>
23
- <a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-14"
24
- target="_blank">Also
25
- a social media with the same Django + Python backend server where they act on behalf of
26
- our users interacting with theirs</a></li>
27
- <li>
28
- <a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-7"
29
- target="_blank">A
30
- social media that uses Fast API + Python for their backend server</a></li>
31
- <li>
32
- <a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-12"
33
- target="_blank">Another
34
- social media that has Django + Python for their backend but we have to act on behalf of
35
- our
36
- users interacting with their users</a>
37
- </li>
38
- </ul>
39
-
40
- <!-- todo: add tags with Javascript, React, Python, Django, Heroku -->
41
-
42
- <section class="game-link-section">
43
- <button type="button" class="game-button turnip-button"
44
- role="link"
45
- title="https://github.com/hgshah/cmput404-project"
46
- on:click={() => window.open("https://github.com/hgshah/cmput404-project")}>
47
- <img src={GithubIcon} alt="github icon">
48
- </button>
49
- </section>
50
- </div>
51
- </section>
52
- </Card>
@@ -1,17 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type EntryProps } from "./EntryProps";
3
- declare const __propDef: {
4
- props: {
5
- props: EntryProps;
6
- };
7
- events: {
8
- [evt: string]: CustomEvent<any>;
9
- };
10
- slots: {};
11
- };
12
- export type DecentralizedSocialMediaProps = typeof __propDef.props;
13
- export type DecentralizedSocialMediaEvents = typeof __propDef.events;
14
- export type DecentralizedSocialMediaSlots = typeof __propDef.slots;
15
- export default class DecentralizedSocialMedia extends SvelteComponent<DecentralizedSocialMediaProps, DecentralizedSocialMediaEvents, DecentralizedSocialMediaSlots> {
16
- }
17
- export {};
@@ -1,33 +0,0 @@
1
- <script>import {} from "./EntryProps";
2
- import Card from "../../../components/Card.svelte";
3
- import GithubIcon from "../../../assets/icons/github-mark.svg";
4
- export let props;
5
- </script>
6
-
7
- <Card>
8
- <section class="project-card" slot="content">
9
- <div class="project-card-body">
10
- <h2>Full-stack <span class="qt-c">C</span> app</h2>
11
-
12
- <p>
13
- A terminal-based app consisting of a server observing several terminal apps all concurrently
14
- sending updates to the server, which then broadcasts these information concurrently to all the
15
- other terminal apps connected.
16
- </p>
17
- <p>
18
- The project involves <span class="qt-foundation">multiprocessing</span> programming featuring pthreads and
19
- mutexes, and <span class="qt-foundation">networking</span> via sockets.
20
- </p>
21
-
22
- <section class="game-link-section">
23
- <button type="button" class="game-button turnip-button"
24
- role="link"
25
- title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md"
26
- on:click={() => window.open("https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md")}>
27
- <img src={GithubIcon} class="long-btn-image" alt="github icon">
28
- </button>
29
- </section>
30
- </div>
31
- </section>
32
- </Card>
33
-
@@ -1,17 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type EntryProps } from "./EntryProps";
3
- declare const __propDef: {
4
- props: {
5
- props: EntryProps;
6
- };
7
- events: {
8
- [evt: string]: CustomEvent<any>;
9
- };
10
- slots: {};
11
- };
12
- export type FullStackCProps = typeof __propDef.props;
13
- export type FullStackCEvents = typeof __propDef.events;
14
- export type FullStackCSlots = typeof __propDef.slots;
15
- export default class FullStackC extends SvelteComponent<FullStackCProps, FullStackCEvents, FullStackCSlots> {
16
- }
17
- export {};
@@ -1,21 +0,0 @@
1
- <script>import {} from "./EntryProps";
2
- import { ItchLogoHotLink } from "../../../consts";
3
- import Card from "../../../components/Card.svelte";
4
- export let props;
5
- </script>
6
- <Card overrideStyle="align-self: flex-start;">
7
- <section class="game-card itch-promo" slot="content">
8
- <h1 class="mb-12 text-center">Check out my itch.io page for more games</h1>
9
-
10
- <section class="game-link-section">
11
- <button type="button" class="btn variant-filled-primary turnip-button"
12
- role="link"
13
- title="https://turnipxenon.itch.io/"
14
- on:click={() => window.open("https://turnipxenon.itch.io/")}>
15
- <img src={ItchLogoHotLink} class="long-btn-image" alt="itch icon">
16
- <span>TurnipXenon</span>
17
- </button>
18
- </section>
19
-
20
- </section>
21
- </Card>
@@ -1,17 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type EntryProps } from "./EntryProps";
3
- declare const __propDef: {
4
- props: {
5
- props: EntryProps;
6
- };
7
- events: {
8
- [evt: string]: CustomEvent<any>;
9
- };
10
- slots: {};
11
- };
12
- export type ItchPromoProps = typeof __propDef.props;
13
- export type ItchPromoEvents = typeof __propDef.events;
14
- export type ItchPromoSlots = typeof __propDef.slots;
15
- export default class ItchPromo extends SvelteComponent<ItchPromoProps, ItchPromoEvents, ItchPromoSlots> {
16
- }
17
- export {};
@@ -1,54 +0,0 @@
1
- <script>import { Chip } from "../../..";
2
- import {} from "./EntryProps";
3
- import LinkIcon from "../../../assets/icons/link-icon.svg";
4
- import Card from "../../../components/Card.svelte";
5
- import { getModalStore } from "@skeletonlabs/skeleton";
6
- export let props;
7
- const modalStore = getModalStore();
8
- const cmput401Info = {
9
- type: "confirm",
10
- title: "Information",
11
- body: `As a full disclosure, this link will lead you to <a href='https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398' target='_blank'>https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398</a>. We currently don't have any tests yet ensuring that the link is correct. Click confirm to go to the site. Please report any bugs at <a href='mailto:${props.email}' target='_blank'>${props.email}</a>.`,
12
- response: (r) => {
13
- if (r) {
14
- window.open("https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398");
15
- }
16
- }
17
- };
18
- </script>
19
- <Card>
20
- <section class="project-card" slot="content">
21
- <iframe id="migrante-alberta"
22
- width="560" height="315" src="https://www.youtube.com/embed/ZemWwf8jh8E?si=RZwSfYHI-0Ael-RE"
23
- title="YouTube video player" style="border: none"
24
- allowfullscreen></iframe>
25
- <div class="project-card-body">
26
- <!-- todo: add regression to see if page is gone: https://cmput401.ca/api/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398 -->
27
-
28
- <h2>Migrante Alberta</h2>
29
- <p>We developed a mobile-first cross-platform application to be used by the Canadian-based
30
- Filipino non-profit advocacy group, Migrante Alberta, to help new immigrants navigate
31
- through local services and events
32
- </p>
33
- <p>
34
- <Chip>Flutter</Chip>
35
- <Chip>Dart</Chip>
36
- <Chip>Python</Chip>
37
- <Chip>Django</Chip>
38
- <Chip>Heroku</Chip>
39
- <Chip>Android</Chip>
40
- <Chip>Postgresql</Chip>
41
- </p>
42
-
43
- <section class="game-link-section">
44
- <button type="button" class="btn variant-filled-primary turnip-button"
45
- title="https://selk.io/birb-project/trunk/"
46
- on:click={() => modalStore.trigger(cmput401Info)}>
47
- <img src={LinkIcon} class="long-btn-image" alt="itch icon">
48
- <span>cmput401.ca</span>
49
- </button>
50
- </section>
51
-
52
- </div>
53
- </section>
54
- </Card>
@@ -1,17 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type EntryProps } from "./EntryProps";
3
- declare const __propDef: {
4
- props: {
5
- props: EntryProps;
6
- };
7
- events: {
8
- [evt: string]: CustomEvent<any>;
9
- };
10
- slots: {};
11
- };
12
- export type MigranteAlbertaProps = typeof __propDef.props;
13
- export type MigranteAlbertaEvents = typeof __propDef.events;
14
- export type MigranteAlbertaSlots = typeof __propDef.slots;
15
- export default class MigranteAlberta extends SvelteComponent<MigranteAlbertaProps, MigranteAlbertaEvents, MigranteAlbertaSlots> {
16
- }
17
- export {};
@@ -1,35 +0,0 @@
1
- <script>import {} from "./EntryProps";
2
- import Card from "../../../components/Card.svelte";
3
- import GithubIcon from "../../../assets/icons/github-mark.svg";
4
- export let props;
5
- </script>
6
-
7
- <Card>
8
- <section class="project-card" slot="content">
9
- <div class="project-card-body">
10
- <h2>Mock Uber App</h2>
11
-
12
- <p>A course project app meant to emulate how Uber works by playing with <span
13
- class="qt-google">Google Maps API</span>.
14
- </p>
15
- <p>
16
- I implemented all interfaces related to the NoSQL cloud database <span
17
- class="qt-firebase qt-google qt-infra">Firebase</span>, making writing code easier for other programmers
18
- (<span
19
- class="qt-android">Android</span> / <span class="qt-java">Java</span>). I also wrote documentation to said
20
- code and added instrumented tests that are tested by the continuous integration tool <span
21
- class="qt-infra">Travis CI</span>, ensuring that our code is tested
22
- </p>
23
-
24
- <section class="game-link-section">
25
- <!-- todo: mock uber app find link -->
26
- <button type="button" class="game-button turnip-button"
27
- role="link"
28
- title="https://github.com/CMPUT301W20T10/UberApp"
29
- on:click={() => window.open("https://github.com/CMPUT301W20T10/UberApp")}>
30
- <img src={GithubIcon} class="long-btn-image" alt="github icon">
31
- </button>
32
- </section>
33
- </div>
34
- </section>
35
- </Card>
@@ -1,17 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- import { type EntryProps } from "./EntryProps";
3
- declare const __propDef: {
4
- props: {
5
- props: EntryProps;
6
- };
7
- events: {
8
- [evt: string]: CustomEvent<any>;
9
- };
10
- slots: {};
11
- };
12
- export type MockUberAppProps = typeof __propDef.props;
13
- export type MockUberAppEvents = typeof __propDef.events;
14
- export type MockUberAppSlots = typeof __propDef.slots;
15
- export default class MockUberApp extends SvelteComponent<MockUberAppProps, MockUberAppEvents, MockUberAppSlots> {
16
- }
17
- export {};
@@ -1,54 +0,0 @@
1
- <script lang="ts">
2
- import { type EntryProps } from "./EntryProps";
3
- import Card from "$pkg/components/Card.svelte";
4
- import GithubIcon from "$pkg/assets/icons/github-mark.svg";
5
-
6
- export let props: EntryProps;
7
- </script>
8
-
9
- <Card>
10
- <section class="project-card" slot="content">
11
- <div class="project-card-body">
12
-
13
- <h2>Decentralized social media</h2>
14
-
15
- <p>We made a full stack decentralized social media app made with <span class="qt-react">React</span> +
16
- <span class="qt-js">Javascript</span> for the client code, <span class="qt-django">Django</span> + <span
17
- class="qt-python">Python</span> for the backend code, and <span class="qt-heroku">Heroku</span> for
18
- deployment. This project was made
19
- for
20
- our Web Applications and Architecture class.</p>
21
- <p>The application can connect with three other decentralized social media app in the same class:
22
- </p>
23
- <ul>
24
- <li>
25
- <a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-14"
26
- target="_blank">Also
27
- a social media with the same Django + Python backend server where they act on behalf of
28
- our users interacting with theirs</a></li>
29
- <li>
30
- <a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-7"
31
- target="_blank">A
32
- social media that uses Fast API + Python for their backend server</a></li>
33
- <li>
34
- <a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-12"
35
- target="_blank">Another
36
- social media that has Django + Python for their backend but we have to act on behalf of
37
- our
38
- users interacting with their users</a>
39
- </li>
40
- </ul>
41
-
42
- <!-- todo: add tags with Javascript, React, Python, Django, Heroku -->
43
-
44
- <section class="game-link-section">
45
- <button type="button" class="game-button turnip-button"
46
- role="link"
47
- title="https://github.com/hgshah/cmput404-project"
48
- on:click={() => window.open("https://github.com/hgshah/cmput404-project")}>
49
- <img src={GithubIcon} alt="github icon">
50
- </button>
51
- </section>
52
- </div>
53
- </section>
54
- </Card>
@@ -1,36 +0,0 @@
1
- <script lang="ts">
2
- import { type EntryProps } from "./EntryProps";
3
- import Card from "$pkg/components/Card.svelte";
4
- import GithubIcon from "$pkg/assets/icons/github-mark.svg";
5
-
6
- // noinspection JSUnusedGlobalSymbols
7
- export let props: EntryProps;
8
- </script>
9
-
10
- <Card>
11
- <section class="project-card" slot="content">
12
- <div class="project-card-body">
13
- <h2>Full-stack <span class="qt-c">C</span> app</h2>
14
-
15
- <p>
16
- A terminal-based app consisting of a server observing several terminal apps all concurrently
17
- sending updates to the server, which then broadcasts these information concurrently to all the
18
- other terminal apps connected.
19
- </p>
20
- <p>
21
- The project involves <span class="qt-foundation">multiprocessing</span> programming featuring pthreads and
22
- mutexes, and <span class="qt-foundation">networking</span> via sockets.
23
- </p>
24
-
25
- <section class="game-link-section">
26
- <button type="button" class="game-button turnip-button"
27
- role="link"
28
- title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md"
29
- on:click={() => window.open("https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md")}>
30
- <img src={GithubIcon} class="long-btn-image" alt="github icon">
31
- </button>
32
- </section>
33
- </div>
34
- </section>
35
- </Card>
36
-
@@ -1,23 +0,0 @@
1
- <script lang="ts">
2
- import { type EntryProps } from "./EntryProps";
3
- import { ItchLogoHotLink } from "$pkg/consts";
4
- import Card from "$pkg/components/Card.svelte";
5
-
6
- export let props: EntryProps;
7
- </script>
8
- <Card overrideStyle="align-self: flex-start;">
9
- <section class="game-card itch-promo" slot="content">
10
- <h1 class="mb-12 text-center">Check out my itch.io page for more games</h1>
11
-
12
- <section class="game-link-section">
13
- <button type="button" class="btn variant-filled-primary turnip-button"
14
- role="link"
15
- title="https://turnipxenon.itch.io/"
16
- on:click={() => window.open("https://turnipxenon.itch.io/")}>
17
- <img src={ItchLogoHotLink} class="long-btn-image" alt="itch icon">
18
- <span>TurnipXenon</span>
19
- </button>
20
- </section>
21
-
22
- </section>
23
- </Card>
@@ -1,62 +0,0 @@
1
- <script lang="ts">
2
- import { Chip } from "$pkg";
3
- import { type EntryProps } from "./EntryProps";
4
- import LinkIcon from "$pkg/assets/icons/link-icon.svg";
5
- import Card from "$pkg/components/Card.svelte";
6
- import type { ModalSettings } from "@skeletonlabs/skeleton";
7
- import { getModalStore } from "@skeletonlabs/skeleton";
8
-
9
- export let props: EntryProps;
10
-
11
- const modalStore = getModalStore();
12
- const cmput401Info: ModalSettings = {
13
- type: "confirm",
14
- title: "Information",
15
- body: "As a full disclosure, this link will lead you to <a href='https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398' target='_blank'>" +
16
- "https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398</a>. " +
17
- "We currently don't have any tests yet ensuring that the link is correct. " +
18
- `Click confirm to go to the site. Please report any bugs at <a href='mailto:${props.email}' target='_blank'>` +
19
- `${props.email}</a>.`,
20
- response: (r: boolean) => {
21
- if (r) {
22
- window.open("https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398");
23
- }
24
- }
25
- };
26
- </script>
27
- <Card>
28
- <section class="project-card" slot="content">
29
- <iframe id="migrante-alberta"
30
- width="560" height="315" src="https://www.youtube.com/embed/ZemWwf8jh8E?si=RZwSfYHI-0Ael-RE"
31
- title="YouTube video player" style="border: none"
32
- allowfullscreen></iframe>
33
- <div class="project-card-body">
34
- <!-- todo: add regression to see if page is gone: https://cmput401.ca/api/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398 -->
35
-
36
- <h2>Migrante Alberta</h2>
37
- <p>We developed a mobile-first cross-platform application to be used by the Canadian-based
38
- Filipino non-profit advocacy group, Migrante Alberta, to help new immigrants navigate
39
- through local services and events
40
- </p>
41
- <p>
42
- <Chip>Flutter</Chip>
43
- <Chip>Dart</Chip>
44
- <Chip>Python</Chip>
45
- <Chip>Django</Chip>
46
- <Chip>Heroku</Chip>
47
- <Chip>Android</Chip>
48
- <Chip>Postgresql</Chip>
49
- </p>
50
-
51
- <section class="game-link-section">
52
- <button type="button" class="btn variant-filled-primary turnip-button"
53
- title="https://selk.io/birb-project/trunk/"
54
- on:click={() => modalStore.trigger(cmput401Info)}>
55
- <img src={LinkIcon} class="long-btn-image" alt="itch icon">
56
- <span>cmput401.ca</span>
57
- </button>
58
- </section>
59
-
60
- </div>
61
- </section>
62
- </Card>
@@ -1,38 +0,0 @@
1
- <script lang="ts">
2
- import { type EntryProps } from "./EntryProps";
3
- import Card from "$pkg/components/Card.svelte";
4
- import GithubIcon from "$pkg/assets/icons/github-mark.svg";
5
-
6
- // noinspection JSUnusedGlobalSymbols
7
- export let props: EntryProps;
8
- </script>
9
-
10
- <Card>
11
- <section class="project-card" slot="content">
12
- <div class="project-card-body">
13
- <h2>Mock Uber App</h2>
14
-
15
- <p>A course project app meant to emulate how Uber works by playing with <span
16
- class="qt-google">Google Maps API</span>.
17
- </p>
18
- <p>
19
- I implemented all interfaces related to the NoSQL cloud database <span
20
- class="qt-firebase qt-google qt-infra">Firebase</span>, making writing code easier for other programmers
21
- (<span
22
- class="qt-android">Android</span> / <span class="qt-java">Java</span>). I also wrote documentation to said
23
- code and added instrumented tests that are tested by the continuous integration tool <span
24
- class="qt-infra">Travis CI</span>, ensuring that our code is tested
25
- </p>
26
-
27
- <section class="game-link-section">
28
- <!-- todo: mock uber app find link -->
29
- <button type="button" class="game-button turnip-button"
30
- role="link"
31
- title="https://github.com/CMPUT301W20T10/UberApp"
32
- on:click={() => window.open("https://github.com/CMPUT301W20T10/UberApp")}>
33
- <img src={GithubIcon} class="long-btn-image" alt="github icon">
34
- </button>
35
- </section>
36
- </div>
37
- </section>
38
- </Card>