diff --git a/src/views/Home/components/ActionButtons/ActionButtons.tsx b/src/views/Home/components/ActionButtons/ActionButtons.tsx index 1829bcbf..bdd3cfcf 100644 --- a/src/views/Home/components/ActionButtons/ActionButtons.tsx +++ b/src/views/Home/components/ActionButtons/ActionButtons.tsx @@ -1,15 +1,16 @@ import { useCallback } from "react"; import { styled } from "styled-components"; -import { gaEventTracker } from "../../../../components/analytics/Analytics"; -import { formatDateWithOrdinal } from "../../../../components/date/dateUtils"; -import Button from "../../../../components/UI/Button"; -import { BIG_BREAKPOINT } from "../../../../constants/BreakPoints"; -import { useUrlBuilder } from "../../../../services/urlBuilder"; +import { gaEventTracker } from "@components/analytics/Analytics"; +import { formatDateWithOrdinal } from "@components/date/dateUtils"; +import Button from "@components/UI/Button"; +import { BIG_BREAKPOINT } from "@constants/BreakPoints"; +import { useUrlBuilder } from "@services/urlBuilder"; import type { FC } from "react"; const StyledActionDiv = styled.div` + margin-top: 2rem; display: flex; text-align: center; diff --git a/src/views/Home/components/HomeWTC/HomeWTC.tsx b/src/views/Home/components/HomeWTC/HomeWTC.tsx index b4a978c7..d59ae825 100644 --- a/src/views/Home/components/HomeWTC/HomeWTC.tsx +++ b/src/views/Home/components/HomeWTC/HomeWTC.tsx @@ -12,10 +12,11 @@ import edition from "@data/2026.json"; import { useDateInterval } from "@hooks/useDateInterval"; // @ts-expect-error some quirky import - import { Color } from "@styles/colors"; import { formatDateRange } from "@utils/dateUtils"; +import ActionButtons from "../ActionButtons/ActionButtons"; +import InfoButtons from "../InfoButtons/InfoButtons"; import { StyledDevBcnLogo, StyledHomeImage, @@ -25,8 +26,6 @@ import { StyledTitleContainer, StyleHomeContainer, } from "./Style.Home"; -import ActionButtons from "../ActionButtons/ActionButtons"; -import InfoButtons from "../InfoButtons/InfoButtons"; import type { FC } from "react"; @@ -59,33 +58,31 @@ const HomeWTC: FC> = () => { The Barcelona Developers Conference {edition?.edition} - {edition?.trackNumber} tracks with the following topics:
- {edition?.tracks} + {edition?.startDay && + edition.endDay && + formatDateRange( + new Date(edition.startDay), + new Date(edition.endDay), + )}
- - Past events: 2025 edition |{" "} - 2024 edition |{" "} - 2023 edition - + World Trade Center, Barcelona > = () => { animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.6, delay: 1.5 }} > - - {edition?.startDay && - edition.endDay && - formatDateRange( - new Date(edition.startDay), - new Date(edition.endDay), - )} + + {edition?.trackNumber} tracks with the following topics: - World Trade Center, Barcelona + {edition?.tracks} + + + + + + Past events: 2025 edition |{" "} + 2024 edition |{" "} + 2023 edition + ` color: ${(props) => props.color ?? Color.WHITE}; font-family: "DejaVu Sans ExtraLight", sans-serif; - font-size: 1.25rem; - font-weight: ${(props) => props.fontWeight ?? 400}; + font-size: 1.5rem; + font-weight: ${(props) => props.fontWeight ?? 600}; + letter-spacing: 0.02em; text-shadow: ${(props) => - props.shadow ? "2px 2px 2px rgba(0, 0, 0, 0.5)" : "none"}; + props.shadow + ? `0 1px 2px rgba(0, 0, 0, 0.9), + 0 2px 4px rgba(0, 0, 0, 0.6), + 0 4px 8px rgba(0, 0, 0, 0.4)` + : `0 1px 2px rgba(0, 0, 0, 0.8), + 0 2px 4px rgba(0, 0, 0, 0.5)`}; - padding: 0.25rem; a { text-decoration: none; color: ${Color.LIGHT_BLUE}; + text-shadow: + 0 1px 2px rgba(0, 0, 0, 0.9), + 0 2px 4px rgba(0, 0, 0, 0.6); + } + + @media (max-width: ${BIG_BREAKPOINT}px) { + font-size: 1.1rem; + } + + @media (max-width: 480px) { + font-size: 1rem; } `; @@ -166,7 +221,7 @@ export const StyledBlueSlash = styled(motion.p)` height: 100%; `; export const StyledDevBcnLogo = styled.img` - margin: 20px; + margin-top: 20px; height: 13rem; aspect-ratio: 800/327; transition: height 0.2s ease-in-out; @@ -214,15 +269,17 @@ export const StyledPlusSign = styled.span` } `; export const StyledLogoDiv = styled(motion.div)` - padding-top: 4rem; - padding-bottom: 2rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; display: flex; @media (max-width: ${BIGGER_BREAKPOINT}px) { + padding-top: 2rem; flex-direction: column; } @media (max-width: ${BIG_BREAKPOINT}px) { + padding-top: 1rem; flex-direction: column; } `; diff --git a/wordlist.txt b/wordlist.txt index fabd7943..b3e7866b 100644 --- a/wordlist.txt +++ b/wordlist.txt @@ -1,9 +1,12 @@ APIs Axios BvU +camelCase CFP CRA's Cfp +DevTools +DNS DOM DevBCN DevBcn @@ -54,6 +57,8 @@ ico icougil incimages integrations +io +JobsData jonathanvila jpg js @@ -64,21 +69,31 @@ linkedin localhost Lucide matchers +metatags minified nd npm +OG onChange param pbs png +PageMetadata +Preconnect predeploy +Prefetch +Preload +preloaded PrimeIcons px pwa queryKey rd robotstxt +SEO selectedGroupId +sessionize +SSR st svg TanStack @@ -86,6 +101,7 @@ th toHaveTextContent tsconfig twimg +typeof txt urlOrId urlOrYear @@ -103,4 +119,5 @@ wikipedia www xSBqFVCYSpsyuO YAGNI -youtube \ No newline at end of file +youtube +YYYY