Home page of Docs website

[VanshikaSabharwal]

What kind of change does this PR introduce?

bugfix, feature, refactoring

Issue Number:

Fixes #3

Did you add tests for your changes?

No

Snapshots/Videos:
Before:

After:

If relevant, did you update the documentation?

Summary

Does this PR introduce a breaking change?

Other information

Have you read the contributing guide?

Yes

[github-actions]

Our Pull Request Approval Process

We have these basic policies to make the approval process smoother for our volunteer team.

Testing Your Code

Please make sure your code passes all tests and there are no merge conflicts.

The process helps maintain accurate and well-formatted documentation and is a prerequisite for getting your PR approved. Assigned reviewers regularly review the PR queue and tend to focus on PRs that are passing.

Reviewers

When your PR has been assigned reviewers contact them to get your code reviewed and approved via:

1. comments in this PR or
2. our slack channel

Reviewing Your Code

Your reviewer(s) will have the following roles:

1. arbitrators of future discussions with other contributors about the validity of your changes
2. point of contact for evaluating the validity of your work
3. person who verifies matching issues by others that should be closed.
4. person who gives general guidance in fixing your tests

CONTRIBUTING.md

Read our CONTRIBUTING.md file. Most importantly:

1. PRs with issues not assigned to you will be closed by the reviewer
2. Fix the first comment in the PR so that each issue listed automatically closes

Other

1. 🎯 Please be considerate of our volunteers' time. Contacting the person who assigned the reviewers is not advised unless they ask for your input. Do not @ the person who did the assignment otherwise.

[github-actions]

Congratulations on making your first PR! 🎊 If you haven't already, check out our Contributing Guidelines and PR Reporting Guidelines to ensure that you are following our guidelines for contributing and creating PR.

[palisadoes]

You have changed the content, which is out of scope of the issue. We need the page layout and page content to match the current site:

• https://developer.palisadoes.org/docs

[VanshikaSabharwal]

Yes just give me a minute i changes that to test if everything is working fine.

[palisadoes]

These files must be removed. The content must be maintained as it currently exists

[VanshikaSabharwal]

Yes Actually i added some dummy data. And i have removed it. @palisadoes

[palisadoes]

Thanks,

However, you have changed the content. This is not in keeping with the original issue.

1. The extra markdown files are still there. They must be removed.
   1. 
2. The markdown from the existing site must be unchanged.

[VanshikaSabharwal]

Yes @palisadoes I have reverted the changes.
Also i made changes to localhost:3000 as well to make the theme and colors similar.
Before : -

After : -

[VanshikaSabharwal]

@palisadoes
All the tests have passed, and I’ve removed the unwanted content as requested. Can you please review and merge PR if everything is fine.

[palisadoes]

Please make the dividing lines between the sections be in grey like this. You have blue currently.

[palisadoes]

Can you make the home page mimic hasura.io. With the following modifications:

1. A grey background
2. Have the text box like the image below:
   
3. Make the blue match the closest one in the stylesheet
4. Make the "Learn More" link go to the /docs page
5. Remove this as it's not relevant to the site:
   
6. Make the footer background color match the grey background.
7. Replace the docusaurus logo with the Palisadoes logo.

We need a clean site.

You can see something similar here:

https://hasura.io/

[VanshikaSabharwal]

Yes @palisadoes i get it

[VanshikaSabharwal]

For footer can you please tell me which one is good.

1. Option 1
   
2. Option 2
   

[VanshikaSabharwal]

I have fixed side bar border to grey.

And added Talawa logo.

This test is failing because i have installed react-icons as we need it.
https://github.com/PalisadoesFoundation/developer-docs/actions/runs/12471103661/job/34807458008?pr=11

[palisadoes]

Thanks.

1. Use the color scheme from https://hasura.io/docs/2.0/remote-schemas/overview/ when in doubt about colors for light/dark mode
2. Please remove this.
   
3. The text is unreadable in dark mode (See item 1)
   
4. On the home screen, use a grey background (#f3f4f6). Have a div like this instead:
   
5. The footer must use the grey (#f3f4f6) background. (See item 1 for footer text colors for this footer text)
   
6. These also need adjustments (See item 1)
   1. The highlighted menu option is not clearly visible.
   2. The lines between the options are not sufficiently subtle like in light mode.
   3. The text in the left nav bar is not sufficiently readable. The contrast is too low.
      

[VanshikaSabharwal]

Yes @palisadoes i am doing it

[palisadoes]

Are you still working on this?

[VanshikaSabharwal]

Yes @palisadoes i just have to commit changes. Everything is working fine

[VanshikaSabharwal]

Is this fine now @palisadoes ?

[VanshikaSabharwal]

The failing test is due to the fact that i installed react-icons, and we need it for styling icons.

[palisadoes]

1. Thanks. This is a good start. It is much, much better than before. I'll merge.
2. I'll open another issue to fine tune the color scheme.