-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #454 from Dark-Matter-Labs/staging
News section, footer, new analytics
- Loading branch information
Showing
41 changed files
with
2,060 additions
and
348 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| import { Fragment } from 'react'; | ||
| import Image from 'next/image'; | ||
| import Link from 'next/link'; | ||
| import { urlFor } from '@/lib/sanity'; | ||
|
|
||
| const bordersDesktop = | ||
| 'lg:[&:nth-child(5)]:border-r-0 lg:[&:nth-child(10)]:border-r-0 lg:[&:nth-child(15)]:border-r-0 lg:[&:nth-child(3)]:border-r lg:[&:nth-child(6)]:border-r lg:[&:nth-child(9)]:border-r lg:[&:nth-child(12)]:border-r lg:[&:nth-child(15)]:border-r'; | ||
| const bordersSmall = | ||
| 'sm:[&:nth-child(3)]:border-r-0 sm:[&:nth-child(6)]:border-r-0 sm:[&:nth-child(9)]:border-r-0 sm:[&:nth-child(12)]:border-r-0 sm:[&:nth-child(15)]:border-r-0'; | ||
|
|
||
| export default function ParnerSection({ partners, partnerType }) { | ||
| return ( | ||
| <> | ||
| <div className='p-lg-semibold text-gray-100 pl-3 sm:pl-6 lg:pl-8 my-4'>{partnerType}</div> | ||
| <div | ||
| className={`${ | ||
| partnerType === 'Financieringspartners' | ||
| ? '' | ||
| : 'mb-8 sm:mb-12 border-b border-gray-100 sm:pb-8' | ||
| } grid grid-cols-2 sm:grid-cols-3 gap-x-0.5 gap-y-4 lg:grid-cols-5 `} | ||
| > | ||
| {partners?.map((partner) => ( | ||
| <Fragment key={partner.partnerName}> | ||
| <div | ||
| key={partner.partnerName} | ||
| className={`col-span-1 flex justify-center items-center py-4 px-4 lg:py-4 lg:px-8 border-r-0 sm:border-r border-grey-100 ${bordersDesktop} ${bordersSmall}`} | ||
| > | ||
| <Link href={partner.partnerLink} target='_blank' rel='noopener noreferrer'> | ||
| <Image | ||
| src={urlFor(partner.logo).url()} | ||
| alt={partner.partnerName} | ||
| width={190} | ||
| height={190} | ||
| /> | ||
| </Link> | ||
| </div> | ||
| </Fragment> | ||
| ))} | ||
| </div> | ||
| </> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,81 @@ | ||
| import Link from 'next/link'; | ||
| import Tag from '../tag'; | ||
|
|
||
| export default function AgendaCard({ data }) { | ||
| // seperate date | ||
| const event = new Date(data.newsDate); | ||
| const day = { | ||
| day: 'numeric', | ||
| }; | ||
| const month = { | ||
| month: 'long', | ||
| }; | ||
| const year = { | ||
| year: 'numeric', | ||
| }; | ||
| return ( | ||
| <> | ||
| {data.link && ( | ||
| <Link href={data.link} target='_blank' className='group'> | ||
| <div className='col-span-1 bg-green-800 rounded-cl flex flex-col justify-between items-center'> | ||
| <div className='px-8 py-6 h-full w-full flex flex-col justify-between gap-y-4'> | ||
| <div className='w-auto'> | ||
| <div className='flex flex-col justify-between'> | ||
| <div className='flex grow-0'> | ||
| <Tag classes='text-green-300 border border-green-300'>Agenda</Tag> | ||
| </div> | ||
| <div className='flex flex-row items-center'> | ||
| <div className='p-agenda-card-day text-green-200 mr-2'> | ||
| {event.toLocaleDateString('nl-NL', day)} | ||
| </div> | ||
| <div className='flex flex-col items-start justify-center'> | ||
| <div className='p-agenda-card-month text-green-200 tracking-wider ml-0.5'> | ||
| {event.toLocaleDateString('nl-NL', month)} | ||
| </div> | ||
| <div className='p-agenda-card-year text-green-400 tracking-tighter'> | ||
| {event.toLocaleDateString('nl-NL', year)} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <hr className='border-green-200 ' /> | ||
| <div className='p-4xl-semibold text-white group-hover:text-green-200 group-hover:underline'> | ||
| {data.newsTitle} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </Link> | ||
| )} | ||
|
|
||
| {!data.link && ( | ||
| <div className='col-span-1 bg-green-800 rounded-cl flex flex-col justify-between items-center'> | ||
| <div className='px-8 py-6 h-full w-full flex flex-col justify-between gap-y-4'> | ||
| <div className='w-auto'> | ||
| <div className='flex flex-col justify-between'> | ||
| <div className='flex grow-0 pb-3'> | ||
| <Tag classes='text-green-300 border border-green-300'>Agenda</Tag> | ||
| </div> | ||
| <div className='flex flex-row items-center'> | ||
| <div className='p-agenda-card-day text-green-200 mr-2'> | ||
| {event.toLocaleDateString('nl-NL', day)} | ||
| </div> | ||
| <div className='flex flex-col items-start justify-center'> | ||
| <div className='p-agenda-card-month text-green-200 tracking-wider ml-0.5'> | ||
| {event.toLocaleDateString('nl-NL', month)} | ||
| </div> | ||
| <div className='p-agenda-card-year text-green-400 tracking-tighter'> | ||
| {event.toLocaleDateString('nl-NL', year)} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <hr className='border-green-200 ' /> | ||
| <div className='p-4xl-semibold text-white'>{data.newsTitle}</div> | ||
| </div> | ||
| </div> | ||
| )} | ||
| </> | ||
| ); | ||
| } |
Oops, something went wrong.