From b51e9d1f2af168f10a06e86b1e99c09682d85c98 Mon Sep 17 00:00:00 2001 From: devvaansh Date: Tue, 7 Oct 2025 12:19:49 +0530 Subject: [PATCH] =?UTF-8?q?The=20current=20Writers=20Program=20website=20u?= =?UTF-8?q?ses=20very=20basic=20static=20sections=20that=20don=E2=80=99t?= =?UTF-8?q?=20match=20the=20professional=20polish=20of=20the=20Keploy=20ec?= =?UTF-8?q?osystem.=20These=20need=20to=20be=20redesigned=20into=20modern,?= =?UTF-8?q?=20reusable=20UI=20components.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Expectations: Redesign the following sections with modern UI practices: What this program offers you? Here’s how the Program works Evaluation Criteria Guidelines for creating blogs and social media carousels (reference: Keploy SEO Guidelines ) Use modern UI libraries (shadcn/ui, Aceternity, Radix UI, Magic UI, etc.) for consistency. Ensure components are responsive, accessible, and reusable. Match the visual style and theme of keploy.io pillar pages. Acceptance Criteria: All listed sections are reimplemented with modern, reusable components. Components follow accessibility best practices (keyboard navigation, ARIA, etc.). Styling consistent with Keploy’s main website. Guidelines section includes direct reference and links to SEO/blog rules. Links: Writers Program Website: https://www.writers.keploy.io/ Keploy SEO Guidelines: https://github.com/keploy/keploy/wiki/Keploy-SEO-Guidelines Example Pillar Page: https://keploy.io/unit-test-generator Activity Signed-off-by: devansh vashisht " --- index.html | 2019 ++++++++++++++++++++++++++++++---------------------- 1 file changed, 1152 insertions(+), 867 deletions(-) diff --git a/index.html b/index.html index f20f05f..9885e38 100755 --- a/index.html +++ b/index.html @@ -1,901 +1,1186 @@ - - - - - - - - - Keploy's Writers Program - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + +
+
+
+ + +
+
+ + + + Register Now + +
+
+ + +
+
+
+

+ Keploy's Writers Program +

+

+ Join a thriving community of technical writers where you get the right Recognition, Growth, Networking, Earning & Rewards in the open-source ecosystem. +

+
+ + + Register Now + + + + Join Community + +
+
+
+ Keploy Mascot +
+
+
+ + +
+
+
+

We Are Keploy

+

+ Keploy is a developer-centric backend testing tool. As an open source organisation, we believe everything should be community-driven. Join us on a journey into the domain of technical writing and experience the growth and knowledge that accompanies this opportunity. +

+
+
+ + + Read Our Blogs + +
+
+
+ + +
+
+
+

What this program offers you?

+

+ Discover the amazing benefits and opportunities that await you in our comprehensive writers program. +

+
+
+
+
+ Recognition illustration
- -
-
-

- Keploy is a developer-centric backend testing tool. As an open source organisation, we believe everything should be community-driven. Join us on a journey into the domain of technical writing and experience the growth and knowledge that accompanies this opportunity. -

-
+

Get Recognized

+

+ Expand your technical writing horizon by earning compensations, swags, and personal brand visibility in the developer community. +

+
+
+
+ Learning illustration
- -
- - Read our Blogs - +

Learn & Grow

+

+ Access to mentorship, weekly sync-ups, and community support. Work directly with Keploy's editorial team to enhance your skills. +

+
+
+
+ Community illustration
- - - - -
- - -
-
-
- -

What this program offers you?

+

Flourish & Network

+

+ Gain valuable experience and network with like-minded individuals. Be part of a global community of technical writers and developers. +

+
+
+ +
+ + +
+
+
+

Here's how the Program works

+

+ A structured 6-step process designed to guide you from registration to publication. +

+
+
+
+
01
+
+
+ Registration
+

Register Yourself

+

+ Fill out the application form and register for the writers program. We'll be eager to have you along on this journey. +

- -
-
-
- Learn gif -
-
-

Get Recognized

-

Expand your technical writing horizon by earning compensations, swags, and personal brand visibility.

-
-
-
-
- Content gif -
-
-

Learn

-

Access to mentorship, weekly synch-ups, and community. Work with Keploy's editorial team.

-
-
-
-
- Grow gif -
-
-

Flourish

-

Gain experience & network with like-minded individuals. Be a part of a global community.

-
+
+
+
02
+
+
+ Onboarding
+

Onboarding Starts

+

+ Get onboarded with us, learn about Keploy's ecosystem, connect with the team and mentors. +

- -
- - - - - - - - - - - - - - - - - - - - -
-

- Here's how the Program works -

-
-
-
-

01

- Content gif -
-

Register yourself

-

Fill out the form and register to the writers program. We'll be earger to have you along.

-
-
-
-

02

- Content gif -
-

Onboarding starts

-

Get onboard with us, know about Keploy's ecosystem, connect to the team & mentors.

