feat: implement events page
This commit is contained in:
jinhojang6
parent
9ea0cec0e0
commit
e892645e41
|
|
@ -0,0 +1,191 @@
|
|||
---
|
||||
title: ETHLATAM
|
||||
description: Uncompromising Web3 Communication at Scale
|
||||
hide_table_of_contents: true
|
||||
hide_title: true
|
||||
og:image_subtitle: Events
|
||||
---
|
||||
|
||||
import {
|
||||
Box,
|
||||
EventBanner,
|
||||
EventInfo,
|
||||
EventAbout,
|
||||
EventProfileList,
|
||||
EventCTA,
|
||||
InputCTASection,
|
||||
EventHeader,
|
||||
Grid,
|
||||
} from '@site/src/components/mdx'
|
||||
|
||||
<head>
|
||||
<body className="events full-width event-details" />
|
||||
</head>
|
||||
|
||||
<Box top={{ xs: 8 }}>
|
||||
<EventBanner src="/events/banner-placeholder.png" />
|
||||
<EventHeader
|
||||
title="Hack with Waku at ETHLATAM"
|
||||
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={"Mar 13 – Mar 14\n2024"}
|
||||
/>
|
||||
</Grid.Item>
|
||||
<Grid.Item xs={1}>
|
||||
<EventInfo
|
||||
label="Location"
|
||||
content={"San Pedro Sula,\nHonduras"}
|
||||
/>
|
||||
</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 an 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/guru.png',
|
||||
name: 'Gabriel Mermelstein',
|
||||
role: 'Protocol Engineer',
|
||||
email: 'gabriel@status.im',
|
||||
linkedin: 'https://www.linkedin.com/in/gabriel-mermelstein-3714b5146',
|
||||
},
|
||||
{
|
||||
image: '/events/guru.png',
|
||||
name: 'Arseniy Klempner',
|
||||
role: 'Protocol Engineer',
|
||||
email: 'arseniyk@status.im',
|
||||
linkedin: 'https://www.linkedin.com/in/arseniy-klempner-806533169/',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</Box>
|
||||
|
||||
<Box top={{ xs: 32 }}>
|
||||
<h3>Want to see how Waku works?</h3>
|
||||
<Box top={{ xs: 16 }}>
|
||||
<Grid xs={{ cols: 2, gap: '1rem' }} md={{ cols: 2 }}>
|
||||
<Grid.Item xs={1}>
|
||||
<EventInfo
|
||||
label="Workshop"
|
||||
content={
|
||||
<>
|
||||
Make sure to attend our workshop on
|
||||
<br/><br/>
|
||||
Topic : Uncompromising Web3 Communication At Scale With Waku
|
||||
<br/><br/>
|
||||
Date : 13th of March from 15:00 - 16:00.
|
||||
<br/><br/>
|
||||
Waku Dev Rel Kumaraguru will make a deep dive into our tech there with a presentation followed by a live coding session.
|
||||
<br/><br/>
|
||||
<a href="https://x.com/waku_org" target="_blank">Livestream will be available on X</a>
|
||||
</>
|
||||
}
|
||||
/>
|
||||
</Grid.Item>
|
||||
<Grid.Item xs={1}>
|
||||
<EventInfo
|
||||
label="Hackathon"
|
||||
content={
|
||||
<>
|
||||
Waku has $2,500 in bounties up for grabs during the ETHLatam hackathon :
|
||||
<br/><br/>
|
||||
Winner : $1000
|
||||
<br/>
|
||||
Runner : $500
|
||||
<br/>
|
||||
Quadratic prize pool : $1000
|
||||
<br/>
|
||||
<br/>
|
||||
Note : Projects that use Waku for implementing ‘Chat’ based solutions will not be considered for any of the Waku prizes.
|
||||
<br/><br/>
|
||||
<a href="https://taikai.network/ethlatam/hackathons/honduras" target="_blank">Join the hackathon</a>
|
||||
</>
|
||||
}
|
||||
/>
|
||||
</Grid.Item>
|
||||
</Grid>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
<Box top={{ xs: 120 }}>
|
||||
<Grid
|
||||
xs={{ cols: 1, gap: '1rem' }}
|
||||
md={{ cols: 2 }}
|
||||
className="bottom-cta-sections"
|
||||
>
|
||||
<Grid.Item xs={1}>
|
||||
<InputCTASection
|
||||
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}>
|
||||
<InputCTASection
|
||||
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>
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
---
|
||||
title: Events
|
||||
description: List of all Waku events
|
||||
hide_table_of_contents: true
|
||||
hude_title: true
|
||||
og:image_subtitle: Events
|
||||
---
|
||||
|
||||
import {
|
||||
EventCardList,
|
||||
InputCTASection,
|
||||
Grid,
|
||||
Box,
|
||||
} from '@site/src/components/mdx'
|
||||
|
||||
# Events
|
||||
|
||||
<head>
|
||||
<body className="events full-width event-details no-breadcrumbs" />
|
||||
</head>
|
||||
|
||||
<EventCardList
|
||||
upcoming={[
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at WSAS',
|
||||
date: 'May 7 - May 8\n2024',
|
||||
location: 'Online',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at ETHBratislava',
|
||||
date: 'May 10 – May 11\n2024',
|
||||
location: 'LKOVICOVA 2, Bratislava,\nSlovakia"',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at DLT 2024',
|
||||
date: 'May 14 – May 15\n2024',
|
||||
location: 'Turin,\nItaly"',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at Dappcon',
|
||||
date: 'May 21 - May 23\n2024',
|
||||
location: 'Radialsystem, Berlin,\nGermany',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at Web3PrivacyNow Berlin',
|
||||
date: 'May 22\n2024',
|
||||
location: 'Rungestraße 20, 10179 Berlin,\nGermany',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at ETHBerlin',
|
||||
date: 'May 24 – May 26\n2024',
|
||||
location: 'CIC Innovation Campus, Berlin,\nGermany',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at ETHPrague',
|
||||
date: 'May 31 – June 2\n2024',
|
||||
location: 'Prague,\nCzech Republic',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at Web3Privacy Now Prague',
|
||||
date: 'May 30\n2024',
|
||||
location: 'Prague,\nCzech Republic',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at ETHPrague',
|
||||
date: 'May 31 – June 2\n2024',
|
||||
location: 'Prague,\nCzech Republic',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at Web3Privacy Now Prague',
|
||||
date: 'May 30\n2024',
|
||||
location: 'Prague,\nCzech Republic',
|
||||
href: '/events/eth-latam',
|
||||
}
|
||||
]}
|
||||
past={[
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at ETHDam',
|
||||
date: 'Apr 12 - Apr 14\n2024',
|
||||
location: 'Amsterdam\nThe Netherlands',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Hack with Waku at ETHLATAM : First Waku sponsored hackathon of 2024',
|
||||
date: 'Mar 13 - Mar 14\n2024',
|
||||
location: 'San Pedro Sula\nHonduras',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
{
|
||||
thumbnail: '/events/banner.png',
|
||||
title: 'Waku at ETHTaipei',
|
||||
date: 'Mar 21 - Mar 22\n2024',
|
||||
location: 'Taipei city\nTaiwan',
|
||||
href: '/events/eth-latam',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
|
@ -33,7 +33,7 @@ const config = {
|
|||
},
|
||||
},
|
||||
docs: {
|
||||
id: 'Logos',
|
||||
id: 'root-pages',
|
||||
routeBasePath: '/',
|
||||
path: 'docs',
|
||||
sidebarPath: './sidebars.js',
|
||||
|
|
@ -75,6 +75,10 @@ const config = {
|
|||
href: 'https://lenster.xyz/u/logos-state',
|
||||
label: 'Lens',
|
||||
},
|
||||
{
|
||||
href: '/events',
|
||||
label: 'Events',
|
||||
},
|
||||
{
|
||||
href:
|
||||
'https://astral.ninja/npub1ljkmma77fqr79f8wp28hx68lwkymmqztrsyaepdadujz252fak2sxxw4sl',
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"@acid-info/docusaurus-fathom": "^1.0.0-alpha.111",
|
||||
"@acid-info/logos-docusaurus-preset": "^1.0.0-alpha.133",
|
||||
"@acid-info/logos-docusaurus-preset": "^1.0.0-alpha.172",
|
||||
"@docusaurus/core": "2.4.1",
|
||||
"@docusaurus/preset-classic": "2.4.1",
|
||||
"@docusaurus/theme-mermaid": "^2.4.1",
|
||||
|
|
|
|||
|
|
@ -9,3 +9,45 @@ html {
|
|||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.aside {
|
||||
grid-column: 1 / 4 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 997px) {
|
||||
.main-wrapper > div main > .container {
|
||||
padding-bottom: 180px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 997px) and (max-width: 1200px) {
|
||||
aside {
|
||||
grid-column: 1 / 4 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.mdx-grid {
|
||||
--grid-cols: 2 !important;
|
||||
}
|
||||
|
||||
.mdx-event-card {
|
||||
gap: 32px !important;
|
||||
}
|
||||
|
||||
.mdx-event-card__thumbnail {
|
||||
height: 114px !important;
|
||||
}
|
||||
|
||||
.mdx-event-card__title {
|
||||
font-size: var(--lsd-h2-fontSize) !important;
|
||||
line-height: var(--lsd-h2-lineHeight) !important;
|
||||
}
|
||||
|
||||
.mdx-event-card__info > span {
|
||||
font-size: var(--lsd-body2-fontSize) !important;
|
||||
line-height: var(--lsd-body2-lineHeight) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 820 KiB |
38
yarn.lock
38
yarn.lock
|
|
@ -36,14 +36,14 @@
|
|||
satori "^0.10.1"
|
||||
sharp "^0.32.1"
|
||||
|
||||
"@acid-info/logos-docusaurus-preset@^1.0.0-alpha.133":
|
||||
version "1.0.0-alpha.133"
|
||||
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-alpha.133.tgz#f1eaec307dd58dc2fc7f995c463ea91977f68bc9"
|
||||
integrity sha512-t6IXF1sNEO/oaqJf1RHDbygoJQjIEHqrGKhprmrDU4pZhLTeXbjl1/2adI95y4lMXN5zAAUu5xuwvXYuN+sUEA==
|
||||
"@acid-info/logos-docusaurus-preset@^1.0.0-alpha.172":
|
||||
version "1.0.0-alpha.172"
|
||||
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-preset/-/logos-docusaurus-preset-1.0.0-alpha.172.tgz#b0eee053ba915d4af7510374714fbd5936ef1de1"
|
||||
integrity sha512-s0613/G1Zak+GRH7+vQyhUjddR+nGY0zeA7vHxM4YjEnv/CRvqsKH8oMVcBygHFKzO5R0faYOJcvClKdgq/YIA==
|
||||
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.133"
|
||||
"@acid-info/logos-docusaurus-theme" "^1.0.0-alpha.172"
|
||||
"@docusaurus/core" "^2.4.1"
|
||||
"@docusaurus/module-type-aliases" "^2.4.1"
|
||||
"@docusaurus/preset-classic" "^2.4.1"
|
||||
|
|
@ -71,13 +71,13 @@
|
|||
"@easyops-cn/docusaurus-search-local" "^0.33.6"
|
||||
lodash "^4.17.21"
|
||||
|
||||
"@acid-info/logos-docusaurus-theme@^1.0.0-alpha.133":
|
||||
version "1.0.0-alpha.133"
|
||||
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-alpha.133.tgz#c59a56139c8672045262af46b8efeff3f639aa70"
|
||||
integrity sha512-9hP7Ev4xU9v/O5vz3rSBl0/rNAgjUlKy3g1AlY82NpoB1mO+Jcakj6ISocwtj9ZhKddtmggqgLszbN+Ml2rL5g==
|
||||
"@acid-info/logos-docusaurus-theme@^1.0.0-alpha.172":
|
||||
version "1.0.0-alpha.172"
|
||||
resolved "https://registry.yarnpkg.com/@acid-info/logos-docusaurus-theme/-/logos-docusaurus-theme-1.0.0-alpha.172.tgz#506409d104c03d947e472cbff1ace50d6817c17a"
|
||||
integrity sha512-nC4zicY+ET7pqtdzvyt+XCLsZpZrY02ksthRRTwezce0Zo7sUmNn49rb8QDwHF1CwCs56iSz+tZP3RA89FAxEA==
|
||||
dependencies:
|
||||
"@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/mdx-loader" "^2.4.1"
|
||||
"@docusaurus/module-type-aliases" "^2.4.1"
|
||||
|
|
@ -118,10 +118,10 @@
|
|||
three-stdlib "^2.23.4"
|
||||
utility-types "^3.10.0"
|
||||
|
||||
"@acid-info/lsd-react@^0.1.0-beta.1":
|
||||
version "0.1.0-beta.2"
|
||||
resolved "https://registry.yarnpkg.com/@acid-info/lsd-react/-/lsd-react-0.1.0-beta.2.tgz#373e94e16d2f7db29ffe5eeae07b8d49e9373409"
|
||||
integrity sha512-QHymPzqhhsDwa6QIms1MPlD0CR7+oduJKzd3sVGU2op20QtxzbgnMiqxEIdh3DK2zgtYxgfm5Bpfxqp6dK9MQA==
|
||||
"@acid-info/lsd-react@^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"
|
||||
integrity sha512-lD/x1BZyYdQCUmtMH3YpKSInEO73wRFRxUM6lzbz5UDDUnPfDpj/g4mQrXKL1keV3ujGJbMLaCC36cZT8VgNNw==
|
||||
dependencies:
|
||||
"@datepicker-react/hooks" "^2.8.4"
|
||||
"@emotion/react" "^11.10.5"
|
||||
|
|
@ -2463,7 +2463,7 @@
|
|||
"@docusaurus/theme-search-algolia" "2.4.1"
|
||||
"@docusaurus/types" "2.4.1"
|
||||
|
||||
"@docusaurus/react-loadable@5.5.2", "react-loadable@npm:@docusaurus/react-loadable@5.5.2":
|
||||
"@docusaurus/react-loadable@5.5.2":
|
||||
version "5.5.2"
|
||||
resolved "https://registry.yarnpkg.com/@docusaurus/react-loadable/-/react-loadable-5.5.2.tgz#81aae0db81ecafbdaee3651f12804580868fa6ce"
|
||||
integrity sha512-A3dYjdBGuy0IGT+wyLIGIKLRE+sAk1iNk0f1HjNDysO7u8lhL4N3VEm+FAubmJbAztn94F7MxBTPmnixbiyFdQ==
|
||||
|
|
@ -11553,6 +11553,14 @@ react-loadable-ssr-addon-v5-slorber@^1.0.1:
|
|||
dependencies:
|
||||
"@babel/runtime" "^7.10.3"
|
||||
|
||||
"react-loadable@npm:@docusaurus/react-loadable@5.5.2":
|
||||
version "5.5.2"
|
||||
resolved "https://registry.yarnpkg.com/@docusaurus/react-loadable/-/react-loadable-5.5.2.tgz#81aae0db81ecafbdaee3651f12804580868fa6ce"
|
||||
integrity sha512-A3dYjdBGuy0IGT+wyLIGIKLRE+sAk1iNk0f1HjNDysO7u8lhL4N3VEm+FAubmJbAztn94F7MxBTPmnixbiyFdQ==
|
||||
dependencies:
|
||||
"@types/react" "*"
|
||||
prop-types "^15.6.2"
|
||||
|
||||
react-merge-refs@^1.1.0:
|
||||
version "1.1.0"
|
||||
resolved "https://registry.yarnpkg.com/react-merge-refs/-/react-merge-refs-1.1.0.tgz#73d88b892c6c68cbb7a66e0800faa374f4c38b06"
|
||||
|
|
|
|||
Loading…
Reference in New Issue