From 694cd5b8dd7cb031ba642e6aad429182ef5a1725 Mon Sep 17 00:00:00 2001 From: Sandino Scheidegger Date: Mon, 4 Dec 2023 18:58:15 +0100 Subject: [PATCH 1/2] Added logo of Milk and URL for backlink --- .../(website)/our-work/(assets)/milk.svg | 11 ++++++++ .../(sections)/contributors-orgs-carousel.tsx | 27 +++++++++++-------- 2 files changed, 27 insertions(+), 11 deletions(-) create mode 100644 website/src/app/[lang]/[region]/(website)/our-work/(assets)/milk.svg diff --git a/website/src/app/[lang]/[region]/(website)/our-work/(assets)/milk.svg b/website/src/app/[lang]/[region]/(website)/our-work/(assets)/milk.svg new file mode 100644 index 000000000..bceba766f --- /dev/null +++ b/website/src/app/[lang]/[region]/(website)/our-work/(assets)/milk.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/website/src/app/[lang]/[region]/(website)/our-work/(sections)/contributors-orgs-carousel.tsx b/website/src/app/[lang]/[region]/(website)/our-work/(sections)/contributors-orgs-carousel.tsx index 17def0021..0d463842b 100644 --- a/website/src/app/[lang]/[region]/(website)/our-work/(sections)/contributors-orgs-carousel.tsx +++ b/website/src/app/[lang]/[region]/(website)/our-work/(sections)/contributors-orgs-carousel.tsx @@ -3,6 +3,7 @@ import { useScreenSize } from '@/hooks/useScreenSize'; import { Carousel, CarouselContent } from '@socialincome/ui'; import Image from 'next/image'; +import Link from "next/link"; import epflSVG from '../(assets)/epfl.svg'; import govSVG from '../(assets)/gov.svg'; import mckinseySVG from '../(assets)/mckinsey.svg'; @@ -10,18 +11,20 @@ import microsoftSVG from '../(assets)/microsoft.svg'; import r17SVG from '../(assets)/r17.svg'; import srgSVG from '../(assets)/srg.svg'; import unSVG from '../(assets)/un.svg'; +import milkSVG from '../(assets)/milk.svg'; export function ContributorsOrgsCarousel() { const screenSize = useScreenSize(); const companyLogos = [ - { logo: govSVG, name: 'FDFA' }, - { logo: microsoftSVG, name: 'Microsoft' }, - { logo: mckinseySVG, name: 'McKinsey' }, - { logo: unSVG, name: 'UN' }, - { logo: srgSVG, name: 'SRG' }, - { logo: epflSVG, name: 'EPFL' }, - { logo: r17SVG, name: 'R17' }, + { logo: govSVG, name: 'FDFA', url:'https://www.fdfa.admin.ch' }, + { logo: microsoftSVG, name: 'Microsoft', url:'https://www.microsoft.com' }, + { logo: mckinseySVG, name: 'McKinsey', url:'https://www.mckinsey.com' }, + { logo: unSVG, name: 'UN', url:'https://www.un.org' }, + { logo: srgSVG, name: 'SRG', url:'https://srf.ch' }, + { logo: epflSVG, name: 'EPFL', url:'https://www.epfl.ch' }, + { logo: r17SVG, name: 'R17', url:'https://r17ventures.com' }, + { logo: milkSVG, name: 'Milk', url:'https://milkinteractive.ch' }, ]; let slidesToScroll; @@ -32,10 +35,10 @@ export function ContributorsOrgsCarousel() { slidesToScroll = 2; break; case 'md': - slidesToScroll = 3; + slidesToScroll = 4; break; default: - slidesToScroll = 4; + slidesToScroll = 5; break; } @@ -49,8 +52,10 @@ export function ContributorsOrgsCarousel() { showDots > {companyLogos.map((entry, index) => ( - - {`${entry.name} + + + {`${entry.name} + ))} From 19f38995df3e50f5b702661207aa4e63732c0658 Mon Sep 17 00:00:00 2001 From: ssandino Date: Mon, 4 Dec 2023 18:01:28 +0000 Subject: [PATCH 2/2] Prettified Code! --- .../(sections)/contributors-orgs-carousel.tsx | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/website/src/app/[lang]/[region]/(website)/our-work/(sections)/contributors-orgs-carousel.tsx b/website/src/app/[lang]/[region]/(website)/our-work/(sections)/contributors-orgs-carousel.tsx index 0d463842b..22f7d916a 100644 --- a/website/src/app/[lang]/[region]/(website)/our-work/(sections)/contributors-orgs-carousel.tsx +++ b/website/src/app/[lang]/[region]/(website)/our-work/(sections)/contributors-orgs-carousel.tsx @@ -3,28 +3,28 @@ import { useScreenSize } from '@/hooks/useScreenSize'; import { Carousel, CarouselContent } from '@socialincome/ui'; import Image from 'next/image'; -import Link from "next/link"; +import Link from 'next/link'; import epflSVG from '../(assets)/epfl.svg'; import govSVG from '../(assets)/gov.svg'; import mckinseySVG from '../(assets)/mckinsey.svg'; import microsoftSVG from '../(assets)/microsoft.svg'; +import milkSVG from '../(assets)/milk.svg'; import r17SVG from '../(assets)/r17.svg'; import srgSVG from '../(assets)/srg.svg'; import unSVG from '../(assets)/un.svg'; -import milkSVG from '../(assets)/milk.svg'; export function ContributorsOrgsCarousel() { const screenSize = useScreenSize(); const companyLogos = [ - { logo: govSVG, name: 'FDFA', url:'https://www.fdfa.admin.ch' }, - { logo: microsoftSVG, name: 'Microsoft', url:'https://www.microsoft.com' }, - { logo: mckinseySVG, name: 'McKinsey', url:'https://www.mckinsey.com' }, - { logo: unSVG, name: 'UN', url:'https://www.un.org' }, - { logo: srgSVG, name: 'SRG', url:'https://srf.ch' }, - { logo: epflSVG, name: 'EPFL', url:'https://www.epfl.ch' }, - { logo: r17SVG, name: 'R17', url:'https://r17ventures.com' }, - { logo: milkSVG, name: 'Milk', url:'https://milkinteractive.ch' }, + { logo: govSVG, name: 'FDFA', url: 'https://www.fdfa.admin.ch' }, + { logo: microsoftSVG, name: 'Microsoft', url: 'https://www.microsoft.com' }, + { logo: mckinseySVG, name: 'McKinsey', url: 'https://www.mckinsey.com' }, + { logo: unSVG, name: 'UN', url: 'https://www.un.org' }, + { logo: srgSVG, name: 'SRG', url: 'https://srf.ch' }, + { logo: epflSVG, name: 'EPFL', url: 'https://www.epfl.ch' }, + { logo: r17SVG, name: 'R17', url: 'https://r17ventures.com' }, + { logo: milkSVG, name: 'Milk', url: 'https://milkinteractive.ch' }, ]; let slidesToScroll;