Skip to content

Commit

Permalink
Merge pull request #1 from satsummit/feature/rework
Browse files Browse the repository at this point in the history 
Rework style, structure and content
  • Loading branch information
@danielfdsilva
danielfdsilva committed May 15, 2024
2 parents d69d28e + 0ddc508 commit 47f6118
Show file tree
Hide file tree
Showing 10 changed files with 151 additions and 618 deletions.
11 changes: 6 additions & 5 deletions gatsby-config.mjs
View file
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
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
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
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
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

0 comments on commit 47f6118

Please sign in to comment.