feat: add eth denver event draft page

This commit is contained in:
jinhojang6 2024-01-31 01:17:58 +09:00
parent d7d6c420d8
commit 611fa72fea
10 changed files with 273 additions and 16 deletions

View File

@ -137,6 +137,10 @@ const config = {
href: 'https://blog.waku.org/',
label: 'Blog',
},
{
href: '/events',
label: 'Events',
},
{
href: 'https://jobs.status.im/',
label: 'Work with us',

View File

@ -16,7 +16,7 @@
},
"dependencies": {
"@acid-info/docusaurus-fathom": "^1.0.0-alpha.61",
"@acid-info/logos-docusaurus-preset": "^1.0.0-alpha.132",
"@acid-info/logos-docusaurus-preset": "^1.0.0-topic-events.1",
"@docusaurus/theme-mermaid": "^2.4.1",
"@emotion/react": "^11.11.0",
"@emotion/styled": "^11.11.0",

View File

@ -0,0 +1,143 @@
---
title: Meet Waku
description: Uncompromising Web3 Communication at Scale
hide_table_of_contents: true
hide_title: true
---
import {
Box,
EventBanner,
EventInfo,
EventAbout,
EventProfileList,
EventCTA,
EventCTASection,
EventHeader,
Grid,
} from '@site/src/components/mdx'
<head>
<body className="events" />
</head>
<Box top={{ xs: 8 }}>
<EventBanner src="/events/eth-denver.png" />
<EventHeader
title="Meet Waku: Uncompromising Web3 Communication at Scale"
description="We are a family of robust, censorship-resistant communication protocols designed to enable privacy-focused messaging for web3 apps."
/>
<Box top={{ xs: 32 }}>
<Grid xs={{ cols: 2, gap: '1rem' }} md={{ cols: 2 }}>
<Grid.Item xs={1}>
<EventInfo
label="Date"
content={"Feb 23 Mar 3\n2024"}
/>
</Grid.Item>
<Grid.Item xs={1}>
<EventInfo
label="Location"
content={"Denver, Colorado\nUSA"}
/>
</Grid.Item>
</Grid>
</Box>
</Box>
<Box top={{ xs: 120 }}>
<EventAbout>
Waku is a suite of generalised messaging protocols aiming to be the communication standard for the decentralised web. It enables private and secure human-to-human, machine-to-machine, and human-to-machine communication without reliance on centralised intermediaries. Messaging through Waku is possible from one-to-one to many-to-many.
<br />
Waku serves as the communications layer of the Logos tech stack. Alongside the trustless agreement layer, Nomos, and the storage layer, Codex, it is one of the Logos Collective's foundational projects.
<br />
Motive:
Today's internet is increasingly controlled by a small number of tech giants. Google, Amazon, Meta, and a few others dictate what we see and with whom we can communicate. Their influence is almost limitless, and their actions shape global public opinion and even geopolitics.
<br />
To anyone that understands the internet's present architecture, this outcome should be expected. The centralised entities through which we communicate have privileged access to reams of data that we, as internet users, produce daily, presenting an opportunity for the kind of surveillance that was once confined to the pages of science-fiction literature. Thinking that the most powerful commercial and political institutions would not leverage this would be naive.
<br />
Yet, it doesn't have to be this way. Advances in cryptography, peer-to-peer networking, and decentralised technologies provide an alternate path forward.
</EventAbout>
</Box>
<Box top={{ xs: 120 }}>
<EventProfileList
title="Our Delegation"
description="Reach out for the appointment."
data={[
{
image: '/events/guru.png',
name: 'Kumaraguru T',
role: 'Developer relations engineer',
email: 'guru@status.im',
linkedin: 'https://linkedin.com/in/kumaraguru7',
},
{
image: '/events/aaron.png',
name: 'Aaron Bendersky',
role: 'Program Manager',
email: 'aaron@status.im',
linkedin: 'https://www.linkedin.com/in/aaronbendersky/',
},
{
image: '/events/pedro.png',
name: 'Pedro Lains',
role: 'Business Development Lead',
email: 'pedrolains@status.im',
linkedin: 'https://www.linkedin.com/in/pedro-la%C3%ADns-14526183/',
},
]}
/>
</Box>
<Box top={{ xs: 120 }}>
<Grid
xs={{ cols: 1, gap: '1rem' }}
md={{ cols: 2 }}
className="events-cta-sections"
>
<Grid.Item xs={1}>
<EventCTASection
title="Logos Network State"
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}>
<EventCTASection
title="Newsletter"
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,
},
]}
/>
</Grid.Item>
</Grid>
</Box>

View File

