Added Banner to Orgs on Homepage

[thedev132]

Summary of the problem

They were not skibidi sigma without the background image banner

Describe your changes

now it is skibidi sigma!!!

Checklist

• Descriptive PR title (Does the title explain the changes in a concise manner?)
• Tag related issues so they auto-close on merge
• Easily digestible commits (Are the commits small and easy to understand?) video
• CI passes (Do the GitHub checks pass?)
• Tested by submitter before requesting review (Does it work in development iOS/android? )

[github-actions]

🚀 Expo preview is ready!

• Project → hcb-mobile
• Platforms → android, ios
• Scheme → hcb
• Runtime Version → 1.0.0
• More info

Learn more about 𝝠 Expo Github Action

[Luke-Oldenburg]

The organization cards should be the same aspect ratio as on the website especially with banners imo.

[thedev132]

I'm kinda against that as I wanna keep them as small cards so you can easily access organizations as people with many would have to start scrolling through a lot.

[Luke-Oldenburg]

@thedev132 can the size at least be standardized? Not all of the cards are sized the same. Also for most people they probably have the same amount of HCB cards or more HCB cards than the amount of organizations they are in and those are sized larger (obviously for realism but point still stands).

[Luke-Oldenburg]

Also, the background had ought to be tinted darker so you can read the organization name still. Site CSS appears to be this although I may have gotten the wrong class:

.card.card--background-image {
  background-image: linear-gradient(rgba(37,36,41,.5) 0,rgba(37,36,41,.85) 75%),var(--bg-image);

}

[thedev132]

@Luke-Oldenburg Thanks for code was looking for that tint lol. As for the standardized size, they all are usually pretty much the same with exceptions of multi lined organization names. If it's not that idk and a visual might help :)

[Luke-Oldenburg]

It appears if they don't have a background set they are smaller. Also, should we be truncating those names as we do on HCB cards to standardize size?

[thedev132]

Hey if you could show me that’d be better.

[Luke-Oldenburg]

[thedev132]

Just fixed that issue! As for banner tints, those values are way darker than what i gave. If you wanna fix it could u provide me with some better gradients :)