Customizing the template

As in our previous projects, we start by copying our Boilerplate project and create a new one called Chapter 5. Open up the _data.json file and insert the following code:

{
  "index": {
    "pageTitle": "Home"
  },
  "article": {
    "pageTitle": "Article",
    "layout": "_layout-article"
  }
}

For this project, we are going to create two page templates. Let's start by creating two new files in the root of our project. For now, they can just be blank and we'll start to fill them in a little later:

• index.ejs

• article.ejs

Updating _layout.ejs

Let's start by updating the _layout.ejs file in the root of our new project. The layout for the home page is pretty straightforward. Make sure you include the line of code that will import Source Sans Pro as our web font. Yep, we're going to use it again in this project:

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700' rel='stylesheet' type='text/css'>

This will import three type weights: Light...