Customizing the template

As in our previous projects, let's update our Harp templates, theme, and Less files before we start with the actual pages. Make a copy of your boilerplate from chapter 1 and rename it to chapter 4 or Bootstrap Wiki. Open up the _data.json file and insert the following code into it:

{
  "index": {
    "pageTitle": "Bootstrap Wiki"
  },
  "article": {
    "pageTitle": "Article"
  },
  "search-results": {
    "pageTitle": "Search Results"
  },
  "profile": {
    "pageTitle": "Profile"
  }
}

For this project, we'll have four different page templates, so we need to create an entry for each of them. Remember that the first portion is the actual .ejs filename and the pageTitle variable is what we'll use to set the <title> of each page. Go ahead and create these four .ejs files in the root of your project directory. You can just leave them blank for now:

• index.ejs

• article.ejs

• search-results.ejs

• profile.ejs

Updating _layout.ejs

The next thing that we'll do is update...