fix: adjust LogoCarousel image height

This commit is contained in:
Hossein Mehrabi
2023-12-14 19:08:24 +03:30
parent 36a085b323
commit 6ed7d65aa3
2 changed files with 204 additions and 45 deletions
@@ -2,7 +2,6 @@ import {
Hero,
HeroTitle,
HeroDescription,
HeroVideo,
HeroActions,
HeroAction,
CallToActionSection,
@@ -20,77 +19,238 @@ import {
ShowcaseCard,
JobsPerDepartment,
GithubChallenges,
LogoCarousel,
} from '../components/mdx'
import * as jobData from '/generated/jobs.json'
import * as challengesData from '/generated/challenges.json'
<Hero size="large">
<HeroInfo>
<HeroTitle>{'Defend Against Data Censorship With Codex'}</HeroTitle>
<HeroDescription>
{
'Codex is a durable, decentralized data storage protocol, created so the world community can preserve its most important knowledge without risk of censorship.'
}
</HeroDescription>
<HeroActions>
<HeroAction href="https://twitter.com/Codex_storage" target="_blank">
Follow Codex
</HeroAction>
</HeroActions>
</HeroInfo>
<HeroVideo placeholderSrc="/hero/atlas02-1080x1080-placeholder.png">
<source
src="/hero/atlas02-2048x2048-24fps-1M.mov"
type='video/mp4; codecs="hvc1"'
/>
<source src="/hero/atlas02-2048x2048-24fps-1M.webm" type="video/webm" />
</HeroVideo>
</Hero>
<Box top={{ xs: 32 }} bottom={{ xs: 144, lg: 216 }}>
<HeroTitle size="large">
{'LIGHT AND PERFORMANT CLIENTS, FOR THE ETHEREUM NETWORK'}
</HeroTitle>
<HeroDescription size="large">
{
'Run Nimbus on lightweight devices or premium servers with equal ease and peace of mind. Trusted by solo stakers and enterprise node operators alike.'
}
</HeroDescription>
<HeroActions>
<HeroAction href="https://twitter.com/Codex_storage" target="_blank">
Learn more
</HeroAction>
</HeroActions>
</Box>
<FeatureList
id="features"
id="clients"
alignment="top"
ctaPosition="top"
title="Nimbus Clients"
features={[
{
title: 'Durable',
description: (
<>
<strong>Codex</strong> implements advanced erasure coding techniques
to ensure data stored is always retrievable without relying on
inefficient full replication methods.
</>
),
title: 'Consensus Client',
description:
'An ultra-light client that contributes to the network and does not require syncing.',
},
{
title: 'Accessible',
title: 'Verified Web3 Proxy',
description:
'Participating in the Codex network is highly accessible thanks to its permissionless nature, and bandwidth usage optimizations like its "lazy repair" system and lightweight ZK-based remote auditing system.',
'A lightweight execution layer client to complement the consensus layer - coming soon.',
},
{
title: 'Decentralized',
title: 'Portal Client',
description:
"The network's native marketplace incentivizes wide participation, ensuring robust resistance to censorship and external attack.",
'An ultra-light client that contributes to the network and does not require syncing.',
},
{
title: 'Low-cost',
title: 'Execution Client',
description:
"Codex's design slashes the costs associated with traditional cloud storage providers while democratizing opportunities to contribute excess system resources to the network.",
'A lightweight execution layer client to complement the consensus layer - coming soon.',
},
]}
>
<CallToActionButton variant="outlined" href="/about">
Read more
<CallToActionButton variant="outlined" size="small">
read more
</CallToActionButton>
</FeatureList>
<Box top={{ xs: 144, lg: 216 }}>
<SectionHeader title="Nimbus attributes">
<CallToActionButton variant="outlined" size="small" href="/">
Read mroe
</CallToActionButton>
</SectionHeader>
<Box top={{ xs: 100, lg: 100 }}>
<Grid
xs={{ cols: 2, wrap: true, gap: '1.5rem 1em' }}
lg={{ cols: 4, gap: '1rem' }}
>
<Grid.Item>
<ShowcaseCard
index={1}
name="Lightweight"
description="A low resource footprint makes Nimbus an attractive option for solo stakers and distributed validators. Institutional operators benefit from having more headroom in their setup, preventing failure when Ethereum is under stress."
/>
</Grid.Item>
<Grid.Item>
<ShowcaseCard
index={2}
name="Secure"
description="Nimbus has undergone extensive security testing from some of the leading security firms in blockchain technology, including ConsenSys Diligence, Trail Of Bits, and NCC Group."
/>
</Grid.Item>
<Grid.Item>
<ShowcaseCard
index={3}
name="Easy to use"
description="Nimbus offers a simple consensus layer setup combining beacon node and validator clients, or the flexibility to run the two independently. Get up and running quickly in one of three steps."
/>
</Grid.Item>
<Grid.Item>
<ShowcaseCard
index={4}
name="Downtime resilient"
description="Nimbus includes several features to improve redundancy and resilience. For example, distributed keystore support allows for pairing a single Nimbus instance with multiple Web3Signer servers. If one of the instances fails, another takes over. Plus Nimbus can support multiple Beacon Nodes, creating redundancy and resilience against downtime."
/>
</Grid.Item>
</Grid>
</Box>
</Box>
<Box top={{ xs: 144, lg: 216 }}>
<CallToActionSection
title="Used by"
columns={2}
description="Codex is still under development as part of the Logos Collective's tech stack. Logos builds shared public infrastructure to provide trust-minimized, corruption-resistant governing services and social institutions to underserved citizens."
title="Run the Nimbus Consensus client"
description={
<>
Follow the detailed
<br />
step-by-step guide here
</>
}
list={[
{
title: 'Simple setup',
description:
'Run integrated Nimbus Beacon Node and Validator Client together.',
},
{
title: 'Beacon setup',
description:
'Use Nimbus Beacon Node with an alternative validator client.',
},
{
title: 'Beacon setup',
description:
'Use Nimbus Validator Client with an alternative Beacon Node',
},
]}
label="Get Nimbus"
target="_blank"
href="https://nimbus.guide/quick-start.html"
/>
</Box>
<Box top={{ xs: 144, lg: 216 }}>
<CallToActionSection
columns={2}
title="User Endorsements"
description="Nimbus is trusted by Etherem validators diverse in both size and operating requirements. But don't just take our word for it."
href="https://nimbus.team"
label="Get Nimbus"
target="_blank"
/>
<Box top={{ xs: 100, lg: 100 }}>
<Grid
xs={{ cols: 2, wrap: true, gap: '1.5rem 1em' }}
lg={{ cols: 4, gap: '1rem' }}
>
<Grid.Item>
<ShowcaseCard
logoSrc="/showcase/status-mark-black.svg"
logoSrcDark="/showcase/status-mark-white.svg"
description="We're thankful that Nimbus is building infrastructure that extends Ethereum, and is additive to a crypto-first mobile OS like ethOS. We know first hand that Nimbus is incredibly easy to work with, and boasts great dev support from the team."
borderStyle="none"
/>
</Grid.Item>
<Grid.Item>
<ShowcaseCard
name="DSRV"
description="DSRV has been keen to improve client diversity, and we've been running Nimbus with close to 2000 validators over the last 16 months including Ethereum mainnet. We found Nimbus consensus client to be both reliable and easy to operate while requiring fewer resources, making it worth recommending to every validator not just solo stakers."
borderStyle="none"
/>
</Grid.Item>
<Grid.Item>
<ShowcaseCard
name="Protolamba"
description="Processing 60 billion attestation data points of the Ethereum Beacon Chain only took ~45 min. How? ( . . .) Thanks to the amazing work by Nimbus, this uses their era-format to read all beacon-chain data very quickly, in parallel slices, without much lookup cost."
borderStyle="none"
/>
</Grid.Item>
<Grid.Item>
<ShowcaseCard
name="Diva Staking"
description="Happy to collaborate with the great minds from Nimbus to push the boundaries of staking & DVT!"
borderStyle="none"
/>
</Grid.Item>
</Grid>
</Box>
</Box>
<Box top={{ xs: 144, lg: 216 }}>
<LogoCarousel title="Nimbus Users" items={[
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
},
{
logoSrc: "/showcase/status-mark-black.svg",
logoSrcDark: "/showcase/status-mark-white.svg",
}
]} />
</Box>
<Box top={{ xs: 144, lg: 100 }}>
<CallToActionSection
title="Team"
columns={1}
@@ -183,7 +343,6 @@ import * as challengesData from '/generated/challenges.json'
<Roadmap
title="Roadmap"
description="Nomos is currently in its first proof-of-concept iteration and aims to release its beta version, Katana, before the end of Q4 2023."
bottom={{ xs: '4rem', lg: '7.25rem' }}
timeline={[
{
period: [2013],
@@ -19,7 +19,7 @@
}
.mdx-logo-carousel__logo {
height: 86px;
height: 56px;
width: auto;
}
}