Updated GIFs and Screenshots with up-to-date branding of FreeCodeCamp

[ghost]

Pre-Submission Checklist

• Your pull request targets the staging branch of FreeCodeCamp.
• Branch starts with either fix/, feature/, or translate/.
• You have only one commit.
• All new and existing tests pass the command npm run test-challenges.

Type of Change

• Small bug fix (non-breaking change which fixes an issue)

Checklist:

• Tested changes locally.
• Closes currently open issue: Closes Update GIFs and screenshots on Getting Started Challenges #8839

[dhcodes]

@atjonathan this lgtm, but there are still a few gifs with older branding. ex. http://beta.freecodecamp.com/en/challenges/join-the-free-code-camp-community/learn-what-to-do-if-you-get-stuck step 7/8 where the site in the gif still has the brown color scheme. I'm not sure all of them need to be updated but wanted to point it out just in case.

[ghost]

@dhcodes, sure 😉

[camperbot]

@atjonathan updated the pull request.

[ghost]

@dhcodes, we should be good to go!

[dhcodes]

LGTM, can someone else test too?

[dhcodes]

LGTM @atjonathan. As food for thought in the future, I might recommend stripping out the loading screens between sites (ex. the 2 second white screen when loading the facebook page) on the gifs. Do you use Camtasia to make these gifs?

[ghost]

@dhcodes, I use licecap. The old gifs had loading screens so I didn't think to remove them in the new ones. When these need changed again, we can bear that in mind 😄