json-schema-org
✨ Enhancement: Ambassadors Program page
We need to create a dedicated page for the JSON Schema Ambassadors program. This page will serve as a hub for information about the program, including how to apply and what the program entails and of course list the ambassadors. In addition to the main page, we'll provide a second page to show the details and contributions of each ambassador.
Below are the detailed requirements based on the provided prototype.
Requirements
-
Header Section:
- Title: "Become a JSON Schema Ambassador"
- Short description: "The JSON Schema Ambassadors Program recognizes the people who drive adoption, innovation, and knowledge sharing in the JSON Schema community."
-
Buttons:
- "Become Ambassador" button: Should be prominent, leading to an application form and connect with this link: https://github.com/json-schema-org/community/tree/main/programs/ambassadors#become-an-json-schema-ambassador
- "Learn More" button: This should link to a section or page with more details about the program. This is the link to use: https://github.com/json-schema-org/community/tree/main/programs/ambassadors
-
Content Sections:
There should be multiple sections:
- Section 1 : Same card used in the Community page presenting the program.
- Section 2: Types of contributions: "Articles", "Talk", "JSON Schema Adopter", "Case study", "Video", "Book", "Technical Paper", "Initiative or Project", "Working group", "Community"
- Section 3: Ambassadors listing using the data provided here: https://github.com/json-schema-org/community/blob/main/programs/ambassadors/ambassadors.json -Section 4: Final call to action to join the program.
Technical Requirements
- Please make sure to use the Card component for generic Cards. For the ambassadors card feel free to create a new component.
- We have multiple pages reading json and rendering it using the card component, like the case studies, use cases or overview pages, make sure you follow a similar approach.
- The ambassadors json is available through github submodules. Just update the community submodule to get current version.
Ambassador's details.
When clicking on one ambassador we can have a second page showing the Ambassador's contribution like Async API is doing. For reference: https://www.asyncapi.com/community/ambassadors/raphaeldelio
Prototype:
References:
We took inspiration from the AsyncAPI Ambassadors page:
- https://www.asyncapi.com/community/ambassadors
- https://www.asyncapi.com/community/ambassadors/raphaeldelio
Hey, I am interested to work on this. Can this be assigned to me?
Hi @benjagm , I'd like to enhance the design of this page with additional styling and also take part in creating it. Would it be possible for me to contribute?
Hey @DhairyaMajmudar @benjagm if there is no update I still want to work on this feature 😁👍.
@Pavankumar07s Can you please work on a proposal for design enhancements and share it here first until @TheShiveshNetwork shares an update of their work?
@benjagm I'll be working on it at my earliest, thank you for the opportunity! I shall get back to you as soon as possible!
Hey @benjagm @DhairyaMajmudar I’ve completed part of the design enhancement using Figma. How should I propose the design? Should I share the image here or create a professional proposal in a PDF file? Also, can I start working on the implementation now?
Hey @benjagm @DhairyaMajmudar I’ve completed part of the design enhancement using Figma. How should I propose the design? Should I share the image here or create a professional proposal in a PDF file? Also, can I start working on the implementation now?
yeah you can share the Figma design link
@DhairyaMajmudar here is the link https://www.figma.com/design/my3mUfxMa9wmXgQDNTz3NS/Flow-chart?node-id=0-1&t=gj2ud48jHiazml3c-1
@Pavankumar07s Thanks!! Designs are looking cool, can you pls. use the json schema theme and logos. You can find the exact color code here https://github.com/json-schema-org/brand
Hey @DhairyaMajmudar now I am implementing the design, thankyou for this opportunity .
Hey @DhairyaMajmudar, I have a question. We're creating a new page with all the rest of the features. Do we need to establish a connection between the main page and our dedicated page, either through a section or a button, to allow navigation between them?
Do we need to establish a connection between the main page and our dedicated page, either through a section or a button, to allow navigation between them?
yep, you can add the link in navbar.
Hi @DhairyaMajmudar, good evening!
I just learned that the page we're creating for our Ambassador Program is related to the community section. This means we can link our dedicated Ambassador Program page within the community section. Do you think this is a good approach?
@Pavankumar07s Yeah it can be a good idea to add the link of ambassadors page with the ambassadors' program card (Think a bit about how it can be added either by using a button or something kinda similar)
@DhairyaMajmudar
- We can use the navbar to navigate directly to the Ambassadors page.
- On our website's landing page, we can create a dedicated card or event section to highlight the Ambassadors program. This section could be placed just below the "Welcome to the JSON Schema Community" banner.
Like this above. I will try comming up with more ideas.
Hello @DhairyaMajmudar! Here's the latest status update for the feature:
1.Reviewed the code thoroughly, line by line.
2.Added a direct link in the navbar.
3.Created and added a new card on the landing page (including a custom PNG for a better look).
4.Currently working on the dedicated page with optimal code quality.
Have a look here ,does it looks awesome?
hii @benjagm @DhairyaMajmudar have a look on card design. Is it good or we need some changes?
hii @DhairyaMajmudar there is some restriction on image of Andreas Eberhart and Ege Korkan.what should i do?