feat: upgrade preset version

This commit is contained in:
jinhojang6 2024-03-22 03:11:20 +09:00
parent 15f49c48af
commit 33fb8157cf
4 changed files with 175 additions and 120 deletions

View File

@ -16,7 +16,7 @@
}, },
"dependencies": { "dependencies": {
"@acid-info/docusaurus-fathom": "^1.0.0-alpha.111", "@acid-info/docusaurus-fathom": "^1.0.0-alpha.111",
"@acid-info/logos-docusaurus-preset": "^1.0.0-alpha.142", "@acid-info/logos-docusaurus-preset": "^1.0.0-topic-new-layout.23",
"@docusaurus/theme-mermaid": "^2.4.1", "@docusaurus/theme-mermaid": "^2.4.1",
"@emotion/react": "^11.11.0", "@emotion/react": "^11.11.0",
"@emotion/styled": "^11.11.0", "@emotion/styled": "^11.11.0",

View File

@ -55,3 +55,14 @@ div:has(.community-container) > .container {
margin-left: 16px; margin-left: 16px;
} }
} }
.mdx-section-header__extra {
display: flex;
align-items: center;
}
.build-on-waku-button {
display: flex;
align-items: center;
text-decoration: none !important;
}

View File

@ -7,76 +7,93 @@ import {
Hero, Hero,
HeroTitle, HeroTitle,
HeroDescription, HeroDescription,
HeroVideo,
HeroActions, HeroActions,
HeroAction, HeroAction,
CallToActionSection, CallToActionSection,
CallToActionButton, CallToActionButton,
FeatureList, FeatureList,
HeroInfo, HeroInfo,
HeroImage,
Box, Box,
Grid, Grid,
Roadmap, Roadmap,
ShowcaseCard, ShowcaseCard,
SectionHeader, SectionHeader,
NewsletterSubscription, InputCTASection,
} from '../components/mdx' } from '../components/mdx'
<Hero size="large"> import { Button } from '@acid-info/lsd-react'
<HeroInfo> import Link from '@docusaurus/Link'
<HeroTitle>
{`Waku is Uncompromising Web3 Communication at Scale`} <Hero size="large" verticalAlign="center">
<HeroInfo hideScrollToBottom>
<HeroTitle uppercase={false}>
Waku is Uncompromising Web3 Communication at Scale
</HeroTitle> </HeroTitle>
<HeroDescription> <HeroDescription>
{`A family of robust, censorship-resistant communication protocols designed to enable privacy-focused messaging for web3 apps.`} A family of robust, censorship-resistant communication protocols designed to enable privacy-focused messaging for web3 apps.
</HeroDescription> </HeroDescription>
<HeroActions> <HeroActions>
<HeroAction href="https://docs.waku.org/" target="_blank"> <HeroAction href="https://docs.waku.org/" target="_blank">
{`Learn more`} Learn more
</HeroAction> </HeroAction>
</HeroActions> </HeroActions>
</HeroInfo> </HeroInfo>
<HeroVideo <HeroImage>
placeholderSrc="/hero/prome01-1080x1080-placeholder.png" </HeroImage>
desktop={{ scale: '1.43', height: '160%', offsetY: "-220px" }}
mobile={{ scale: '1.43', offsetY: "-70px", height: '200%' }}
>
<source src="/hero/prome01-2048x2048-24fps-1M.mov" type='video/mp4; codecs="hvc1"' />
<source src="/hero/prome01-2048x2048-24fps-1M.webm" type="video/webm" />
</HeroVideo>
</Hero> </Hero>
<FeatureList <Box>
id="Waku attributes" <SectionHeader noBorder title="Features">
alignment="top" </SectionHeader>
features={[ <Box top={{ xs: 64 }}>
{ <Grid
title: 'Private', xs={{ cols: 2, wrap: true, gap: '1.5rem 1em' }}
description: lg={{ cols: 4, gap: '1rem' }}
'Waku uses cutting-edge zero-knowledge technology to protect applications from Denial of Service attacks. Tailor your application\'s privacy settings to suit your needs.', >
}, <Grid.Item>
{ <ShowcaseCard
title: 'Censorship resistant', index={1}
description: name="Private"
"Decentralised human-to-human, machine-to-human, and machine-to-machine communication, with no single point of failure. Waku\'s native incentivization mechanism stimulates an expanding node distribution, promoting an increasingly secure network.", description="Waku uses cutting-edge zero-knowledge technology to protect applications from Denial of Service attacks. Tailor your application's privacy settings to suit your needs."
}, borderStyle="none"
{
title: 'Modular',
description:
'Waku protocols are adaptive and platform agnostic, and can be customised based on an application\'s unique demands. Waku is built to flourish even in resource-restricted environments like browsers and mobile devices.',
},
{
title: 'Scalable',
description:
"Waku employs message sharding for efficient throughput, while its discovery protocol ensures a user connects to nodes serving messages they are interested in.",
},
]}
/> />
</Grid.Item>
<Grid.Item>
<ShowcaseCard
index={2}
name="Censorship resistant"
description="Decentralised human-to-human, machine-to-human, and machine-to-machine communication, with no single point of failure. Waku's native incentivization mechanism stimulates an expanding node distribution, promoting an increasingly secure network."
borderStyle="none"
/>
</Grid.Item>
<Grid.Item>
<ShowcaseCard
index={3}
name="Modular"
description="Waku protocols are adaptive and platform agnostic, and can be customised based on an application's unique demands. Waku is built to flourish even in resource-restricted environments like browsers and mobile devices."
borderStyle="none"
/>
</Grid.Item>
<Grid.Item>
<ShowcaseCard
index={4}
name="Scalable"
description='Waku employs message sharding for efficient throughput, while its discovery protocol ensures a user connects to nodes serving messages they are interested in.'
borderStyle="none"
/>
</Grid.Item>
</Grid>
</Box>
</Box>
<Box top={{ xs: 144, lg: 216 }}>
<Box top={{ xs: 144, lg: 190 }}>
<CallToActionSection <CallToActionSection
title="Logos Collective" title="Logos Collective"
columns={1} columns={1}
border={false}
align="center"
description={<> description={<>
Waku is powering the communication layer of the Logos technology stack. Logos is a grassroots movement, building the infrastructure for trust-minimised, corruption-resistant governing services and social institutions for peaceful people worldwide.<br/><br/> Waku is powering the communication layer of the Logos technology stack. Logos is a grassroots movement, building the infrastructure for trust-minimised, corruption-resistant governing services and social institutions for peaceful people worldwide.<br/><br/>
Learn more about our ambitious vision. Learn more about our ambitious vision.
@ -87,13 +104,16 @@ import {
/> />
</Box> </Box>
<Box top={{ xs: 144, lg: 216 }}> <Box top={{ xs: 144, lg: 190 }}>
<CallToActionSection <SectionHeader noBorder title="User Endorsements">
title="User Endorsements" <Link className="build-on-waku-button" href="/about">
/> <Button size="small">Build on Waku</Button>
</Box> </Link>
</SectionHeader>
<Box top={{ xs: 64, lg: 100 }}> <Box
top={{ xs: 64 }}
bottom={{ xs: 64 }}
>
<Grid <Grid
id="showcase" id="showcase"
xs={{ cols: 2, wrap: true, gap: '1.5rem 1em' }} xs={{ cols: 2, wrap: true, gap: '1.5rem 1em' }}
@ -127,15 +147,19 @@ import {
</> </>
</Grid.Item> </Grid.Item>
</Grid> </Grid>
</Box>
<Box top={32}> <Box top={32}>
<CallToActionButton href="https://docs.waku.org/" variant="outlined">Build on Waku</CallToActionButton> <CallToActionButton href="https://docs.waku.org/" variant="outlined">Build on Waku</CallToActionButton>
</Box> </Box>
</Box> </Box>
<Box top={{ xs: 144, lg: 216 }}> <Box top={{ xs: 144, lg: 190 }}>
<Roadmap <Roadmap
noBorder
title="Roadmap" title="Roadmap"
description="Waku aims to support tens of millions of simultaneous users, truly serving as the communications standard across web3" description="Waku aims to support tens of millions of simultaneous users, truly serving as the communications standard across web3"
href="/about/roadmap"
linkLabel="Learn more"
timeline={[ timeline={[
{ {
period: [2013], period: [2013],
@ -179,26 +203,46 @@ import {
} }
]} ]}
> >
<CallToActionButton style={{ marginTop: 0 }} size="large" variant="outlined" href="/about">
Read more
</CallToActionButton>
</Roadmap> </Roadmap>
</Box> </Box>
<Box top={{ xs: 144, lg: 336 }}> <Box top={{ xs: 152, lg: 300 }}>
<NewsletterSubscription /> <Grid
xs={{ cols: 1, gap: '1rem' }}
md={{ cols: 2 }}
>
<Grid.Item xs={1}>
<InputCTASection
description={
'Want to get involved with Waku?\nJoin the Discord community.'
}
link="https://discord.waku.org/"
label="Get Involved"
/>
</Grid.Item>
<Grid.Item xs={1}>
<InputCTASection
description={'Subscribe\nto our newsletter'}
label="Subscribe"
formInput={[
{
label: 'Name',
placeholder: 'Name',
type: 'text',
name: 'name',
required: true,
},
{
label: 'Email',
placeholder: 'Enter your email',
type: 'email',
name: 'email',
required: true,
},
]}
formListId={5}
/>
</Grid.Item>
</Grid>
</Box> </Box>
<Box top={{ xs: 144, lg: 96 }}>
<CallToActionSection
title={
<>
Want to learn more about Waku? <br/>
Join the Discord community.
</>
}
label="Join us on Discord"
target="_blank"
href="https://discord.waku.org/"
/>
</Box>

View File

@ -19,7 +19,7 @@
satori "^0.10.1" satori "^0.10.1"
sharp "^0.32.1" sharp "^0.32.1"
"@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==
@ -36,14 +36,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.142": "@acid-info/logos-docusaurus-preset@^1.0.0-topic-new-layout.23":
version "1.0.0-alpha.142" version "1.0.0-topic-new-layout.23"
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-alpha.142.tgz#a2558021531be6db58188e39a0ff0008844d3d38" resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-topic-new-layout.23.tgz#a49863535dd7aa6999774fdf532935d8f51086ac"
integrity sha512-9fTYZCaYNSU9gLdG+h2fgfGYS+mRgTWJDa+cc8/YVa8yJ+lQCzHM4VgQknoGPQ+7m01uWgdKNQ3CI0A6/cSNvQ== integrity sha512-WyE/Jw76XwQNtQP8hnB4pAkoL5yh7yGtAIUE2IBc8K3+qIODPWrHIGTlwZAa1FB3vckOGRuDPifh6ZH6sDt5iA==
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.142" "@acid-info/logos-docusaurus-theme" "1.0.0-topic-new-layout.23+0fa1e48"
"@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"
@ -57,7 +57,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==
@ -71,13 +71,13 @@
"@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.142": "@acid-info/logos-docusaurus-theme@1.0.0-topic-new-layout.23+0fa1e48":
version "1.0.0-alpha.142" version "1.0.0-topic-new-layout.23"
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-alpha.142.tgz#a667e647b08cbb33b2d06fa5f03d69defb10fa20" resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-topic-new-layout.23.tgz#42352546f2ebda6b1264360f66f491b54e165a36"
integrity sha512-t/xTSzQDWRnaaaUNoOp63MgLX7voHmwR1CgvXScMUgtqDYux6coHQ6zkaoMfUG7f3Usk3cEys3MqVdC3ODuiRg== integrity sha512-lJ4AJs6L202yyzqfUISok0YronpMSkoGf1C6IaLuEivmdzrzBddIDvIz3pQLYEQNQUum5tNJc7jfMI5lIa+byA==
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.3"
"@docusaurus/core" "^2.4.1" "@docusaurus/core" "^2.4.1"
"@docusaurus/mdx-loader" "^2.4.1" "@docusaurus/mdx-loader" "^2.4.1"
"@docusaurus/module-type-aliases" "^2.4.1" "@docusaurus/module-type-aliases" "^2.4.1"
@ -118,7 +118,7 @@
three-stdlib "^2.23.4" three-stdlib "^2.23.4"
utility-types "^3.10.0" utility-types "^3.10.0"
"@acid-info/lsd-react@^0.1.0-beta.1": "@acid-info/lsd-react@^0.1.0-beta.3":
version "0.1.0-beta.3" version "0.1.0-beta.3"
resolved "https://registry.yarnpkg.com/@acid-info/lsd-react/-/lsd-react-0.1.0-beta.3.tgz#2f211b647d68d6fce163afb60989494f555354be" resolved "https://registry.yarnpkg.com/@acid-info/lsd-react/-/lsd-react-0.1.0-beta.3.tgz#2f211b647d68d6fce163afb60989494f555354be"
integrity sha512-lD/x1BZyYdQCUmtMH3YpKSInEO73wRFRxUM6lzbz5UDDUnPfDpj/g4mQrXKL1keV3ujGJbMLaCC36cZT8VgNNw== integrity sha512-lD/x1BZyYdQCUmtMH3YpKSInEO73wRFRxUM6lzbz5UDDUnPfDpj/g4mQrXKL1keV3ujGJbMLaCC36cZT8VgNNw==