Skip to content

Commit

Permalink
fix: move International Media Nodes above BanklessHQ on the media-nod…
Browse files Browse the repository at this point in the history 
…es page. Add link for Bankless Africa (dw-175) (#271)

Co-authored-by: user <user@users-MacBook-Pro.local>
Co-authored-by: MantisClone <david.hunt-mateo@mantisdata.solutions>
  • Loading branch information
@lordteekay @MantisClone
3 people authored Dec 3, 2023
1 parent 4703d4e commit 4e58c89
Show file tree
Hide file tree
Showing 11 changed files with 406 additions and 307 deletions.
21 changes: 14 additions & 7 deletions components/_common/footer.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -96,20 +96,23 @@ class Footer extends React.Component {
flexDirection='column'
justifyContent='center'
alignItems='center'
position='relative'>
position='relative'
>
<Grid
templateColumns={{ base: '1fr', lg: 'repeat(2, 1fr)' }}
gap={{ base: 2, md: 6 }}
width='80%'
borderTop='1px solid white'
marginTop={{ base: 8, lg: 16 }}
paddingY={{ base: 8, lg: 8 }}
paddingX={{ base: 4, lg: 8 }}>
paddingX={{ base: 4, lg: 8 }}
>
<Flex
flexDirection='column'
justifyContent='center'
alignItems={{ base: 'center', md: 'start' }}
rowGap={1}>
rowGap={1}
>
<Image
src={'/images/logo.png'}
alt={'BanklessDAO logo'}
Expand All @@ -119,7 +122,8 @@ class Footer extends React.Component {
<Text
fontSize='xl'
textAlign={{ sm: 'center', md: 'left' }}
color={'gray'}>
color={'gray'}
>
A decentralized autonomous organization that acts as a steward of
the Bankless Movement progressing the world towards a future of
greater freedom.
Expand All @@ -132,7 +136,8 @@ class Footer extends React.Component {
target='_blank'
key={`social-${idx}`}
mx={1}
my={2}>
my={2}
>
<Image
src={_social.img}
alt={_social.alt}
Expand All @@ -152,14 +157,16 @@ class Footer extends React.Component {
columnGap={12}
paddingLeft={{ base: 0, lg: 8 }}
paddingTop={{ base: 4, lg: 14 }}
textAlign={{ base: 'center', lg: 'left' }}>
textAlign={{ base: 'center', lg: 'left' }}
>
{LINKS.map((_link, idx) => {
return (
<Link
href={_link.href}
target='_blank'
key={`link-${idx}`}
fontSize={{ base: 'md', md: 'lg' }}>
fontSize={{ base: 'md', md: 'lg' }}
>
{_link.text}
</Link>
)
Expand Down
9 changes: 6 additions & 3 deletions components/_common/section.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,8 @@ const Section = ({
sm: 'column',
xl: reverse ? 'row-reverse' : 'row',
}}
columnGap={16}>
columnGap={16}
>
<Box width={{ base: '100%' }} zIndex='1'>
<Image
alt={project.name}
Expand Down Expand Up @@ -62,7 +63,8 @@ const Section = ({
textAlign='start'
justifyContent='center'
alignItems='start'
zIndex='1'>
zIndex='1'
>
<Text fontSize={{ base: '18px', md: '30px' }} fontWeight={700}>
{project.name.toUpperCase()}
</Text>
Expand All @@ -74,7 +76,8 @@ const Section = ({
color={'white.100'}
fontSize='20px'
lineHeight={'24px'}
fontWeight='700'>
fontWeight='700'
>
Learn More <FiArrowUpRight />
</Flex>
</Link>
Expand Down
12 changes: 8 additions & 4 deletions components/about-us/sub-pages/departments/departments.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,8 @@ function Departments() {
py={{ base: 10, md: 18 }}
position='relative'
zIndex='docked'
className={`${styles['header-text']}`}>
className={`${styles['header-text']}`}
>
<Heading
fontWeight={700}
fontSize={{
Expand All @@ -24,7 +25,8 @@ function Departments() {
lg: '7xl',
}}
lineHeight={'120%'}
color={'white.100'}>
color={'white.100'}
>
Departments
<Box margin='1rem auto' width={{ base: '90%', sm: '100%' }}>
<Underline />
Expand All @@ -35,15 +37,17 @@ function Departments() {
flexDir='column'
justify='center'
alignItems='center'
lineHeight={{ base: '30px', md: '40px' }}>
lineHeight={{ base: '30px', md: '40px' }}
>
<Text
textAlign='center'
mb={10}
fontSize={{ base: '18px', md: '28px' }}
maxW={826}
lineHeight={{ base: '40px', md: '46px' }}
fontWeight='400px'
zIndex={1}>
zIndex={1}
>
Departments are operation-critical units of BanklessDAO. The
qualification test for a department is that if it does not exist, the
DAO cannot function properly or may cease to exist!
Expand Down
12 changes: 8 additions & 4 deletions components/about-us/sub-pages/guilds/guilds.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,8 @@ function Guilds() {
py={{ base: 10, md: 18 }}
position='relative'
zIndex='docked'
className={`${styles['header-text']}`}>
className={`${styles['header-text']}`}
>
<Heading
fontWeight={700}
fontSize={{
Expand All @@ -24,7 +25,8 @@ function Guilds() {
lg: '7xl',
}}
lineHeight={'120%'}
color={'white.100'}>
color={'white.100'}
>
Guilds
<Box margin='1rem auto' width={{ base: '90%', sm: '100%' }}>
<Underline />
Expand All @@ -35,15 +37,17 @@ function Guilds() {
flexDir='column'
justify='center'
alignItems='center'
lineHeight={{ base: '30px', md: '40px' }}>
lineHeight={{ base: '30px', md: '40px' }}
>
<Text
textAlign='center'
mb={10}
fontSize={{ base: '18px', md: '28px' }}
maxW={826}
lineHeight={{ base: '40px', md: '46px' }}
fontWeight='400px'
zIndex={1}>
zIndex={1}
>
Guilds are the way we organize our contributors. These talent pools
serve as a way for individuals who share common interests,
professional backgrounds, and skills to come together and incubate
Expand Down
21 changes: 14 additions & 7 deletions components/about-us/sub-pages/nodes/bankless-headquater.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,19 +10,22 @@ export default function NodesBanklessHQComponent() {
textAlign={'center'}
mt={'4rem'}
spacing={{ base: 4, md: 6 }}
py={{ base: 10, md: 18 }}>
py={{ base: 10, md: 18 }}
>
<Heading
fontWeight={700}
fontSize={{ base: '2xl', sm: '3xl', md: '5xl' }}
lineHeight={'110%'}
color={'white.100'}
textTransform={'uppercase'}>
textTransform={'uppercase'}
>
BANKLESS HQ
<Underline />
</Heading>
<Text
color={'white.200'}
fontSize={{ base: 'sm', sm: 'lg', md: '2xl' }}>
fontSize={{ base: 'sm', sm: 'lg', md: '2xl' }}
>
Is the founding node of the Bankless media ecosystem. Led by David
Hoffman and Ryan Sean Adams, this node runs the original Bankless
podcast and the Bankless newsletter. It’s often referred to as
Expand All @@ -32,14 +35,16 @@ export default function NodesBanklessHQComponent() {
flex={1}
justify={{ base: 'center', md: 'space-around' }}
align={'center'}
direction={{ base: 'column', md: 'row' }}>
direction={{ base: 'column', md: 'row' }}
>
<Flex align={'center'} color={'white.100'}>
<Link href='https://www.bankless.com/read' isExternal>
<Flex align={'center'} color={'white.100'}>
<Text
mr={'0.25rem'}
fontSize={{ base: '1xl', md: '3xl' }}
fontWeight={'bold'}>
fontWeight={'bold'}
>
Substack
</Text>
<FiArrowUpRight size={25} />
Expand All @@ -53,7 +58,8 @@ export default function NodesBanklessHQComponent() {
<Text
mr={'0.25rem'}
fontSize={{ base: '1xl', md: '3xl' }}
fontWeight={'bold'}>
fontWeight={'bold'}
>
Podcast
</Text>
<FiArrowUpRight size={25} />
Expand All @@ -67,7 +73,8 @@ export default function NodesBanklessHQComponent() {
<Text
mr={'0.25rem'}
fontSize={{ base: '1xl', md: '3xl' }}
fontWeight={'bold'}>
fontWeight={'bold'}
>
Youtube
</Text>
<FiArrowUpRight size={25} />
Expand Down
17 changes: 14 additions & 3 deletions components/about-us/sub-pages/nodes/international-media-nodes.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,13 +21,12 @@ export default function NodesInternationalMediaComponent() {
</Heading>
<Text
color={'white.200'}
fontSize={{ base: 'sm', sm: 'lg', md: '2xl' }}
>
fontSize={{ base: 'sm', sm: 'lg', md: '2xl' }}>
Join the Bankless journey in your continent, country, or language!
</Text>
<Flex
flex={1}
justify={{ base: 'center', md: 'space-around' }}
justify={{ base: 'space-between', md: 'space-around' }}
align={'center'}
direction={{ base: 'column', md: 'row' }}>
<Flex align={'center'} color={'white.100'}>
Expand All @@ -43,6 +42,18 @@ export default function NodesInternationalMediaComponent() {
</Flex>
</Link>
</Flex>
<Flex align={'center'} color={'white.100'}>
<Link href='https://banklessafrica.com' isExternal>
<Flex align={'center'} color={'white.100'}>
<Text
mr={'0.25rem'}
fontSize={{ base: '1xl', md: '3xl' }}
fontWeight={'bold'}>
Bankless Africa
</Text>
</Flex>
</Link>
</Flex>
</Flex>
</Stack>
</>
Expand Down
12 changes: 8 additions & 4 deletions components/about-us/sub-pages/projects/projects.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,8 @@ function Projects() {
py={{ base: 10, md: 18 }}
position='relative'
zIndex='docked'
className={`${styles['header-text']}`}>
className={`${styles['header-text']}`}
>
<Heading
fontWeight={700}
fontSize={{
Expand All @@ -24,7 +25,8 @@ function Projects() {
lg: '7xl',
}}
lineHeight={'120%'}
color={'white.100'}>
color={'white.100'}
>
Projects
<Box margin='1rem auto' width={{ base: '90%', sm: '100%' }}>
<Underline />
Expand All @@ -35,15 +37,17 @@ function Projects() {
flexDir='column'
justify='center'
alignItems='center'
lineHeight={{ base: '30px', md: '40px' }}>
lineHeight={{ base: '30px', md: '40px' }}
>
<Text
textAlign='center'
mb={10}
fontSize={{ base: '18px', md: '28px' }}
maxW={826}
lineHeight={{ base: '40px', md: '46px' }}
fontWeight='400px'
zIndex={1}>
zIndex={1}
>
Projects enable Guilds and bDAO members to collaborate and scale the
Bankless movement. From consultancy services to bot integrations to
newsletters, we have multiple ongoing projects and more coming on the
Expand Down
Loading

1 comment on commit 4e58c89

@vercel
Copy link

@vercel vercel bot commented on 4e58c89 Dec 3, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

bankless-website – ./

bankless-website-three.vercel.app
bankless-website-git-main-banklessdao.vercel.app
www.bankless.community
bankless-website-banklessdao.vercel.app
bankless.community

Please sign in to comment.