search

rachelktyjohnson / hktbf22-student-contributors

See it live here: https://rachelktyjohnson.github.io/hktbf22-student-contributors/
1 stars 8 forks source link

Add styles to visually differentiate between different TechDegrees #4

Closed rachelktyjohnson closed 2 years ago

rachelktyjohnson commented 2 years ago

Let's add some TechDegree colors

You must be assigned this issue in order for your Pull Request to be accepted and merged. Please refer to "How to claim an Issue here: https://github.com/rachelktyjohnson/hktbf22-student-contributors/blob/master/CONTRIBUTING.md#how-to-claim-an-issue

I think it'll be nice to be able to visually see what TechDegree everyone is in without reading too much. This issue requires you to write some CSS to add some sort of styles to each student card so it displays some sort of color based on what TechDegree the student is.

Each .student-card will also have a class related to the TechDegree: fewd, fsjs, web, python, data, or ux. Use this class to dynamically add a background, a border, change the a color... anything that will help us quickly see which TechDegree a student is in! Here's an example:

Issue 4 Example

Here are the different TechDegree colors:

Python & Data Analysis: #9f4b84;
UX: #4a4290;
FEWD: #3659a2;
FSJS and WEB: #0e8397;
Eddayavuz commented 2 years ago

Hi, just a suggestion it would've been useful to put a label like: "TechDegree Students Only"

jajablinky commented 2 years ago

i would like to be assigned this one please! geoff millar in slack!

rachelktyjohnson commented 2 years ago

@jajablinky all yours! Keen to see what you do