Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Rework style, structure and content #1

Merged
merged 10 commits into from
May 15, 2024
Merged

Rework style, structure and content #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
3b38660
Replace meta image
ricardoduplos May 15, 2024
a788d7a
Update metadata
ricardoduplos May 15, 2024
4ac6a77
Update footer contents
ricardoduplos May 15, 2024
a8546b9
Update header contents
ricardoduplos May 15, 2024
1bddf30
Exclude sponsors fold
ricardoduplos May 15, 2024
efd4eaa
Include homepage content
ricardoduplos May 15, 2024
c7ed0da
Update homepage hero content and style
ricardoduplos May 15, 2024
5905054
Tweak homepage content display
ricardoduplos May 15, 2024
f9cc40d
Lint
ricardoduplos May 15, 2024
0ddc508
Update sign up page link
danielfdsilva May 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 6 additions & 5 deletions gatsby-config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,18 +11,19 @@ const pkg = require('./package.json');

const config = {
siteMetadata: {
siteUrl: 'https://2024.satsummit.io',
title: 'SatSummit',
subtitle: `Satellite data for global development`,
edition: '2024',
siteUrl: 'https://lisbon.satsummit.io',
title: 'SatSummit goes to Lisbon',
shortTitle: 'SatSummit',
subtitle: `Satellite data for global development.`,
edition: 'Lisbon 2024',
description: `SatSummit convenes leaders in the satellite industry and experts in global development for 2 days of presentations and in-depth conversations on solving the world's most critical development challenges with satellite data.`,
author: {
name: `Development Seed & DevGlobal`
},
social: {
twitter: `@sat_summit`
},
eventDates: ['2024-05-16', '2024-05-17']
eventDates: ['2024-11-18', '2024-11-19']
},
// More easily incorporate content into your pages through automatic
// TypeScript type generation and better GraphQL IntelliSense. If you use
Expand Down
22 changes: 2 additions & 20 deletions src/components/brand.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,7 @@ export default function Brand(props: BrandProps) {
query {
site {
siteMetadata {
title
edition
shortTitle
}
}
}
Expand Down Expand Up @@ -48,24 +47,7 @@ export default function Brand(props: BrandProps) {
alignItems='center'
gap='1'
>
<Text as='span'>{data.site.siteMetadata.title}</Text>{' '}
<Text
as='span'
position='relative'
zIndex='1'
_before={{
content: '""',
backgroundColor:
variation === 'positive' ? 'base.200a' : 'base.400a',
position: 'absolute',
width: '100%',
height: '0.5em',
bottom: '0.25em',
zIndex: '-1'
}}
>
{data.site.siteMetadata.edition}
</Text>
<Text as='span'>{data.site.siteMetadata.shortTitle}</Text>
</Text>
</ChLink>
</Heading>
Expand Down
2 changes: 1 addition & 1 deletion src/components/fold.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export function Fold(props: SimpleGridProps) {
}

export function FoldProse(props: FlexProps) {
return <Flex flexFlow='column' gap='4' p={['4', '8']} {...props} />;
return <Flex flexFlow='column' gap='4' {...props} />;
}

export function FoldMedia(props: BoxProps) {
Expand Down
89 changes: 45 additions & 44 deletions src/components/home/page-hero.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,8 @@ export default function HomeHero() {
position='relative'
bg='primary.500'
minHeight={{ base: '20rem', md: '36rem' }}
paddingX={{ base: '12', md: '16' }}
paddingY={{ base: '12', md: '16' }}
paddingX={{ base: '8', md: '16' }}
paddingY={{ base: '8', md: '16' }}
display='flex'
flexFlow='column'
justifyContent='center'
Expand All @@ -38,55 +38,60 @@ export default function HomeHero() {
display='inline-flex'
flexFlow='column'
color='base.500'
sx={{
'> *': {
lineHeight: { base: '0.875', md: '1' }
}
}}
>
<Text
as='span'
alignSelf={{
md: 'end'
}}
fontSize={{ base: '2rem', sm: '2rem', md: '4rem' }}
>
This is
</Text>
<Text
as='span'
fontSize={{ base: '4rem', md: '8rem' }}
mt={{ md: '-4' }}
lineHeight='1'
>
Satsummit
</Text>
<Text
<Box
as='span'
fontSize={{ base: '4rem', md: '8rem' }}
alignSelf='start'
mt={{ md: '-4' }}
position='relative'
zIndex='1'
_before={{
content: '""',
backgroundColor: 'secondary.500',
position: 'absolute',
width: '100%',
height: '0.5em',
bottom: '0.05em',
zIndex: '-1'
}}
display='flex'
alignItems='start'
justifyContent='end'
gap={{ base: '2', md: '4' }}
pr={{ base: '2', md: '4' }}
mt={{ base: '-2', md: '-4' }}
>
2024
</Text>
<Text
as='span'
textAlign='right'
fontSize={{ base: '1.75rem', md: '3.5rem' }}
lineHeight='0.5'
mt={{ base: '1', md: '3' }}
>
goes
<br /> to
</Text>
<Text
as='span'
fontSize={{ base: '4rem', md: '8rem' }}
lineHeight='1'
position='relative'
zIndex='1'
_before={{
content: '""',
backgroundColor: 'secondary.500',
position: 'absolute',
width: '100%',
height: '0.5em',
bottom: '0.05em',
zIndex: '-1'
}}
>
Lisbon
</Text>
</Box>
</Heading>
<Box
bg='base.500'
color='white'
position='absolute'
bottom={{ base: '-5rem', md: '-5rem', lg: '3.5rem' }}
left={{ base: '8rem', md: '15.5rem', lg: '0' }}
transform={{ lg: 'translateX(calc(-100% - 1rem))' }}
bottom={{ base: '-6rem', md: '-7.5rem', lg: '-5.5rem' }}
left={{ base: '1.25rem', md: '16rem', lg: '6.5rem' }}
transform={{ md: 'translateX(calc(-100% - 1rem))' }}
alignSelf={{ base: 'start', md: 'center' }}
p='4'
_after={{
Expand All @@ -95,14 +100,10 @@ export default function HomeHero() {
width: '1.5rem',
height: '1rem',
background: 'base.500',
top: { lg: '100%' },
left: { base: '0', lg: 'auto' },
right: { lg: '0' },
bottom: { base: '100%', lg: 'auto' },
clipPath: {
base: 'polygon(0 0, 0% 100%, 100% 100%)',
lg: 'polygon(0 0, 100% 0, 100% 100%)'
}
bottom: '100%',
clipPath: 'polygon(100% 0, 0% 100%, 100% 100%)'
}}
>
<Heading
Expand All @@ -114,7 +115,7 @@ export default function HomeHero() {
>
November
<br />
Lisbon, Portugal
18 & 19, 2024
</Heading>
</Box>
</Flex>
Expand Down
69 changes: 11 additions & 58 deletions src/components/page-footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,9 @@ import {
ListItem,
Text,
ListIcon,
List,
Tooltip
List
} from '@chakra-ui/react';
import {
CollecticonArrowRight,
CollecticonBrandLinkedin,
CollecticonBrandSatsummit,
CollecticonEnvelope,
Expand All @@ -24,8 +22,6 @@ import Brand from './brand';
import MenuLink from './menu-link';
import { CollecticonBrandX } from './icons/brand-x';

import { visuallyDisableProps } from '$utils/utils';

function FooterBlock(props: FlexProps) {
return <Flex flexFlow='column' gap='4' {...props} />;
}
Expand All @@ -47,57 +43,14 @@ export default function PageFooter() {
lg: '1/ span 3'
}}
>
<Heading size='md'>This edition</Heading>
<List>
{/* <ListItem>
<MenuLink to='/agenda'>
<ListIcon as={CollecticonArrowRight} /> Agenda
</MenuLink>
</ListItem>
<ListItem>
<MenuLink to='/fringe'>
<ListIcon as={CollecticonArrowRight} /> Fringe Events
</MenuLink>
</ListItem>
<ListItem>
<MenuLink to='/speakers'>
<ListIcon as={CollecticonArrowRight} /> Speakers
</MenuLink>
</ListItem>
<ListItem>
<MenuLink to='/tickets'>
<ListIcon as={CollecticonArrowRight} /> Tickets
</MenuLink>
</ListItem> */}
<Heading size='md'>Editions</Heading>
<List as='ol'>
<ListItem>
<Tooltip label='Coming soon' placement='right' hasArrow>
<MenuLink to='/practical-info' {...visuallyDisableProps()}>
<ListIcon as={CollecticonArrowRight} /> Practical info
</MenuLink>
</Tooltip>
</ListItem>
{/* <ListItem>
<MenuLink to='/code-of-conduct'>
<ListIcon as={CollecticonArrowRight} /> Code of conduct
<MenuLink to='https://2024.satsummit.io'>
<ListIcon as={CollecticonExpandTopRight} />
Satsummit 2024
</MenuLink>
</ListItem>
<ListItem>
<MenuLink to='/terms-conditions'>
<ListIcon as={CollecticonArrowRight} /> Terms & conditions
</MenuLink>
</ListItem> */}
</List>
</FooterBlock>
<FooterBlock
gridColumn={{
base: '1/-1',
sm: '3 / span 2',
md: '5/ span 4',
lg: '4/ span 3'
}}
>
<Heading size='md'>Past Editions</Heading>
<List as='ol'>
<ListItem>
<MenuLink to='https://2022.satsummit.io'>
<ListIcon as={CollecticonExpandTopRight} />
Expand Down Expand Up @@ -127,9 +80,9 @@ export default function PageFooter() {
<FooterBlock
gridColumn={{
base: '1/-1',
sm: '1 / span 2',
md: '1/ span 4',
lg: '7/ span 3'
sm: '3 / span 2',
md: '5/ span 4',
lg: '4/ span 3'
}}
>
<Heading size='md'>Let&apos;s Connect</Heading>
Expand Down Expand Up @@ -169,8 +122,8 @@ export default function PageFooter() {
<FooterBlock
gridColumn={{
base: '1/-1',
sm: '3 / span 2',
md: '5/ span 4',
sm: '1 / span 2',
md: '1/ span 4',
lg: '10/ span 3'
}}
>
Expand Down
Loading
Loading