Skip to content

Commit

Permalink
Lil tidy up
Browse files Browse the repository at this point in the history
  • Loading branch information
@CoreyGinnivan
CoreyGinnivan committed Aug 20, 2024
1 parent 1afa175 commit e5bd060
Show file tree
Hide file tree
Showing 2 changed files with 85 additions and 85 deletions.
162 changes: 81 additions & 81 deletions website/app/components/footer/footer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,68 +4,68 @@ import { Box, Divider, Flex, Grid, styled } from '../../../styled-system/jsx'
import { socialsData } from '../../config/socials-data'

export const Footer = () => (
<Box
mt={48}
gap={6}
mx="5"
xl={{
mx: 0,
}}
<Box
mt={48}
gap={6}
mx="5"
xl={{
mx: 0,
}}
>
<Divider color="#8D8DFF33" mb={6} />
<Grid
gridTemplateColumns="1fr"
md={{ gridTemplateColumns: 'repeat(4, 1fr)' }}
width="full"
gap={6}
maxW="1200px"
mx="auto"
>
<Divider color="#8D8DFF33" mb={6} />
<Grid
gridTemplateColumns="1fr"
md={{ gridTemplateColumns: 'repeat(4, 1fr)' }}
width="full"
gap={6}
maxW="1200px"
mx="auto"
>
<Flex flexGrow={2}>
<Logo width={153} />
</Flex>
<Flex direction="column" gap={1} fontWeight="medium">
<styled.a href={`/agenda`} color="white" _hover={{ color: '#8282FB' }}>
Previous Years Sessions
</styled.a>
{/* <styled.a href={`/speakers`} color="white" _hover={{ color: '#8282FB' }}>
<Flex flexGrow={2}>
<Logo width={153} />
</Flex>
<Flex direction="column" gap={1} fontWeight="medium">
<styled.a href={`/agenda#previous-years`} color="white" _hover={{ color: '#8282FB' }}>
Previous Years Sessions
</styled.a>
{/* <styled.a href={`/speakers`} color="white" _hover={{ color: '#8282FB' }}>
Speakers
</styled.a> */}
<styled.a href={`/agenda`} color="white" _hover={{ color: '#8282FB' }}>
Agenda
</styled.a>
{/* <styled.a href={`/sponsorship`} color="white" _hover={{ color: '#8282FB' }}>
<styled.a href={`/agenda`} color="white" _hover={{ color: '#8282FB' }}>
Agenda
</styled.a>
{/* <styled.a href={`/sponsorship`} color="white" _hover={{ color: '#8282FB' }}>
Sponsorship
</styled.a> */}
<styled.a href={`/about`} color="white" _hover={{ color: '#8282FB' }}>
About
</styled.a>
{/* <styled.a href={`/blog`} color="white" _hover={{ color: '#8282FB' }}>
<styled.a href={`/about`} color="white" _hover={{ color: '#8282FB' }}>
About
</styled.a>
{/* <styled.a href={`/blog`} color="white" _hover={{ color: '#8282FB' }}>
Blog
</styled.a> */}
<styled.a href={`/faq`} color="white" _hover={{ color: '#8282FB' }}>
FAQ
</styled.a>
</Flex>
<Flex direction="column" gap={1} fontWeight="medium">
<styled.a href={`/code-of-conduct`} color="white" _hover={{ color: '#8282FB' }}>
Code Of Conduct
</styled.a>
<styled.a href={`/venue`} color="white" _hover={{ color: '#8282FB' }}>
Venue
</styled.a>
<styled.a href={`/health-policy`} color="white" _hover={{ color: '#8282FB' }}>
Health Policy
</styled.a>
<styled.a href={`/volunteer`} color="white" _hover={{ color: '#8282FB' }}>
Work With Us
</styled.a>
<styled.a href={`mailto:[email protected]`} color="#8282FB" _hover={{ color: 'white' }}>
[email protected]
</styled.a>
</Flex>
<Flex direction="column" gap={4}>
{/* <styled.p color="#C2C2FF" fontSize="2xl" lineHeight={1.2} textWrap="balance">
<styled.a href={`/faq`} color="white" _hover={{ color: '#8282FB' }}>
FAQ
</styled.a>
</Flex>
<Flex direction="column" gap={1} fontWeight="medium">
<styled.a href={`/code-of-conduct`} color="white" _hover={{ color: '#8282FB' }}>
Code Of Conduct
</styled.a>
<styled.a href={`/venue`} color="white" _hover={{ color: '#8282FB' }}>
Venue
</styled.a>
<styled.a href={`/health-policy`} color="white" _hover={{ color: '#8282FB' }}>
Health Policy
</styled.a>
<styled.a href={`/volunteer`} color="white" _hover={{ color: '#8282FB' }}>
Work With Us
</styled.a>
<styled.a href={`mailto:[email protected]`} color="#8282FB" _hover={{ color: 'white' }}>
[email protected]
</styled.a>
</Flex>
<Flex direction="column" gap={4}>
{/* <styled.p color="#C2C2FF" fontSize="2xl" lineHeight={1.2} textWrap="balance">
Subscribe for the latest DDD updates
</styled.p>
<styled.input
Expand All @@ -81,30 +81,30 @@ export const Footer = () => (
_placeholder={{ color: '#8282FB' }}
mb={4}
/> */}
<Flex direction="row" gap={1}>
{socialsData.map((item) => (
<styled.a
aria-label={`Visit us on ${item.title}`}
key={item.link}
href={item.link}
target={`_blank`}
rel={`nofollow noopener`}
display="flex"
justifyContent="flex-start"
alignItems="center"
>
<item.icon
className={css({
w: '8',
color: '#8282FB',
transition: 'colors',
_hover: { color: 'white' },
})}
/>
</styled.a>
))}
</Flex>
</Flex>
</Grid>
</Box>
<Flex direction="row" gap={1}>
{socialsData.map((item) => (
<styled.a
aria-label={`Visit us on ${item.title}`}
key={item.link}
href={item.link}
target={`_blank`}
rel={`nofollow noopener`}
display="flex"
justifyContent="flex-start"
alignItems="center"
>
<item.icon
className={css({
w: '8',
color: '#8282FB',
transition: 'colors',
_hover: { color: 'white' },
})}
/>
</styled.a>
))}
</Flex>
</Flex>
</Grid>
</Box>
)
8 changes: 4 additions & 4 deletions website/app/routes/_layout.agenda.($year).tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -327,12 +327,12 @@ export default function Agenda() {
function ConferenceBrowser({ conferences }: { conferences: { year: Year }[] }) {
return (
<styled.div padding="4" color="white">
<styled.h2 fontSize="xl" marginBottom="2">
Other Conferences
<styled.h2 fontSize="xl" marginBottom="2" id="previous-years">
View Previous Conferences
</styled.h2>
<styled.div display="flex" flexWrap="wrap" justifyContent="space-around" gap="4">
<styled.div display="flex" flexWrap="wrap" gap={4}>
{conferences.map((conf) => (
<styled.a key={conf.year} href={`/agenda/${conf.year}`}>
<styled.a key={conf.year} href={`/agenda/${conf.year}`} color="#8282FB">
<styled.span fontSize="lg">{conf.year}</styled.span>
</styled.a>
))}
Expand Down

0 comments on commit e5bd060

Please sign in to comment.