feat(Frontend): Footer and related pages(WIP)#35
Open
Conversation
Originally the size of each box was uneven and it was not alligned properly. This was because some boxes had more cotent than others.
Adds 3 new svg icons for the pricing page and installs vite-plugin-svgr to allow importing svg files as React components. This allows for better styling of the icons and thus a more visually appealing pricing page. This updates the package.json and package-lock.json files to include the new dependency, and also updates the vite.config.js file to include the new plugin.
Now the icons change color based on the theme that is selected.
No styling yet, just the basic content and structure. Will add better styling and coloring in a future commit.
The about area is now nicely formated and left alligned. Small grammar errors in the Why section were fixed as well. This also adds some content to the What section
Each team member's name in the footer now links to their LinkedIn profile, allowing users to easily connect with the team. Additionally, the layout of the team section has been adjusted for better alignment spacing. This is because unlike <p> tags, <a> tags are inline elements and do not take up the full width of the container. The CSS has been updated to ensure that the team section is formatted correctly.
This adds links to the quicklinks section in the footer area. The links are Home, Form, Dashboard, About, and Pricing.
This fixes fixes the link names in the Extras section of the footer. It also adds them as jsx components in the frontend/src/pages directory just so they are ready for the future.
Now the user can click on the button to open a popup menu with options to switch between light, cream, and dark themes.
The about page now links to the home page, it actually reloads when it gets to home which is intended. The button is styled to look like a proper button and is placed at the top of the page for easy access.
These extra pages found in the footer of the website now have a base structure. No content yet.
The links are now NavLink components that lead to the correct pages instead of just being text. Additionally, the CSS for the footer has been updated to make the new layout look better/work for the NavLink tags.
This just outlines the basic content for the pages linked in the footer, including News, Data, Terms of Service, Privacy Policy, and FAQs. The content is simple placeholder text that can be expanded upon later with real time information and features as needed.
This makes it so the each news item is displayed as a card with a title, caption, body, and date. The content of the news items has also been updated to be more generic and less specific to any particular product or feature.
This moves the date so its in the top right of each news card. This also allows the color theme to update the news page as well when the button is clicked.
Before the UI was broken as the button would instead cycle between the 4 themes. Now, the theme buttons in the navbar will directly set the theme to the one that the user clicks on.
SeanSan06
changed the title
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
This updates the foot and styling/laying out all the related pages that are in the foot area.
Type of Change
How to Test Changes
Simply follow the instructions in the README.md to boot up the website using local host. Then confirm that all UI changes are present and functional.
Checklist/Sanity Checking