Issue #30: Redesigned main page. Added Login/Signup button and images.

umih874 commented 6 years ago

Overview

Home html component was modified to add column style where one side is occupied by the paragraph with a brief description of the application as well as login/sign out buttons. Another column is populated with lightly transparent blue circles with keywords that emphasize QualOpt values. This column arrangement allows for circles to stay visible when the main window resizes.
The main title font and size was also changed. The background was added to the title that also resizes with the main window to fit the required area.
All the attributes of the components are defined in the corresponding css file. Each dev, text, and image have their own class that is used in css file to change the particular properties.
Buttons make up most of the css file due to the complexity of their format. This is due to the buttons having a 3D look with indenting and color changing effect when clicked and hovered over.

Things to look out for:

The page components should resize accordingly to fit the page when the main window is resized.
The buttons should take you to the login page or registration page.
When the user is not logged in the buttons should be displayed, while when the user is logged in the "Welcome " should be displayed below the description paragraph.
This changes should not affect the navigation bar at the top of the page.

umih874 commented 6 years ago

@zaclochhead and @sidpartha1 please review this. Especially, proofread please.

umih874 commented 6 years ago

@zaclochhead I still need you to review these changes when you have time please

zaclochhead commented 6 years ago

Code is clean and the new User Interface for the home page looks great! No errors that I can see 👍