From f06b84a4f239c7c8452601d052f571cbf9e2c479 Mon Sep 17 00:00:00 2001 From: LordGhostX Date: Sat, 20 May 2023 23:09:10 +0100 Subject: [PATCH] add powered by waku page --- docs/overview/who-is-using-waku.md | 15 --------- docs/powered-by-waku.mdx | 37 ++++++++++++++++++++++ docusaurus.config.js | 35 ++++++++++++--------- sidebars.js | 1 - src/components/PoweredByCard.js | 48 +++++++++++++++++++++++++++++ static/custom.css | 23 ++++++++++++++ static/{ => img}/logo_white.svg | 0 static/img/railgun-logo.png | Bin 0 -> 3239 bytes static/img/status-logo.svg | 10 ++++++ static/img/xmtp-logo.svg | 7 +++++ 10 files changed, 146 insertions(+), 30 deletions(-) delete mode 100644 docs/overview/who-is-using-waku.md create mode 100644 docs/powered-by-waku.mdx create mode 100644 src/components/PoweredByCard.js create mode 100644 static/custom.css rename static/{ => img}/logo_white.svg (100%) create mode 100644 static/img/railgun-logo.png create mode 100644 static/img/status-logo.svg create mode 100644 static/img/xmtp-logo.svg diff --git a/docs/overview/who-is-using-waku.md b/docs/overview/who-is-using-waku.md deleted file mode 100644 index 3ccbba8..0000000 --- a/docs/overview/who-is-using-waku.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -title: Who is Using Waku? ---- - -### [Status](https://status.im/) - -Status is a secure messaging app, crypto wallet, and Web3 browser built with state-of-the-art technology. - -### [XMTP](https://xmtp.org/) - -XMTP uses Waku to enable secure Web3 messaging in their open protocol and network. - -### [RAILGUN](https://railgun.org/) - -RAILGUN uses Waku to offer private ETH gas payments to users, ensuring anonymity and privacy for their stablecoin and token transactions. diff --git a/docs/powered-by-waku.mdx b/docs/powered-by-waku.mdx new file mode 100644 index 0000000..f37b87b --- /dev/null +++ b/docs/powered-by-waku.mdx @@ -0,0 +1,37 @@ +--- +title: Powered by Waku +custom_edit_url: null +hide_table_of_contents: true +--- + +Leap into the future with Waku! Revolutionize communication, collaboration, and connectivity. Join us and create something extraordinary! + + + +```mdx-code-block +import PoweredByCard from "@site/src/components/PoweredByCard"; + +
+ + Status is a secure messaging app, crypto wallet, and Web3 browser built with state-of-the-art technology. + + + XMTP uses the Waku network to enable secure Web3 messaging in their open protocol and network. + + + RAILGUN uses Waku to offer private gas payments to users, ensuring anonymity and privacy for their transactions. + +
+``` \ No newline at end of file diff --git a/docusaurus.config.js b/docusaurus.config.js index f18f684..9e29559 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -47,8 +47,9 @@ const config = { navbar: { title: "Waku", logo: { - srcDark: "logo_white.svg" + srcDark: "img/logo_white.svg" }, + hideOnScroll: true, items: [ { type: "docSidebar", @@ -84,7 +85,7 @@ const config = { ] }, announcementBar: { - content: "While Waku is still in development and needs to prepare for extensive adoption, it is already being used by Status, XMTP, and Railgun. Join our Discord Community to stay updated on our progress.", + content: "While Waku is still in development and needs to prepare for extensive adoption, it is already powering various applications. Join our Discord Community to stay updated on our progress.", backgroundColor: "#EBEDF0", textColor: "#1B1B1D", isCloseable: true @@ -106,10 +107,11 @@ const config = { }, { title: "Community", - items: [{ - href: "https://forum.vac.dev/", - label: "Discourse" - }, + items: [ + { + href: "https://forum.vac.dev/", + label: "Discourse" + }, { href: "https://discord.gg/Nrac59MfSX", label: "Discord" @@ -126,10 +128,11 @@ const config = { }, { title: "Resources", - items: [{ - href: "https://github.com/waku-org", - label: "GitHub" - }, + items: [ + { + href: "https://github.com/waku-org", + label: "GitHub" + }, { href: "https://vac.dev/research", label: "Blog" @@ -142,13 +145,17 @@ const config = { }, { title: "Legal", - items: [{ - href: "https://waku.org/terms-of-use", - label: "Terms of Use" - }, + items: [ + { + href: "https://waku.org/terms-of-use", + label: "Terms of Use" + }, { href: "https://waku.org/privacy-policy", label: "Privacy Policy" + }, + { + html: "" } ] } diff --git a/sidebars.js b/sidebars.js index 27b7230..d5f1176 100644 --- a/sidebars.js +++ b/sidebars.js @@ -8,7 +8,6 @@ const sidebars = { "overview/why-waku", "overview/use-cases", "overview/clients", - "overview/who-is-using-waku", { type: "category", label: "Waku Concepts", diff --git a/src/components/PoweredByCard.js b/src/components/PoweredByCard.js new file mode 100644 index 0000000..3e62362 --- /dev/null +++ b/src/components/PoweredByCard.js @@ -0,0 +1,48 @@ +import React from "react"; + +const PoweredByCard = ({ appLink, logoSrc, logoAlt, children }) => ( +
+
+ {logoAlt} +
+

{children}

+ + + +
+); + +export default PoweredByCard; diff --git a/static/custom.css b/static/custom.css new file mode 100644 index 0000000..abcbff6 --- /dev/null +++ b/static/custom.css @@ -0,0 +1,23 @@ +.powered-by-card-container { + display: grid; + gap: 2em; + justify-content: center; +} + +@media (max-width: 767px) { + .powered-by-card-container { + grid-template-columns: 1fr; + } +} + +@media (min-width: 768px) and (max-width: 1023px) { + .powered-by-card-container { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (min-width: 1024px) { + .powered-by-card-container { + grid-template-columns: repeat(3, 1fr); + } +} \ No newline at end of file diff --git a/static/logo_white.svg b/static/img/logo_white.svg similarity index 100% rename from static/logo_white.svg rename to static/img/logo_white.svg diff --git a/static/img/railgun-logo.png b/static/img/railgun-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..62ed16319666d711a09990ee585b00855fbe792b GIT binary patch literal 3239 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 Z{{x-b-)b(kM~MIc002ovPDHLkV1hsXA@=|P literal 0 HcmV?d00001 diff --git a/static/img/status-logo.svg b/static/img/status-logo.svg new file mode 100644 index 0000000..799e00e --- /dev/null +++ b/static/img/status-logo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/static/img/xmtp-logo.svg b/static/img/xmtp-logo.svg new file mode 100644 index 0000000..9ce73b7 --- /dev/null +++ b/static/img/xmtp-logo.svg @@ -0,0 +1,7 @@ + + + + + + +