anitab-org.github.io icon indicating copy to clipboard operation
anitab-org.github.io copied to clipboard

Revamp of the home page of website for responsiveness in react js

Open Shruti3004 opened this issue 4 years ago • 10 comments

Describe the bug

The site is not responsive on the different screens

Screenshots

Desktop

  • OS: Ubuntu
  • Browser: Google Chrome
  • Version 20.04

I want to revamp the complete website using react bootstrap for its responsiveness on the different screens. Currently, in the site at many places images, text and navbar is not responsive.

Shruti3004 avatar Jan 14 '21 13:01 Shruti3004

@annabauza please assign me!

Shruti3004 avatar Jan 16 '21 08:01 Shruti3004

@annabauza Can I start working on it?

Shruti3004 avatar Jan 21 '21 13:01 Shruti3004

Yes your @Shruti3004

annabauza avatar Jan 21 '21 13:01 annabauza

Screenshot from 2021-01-25 22-48-49 Screenshot from 2021-01-25 22-48-54 Screenshot from 2021-01-25 22-49-02 Screenshot from 2021-01-25 22-49-36

@annabauza I have coded the home page in reactjs and added all the routes as well its completely responsive now. Here, the deployed link: https://anitab-org-reactjs.netlify.app/

Now please tell me shall I make the pr for home page and here by the code https://github.com/Shruti3004/reactjs @annabauza this a private repo and I have invited you as a collaborator to it.

Shruti3004 avatar Jan 25 '21 17:01 Shruti3004

@Shruti3004 I saw that, looks good but if we move to react js I wish to see text wrapping the images. We can always rise an issue if that is too much. Also font is wrong color, not sure about sizing. I have a question though, can we replace pages one by one instead of keeping them in parallel? I keep merging PRs.

annabauza avatar Jan 25 '21 20:01 annabauza

@annabauza okay I'll wrap the wrap the images with text but for the basic level i am just cloning the site as it is current state with react native. Ma'am the font color and sizing is same but I have changed the font family, I felt Avenir text is the better one but though this thing is subjective, if you want me to change that font, I'll change it. I will create the different folder in this repo named reactjs so that you can merge the PRs and later when the whole site is completed we can clean up the native code. If that looks okay to you, let me know so that I'll raise the PR for home page and create the issues for other pages as well.

Shruti3004 avatar Jan 27 '21 09:01 Shruti3004

@annabauza shall I make a PR?

Shruti3004 avatar Jan 29 '21 15:01 Shruti3004

yes please @Shruti3004

annabauza avatar Jan 29 '21 19:01 annabauza

@Rahulm2310 the PR to the issue has been opened can you confirm the work is complete or not?

nandini45 avatar May 05 '21 17:05 nandini45

@isabelcosta I visited the website and it's still not responsive. Can i work on this issue?

saqibganaie avatar Feb 22 '23 07:02 saqibganaie