Swapping design assets

In the exercise files, I've provided a folder named __BOOTSTRAPPIN_PORTFOLIO_ASSETS, which includes a version of our assets files from Chapter 2, Bootstrappin' Your Portfolio with a few modifications.

If you care to look inside this folder, there are a few new touches. I've moved the favicon.ico and apple-touch-icon-precomposed.png files from the main folder to their own ico folder. Most importantly, I've optimized and compressed the CSS and JavaScript files main.css, main.js, and plugins.js in the steps outlined in Appendix A, Optimizing Site Assets.

Inside the __BOOTSTRAPPIN_PORTFOLIO_ASSETS folder, you'll now see this structure. I've highlighted the files that will be directly linked to our theme as shown in the following screenshot:

The easiest way to move forward is to move boldly. Let's swap folders:

1. Rename Roots's assets folder to __ROOTS-ASSETS-ORIGINAL.

2. Rename __BOOTSTRAPPIN_PORTFOLIO_ASSETS to assets.

3. Now, bear in mind, we will need to update the links to our CSS...