From 08fe324905e82b133c26efd8b2e1a5783542edea Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Moritz=20St=C3=BCckler?= Date: Wed, 13 Dec 2023 16:26:52 +0100 Subject: [PATCH] feat: award page --- public/bulb-cog-dark.svg | 2 +- public/bulb-cog.svg | 2 +- src/components/NewsItem.tsx | 2 +- src/components/WideCard.tsx | 66 ++++++++++++++++++++++--------------- src/pages/en/award.mdx | 4 ++- 5 files changed, 45 insertions(+), 31 deletions(-) diff --git a/public/bulb-cog-dark.svg b/public/bulb-cog-dark.svg index 8f6cf1d0..00ee3124 100644 --- a/public/bulb-cog-dark.svg +++ b/public/bulb-cog-dark.svg @@ -1,3 +1,3 @@ - + diff --git a/public/bulb-cog.svg b/public/bulb-cog.svg index 84cd69ea..6899a486 100644 --- a/public/bulb-cog.svg +++ b/public/bulb-cog.svg @@ -1,3 +1,3 @@ - + diff --git a/src/components/NewsItem.tsx b/src/components/NewsItem.tsx index 94ed0152..b48860ff 100644 --- a/src/components/NewsItem.tsx +++ b/src/components/NewsItem.tsx @@ -23,7 +23,7 @@ const NewsItem: React.FC = ({
diff --git a/src/components/WideCard.tsx b/src/components/WideCard.tsx index 14952ae1..82bb5560 100644 --- a/src/components/WideCard.tsx +++ b/src/components/WideCard.tsx @@ -12,6 +12,7 @@ interface Props { newTab?: boolean; buttonClasses?: string; centerImage?: string; + children?: React.ReactNode; } const WideCard: React.FC = ({ @@ -25,11 +26,13 @@ const WideCard: React.FC = ({ newTab, buttonClasses, centerImage, + children, }) => { const bgMapping = [ "bg-illustration-4-wide mask-illustration-vertical md:mask-illustration-horizontal bg-no-repeat bg-[position:right_-80px_top_-40px] mt-24 md:mt-0", "bg-community-messages bg-no-repeat md:bg-[position:right_-60px_top_0px] bg-[position:left_-25px_bottom_-50px] scale-110 md:scale-100 mt-24 md:mt-0", "bg-white/50 mask-illustration-4 mt-0", + "", ]; return ( @@ -39,34 +42,43 @@ const WideCard: React.FC = ({ }`} >
-
- {centerImage && } - {title && ( -

- {title} -

- )} - {text && ( -

{text}

- )} - {target && ( - - )} -
-
+ {centerImage && } + {title && ( +

+ {title} +

+ )} + {text && ( +

+ {text} +

+ )} + {target && ( + + )} +
+ )} + {children} + {bg !== 4 && ( +
+ /> + )}
); diff --git a/src/pages/en/award.mdx b/src/pages/en/award.mdx index d77e5f72..ebac4eed 100644 --- a/src/pages/en/award.mdx +++ b/src/pages/en/award.mdx @@ -62,7 +62,7 @@ import { ReactComponent as SubmitImage } from "@assets/award/submit-ideas.svg";
-

Submit your innovative ideas that are aimed to impact the ecosystem in Ukraine,  strengthen society and social cohesion by (Add deadline +add CET) via the application form.

+

Submit your innovative ideas that are aimed to impact the ecosystem in Ukraine, strengthen society and social cohesion by (Add deadline +add CET) via the application form.

@@ -122,3 +122,5 @@ import { ReactComponent as SubmitImage } from "@assets/award/submit-ideas.svg";
+ +

Join us in shaping a brighter future for Ukraine through your inventive solutions!