-
-
-
-

03

- Content gif -
-

Research your Idea

-

You'll start by choosing and researching about your write-up. Get access to mentorship & resources by the team.

-
-
-
-

04

- Content gif -
-

Craft your Work

-

Start crafting your ideas into words. This part includes you working on the approved ideas and topics.

-
-
-
-

05

- Content gif -
-

Revision & Submissions

-

This includes copy editing, hero image design, and revision of your article. Yes, we got to help you revise it before submitting.

-
-
-
-

06

- Content gif -
-

Publication

-

Once the content meets all the guidlines, you're all set to publish your content with Keploy, and earn your benefits

+
+
+
06
+
+
+ Publication
+

Publication

+

+ Once your content meets all guidelines, you're ready to publish with Keploy and earn your well-deserved benefits. +

+
+
+ +
- - - -
-

- Evaluation Criteria -

- -
-
    -

  1. Originality:

    Submissions should be entirely original, showcasing your unique perspective and insights.

    2. -

  2. Relevance to Software Developers:

    Content should be tailored for a target audience of beginner to intermediate software developers.

    3. -

  3. Keyword Volume Requirement:

    Ensure the chosen keyword for the blog has a volume of at least more than 400.

    4. -

  4. Conformity to Plagiarism:

    Adhere strictly to the plagiarism policy. Avoid any form of reproducing or claiming someone else's work.

    5. -

  5. Compliance with Terms & Conditions:

    Understand and comply with the terms and conditions of the Keploy Community Writing Program.

    6. -
-
- -
- - Know More! - -
-
- - - +
+
+
+

Evaluation Criteria

+

+ Our comprehensive evaluation process ensures high-quality content that meets industry standards. +

+
+
+
+

+ + Originality +

+

+ Submissions should be entirely original, showcasing your unique perspective and insights into technical topics. +

+
+
+

+ + Relevance to Software Developers +

+

+ Content should be tailored for beginner to intermediate software developers, addressing real-world challenges and solutions. +

+
+
+

+ + Keyword Volume Requirement +

+

+ Ensure the chosen keyword for your blog has a search volume of at least 400+ to maximize reach and impact. +

+
+
+

+ + Conformity to Plagiarism Policy +

+

+ Adhere strictly to our plagiarism policy. Avoid any form of reproducing or claiming someone else's work as your own. +

+
+
+

+ + Compliance with Terms & Conditions +

+

+ Understand and comply with all terms and conditions of the Keploy Community Writing Program. +

+
+
+
+ + + Learn More + +
+
+
-
-
-

Originality

-
-
- - - -
-
-

Keywords volume more than 400

-
-
- - - -
-
-

Relevance to Software Developers

-
-
- - - + +
+
+
+

Guidelines for Creating Content

+

+ Follow our comprehensive guidelines for creating blogs and social media carousels that align with Keploy's quality standards. +

+
+
+
+

+
+
-
-

Conformity to Plagiarism Policy

+ Blog Writing Guidelines +

+
    +
  • Minimum 700 words with clear structure
    • +
  • Include primary keyword in first paragraph
    • +
  • Use H1, H2, H3 hierarchy properly
    • +
  • Keep paragraphs under 4 lines
    • +
  • Include relevant internal/external links
    • +
  • Optimize images (WebP format preferred)
    • +
+
+
+

+
+
-
- - - + Social Media Carousels +

+
    +
  • Create Instagram carousel for every blog
    • +
  • Educational and engaging content
    • +
  • Follow brand color scheme
    • +
  • Include clear call-to-action
    • +
  • Use reusable templates
    • +
  • Tools: Canva or Figma preferred
    • +
+
+
+

+
+
-
-

Compliance with Terms & Conditions

+ SEO Best Practices +

+
    +
  • Research keywords with 400+ volume
    • +
  • Keep URLs under 75 characters
    • +
  • Write compelling meta descriptions
    • +
  • Use descriptive alt text for images
    • +
  • Ensure mobile responsiveness
    • +
  • Focus on page load speed
    • +
+
+
+

+
+
-

+ Quality Standards + +
    +
  • Accurate and up-to-date information
    • +
  • Authoritative and credible sources
    • +
  • Clear and contextual content
    • +
  • Proper grammar and spelling
    • +
  • Engaging and educational tone
    • +
  • Original and plagiarism-free
    • +
+
+
+ +
+ + +
+
+
+

Join Our Community Today!

+
+ Slack Community +
+

+ Connect with writers, mentors, and enthusiasts worldwide who share a passion for crafting content and exploring the layers of technology! +

+ +
+
+
-
- - Know More! - + + - --> + + - - - - -
- - + // Observe all cards and sections + document.querySelectorAll('.feature-card, .process-step, .criteria-item, .guideline-card').forEach(el => { + observer.observe(el); + }); + + // Add accessibility improvements + document.addEventListener('keydown', (e) => { + if (e.key === 'Escape') { + document.activeElement.blur(); + } + }); + + +