diff --git a/app/[slug]/page.tsx b/app/[slug]/page.tsx index 413cfac..fb10999 100644 --- a/app/[slug]/page.tsx +++ b/app/[slug]/page.tsx @@ -20,7 +20,7 @@ const theme2Class = { const theme2Color = { frensday2023: '#2A2244', - ethdenver2024: '#844AFF', + ethdenver2024: '#888CDC', }; export default async function ({ @@ -73,10 +73,11 @@ export default async function ({ - {event == 'frensday2023' && ( + {['frensday2023', 'ethdenver2024'].includes(event) && ( )} {iykData && ( diff --git a/app/styles/ethdenver24.css b/app/styles/ethdenver24.css index 55519af..328adaa 100644 --- a/app/styles/ethdenver24.css +++ b/app/styles/ethdenver24.css @@ -1,22 +1,31 @@ html:has(.theme-ethdenver24) { body, html { - @apply bg-gradient-to-b from-[#844AFF] to-[#844AFF] text-white; + @apply bg-[#888CDC] text-[#1D1C47]; } - /* body:before { + body:before { content: ''; - @apply fixed inset-0 -z-10 brightness-75; + @apply fixed inset-0 -z-10 opacity-25; background: url('/ethdenver24/bg.svg') no-repeat center center; - } */ + } .btn { - @apply bg-[#FF65AF] hover:bg-[#FF65AF] active:bg-[#FF65AF] text-white; + @apply bg-[#1D1C47] hover:brightness-110 active:brightness-125 text-white font-bold; + } + .btn.minting { + @apply !bg-[#0C0B3E] !border-[#3E3D70] !text-[#3E3D70] border; } .card-bg { - @apply bg-[#F8F8F9] shadow-lg; + @apply bg-[#0C0B3E] shadow-xl shadow-[#1D1C47]; } .card-body { - @apply text-black; + @apply text-white; } .link { - @apply text-[#FF65AF]; + @apply text-ens-light-blue-primary underline; + } + .card-body .btn { + @apply bg-[#3E3D70] + } + .card-body input { + @apply bg-[#3E3D70] border-transparent active:border-ens-light-blue-primary; } } diff --git a/components/Headers/EventHeader.tsx b/components/Headers/EventHeader.tsx index 326f861..17b43b6 100644 --- a/components/Headers/EventHeader.tsx +++ b/components/Headers/EventHeader.tsx @@ -12,5 +12,17 @@ export const EventHeader = ({ event }) => { ); } + if (event == 'ethdenver2024') { + return ( +
+ ethdenver +
+ ); + } + return <>; }; diff --git a/components/POAPModal/POAPModal.tsx b/components/POAPModal/POAPModal.tsx index 2be13d5..fce5bee 100644 --- a/components/POAPModal/POAPModal.tsx +++ b/components/POAPModal/POAPModal.tsx @@ -145,6 +145,7 @@ export const POAPModal: FC<{ }} poap_name={name} event_name={event_name} + event_slug={event} /> )} {state === EXPIRED_STATE && } diff --git a/components/POAPModal/stages/AlreadyClaimed.tsx b/components/POAPModal/stages/AlreadyClaimed.tsx index cd49cf9..d81d5d1 100644 --- a/components/POAPModal/stages/AlreadyClaimed.tsx +++ b/components/POAPModal/stages/AlreadyClaimed.tsx @@ -1,4 +1,5 @@ import { FC } from 'react'; +import { FiExternalLink } from 'react-icons/fi'; export const AlreadyClaimed: FC<{ to: string }> = ({ to }) => { return ( @@ -15,7 +16,7 @@ export const AlreadyClaimed: FC<{ to: string }> = ({ to }) => { target="_blank" className="btn w-full p-4" > - View Collection + View Collection ); diff --git a/components/POAPModal/stages/Expired.tsx b/components/POAPModal/stages/Expired.tsx index 3b5443c..e72c706 100644 --- a/components/POAPModal/stages/Expired.tsx +++ b/components/POAPModal/stages/Expired.tsx @@ -8,11 +8,10 @@ export const ExpiredPOAP: FC<{}> = () => { via the IYK Dashboard - . ); }; diff --git a/components/POAPModal/stages/MintToProfile.tsx b/components/POAPModal/stages/MintToProfile.tsx index e2524c6..8e9aa3a 100644 --- a/components/POAPModal/stages/MintToProfile.tsx +++ b/components/POAPModal/stages/MintToProfile.tsx @@ -33,13 +33,14 @@ export const MintToProfile: FC<{ return (
-
+
{getTextFromInfo(poap_name, event_slug, event_name)}