Gender specific content
The website has different content for men and women. Changing the gender also changes the color scheme on the website.
Some pages, like the about us page, share the same content on both the men and women side. The client requested different colors but wanted to keep the same textual copy.
Yin Yang image generation
The skin types page has multiple Yin Yang symbols. The symbols all have different colors and a shadow is behind each one so a icon font wouldn't work. I didn't want to use images for each one as it would be very difficult for the client to add or edit in the future.
I created a mixin in SCSS to generate the symbol using CSS borders and backgrounds. I then created a field in Drupal for the color so that the symbol can be generated with code without going into Photoshop.
The content on the website is available in both English and French. Some of the characters has accented characters. To ensure the characters appear properly in as many browsers as possible, we converted all the accented characters into their HTML entities.