WEBVTT

0
00:00.330 --> 00:07.050
All right here comes the answer. Are you ready? Now because we know the code used to work when our header

1
00:07.050 --> 00:07.180
.

2
00:07.190 --> 00:14.880
ejs file was inside our views folder, we know that all we have to do is just change the path in order

3
00:14.880 --> 00:19.320
for EJS to be able to reach it and include it in our home page.

4
00:19.320 --> 00:25.440
Now the only change that has happened is instead of being immediately available inside the views folder

5
00:25.780 --> 00:30.060
our header file is now in a subfolder called partials.

6
00:30.060 --> 00:39.510
So if you remember how directories work, our styles.css is inside /public/css/

7
00:39.680 --> 00:41.130
styles.css

8
00:41.160 --> 00:41.660
right?

9
00:41.880 --> 00:50.790
So in order to reach our new header location all we have to do is just to update the path inside the string.

10
00:51.000 --> 00:55.900
So we know that EJS already knows to look inside the views folder

11
00:56.130 --> 01:02.190
so that's where we're going to start specifying our file path. And when it's here we're going to tell

12
01:02.190 --> 01:08.460
it to go to this folder called partials and then navigate inside it to find this file called header.

13
01:08.920 --> 01:12.600
And we'll go ahead and do the same for our footer.

14
01:12.930 --> 01:20.280
So now let's hit save. And let's go ahead and refresh our website and you can see that we've recovered

15
01:20.550 --> 01:23.540
our header partial and our footer partial

16
01:23.580 --> 01:30.210
and now our code is laid out the way that it's meant to be with a partials folder and also a views

17
01:30.210 --> 01:35.830
folder inside our views folder and also the rest of our EJS pages.

18
01:35.880 --> 01:37.800
Did you get that right? Now

19
01:37.830 --> 01:41.450
if you had any trouble with any of the previous challenges

20
01:41.610 --> 01:47.400
be sure to take a look at some of the tutorial videos where we spoke about a lot of these things in

21
01:47.400 --> 01:52.200
detail. But otherwise when you're ready, let's head over to challenge 5.