diff --git a/public/images/cfp/alberto.jpg b/public/images/cfp/alberto.jpg index 285235f6..2146d1f9 100644 Binary files a/public/images/cfp/alberto.jpg and b/public/images/cfp/alberto.jpg differ diff --git a/public/images/cfp/alienor.jpg b/public/images/cfp/alienor.jpg index 7706a3fd..09addab2 100644 Binary files a/public/images/cfp/alienor.jpg and b/public/images/cfp/alienor.jpg differ diff --git a/public/images/cfp/ana_carmona.jpg b/public/images/cfp/ana_carmona.jpg new file mode 100644 index 00000000..3591842a Binary files /dev/null and b/public/images/cfp/ana_carmona.jpg differ diff --git a/public/images/cfp/ara.png b/public/images/cfp/ara.png index b82f802f..8193d9df 100644 Binary files a/public/images/cfp/ara.png and b/public/images/cfp/ara.png differ diff --git a/public/images/cfp/carles_nunez.jpg b/public/images/cfp/carles_nunez.jpg new file mode 100644 index 00000000..65db97d6 Binary files /dev/null and b/public/images/cfp/carles_nunez.jpg differ diff --git a/public/images/cfp/celeste.png b/public/images/cfp/celeste.png index 34ca2f01..a49dff2a 100644 Binary files a/public/images/cfp/celeste.png and b/public/images/cfp/celeste.png differ diff --git a/public/images/cfp/elena_tajadura.jpeg b/public/images/cfp/elena_tajadura.jpeg new file mode 100644 index 00000000..187405c7 Binary files /dev/null and b/public/images/cfp/elena_tajadura.jpeg differ diff --git a/public/images/cfp/esther.png b/public/images/cfp/esther.png index 5cd125d7..185456d8 100644 Binary files a/public/images/cfp/esther.png and b/public/images/cfp/esther.png differ diff --git a/public/images/cfp/gonzalo.jpg b/public/images/cfp/gonzalo.jpg index fa5314f4..0312ae17 100644 Binary files a/public/images/cfp/gonzalo.jpg and b/public/images/cfp/gonzalo.jpg differ diff --git a/public/images/cfp/grace.png b/public/images/cfp/grace.png index 7c25f54e..eedb3719 100644 Binary files a/public/images/cfp/grace.png and b/public/images/cfp/grace.png differ diff --git a/public/images/cfp/iago.png b/public/images/cfp/iago.png index 2ef831ef..20576286 100644 Binary files a/public/images/cfp/iago.png and b/public/images/cfp/iago.png differ diff --git a/public/images/cfp/imma-valls.jpg b/public/images/cfp/imma-valls.jpg new file mode 100644 index 00000000..f04d4611 Binary files /dev/null and b/public/images/cfp/imma-valls.jpg differ diff --git a/public/images/cfp/ixchel.png b/public/images/cfp/ixchel.png index b3b282da..34e35fa6 100644 Binary files a/public/images/cfp/ixchel.png and b/public/images/cfp/ixchel.png differ diff --git a/public/images/cfp/jose-adan-ortiz-k8s-2024.JPG b/public/images/cfp/jose-adan-ortiz-k8s-2024.JPG new file mode 100644 index 00000000..a6deac41 Binary files /dev/null and b/public/images/cfp/jose-adan-ortiz-k8s-2024.JPG differ diff --git a/public/images/cfp/julio_cesar.jpg b/public/images/cfp/julio_cesar.jpg new file mode 100644 index 00000000..33d4e784 Binary files /dev/null and b/public/images/cfp/julio_cesar.jpg differ diff --git a/public/images/cfp/laura.jpeg b/public/images/cfp/laura.jpeg index 2ccf89d4..5043ab6e 100644 Binary files a/public/images/cfp/laura.jpeg and b/public/images/cfp/laura.jpeg differ diff --git a/public/images/cfp/maria.png b/public/images/cfp/maria.png index 23a12665..cad3226c 100644 Binary files a/public/images/cfp/maria.png and b/public/images/cfp/maria.png differ diff --git a/public/images/cfp/mario-macias.png b/public/images/cfp/mario-macias.png index 4b43442d..0db5ef54 100644 Binary files a/public/images/cfp/mario-macias.png and b/public/images/cfp/mario-macias.png differ diff --git a/public/images/cfp/pablo_chacin.jpeg b/public/images/cfp/pablo_chacin.jpeg new file mode 100644 index 00000000..6cc5525e Binary files /dev/null and b/public/images/cfp/pablo_chacin.jpeg differ diff --git a/public/images/cfp/toni.jpg b/public/images/cfp/toni.jpg index 9feb719d..1ada27f8 100644 Binary files a/public/images/cfp/toni.jpg and b/public/images/cfp/toni.jpg differ diff --git a/public/images/devbcn24.png b/public/images/devbcn24.png index 9aceae8d..f2060832 100644 Binary files a/public/images/devbcn24.png and b/public/images/devbcn24.png differ diff --git a/public/images/logo.png b/public/images/logo.png new file mode 100644 index 00000000..d452c6c7 Binary files /dev/null and b/public/images/logo.png differ diff --git a/public/images/sponsors/GFT.jpg b/public/images/sponsors/GFT.jpg index b210f4dd..760ab8bd 100644 Binary files a/public/images/sponsors/GFT.jpg and b/public/images/sponsors/GFT.jpg differ diff --git a/public/images/sponsors/sopra.jpg b/public/images/sponsors/sopra.jpg index 2f99658f..9c4727c7 100644 Binary files a/public/images/sponsors/sopra.jpg and b/public/images/sponsors/sopra.jpg differ diff --git a/public/images/sponsors/sopra.png b/public/images/sponsors/sopra.png new file mode 100644 index 00000000..b70cb224 Binary files /dev/null and b/public/images/sponsors/sopra.png differ diff --git a/public/manifest.json b/public/manifest.json index 1c4b8f73..895215d1 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -16,6 +16,12 @@ "src": "logo512.png", "type": "image/png", "sizes": "512x512" + }, + { + "src": "maskable_icon_x192.png", + "type": "image/png", + "sizes": "192x192", + "purpose": "maskable" } ], "start_url": ".", diff --git a/public/maskable_icon_x192.png b/public/maskable_icon_x192.png new file mode 100644 index 00000000..be5a5a0a Binary files /dev/null and b/public/maskable_icon_x192.png differ diff --git a/src/App.tsx b/src/App.tsx index 5d71d59b..738949e4 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -15,6 +15,7 @@ import { ROUTE_2023_TALKS, ROUTE_2023_WORKSHOPS, ROUTE_ABOUT_US, + ROUTE_CFP, ROUTE_CODE_OF_CONDUCT, ROUTE_CONDITIONS, ROUTE_COOKIES, @@ -66,6 +67,7 @@ import Workshops2023 from "./2023/Workshops/Workshops2023"; import JobOffers2023 from "./2023/JobOffers/JobOffers2023"; import Sponsorship from "./views/sponsorship/Sponsorship"; import Diversity2023 from "./2023/Diversity/Diversity2023"; +import CfpSection from "./views/Cfp/CfpSection"; const StyledAppWrapper = styled.div` position: relative; @@ -123,7 +125,7 @@ const App: FC> = () => { } /> } /> } /> - {/*} />*/} + } /> } /> {/*} />*/} {/*} />*/} diff --git a/src/components/Icons/Linkedin.tsx b/src/components/Icons/Linkedin.tsx index 88af3dbc..78b8768d 100644 --- a/src/components/Icons/Linkedin.tsx +++ b/src/components/Icons/Linkedin.tsx @@ -1,4 +1,4 @@ -import { FC } from "react"; +import React, { FC } from "react"; import { StyledSocialMediaWrapper } from "./Twitter"; interface ILinkedinIconProps { @@ -6,10 +6,14 @@ interface ILinkedinIconProps { linkedinUrl: string; } -const LinkedinIcon: FC> = ({ color, linkedinUrl }) => { +const LinkedinIcon: FC> = ({ + color, + linkedinUrl, +}) => { return ( > = ({ color, twitterUrl }) => { +const TwitterIcon: FC> = ({ + color, + twitterUrl, +}) => { return ( > = ({ color, tw rel="noopener noreferrer" > ` diff --git a/src/views/Cfp/Cfp.style.ts b/src/views/Cfp/Cfp.style.ts new file mode 100644 index 00000000..a3e89d9d --- /dev/null +++ b/src/views/Cfp/Cfp.style.ts @@ -0,0 +1,14 @@ +import styled from "styled-components"; +import { Color } from "../../styles/colors"; + +export const TrackName = styled.h2` + padding-top: 1.2rem; + padding-bottom: 0.8rem; + font-size: 1.5rem; + color: ${Color.DARK_BLUE}; +`; +export const MemberName = styled.h5` + font-size: 0.8rem; + color: ${Color.DARK_BLUE}; + text-align: left; +`; diff --git a/src/views/Cfp/CfpData.ts b/src/views/Cfp/CfpData.ts index d80dbc18..380319b4 100644 --- a/src/views/Cfp/CfpData.ts +++ b/src/views/Cfp/CfpData.ts @@ -6,23 +6,16 @@ interface CFpTrack { interface CfpMember { name: string; - photo: string; - linkedIn: string; - twitter: string; + photo?: string; + linkedIn?: string; + twitter?: string; } export const data: CFpTrack[] = [ { - id: "656fece2-9447-4dbe-8a78-8dc6aa7124f2", name: "Java & JVM", + id: "656fece2-9447-4dbe-8a78-8dc6aa7124f2", members: [ - { - name: "Alex Soto", - photo: - "https://cache.sessionize.com/image/fd7e-400o400o2-11-34e0-466e-a5cb-ea585688d106.4f3f7614-bc5e-4ccd-935a-1c3659eec5e8.jpg", - twitter: "https://twitter.com/alexsotob", - linkedIn: "https://www.linkedin.com/in/asotobu/", - }, { name: "Ana Maria Mihalceanu", photo: @@ -51,44 +44,6 @@ export const data: CFpTrack[] = [ }, ], }, - { - name: "Native Languages", - id: "1c22cd3b-73e3-4161-9124-696f3e2f1249", - members: [ - { - name: "Aliénor Latour", - twitter: "", - photo: "images/cfp/alienor.jpg", - linkedIn: "https://www.linkedin.com/in/alienor-latour/", - }, - { - name: "Donia Chaiehloudj", - twitter: "https://twitter.com/doniacld", - photo: - "https://pbs.twimg.com/profile_images/1590642319589609472/zObYSeID_400x400.jpg", - linkedIn: "https://www.linkedin.com/in/donia-chaiehloudj", - }, - { - name: "Gonzalo Serrano", - twitter: "https://twitter.com/gonzaloserrano", - photo: "images/cfp/gonzalo.jpg", - linkedIn: "https://www.linkedin.com/in/gonzaloserranorevuelta/", - }, - { - name: "Mario Macías", - twitter: "https://twitter.com/MaciasUPC", - photo: "images/cfp/mario-macias.png", - linkedIn: "https://www.linkedin.com/in/mariomac/", - }, - { - name: "Mario Vázquez", - twitter: "https://twitter.com/mvazce", - photo: - "https://pbs.twimg.com/profile_images/988297919009841152/h4eKlvUM_400x400.jpg", - linkedIn: "https://www.linkedin.com/in/mariovazquezcebrian/", - }, - ], - }, { name: "Frontend", id: "2684b568-2836-4713-99af-643f8a4d7972", @@ -99,49 +54,41 @@ export const data: CFpTrack[] = [ twitter: "https://twitter.com/iagolast", linkedIn: "https://www.linkedin.com/in/iagolast/", }, - { - name: "Josue David Rios Diaz", - photo: - "https://pbs.twimg.com/profile_images/951236352049385472/6rRKHJsE_400x400.jpg", - twitter: "https://twitter.com/jdriosdiaz", - linkedIn: "https://www.linkedin.com/in/jdriosd/", - }, { name: "Laura Rodriguez Castillo", photo: "images/cfp/laura.jpeg", twitter: "https://twitter.com/superpensando", linkedIn: "https://linkedin.com/in/laurarodriguezcastillo", }, + { + name: "Carles Nuñez", + twitter: "https://twitter.com/carlesnunez", + linkedIn: "https://www.linkedin.com/in/carles-nunez-tomeo/", + photo: "images/cfp/carles_nunez.jpg", + }, + { + name: "Phil Nash", + linkedIn: "https://www.linkedin.com/in/philnash/", + }, ], }, { name: "AI, ML, Python", id: "c1ec728d-03c1-4d8d-9f56-637bc97f5a5b", members: [ - { - name: "Alberto Camara", - photo: "images/cfp/alberto.jpg", - twitter: "https://twitter.com/b3r2s", - linkedIn: "https://www.linkedin.com/in/alberto-camara/", - }, { name: "Carmen Herrero", - photo: "", - twitter: "", - linkedIn: "", + linkedIn: "https://www.linkedin.com/in/carherrero/", }, { - name: "Gema Parreño", - photo: "", - twitter: "", - linkedIn: "", + name: "Elena Tajadura", + photo: "images/cfp/elena_tajadura.jpeg", + linkedIn: + "https://www.linkedin.com/in/elena-tajadura-jim%C3%A9nez-9300a943/", }, { - name: "Rubén Berenguel", - photo: - "https://pbs.twimg.com/profile_images/1393898544600342528/hghgDpMM_400x400.jpg", - twitter: "https://twitter.com/berenguel", - linkedIn: "https://www.linkedin.com/in/rberenguel/", + name: "Javier Menendez", + linkedIn: "https://www.linkedin.com/in/jamepa/", }, ], }, @@ -150,30 +97,45 @@ export const data: CFpTrack[] = [ id: "504cf03b-130d-4b70-a98c-c4faeb553b5e", members: [ { - name: "Ara Pulido", - photo: "images/cfp/ara.png", - twitter: "https://twitter.com/arapulido", - linkedIn: "https://www.linkedin.com/in/arapulido/", + name: "Almudena Vivanco", + linkedIn: "https://www.linkedin.com/in/almudenavivanco/", }, { - name: "Mario Macías", - twitter: "https://twitter.com/MaciasUPC", - photo: "images/cfp/mario-macias.png", - linkedIn: "https://www.linkedin.com/in/mariomac/", + name: "Ana Carmona", + photo: "images/cfp/ana_carmona.jpg", + twitter: "https://twitter.com/nhan_bcn", + linkedIn: + "https://www.linkedin.com/in/ana-carmona-ag?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app", }, { - name: "Mario Vázquez", - twitter: "https://twitter.com/mvazce", - photo: - "https://pbs.twimg.com/profile_images/988297919009841152/h4eKlvUM_400x400.jpg", - linkedIn: "https://www.linkedin.com/in/mariovazquezcebrian/", + name: "Christian Polanco", + linkedIn: "https://www.linkedin.com/in/chrsalx/", }, { - name: "Raquel Pau Fernández", - photo: - "https://pbs.twimg.com/profile_images/1253338486200909828/uBuKfSsj_400x400.jpg", - twitter: "https://twitter.com/raquelpau", - linkedIn: "https://www.linkedin.com/in/raquel-pau-4010069", + name: "David Ricordel", + linkedIn: "https://www.linkedin.com/in/davidricordel/", + }, + { + name: "Jose Adan Ortiz", + photo: "images/cfp/jose-adan-ortiz-k8s-2024.JPG", + twitter: "https://twitter.com/joseadanof", + linkedIn: "https://www.linkedin.com/in/joseadan/", + }, + { + name: "Pablo Chacin", + photo: "images/cfp/pablo_chacin.jpeg", + twitter: "https://twitter.com/pablochacin", + linkedIn: "https://www.linkedin.com/in/pablochacin/", + }, + { + name: "Rael Garcia", + linkedIn: "https://www.linkedin.com/in/rael/", + }, + { + name: "Imma Valls", + photo: "images/cfp/imma-valls.jpg", + twitter: "https://twitter.com/eyeveebee", + linkedIn: "https://www.linkedin.com/in/imma-valls", }, ], }, @@ -182,22 +144,18 @@ export const data: CFpTrack[] = [ id: "1d04d5bf-4b94-4e56-b0c6-ee93b3bb8c1f", members: [ { - name: "Celeste Gamez", - photo: "images/cfp/celeste.png", - twitter: "https://images.app.goo.gl/39E8eisV8TiULPQk8", - linkedIn: "https://www.linkedin.com/in/celeste-g%C3%A1mez-73640460/", + name: "Elena Navarro", + linkedIn: "https://www.linkedin.com/in/elena-navarro-molina", }, { - name: "Esther Gala", - photo: "images/cfp/esther.png", - twitter: "", - linkedIn: "https://www.linkedin.com/in/esthergala/", + name: "Jaume Jornet", + linkedIn: "https://www.linkedin.com/in/jaumejornet/", }, { - name: "María Mira Herreros", - photo: "images/cfp/maria.png", - twitter: "", - linkedIn: "https://www.linkedin.com/in/miramaria", + name: "Julio César Pérez", + photo: "images/cfp/julio_cesar.jpg", + linkedIn: "https://www.linkedin.com/in/juliocesarperezarques/", + twitter: "https://twitter.com/jcesarperez", }, { name: "Toni Tassani", diff --git a/src/views/Cfp/CfpSection.test.tsx b/src/views/Cfp/CfpSection.test.tsx new file mode 100644 index 00000000..08a7aa8c --- /dev/null +++ b/src/views/Cfp/CfpSection.test.tsx @@ -0,0 +1,28 @@ +import React from "react"; +import { render, screen } from "@testing-library/react"; +import "@testing-library/jest-dom"; +import CfpSection from "./CfpSection"; +import conferenceData from "../../data/2024.json"; +import { data } from "./CfpData"; + +describe("CfpSection", () => { + it("sets document title on mount", () => { + render(); + expect(document.title).toBe( + `CFP Committee — ${conferenceData.title}— ${conferenceData.edition}`, + ); + }); + + it("renders TitleSection with correct props", () => { + render(); + expect(screen.getByText(/CFP Committee/)).toBeInTheDocument(); + expect(screen.getByText(/We're excited to announce/)).toBeInTheDocument(); + }); + + it("renders a CfpTrackComponent for each track in data", () => { + render(); + data.forEach((track) => { + expect(screen.getByText(track.name)).toBeInTheDocument(); + }); + }); +}); diff --git a/src/views/Cfp/CfpSection.tsx b/src/views/Cfp/CfpSection.tsx index bafddf46..27b3bd59 100644 --- a/src/views/Cfp/CfpSection.tsx +++ b/src/views/Cfp/CfpSection.tsx @@ -19,22 +19,11 @@ import { } from "../About/components/Style.AboutCard"; import conferenceData from "../../data/2024.json"; import { CfpTrackProps, data } from "./CfpData"; -import styled from "styled-components"; +import { MemberName, TrackName } from "./Cfp.style"; -const TrackName = styled.h2` - padding-top: 1.2rem; - padding-bottom: 0.8rem; - font-size: 1.5rem; - color: ${Color.DARK_BLUE}; -`; - -const MemberName = styled.h5` - font-size: 0.8rem; - color: ${Color.DARK_BLUE}; - text-align: left; -`; - -const CfpTrackComponent: FC> = ({ track }) => ( +export const CfpTrackComponent: FC> = ({ + track, +}) => ( <>
{track.name} @@ -42,19 +31,19 @@ const CfpTrackComponent: FC> = ({ track }
{track.members.map((member) => { return ( -
- {member.photo !== "" && ( +
+ {member.photo && (
{member.name} - {member.twitter !== "" && ( + {member.twitter && ( )} - {member.linkedIn !== "" && ( + {member.linkedIn && ( > = ({ track }
)} -
+ ); })}
diff --git a/src/views/Cfp/TrackComponent.test.tsx b/src/views/Cfp/TrackComponent.test.tsx new file mode 100644 index 00000000..b52838dc --- /dev/null +++ b/src/views/Cfp/TrackComponent.test.tsx @@ -0,0 +1,39 @@ +import React from "react"; +import { render, screen } from "@testing-library/react"; +import "@testing-library/jest-dom"; +import { CfpTrackComponent } from "./CfpSection"; +import { data } from "./CfpData"; + +data.forEach((track, index) => { + describe(`CfpTrackComponent with track ${index}`, () => { + it("renders track name", () => { + render(); + expect(screen.getByText(track.name)).toBeInTheDocument(); + }); + + track.members.forEach((member) => { + if (member.photo) { + it(`renders member ${member.name} with photo and social icons`, () => { + render(); + expect(screen.getByAltText(member.name)).toHaveAttribute( + "src", + member.photo, + ); + expect(screen.getByText(member.name)).toBeInTheDocument(); + + const section = screen.getByTestId(member.name); + if (member.twitter) { + expect( + section.querySelector("[data-icon='twitter-icon']"), + ).toBeInTheDocument(); + } + if (member.linkedIn) { + expect( + section.querySelector("[data-icon='linkedin-icon']"), + ).toBeInTheDocument(); + } + }); + } + }); + }); +}); diff --git a/src/views/Home/components/Faqs/Faqs.style.ts b/src/views/Home/components/Faqs/Faqs.style.ts index e7dea1e4..995bebc4 100644 --- a/src/views/Home/components/Faqs/Faqs.style.ts +++ b/src/views/Home/components/Faqs/Faqs.style.ts @@ -48,6 +48,7 @@ export const StyleLessIcon = styled.img` export const StyledImage = styled.img` margin: 3px; padding: 5px; + aspect-ratio: 1.5; border: 1px solid ${Color.YELLOW}; border-radius: 100% 0 100% 0 / 15% 89% 11% 85%; diff --git a/src/views/Home/components/Faqs/components/FaqsCard.tsx b/src/views/Home/components/Faqs/components/FaqsCard.tsx index 35373f2a..af2deea8 100644 --- a/src/views/Home/components/Faqs/components/FaqsCard.tsx +++ b/src/views/Home/components/Faqs/components/FaqsCard.tsx @@ -1,4 +1,4 @@ -import { FC, Suspense } from "react"; +import React, { FC, Suspense } from "react"; import Logo from "../../../../../assets/images/logo.svg"; import { StyledLoadingImage } from "../../../../../components/Loading/Loading"; import { diff --git a/src/views/Home/components/Home/Home.tsx b/src/views/Home/components/Home/Home.tsx index 5ed96ea8..a5510bbc 100644 --- a/src/views/Home/components/Home/Home.tsx +++ b/src/views/Home/components/Home/Home.tsx @@ -1,5 +1,5 @@ import Countdown from "react-countdown"; -import { FC, useState } from "react"; +import React, { FC, useState } from "react"; import LessThanIcon from "../../../../assets/images/MoreThanBlueWhiteIcon.svg"; import SectionWrapper from "../../../../components/SectionWrapper/SectionWrapper"; import { BIGGER_BREAKPOINT } from "../../../../constants/BreakPoints"; @@ -21,7 +21,6 @@ import { StyledTopSlash, StyleHomeContainer, } from "./Style.Home"; -import logo from "../../../../assets/images/logo.png"; import ActionButtons from "../ActionButtons/ActionButtons"; import { Color } from "../../../../styles/colors"; import InfoButtons from "../InfoButtons/InfoButtons"; @@ -42,7 +41,7 @@ const Home: FC> = () => { - + + @@ -77,7 +76,7 @@ const Home: FC> = () => { edition.endDay && formatDateRange( new Date(edition.startDay), - new Date(edition?.endDay) + new Date(edition.endDay), )} diff --git a/src/views/Home/components/Home/Style.Home.tsx b/src/views/Home/components/Home/Style.Home.tsx index 16d6fd3d..e3c90e74 100644 --- a/src/views/Home/components/Home/Style.Home.tsx +++ b/src/views/Home/components/Home/Style.Home.tsx @@ -121,7 +121,8 @@ export const StyledBlueSlash = styled(motion.p)` `; export const StyledDevBcnLogo = styled.img` margin: 20px; - height: 20em; + height: 20rem; + aspect-ratio: 800/327; transition: height 0.2s ease-in-out; @media (max-width: ${BIGGER_BREAKPOINT}px) { height: 15rem; @@ -135,8 +136,9 @@ export const StyledKcdLogo = styled.img` margin-left: 2em; height: 13rem; transition: height 0.2s ease-in-out; + aspect-ratio: 800/327; @media (max-width: ${BIGGER_BREAKPOINT}px) { - height: 9.5rem; + height: 12rem; margin: 0; } @media (max-width: ${BIG_BREAKPOINT}px) { @@ -144,7 +146,7 @@ export const StyledKcdLogo = styled.img` margin-left: 2.5em; margin-right: 2.5em; padding: 1em; - height: 6em; + height: 10rem; } `; export const StyledPlusSign = styled.span` diff --git a/src/views/Home/components/SpeakersCarousel/SpeakerSwiper.tsx b/src/views/Home/components/SpeakersCarousel/SpeakerSwiper.tsx index ca8941db..35151b42 100644 --- a/src/views/Home/components/SpeakersCarousel/SpeakerSwiper.tsx +++ b/src/views/Home/components/SpeakersCarousel/SpeakerSwiper.tsx @@ -1,4 +1,4 @@ -import { FC } from "react"; +import React, { FC } from "react"; import { Autoplay, Parallax } from "swiper"; import { Swiper, SwiperSlide } from "swiper/react"; import styled from "styled-components"; @@ -14,7 +14,7 @@ import * as Sentry from "@sentry/react"; const StyledSlideImage = styled.img` display: block; width: 100%; - height: auto; + aspect-ratio: 1/1; border-radius: 10px; `; diff --git a/src/views/Home/components/Sponsors/SponsorsData.ts b/src/views/Home/components/Sponsors/SponsorsData.ts index 77138918..81dc576f 100644 --- a/src/views/Home/components/Sponsors/SponsorsData.ts +++ b/src/views/Home/components/Sponsors/SponsorsData.ts @@ -20,7 +20,7 @@ export const sponsors: Sponsors = { regular: [ { name: "Sopra Steria", - image: "/images/sponsors/sopra.jpg", + image: "/images/sponsors/sopra.png", website: "https://www.soprasteria.es/", }, ], diff --git a/src/views/Speakers/components/SpeakerCard.Style.tsx b/src/views/Speakers/components/SpeakerCard.Style.tsx index e226c232..612208eb 100644 --- a/src/views/Speakers/components/SpeakerCard.Style.tsx +++ b/src/views/Speakers/components/SpeakerCard.Style.tsx @@ -26,9 +26,9 @@ export const StyledSpeakerImageContainer = styled.div` `; export const StyledSpeakerImage = styled.img` width: 100%; - height: auto; display: block; border-radius: 10px; + aspect-ratio: 1/1; `; export const StyledImageAnimation = styled.div` position: absolute; diff --git a/src/views/Travel/ToBarcelona.tsx b/src/views/Travel/ToBarcelona.tsx index 56cbc3d6..1976a46b 100644 --- a/src/views/Travel/ToBarcelona.tsx +++ b/src/views/Travel/ToBarcelona.tsx @@ -57,7 +57,7 @@ export const ToBarcelona: FC> = () => {

}> Barcelona beach diff --git a/src/views/Travel/Venue.tsx b/src/views/Travel/Venue.tsx index 82759167..376dedcd 100644 --- a/src/views/Travel/Venue.tsx +++ b/src/views/Travel/Venue.tsx @@ -164,7 +164,12 @@ export const Venue: FC> = () => {
}> - La Farga + La Farga