diff --git a/frontend/src/api_data/creditsIllustrationData.ts b/frontend/src/api_data/creditsIllustrationData.ts index 124d0c7d..1a35da1e 100644 --- a/frontend/src/api_data/creditsIllustrationData.ts +++ b/frontend/src/api_data/creditsIllustrationData.ts @@ -1,7 +1,8 @@ // data that will be used for credits page import { - illustrationCreativeTeam, - illustrationHighFive, + creditsPageHighFive, + landingPageCreativeTeam, + loginIllustration, notFoundPageImg, privacyPolicyIllustration, } from "assets/images/images"; @@ -75,7 +76,7 @@ const illustrationData: illustrationDatum[] = [ // }, { id: 8, - imgSrc: illustrationHighFive, + imgSrc: creditsPageHighFive, name: "High Five", usedIn: "Credits", provider: "Storyset", @@ -83,7 +84,7 @@ const illustrationData: illustrationDatum[] = [ }, { id: 9, - imgSrc: illustrationCreativeTeam, + imgSrc: landingPageCreativeTeam, name: "Creative Team", usedIn: "Landing", provider: "Storyset", @@ -91,6 +92,14 @@ const illustrationData: illustrationDatum[] = [ }, { id: 10, + imgSrc: loginIllustration, + name: "Team Work", + usedIn: "Login", + provider: "Storyset", + link: "https://storyset.com/illustration/team-work/pana", + }, + { + id: 11, imgSrc: notFoundPageImg, name: "404 Error", usedIn: "404 Page", @@ -98,14 +107,13 @@ const illustrationData: illustrationDatum[] = [ link: "https://storyset.com/illustration/404-error-with-a-tired-person/pana", }, { - id: 11, + id: 12, imgSrc: privacyPolicyIllustration, name: "Privacy Policy", usedIn: "Privacy", provider: "Storyset", link: "https://storyset.com/illustration/privacy-policy/pana", }, - // notFoundPageImg ]; export { illustrationDatum, illustrationData }; diff --git a/frontend/src/assets/images/images.tsx b/frontend/src/assets/images/images.tsx index 5a8fe869..5abfcea8 100644 --- a/frontend/src/assets/images/images.tsx +++ b/frontend/src/assets/images/images.tsx @@ -73,10 +73,6 @@ import logoWordmark from "./svgs/logos/logo-wordmark.svg?url"; // HfLA logo import logoHfLA from "./svgs/logos/logo-hfla.svg?url"; -// Credits Illustrations -import illustrationCreativeTeam from "./pngs/illustrations/creative-team.png"; -import illustrationHighFive from "./pngs/illustrations/high-five.png"; - interface defaultProps { [attribute: string]: string; } @@ -232,9 +228,6 @@ export { // HfLA logo logoHfLA, notFoundPageImg, - // illustrations - illustrationCreativeTeam, - illustrationHighFive, }; export { default as loginTanBg } from "./svgs/login-tan-bg.svg?url"; @@ -245,3 +238,4 @@ export { default as privacyPolicyIllustration } from "./svgs/privacy-policy-illu export { default as creditsPageBgTop } from "./svgs/credits-page-bg-top.svg?url"; export { default as creditsPageBgBottom } from "./svgs/credits-page-bg-bottom.svg?url"; export { default as creditsPageHighFive } from "./svgs/credits-page-high-five.svg?url"; +export { default as landingPageCreativeTeam } from "./svgs/landing-page-creative-team.svg?url"; diff --git a/frontend/src/assets/images/pngs/illustrations/creative-team.png b/frontend/src/assets/images/pngs/illustrations/creative-team.png deleted file mode 100644 index 36235360..00000000 Binary files a/frontend/src/assets/images/pngs/illustrations/creative-team.png and /dev/null differ diff --git a/frontend/src/assets/images/pngs/illustrations/high-five.png b/frontend/src/assets/images/pngs/illustrations/high-five.png deleted file mode 100644 index 7b64c2f9..00000000 Binary files a/frontend/src/assets/images/pngs/illustrations/high-five.png and /dev/null differ diff --git a/frontend/src/assets/images/svgs/credits-illustration-highfive.svg b/frontend/src/assets/images/svgs/credits-illustration-highfive.svg new file mode 100644 index 00000000..c0c74e68 --- /dev/null +++ b/frontend/src/assets/images/svgs/credits-illustration-highfive.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/src/assets/images/svgs/landing-page-creative-team.svg b/frontend/src/assets/images/svgs/landing-page-creative-team.svg new file mode 100644 index 00000000..e1867b3f --- /dev/null +++ b/frontend/src/assets/images/svgs/landing-page-creative-team.svg @@ -0,0 +1,435 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/pages/CreditsPage/CreditsPage.tsx b/frontend/src/pages/CreditsPage/CreditsPage.tsx index 61f54057..83356df4 100644 --- a/frontend/src/pages/CreditsPage/CreditsPage.tsx +++ b/frontend/src/pages/CreditsPage/CreditsPage.tsx @@ -107,7 +107,7 @@ const CreditsPage: FC = () => { provider={cardData.provider} imgSrc={cardData.imgSrc} imgStyleClasses={`${ - activeButton === "icons" ? "w-1/6" : "w-4/5" + activeButton === "icons" ? "w-1/6" : "w-2/3" } h-auto place-self-center`} imgContainerStyleClasses={`${ activeButton === "illustrations"