Feature/145/about content on mobile

[GabeDiniz]

✨ Issue: #145
🔀 Branch: feature/145/about-content-on-mobile

✏ What was changed?

• Update SVG for mobile
• Change text color to match Hero section (hopefully its more readable)

Let me know what you guys think about the text color. It matches the Hero section now and I think its a little more readable. I don't know how I feel about the About Title and Content being different colors though.

See the last screenshot to see the possible alternative for text-color.

📜 Screenshots
Width: 390px

Width: 650px

Possible alternative?

[GabeDiniz]

Looks better with the gradient:

[teoh4770]

Got one question: Why do we have repeated images in the assets/hero-about?

[teoh4770]

and I feel like the about section paragraphs' color can be darker to make the text more obvious.
I have run the color choices in the web accessibility color contrast checker, and it suggests that as well.

[teoh4770]

I also find that the spacing of the content is weird in desktop view.
I know it is not under your scope of your pr, we can make an issue for that after we have addressed this one first.

[teoh4770]

but besides that, I think @GabeDiniz changes make it better for sure!

[GabeDiniz]

Got one question: Why do we have repeated images in the assets/hero-about?

I was gonna remove that :) just waiting to see if everyone was happy with the final design. I didn't want to get rid of it until we all came to an agreement on the styling. Sorry about that, I should've said said that 😅

[GabeDiniz]

and I feel like the about section paragraphs' color can be darker to make the text more obvious. I have run the color choices in the web accessibility color contrast checker, and it suggests that as well.

@teoh4770 do you have a color suggestion? What do you think of this (#1D4549)

[GabeDiniz]

I also find that the spacing of the content is weird in desktop view. I know it is not under your scope of your pr, we can make an issue for that after we have addressed this one first.

@teoh4770, you are right, its totally weird LOL.. I just fixed it. Should look a lot better now for all breakpoints.

[teoh4770]

and I feel like the about section paragraphs' color can be darker to make the text more obvious. I have run the color choices in the web accessibility color contrast checker, and it suggests that as well.

@teoh4770 do you have a color suggestion? What do you think of this (#1D4549)

As long as it's clear to see, and the colour is aligned with the title like the one you have. Others can suggest the colour as well

[teoh4770]

Got one question: Why do we have repeated images in the assets/hero-about?

I was gonna remove that :) just waiting to see if everyone was happy with the final design. I didn't want to get rid of it until we all came to an agreement on the styling. Sorry about that, I should've said said that 😅

We can always revert back to the change if we want to get back the original pic👍
And no worries though

[aidantrabs]

We'll talk about this tonight