ACM-BITS-Pilani-Goa / OfficialWebsite

Official website of ACM BITS Pilani Goa Chapter
https://bitsg.acm.org/
MIT License
3 stars 5 forks source link

Website Header #68

Open umang-sinha opened 2 years ago

umang-sinha commented 2 years ago

Create a React component for the header that will be reused across all pages on the website. The designs can be found here. You are expected to strictly comply to these designs. The ACM logo that you would need can be found in svg format here. Please note that the colour used in the buttons has the hex code: # 273036. The buttons have a border radius of 6 pixels and the font used is 'Inter Regular'.

AmirNaghibi commented 2 years ago

Is it okay to use a component library such as Google Material UI or Chakra UI? This will require adding the library to package.json

Great project by the way 💯

Devesh21700Kumar commented 2 years ago

Is it okay to use a component library such as Google Material UI or Chakra UI? This will require adding the library to package.json

Great project by the way 💯

Yeah you can use them. But don’t forget to put the styles in a different file and then import it to the file you want to use it. You can refer to the folder structure of the initial code base for a better understanding.

umang-sinha commented 2 years ago

@AmirNaghibi any updates on this?

AmirNaghibi commented 2 years ago

I've opened a PR.

https://github.com/ACM-BITS-Pilani-Goa/OfficialWebsite/pull/75

umang-sinha commented 2 years ago

I've opened a PR.

https://github.com/ACM-BITS-Pilani-Goa/OfficialWebsite/pull/75

thanks for contributing! One of my colleagues will review the pull request and get back to you soon.