Issue 1974: Student Quotes

[AmasiaNalbandian]

Issue This PR Addresses

Fixes #1974

Type of Change

• Bugfix: Change which fixes an issue
• New Feature: Change which adds functionality
• Documentation Update: Change which improves documentation
• UI: Change which improves UI

Description

I have added a temporary JSON in a file called student-quotes.js with some quotes that struck out to peers in the issue and I. In the Banner.tsx file I have added functionality to pick a random quote and display it on the home page in the banner. When you click on the student's name, it is redirected to the blog link for the quote.

Checklist

• Quality: This PR builds and passes our npm test and works locally
• Tests: This PR includes thorough tests or an explanation of why it does not
• Screenshots: This PR includes screenshots or GIFs of the changes made or an explanation of why it does not (if applicable)
• Documentation: This PR includes updated/added documentation to user exposed functionality or configuration variables are added/changed or an explanation of why it does not(if applicable)

[PedroFonsecaDEV]

I think a space between the quote and the author name would be a good idea.
Also not sure about the i tag.

I would go to with something like this:

[Grommers00]

I think added in italics to the quote instead of the author might look better, and agreed with Pedro the space between the quote and the author will make it magnificent.

What are your thoughts?

[AmasiaNalbandian]

I think added in italics to the quote instead of the author might look better, and agreed with Pedro the space between the quote and the author will make it magnificent.

What are your thoughts?

This is how it looks italisized:

and without italics:

[PedroFonsecaDEV]

LGTM.

[Grommers00]

Looks good!