@ -0,0 +1,75 @@
---
title: Events
description: List of all Waku events
hide_table_of_contents: true
hude_title: true
---
import {
EventCardList,
EventCTASection,
Grid,
Box,
} from '@site/src/components/mdx'
# Events
List of all Waku events
<head>
<body className="events" />
</head>
<EventCardList
data={[
{
thumbnail: '/events/eth-denver.png',
title: 'Meet Waku: Uncompromising Web3 Communication at Scale',
date: 'Feb 23 - Mar 3\n2024',
location: 'Denver, Colorado\nUSA',
href: '/events/eth-denver',
},
]}
/>
<Box top={{ xs: 152 }}>
<Grid
xs={{ cols: 1, gap: '1rem' }}
md={{ cols: 2 }}
className="events-cta-sections"
>
<Grid.Item xs={1}>
<EventCTASection
title="Logos Network State"
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}>
<EventCTASection
title="Newsletter"
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,
},
]}
/>
</Grid.Item>
</Grid>
</Box>

View File

@ -11,7 +11,7 @@ html {
display: none;
}
.community-container article {
.community-container article {
max-width: 796px;
margin: 16px auto 0 auto;
}
@ -19,4 +19,39 @@ html {
div:has(.community-container) > .container {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
// Temporary CSS for events
.mdx-event-card__info {
& > span:first-of-type {
opacity: 0.6;
}
}
.mdx-event-info__label {
opacity: 0.6;
}
.mdx-event-info__content {
white-space: pre-wrap;
}
.breadcrumbs__link,
.breadcrumbs__item {
text-decoration: none;
}
.breadcrumbs__item--active {
border: none !important;
& > span {
padding: unset !important;
}
}
.mdx-event-cta-section__form {
.lsd-typography--body2 {
margin-left: 16px;
}
}

BIN
static/events/aaron.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 774 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 626 KiB

BIN
static/events/guru.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 820 KiB

BIN
static/events/pedro.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 255 KiB

View File

@ -19,7 +19,7 @@
satori "^0.10.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"
resolved "https://registry.yarnpkg.com/@acid-info/docusaurus-og/-/docusaurus-og-1.0.0-alpha.131.tgz#316a736455c3c0e542b32ad63f1b34714588b67b"
integrity sha512-a0EbvwffHdShC8+bDzLA3VqPW71n2NPy01t0c2Tm8lMu1Xo/JOUEAr23qcuRETfOPbiHWY2DJC/3AGWOffc59g==
@ -36,14 +36,14 @@
satori "^0.10.1"
sharp "^0.32.1"
"@acid-info/logos-docusaurus-preset@^1.0.0-alpha.132":
version "1.0.0-alpha.132"
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-alpha.132.tgz#012b54649ca9df4384679c628ddee9b7e06f14e7"
integrity sha512-WpCvzl8vfmuiEpqcbf4+nUp8CKdw/MjkznBPHn3p2bAQnMDHAygYThhu+BBeOUxweeUWQILG1BF8Ozc0dPD5fw==
"@acid-info/logos-docusaurus-preset@^1.0.0-topic-events.1":
version "1.0.0-topic-events.1"
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-topic-events.1.tgz#43e53fd87fa8a2c0809df04baea1df9fdd90e8f4"
integrity sha512-iO2Wn32adpJ5ZAtNbrAhXrsN4NfnnpRijw0z6OoJ1LgXDtgUYOiiYu8EjRqByv3MKTXK9TZo+pY8dZopMpNs2w==
dependencies:
"@acid-info/docusaurus-og" "^1.0.0-alpha.131"
"@acid-info/logos-docusaurus-search-local" "^1.0.0-alpha.111"
"@acid-info/logos-docusaurus-theme" "^1.0.0-alpha.132"
"@acid-info/docusaurus-og" "1.0.0-alpha.131"
"@acid-info/logos-docusaurus-search-local" "1.0.0-alpha.111"
"@acid-info/logos-docusaurus-theme" "1.0.0-topic-events.1+dece47d"
"@docusaurus/core" "^2.4.1"
"@docusaurus/module-type-aliases" "^2.4.1"
"@docusaurus/preset-classic" "^2.4.1"
@ -57,7 +57,7 @@
lodash "^4.17.21"
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"
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==
@ -71,12 +71,12 @@
"@easyops-cn/docusaurus-search-local" "^0.33.6"
lodash "^4.17.21"
"@acid-info/logos-docusaurus-theme@^1.0.0-alpha.132":
version "1.0.0-alpha.132"
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-alpha.132.tgz#ea615e4fca3fa01e8e5566681566dd1959b1ede5"
integrity sha512-fsrMZkK15O483QTf7VR7gXK13C+Zx+aAk0+Ww2EqRbKE2ulXbX0xeU+3Ub5TeunWtwQbjPxY9B5BpSBxmnNZvg==
"@acid-info/logos-docusaurus-theme@1.0.0-topic-events.1+dece47d":
version "1.0.0-topic-events.1"
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-topic-events.1.tgz#4227968c5ef438205a146cdf35a4ce0dfe9c5aef"
integrity sha512-iEI9a0OCKTQRWw6ZBUVFA25kdxLaIFxQ04YSY11PKbrgz+c25YNDgz+na7VJtPJHi3bdmG0ZlIxBs/+xA6YqKw==
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"
"@docusaurus/core" "^2.4.1"
"@docusaurus/mdx-loader" "^2.4.1"