Initialize signup member page, Fixed issue #2

[amelia2802]

Description

Initialized the signup wireframe according to the design board & color schemes

Related Issue

Fixed issue #2

Motivation and Context

How Has This Been Tested?

Screenshots (if appropriate):

https://github.com/WomenEverywhereInTech/official-website/assets/49182604/5ac00501-f288-493e-a6ff-eca707c9add9

Types of changes

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• [x] My code follows the code style of this project.
• [x] I have read the CONTRIBUTING document.
• [ ] My change requires a change to the documentation.
• [ ] I have updated the documentation accordingly.
• [ ] I have added tests to cover my changes.
• [x] All new and existing tests passed.

[thelegendofkayla]

Hi Amelia! I appreciate your creativity and effort in making this look visually engaging. I will merge this in for now, but we will need to address a couple things with this page before deploying:

1. Sign up page utility: We will likely be morphing this into membership & company sign up page -- this will involve a lot more questions as we originally did build this out. One sign up page = easier for our users to navigate. It might be easier for iteration 1 if this is a google form. We can embed a google form so that we can use it, but still control the styling on the rest of the page! How to embed a google form: https://youtu.be/ABhkSJXgAxc
2. Responsiveness: This form is not mobile friendly, we will want it to be accessibile from mobile devices. If you need any help with this, let me know!
3. Moving background: We might want to consider the impact of the moving background on readability and accessibility. For some of our users, especially those with visual impairments or attention difficulties, it could be a bit challenging to read the text against the moving dots.

I wonder if we could explore maybe slowing down the animation, reducing its scale slightly, or adding an option for users to pause it? This might help us make sure that the page is comfortable for all users while keeping the dynamic feel you've crafted.

Also, I thought I'd mention while testing it out, there was some weird behavior with this background as I change the dimensions of the webpage: