We will now create a custom template for our application. The first thing that we will do is to go into the views
folder and open layout.jade
; there are a few things that we need to do here. We will set up just a very basic structure, so we will go right under the body
tag here and add a space and create a class called container
:
doctype html html head title= title link(rel='stylesheet', href='/stylesheets/style.css') body .container block content
In the container
class, we will create an img
tag using Jade, giving it a class of logo
(I'll give it an src
attribute); we'll set this to /images/nodebloglogo.png
, and this will be in your files:
.container img.logo(src='/images/nodebloglogo.png')
In this container, we will create a nav
tag, and inside this, we'll have a ul
; next, we'll have li
, and then, we'll have the a
link, let's give it an href
attribute, which will go to /
, and after this, we'll say Home
:
.container img.logo(src='/images/nodebloglogo...