feat: implement custom style for nimbus

This commit is contained in:
jinhojang6 2024-02-08 00:14:42 +09:00 committed by Jinho Jang
parent 0755c0d69f
commit 96e47baeea
4 changed files with 80 additions and 52 deletions

View File

@ -15,7 +15,7 @@
"typecheck": "tsc" "typecheck": "tsc"
}, },
"dependencies": { "dependencies": {
"@acid-info/logos-docusaurus-preset": "^1.0.0-alpha.138", "@acid-info/logos-docusaurus-preset": "^1.0.0-topic-cta.1",
"@docusaurus/core": "2.4.1", "@docusaurus/core": "2.4.1",
"@docusaurus/preset-classic": "2.4.1", "@docusaurus/preset-classic": "2.4.1",
"@docusaurus/theme-mermaid": "^2.4.1", "@docusaurus/theme-mermaid": "^2.4.1",

View File

@ -14,3 +14,13 @@ html {
@include lsd.typography('h1', false); @include lsd.typography('h1', false);
} }
} }
.mdx-roadmap {
.mdx-roadmap__header {
border-top: none !important;
}
.mdx-roadmap__timeline {
margin-top: 32px !important;
}
}

View File

@ -39,7 +39,7 @@ import {
id="clients" id="clients"
alignment="top" alignment="top"
ctaPosition="top" ctaPosition="top"
title="Nimbus Clients" title="Features"
features={[ features={[
{ {
title: 'Consensus Client', title: 'Consensus Client',
@ -121,6 +121,7 @@ import {
Follow the detailed<br/>step-by-step guide here Follow the detailed<br/>step-by-step guide here
</> </>
} }
border={false}
list={[ list={[
{ {
title: "Simple setup", title: "Simple setup",
@ -231,6 +232,7 @@ import {
<Box top={{ xs: 144, lg: 216 }}> <Box top={{ xs: 144, lg: 216 }}>
<CallToActionSection <CallToActionSection
title="Community Suppport" title="Community Suppport"
border={false}
columns={2} columns={2}
description="Nimbus is trusted by Ethereum validators diverse in both size and operating requirements. But don't just take our word for it." description="Nimbus is trusted by Ethereum validators diverse in both size and operating requirements. But don't just take our word for it."
label="Try Nimbus for yourself" label="Try Nimbus for yourself"
@ -239,47 +241,60 @@ import {
/> />
</Box> </Box>
<Box top={{ xs: 64, lg: 100 }}> <Box top={{ xs: 144, lg: 216 }}>
<Grid <CallToActionSection
xs={{ cols: 2, wrap: true, gap: '1.5rem 1em' }} columns={1}
lg={{ cols: 4, gap: '1rem' }} title="User Endorsements"
> border={false}
<Grid.Item> align="center"
<ShowcaseCard description="Nimbus is trusted by Etherem validators diverse in both size and operating requirements. But don't just take our word for it."
name="ethOS" href="https://nimbus.team"
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." label="Get Nimbus"
borderStyle="none" target="_blank"
/> />
</Grid.Item> <Box top={{ xs: 100, lg: 100 }}>
<Grid.Item> <Grid
<ShowcaseCard xs={{ cols: 2, wrap: true, gap: '1.5rem 1em' }}
name="DSRV" lg={{ cols: 4, gap: '1rem' }}
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>
/> <ShowcaseCard
</Grid.Item> name="ethOS"
<Grid.Item> 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."
<ShowcaseCard borderStyle="none"
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." </Grid.Item>
borderStyle="none" <Grid.Item>
/> <ShowcaseCard
</Grid.Item> name="DSRV"
<Grid.Item> 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."
<ShowcaseCard borderStyle="none"
name="Diva Staking" />
description="Happy to collaborate with the great minds from Nimbus to push the boundaries of staking & DVT!" </Grid.Item>
borderStyle="none" <Grid.Item>
/> <ShowcaseCard
</Grid.Item> name="Protolamba"
</Grid> 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."
</Box> 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 }}> <Box top={{ xs: 144, lg: 216 }}>
<CallToActionSection <CallToActionSection
columns={1} columns={1}
title="Free and open source" title="Free and open source"
description="Nimbus is being developed as a common good with liberal licensing to enable the broadest deployment of Ethereum possible." description="Nimbus is being developed as a common good with liberal licensing to enable the broadest deployment of Ethereum possible."
border={false}
label='Donate' label='Donate'
href="https://etherscan.io/address/0xDeb4A0e8d9a8dB30a9f53AF2dCc9Eb27060c6557" href="https://etherscan.io/address/0xDeb4A0e8d9a8dB30a9f53AF2dCc9Eb27060c6557"
/> />
@ -287,7 +302,7 @@ import {
<Box top={{ xs: 144, lg: 216 }}> <Box top={{ xs: 144, lg: 216 }}>
<Roadmap <Roadmap
title="Timeline" title="Roadmap"
alignment="top" alignment="top"
timeline={[ timeline={[
{ {
@ -331,6 +346,7 @@ import {
Join the Discord community. Join the Discord community.
</span> </span>
} }
border={false}
label="Discord" label="Discord"
target="_blank" target="_blank"
href="https://discord.com/invite/EP8DZnXu9y" href="https://discord.com/invite/EP8DZnXu9y"
@ -453,6 +469,8 @@ import {
<CallToActionSection <CallToActionSection
title="Logos Network State" title="Logos Network State"
columns={1} columns={1}
align="center"
border={false}
description={ description={
<> <>
Nimbus is part of the Logos Network State Ecosystem. Logos is a grassroots movement to provide trust-minimised, corruption-resistant governing services and social institutions to peaceful people worldwide. Nimbus is part of the Logos Network State Ecosystem. Logos is a grassroots movement to provide trust-minimised, corruption-resistant governing services and social institutions to peaceful people worldwide.

View File

@ -2,7 +2,7 @@
# yarn lockfile v1 # yarn lockfile v1
"@acid-info/docusaurus-og@^1.0.0-alpha.131": "@acid-info/docusaurus-og@1.0.0-alpha.131":
version "1.0.0-alpha.131" version "1.0.0-alpha.131"
resolved "https://registry.yarnpkg.com/@acid-info/docusaurus-og/-/docusaurus-og-1.0.0-alpha.131.tgz#316a736455c3c0e542b32ad63f1b34714588b67b" resolved "https://registry.yarnpkg.com/@acid-info/docusaurus-og/-/docusaurus-og-1.0.0-alpha.131.tgz#316a736455c3c0e542b32ad63f1b34714588b67b"
integrity sha512-a0EbvwffHdShC8+bDzLA3VqPW71n2NPy01t0c2Tm8lMu1Xo/JOUEAr23qcuRETfOPbiHWY2DJC/3AGWOffc59g== integrity sha512-a0EbvwffHdShC8+bDzLA3VqPW71n2NPy01t0c2Tm8lMu1Xo/JOUEAr23qcuRETfOPbiHWY2DJC/3AGWOffc59g==
@ -19,14 +19,14 @@
satori "^0.10.1" satori "^0.10.1"
sharp "^0.32.1" sharp "^0.32.1"
"@acid-info/logos-docusaurus-preset@^1.0.0-alpha.138": "@acid-info/logos-docusaurus-preset@^1.0.0-topic-cta.1":
version "1.0.0-alpha.138" version "1.0.0-topic-cta.1"
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-alpha.138.tgz#70b28eddc56b387a534f020889892f2197161feb" resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-topic-cta.1.tgz#f140ec42327407825eab03d72d765a8661c6da4c"
integrity sha512-ciV9NTDkzx+HAj/xRWO8s11c+bjIW55ziNsang558zMXvRFkTgJ3ird4kzfY9c3fPAuTn7v6uPuxO1OqaCBS4g== integrity sha512-hW91QVyp+mjSf/J03TB/oEVZxjrC53gGFrPFgXqFJB1CtNxdYTvpOt6tPjRNFp09n8R41+CcRVLArLHon8MI+A==
dependencies: dependencies:
"@acid-info/docusaurus-og" "^1.0.0-alpha.131" "@acid-info/docusaurus-og" "1.0.0-alpha.131"
"@acid-info/logos-docusaurus-search-local" "^1.0.0-alpha.111" "@acid-info/logos-docusaurus-search-local" "1.0.0-alpha.111"
"@acid-info/logos-docusaurus-theme" "^1.0.0-alpha.138" "@acid-info/logos-docusaurus-theme" "1.0.0-topic-cta.1+fc595fb"
"@docusaurus/core" "^2.4.1" "@docusaurus/core" "^2.4.1"
"@docusaurus/module-type-aliases" "^2.4.1" "@docusaurus/module-type-aliases" "^2.4.1"
"@docusaurus/preset-classic" "^2.4.1" "@docusaurus/preset-classic" "^2.4.1"
@ -40,7 +40,7 @@
lodash "^4.17.21" lodash "^4.17.21"
node-fetch "2" node-fetch "2"
"@acid-info/logos-docusaurus-search-local@^1.0.0-alpha.111": "@acid-info/logos-docusaurus-search-local@1.0.0-alpha.111":
version "1.0.0-alpha.111" version "1.0.0-alpha.111"
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-search-local/-/logos-docusaurus-search-local-1.0.0-alpha.111.tgz#f4a19ad1fdee4da58b7793dde5294304475cff70" resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-search-local/-/logos-docusaurus-search-local-1.0.0-alpha.111.tgz#f4a19ad1fdee4da58b7793dde5294304475cff70"
integrity sha512-W8ILeA095JgaBcze/zsh7GX5yH+oee7QG7kFqfiO7F5apai/0tGfLm1tq7oiJT+jR7guW1jxwuACIFxP7Jm8pw== integrity sha512-W8ILeA095JgaBcze/zsh7GX5yH+oee7QG7kFqfiO7F5apai/0tGfLm1tq7oiJT+jR7guW1jxwuACIFxP7Jm8pw==
@ -54,12 +54,12 @@
"@easyops-cn/docusaurus-search-local" "^0.33.6" "@easyops-cn/docusaurus-search-local" "^0.33.6"
lodash "^4.17.21" lodash "^4.17.21"
"@acid-info/logos-docusaurus-theme@^1.0.0-alpha.138": "@acid-info/logos-docusaurus-theme@1.0.0-topic-cta.1+fc595fb":
version "1.0.0-alpha.138" version "1.0.0-topic-cta.1"
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-alpha.138.tgz#66790b2c31d8fbd634aab9f8bcfd97143f1ce278" resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-topic-cta.1.tgz#75e03ccccc7548cc7a850eee6293531406ef2cc2"
integrity sha512-VGkmy6SZkHMWkrEghrw5ZDEvYOtWvlbWU4NLQCV23jw6jC2/gTsiBCY6TCOMPNh6FIpoDPOepCqZ8NLuhaBg6A== integrity sha512-ifE4egHZtZV/TFYxGpN1Fj1l40w9kATEcEz9foqP8OWMzcZre4raTZQ3HMaXQf+/XxBVIzhazn9xaXnhCfQwKQ==
dependencies: dependencies:
"@acid-info/docusaurus-og" "^1.0.0-alpha.131" "@acid-info/docusaurus-og" "1.0.0-alpha.131"
"@acid-info/lsd-react" "^0.1.0-beta.1" "@acid-info/lsd-react" "^0.1.0-beta.1"
"@docusaurus/core" "^2.4.1" "@docusaurus/core" "^2.4.1"
"@docusaurus/mdx-loader" "^2.4.1" "@docusaurus/mdx-loader" "^2.4.1"