From e9cfd86a861e449e7ce8387f18e5e38eaea3a41d Mon Sep 17 00:00:00 2001 From: Vishvamsinh Vaghela Date: Sun, 11 Feb 2024 18:02:58 +0530 Subject: [PATCH 01/14] package update --- package-lock.json | 17 +++++++++++++++++ package.json | 1 + 2 files changed, 18 insertions(+) diff --git a/package-lock.json b/package-lock.json index ca186ad48fe..e0c73cf4b44 100644 --- a/package-lock.json +++ b/package-lock.json @@ -46,6 +46,7 @@ "moment": "^2.29.4", "next": "^12.0.0", "next-mdx-remote": "^4.4.1", + "next-themes": "^0.2.1", "node-fetch": "^2.6.7", "postcss": "^8.4.31", "react": "^17.0.2", @@ -9015,6 +9016,16 @@ "react": ">=16" } }, + "node_modules/next-themes": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.2.1.tgz", + "integrity": "sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==", + "peerDependencies": { + "next": "*", + "react": "*", + "react-dom": "*" + } + }, "node_modules/next/node_modules/nanoid": { "version": "3.3.6", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz", @@ -19879,6 +19890,12 @@ } } }, + "next-themes": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.2.1.tgz", + "integrity": "sha512-B+AKNfYNIzh0vqQQKqQItTS8evEouKD7H5Hj3kmuPERwddR2TxvDSFZuTj6T7Jfn1oyeUyJMydPl1Bkxkh0W7A==", + "requires": {} + }, "node-abi": { "version": "3.51.0", "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.51.0.tgz", diff --git a/package.json b/package.json index 22d41d9efa0..9eb03de0147 100644 --- a/package.json +++ b/package.json @@ -73,6 +73,7 @@ "moment": "^2.29.4", "next": "^12.0.0", "next-mdx-remote": "^4.4.1", + "next-themes": "^0.2.1", "node-fetch": "^2.6.7", "postcss": "^8.4.31", "react": "^17.0.2", From 337e48012a2a6e7b0a86199ec075f1fb56a6dabf Mon Sep 17 00:00:00 2001 From: Vishvamsinh Vaghela Date: Sun, 11 Feb 2024 18:04:37 +0530 Subject: [PATCH 02/14] added toggle images --- public/img/illustrations/moon.webp | Bin 0 -> 268 bytes public/img/illustrations/sun.webp | Bin 0 -> 546 bytes 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 public/img/illustrations/moon.webp create mode 100644 public/img/illustrations/sun.webp diff --git a/public/img/illustrations/moon.webp b/public/img/illustrations/moon.webp new file mode 100644 index 0000000000000000000000000000000000000000..60d80e77647bd3b6c1023a00d20fc87fbbba11ff GIT binary patch literal 268 zcmV+n0rUP+Nk&El0RRA3MM6+kP&il$0000G0000T0012T06|PpNVfn000Dqv+t%{t zg_$JBWn~zV%rJpOm2nhRi|Aj}rL000}?BEEaLLeGK(*C>Q(u65BQ*Rklt#B?u0i|JZ&=Hc0vVBN&BA;Y+l zqelTt9){?v0?ykeEt*jQPNyu4(yO41GOv2?byDqn(|PM6_2RYKMU`|z z)337E`6w|)y4N>v?oU=mLi8^J09H^qASM6+0MG&eodGHy03HB7kwl$JrK6&us0aYC S5(#Ml06n9i0RH&T8o&VepKx^m literal 0 HcmV?d00001 diff --git a/public/img/illustrations/sun.webp b/public/img/illustrations/sun.webp new file mode 100644 index 0000000000000000000000000000000000000000..11deacbb3fd2fe0beeec42c45460662904df33de GIT binary patch literal 546 zcmV+-0^R*mNk&E*0ssJ4MM6+kP&il$0000G0000n001!n06|PpNRI&k00EF>+qP** zdpwM=&APf^+tCPH=`2OmGh4uh{Qrxgr!;G}gFE@|Jug*_2nTK>DUz#unfKri`0pjQ z89nmfEjL-h&e7|SZh^jn-M3jfk{o)Wm57J7N5|G06?nW^4BZR5Q4Hvpp!Lg1R!jc* zDe0HS zr6c_je@X(td#0;o@LlMYDa8T2V}?jvYvwkqRcd)lzR9f00xwIA(Ki(b3OFid-{nNO zY2L9R%^>%h!?f%j_d}iy?oIx((wyGoIwD|fkimRydV1}Az~gm8{sl+{FmQ*zQ&a-3y_UP4{@893JGHL@zf9(`V+T)JKcgo(SS0L#d#oE80vW~J+UBz9;HWlTj z=%_dl{X@9> Date: Sun, 11 Feb 2024 18:26:38 +0530 Subject: [PATCH 03/14] finance updated --- components/Calendar.js | 2 +- components/CaseStudyCard.js | 4 +- components/DarkModeToggle.js | 23 +++++++++++ .../FinancialSummary/AsyncAPISummary.js | 4 +- .../FinancialSummary/BarChartComponent.js | 6 +-- components/FinancialSummary/ContactUs.js | 2 +- .../FinancialSummary/ExpenseBreakdown.js | 40 +++++++++---------- .../FinancialSummary/OtherFormsComponent.js | 16 ++++---- .../FinancialSummary/SponsorshipTiers.js | 28 ++++++------- components/FinancialSummary/SuccessStories.js | 10 ++--- 10 files changed, 79 insertions(+), 56 deletions(-) create mode 100644 components/DarkModeToggle.js diff --git a/components/Calendar.js b/components/Calendar.js index f6a4947339a..5f32de3c013 100644 --- a/components/Calendar.js +++ b/components/Calendar.js @@ -13,7 +13,7 @@ export default function Calendar({ className = '', size, text="text-left" }) { const eventsExist = eventsData.length > 0; return (
{t("calendar.title")} diff --git a/components/CaseStudyCard.js b/components/CaseStudyCard.js index 861a927ff55..a8eb5a94160 100644 --- a/components/CaseStudyCard.js +++ b/components/CaseStudyCard.js @@ -10,7 +10,7 @@ export default function CaseStudyCard({
{studies.map((study, index) => ( -
+
{study.company.name} - + { study.company.description }
diff --git a/components/DarkModeToggle.js b/components/DarkModeToggle.js new file mode 100644 index 00000000000..63036195567 --- /dev/null +++ b/components/DarkModeToggle.js @@ -0,0 +1,23 @@ +import { useTheme } from 'next-themes'; +import Image from 'next/image'; +import { useState, useEffect } from 'react'; + +const DarkModeToggle = () => { + const { theme, setTheme } = useTheme(); + + const toggleDarkMode = () => { + setTheme(theme === 'dark' ? 'light' : 'dark'); + }; + + return ( + + ); +}; + +export default DarkModeToggle; \ No newline at end of file diff --git a/components/FinancialSummary/AsyncAPISummary.js b/components/FinancialSummary/AsyncAPISummary.js index cb8638f9e87..e28276bf2b0 100644 --- a/components/FinancialSummary/AsyncAPISummary.js +++ b/components/FinancialSummary/AsyncAPISummary.js @@ -10,7 +10,7 @@ export default function AsyncAPISummary() { AsyncAPI Financial Summary - + To help improve the current state of Event-Driven Architectures and their tooling, you can show your support for the AsyncAPI Initiative by making a financial contribution. We offer three donation options: Open Collective, GitHub Sponsors, and Linux Foundation Crowdfunding. Our expenses are managed through Open Collective and GitHub Sponsors, @@ -31,7 +31,7 @@ export default function AsyncAPISummary() {
- + The easiest way to support AsyncAPI is by becoming a financial sponsor. While
there are alternative options, they may involve greater effort. Contribute
monetarily using the following channels. diff --git a/components/FinancialSummary/BarChartComponent.js b/components/FinancialSummary/BarChartComponent.js index e4b0232dee2..174b5acaede 100644 --- a/components/FinancialSummary/BarChartComponent.js +++ b/components/FinancialSummary/BarChartComponent.js @@ -15,9 +15,9 @@ const CustomTooltip = ({ active, payload }) => { if (active && payload && payload.length) { const data = payload[0].payload; return ( -
+

{data.Category}

-

${data.Amount.toFixed(2)}

+

${data.Amount.toFixed(2)}

Click the bar to learn more

); @@ -46,7 +46,7 @@ const categories = getUniqueCategories(); const Card = ({ month, data, links }) => { return ( -
+
{month}
{data.map((item, index) => ( diff --git a/components/FinancialSummary/ContactUs.js b/components/FinancialSummary/ContactUs.js index 06631c258a8..8d10ceb0059 100644 --- a/components/FinancialSummary/ContactUs.js +++ b/components/FinancialSummary/ContactUs.js @@ -12,7 +12,7 @@ export default function ContactUs() { Interested in getting in touch? Feel free to contact us if you need more explanation. We are happy to hop on a call and help with - onboarding to the project as a sponsor. Write email to info@asyncapi.io + onboarding to the project as a sponsor. Write email to info@asyncapi.io
diff --git a/components/FinancialSummary/ExpenseBreakdown.js b/components/FinancialSummary/ExpenseBreakdown.js index f91a3083bc4..f29fc759fb2 100644 --- a/components/FinancialSummary/ExpenseBreakdown.js +++ b/components/FinancialSummary/ExpenseBreakdown.js @@ -3,14 +3,14 @@ import Paragraph from '../typography/Paragraph' export default function ExpenseBreakdown() { return ( -
+
Expense Breakdown - + Funds from GitHub Sponsors are directly transferred to our AsyncAPI Open Collective account. We maintain transparency in all expenses, and the TSC approves anticipated expenses. @@ -18,63 +18,63 @@ export default function ExpenseBreakdown() {
-
+
Mentorship Program -

Mentorship Program

+

Mentorship Program

-

Our AsyncAPI Mentorship program offers paid guidance to develop valuable features, investing in tools and motivated individuals for community benefit.

+

Our AsyncAPI Mentorship program offers paid guidance to develop valuable features, investing in tools and motivated individuals for community benefit.

-
+
Bounty Program -

Bounty Program

+

Bounty Program

-

Rewarding contributors regardless of affiliation or volunteer status. Free mentoring and support for newcomers to build portfolios and unlock tech prospects.

+

Rewarding contributors regardless of affiliation or volunteer status. Free mentoring and support for newcomers to build portfolios and unlock tech prospects.

-
+
Events -

Events

+

Events

-

Supporting AsyncAPI conferences incurs costs for services and travel arrangements. Your contributions facilitate event hosting and community growth.

+

Supporting AsyncAPI conferences incurs costs for services and travel arrangements. Your contributions facilitate event hosting and community growth.

-
+
Swag Store -

Swag Store

+

Swag Store

-

Creating a swag store for seamless distribution to contributors, mentees, ambassadors, and community members. Store profits can fund complimentary swag expenses.

+

Creating a swag store for seamless distribution to contributors, mentees, ambassadors, and community members. Store profits can fund complimentary swag expenses.

-
+ -
+
Services -

Services

+

Services

-

Occasionally, we must pay for services such as Zoom or Descript, as they are not available through specific Open Source support programs.

+

Occasionally, we must pay for services such as Zoom or Descript, as they are not available through specific Open Source support programs.

diff --git a/components/FinancialSummary/OtherFormsComponent.js b/components/FinancialSummary/OtherFormsComponent.js index fb1e31bdb38..a9430e00a03 100644 --- a/components/FinancialSummary/OtherFormsComponent.js +++ b/components/FinancialSummary/OtherFormsComponent.js @@ -3,38 +3,38 @@ import Paragraph from '../typography/Paragraph' export default function OtherFormsComponent() { return ( -
+
Other Forms Of Financial Support - + You can also support AsyncAPI initiative by getting

involved through employment, providing services and

organizing events
-
+
Employee involvement

Employee involvement

-

+

Assign your employees to contribute to projects under the AsyncAPI Initiative on a regular basis, and we'll welcome them as new maintainers.

-
+
Service provision

Service provision

-

+

AsyncAPI Initiative relies on numerous tools, many of which incur costs. Your organization can provide services such as hosting or storage to support our efforts.

-
+
Event organization

Event organization

-

+

Host AsyncAPI conferences by sponsoring and organizing events under the AsyncAPI brand at your provided venue.

diff --git a/components/FinancialSummary/SponsorshipTiers.js b/components/FinancialSummary/SponsorshipTiers.js index 804e38bd11d..603cd29238c 100644 --- a/components/FinancialSummary/SponsorshipTiers.js +++ b/components/FinancialSummary/SponsorshipTiers.js @@ -3,14 +3,14 @@ import Paragraph from '../typography/Paragraph' export default function SponsorshipTiers() { return ( -
+
Sponsorship Tiers - + AsyncAPI offers various sponsorship tiers, each with its own set
of benefits and privileges. These tiers include Bronze, Silver,
Gold, and Platinum. @@ -30,30 +30,30 @@ export default function SponsorshipTiers() { - Bronze - $100/month - + Bronze + $100/month + Company logo in README on GitHub - Silver - $500/month - + Silver + $500/month + Company logo in README on GitHub and asyncapi.com - Gold - $1000/month - + Gold + $1000/month + Company logo in README on GitHub and asyncapi.com - Platinum - $2000/month - + Platinum + $2000/month + Company logo in README on GitHub and asyncapi.com. Up to 2 hours of support per month. Support will be remote with the option of a shared screen or via private chat. diff --git a/components/FinancialSummary/SuccessStories.js b/components/FinancialSummary/SuccessStories.js index c2728f00e40..52a48aa3403 100644 --- a/components/FinancialSummary/SuccessStories.js +++ b/components/FinancialSummary/SuccessStories.js @@ -2,14 +2,14 @@ import TextLink from '../typography/TextLink' export default function SuccessStories() { return ( -
+

Success Stories

-

+

Thanks to financial support we can already see many
success stories in the project.

@@ -17,7 +17,7 @@ export default function SuccessStories() {

Community Manager

-

+

With the addition of a dedicated Community Manager, we now have a monthly newsletter, regular status updates, an active social media presence, and the ability to drive initiatives such as event organization. Dedicated focus enables us to also focus on a year to year vision. @@ -25,7 +25,7 @@ export default function SuccessStories() {

AsyncAPI Mentorship

-

+

The 2022 mentorship program yielded significant achievements: Kafka support in Glee, a centralized platform for sharing AsyncAPI tools, and a versatile error handling library for multiple projects. @@ -33,7 +33,7 @@ export default function SuccessStories() {

AsyncAPI Conference

-

+

Every year we organize a conference that attracts many participants. In 2022 the online conference generated 3k views. In 2023 we organized four different in person events, some that was also live streamed.

From ca686d984b9284f72c1cf31244cfdf6921192094 Mon Sep 17 00:00:00 2001 From: Vishvamsinh Vaghela Date: Sun, 11 Feb 2024 18:32:08 +0530 Subject: [PATCH 04/14] button updates --- components/MDX.js | 18 +++++++++--------- components/TOC.js | 8 ++++---- components/Testimonial.js | 2 +- components/buttons/DocsButton.js | 12 ++++++------ 4 files changed, 20 insertions(+), 20 deletions(-) diff --git a/components/MDX.js b/components/MDX.js index 9f6182efb4c..c279a8e2d40 100644 --- a/components/MDX.js +++ b/components/MDX.js @@ -34,16 +34,16 @@ export function MDXProvider({ children }) { export function getMDXComponents() { return { - h1: props =>

, - h2: props =>

, - h3: props =>

, - h4: props =>

, - h5: props =>

, - h6: props =>
, + h1: props =>

, + h2: props =>

, + h3: props =>

, + h4: props =>

, + h5: props =>

, + h6: props =>
, blockquote: props =>
, - p: props =>

, - strong: props => , - a: props => , + p: props =>

, + strong: props => , + a: props => , ul: props =>