1
00:00:00,810 --> 00:00:05,970
In this video, we are going to render the profile templates.

2
00:00:06,060 --> 00:00:13,620
The steps are going to be the same as we did for the ad template, and I'm going to place it inside

3
00:00:13,620 --> 00:00:14,790
the users.

4
00:00:14,790 --> 00:00:23,370
So I'm going to copy the template and place it inside here and I'm going to rename this one to Dot Edges.

5
00:00:24,150 --> 00:00:25,620
And there you go.

6
00:00:25,620 --> 00:00:30,030
For the CSS, we are going to use the same CSS for the home page.

7
00:00:30,030 --> 00:00:35,370
So I'm going to remove this path and I'm going to make use of.

8
00:00:36,300 --> 00:00:43,050
Forward slash CCS, forward slash style dot ccs.

9
00:00:43,050 --> 00:00:46,080
And you also need to pull five CSIS.

10
00:00:46,080 --> 00:00:53,460
So I'm going to copy the profile CSIS and place it under the CSIS folder as that.

11
00:00:53,820 --> 00:00:56,550
And for this, the path is correct.

12
00:00:56,550 --> 00:01:01,440
So now let's save it and let's create a route for the profile.

13
00:01:01,440 --> 00:01:05,640
So let's get into the users route, which is this.

14
00:01:07,180 --> 00:01:10,360
And let me copy one of these ones.

15
00:01:11,020 --> 00:01:16,390
And down here, I'll paste and change this one to profile template.

16
00:01:17,990 --> 00:01:21,440
The path for this, I will make use of profile.

17
00:01:22,450 --> 00:01:30,790
But remember, we have a route that fetches a profile end point that uses the same gate request.

18
00:01:30,790 --> 00:01:39,280
So let's change this one as profile dash page and this one will point to the client side.

19
00:01:39,550 --> 00:01:46,830
Let me change this one to profile and let's go ahead and check it out.

20
00:01:46,840 --> 00:01:47,990
Inside the page.

21
00:01:47,990 --> 00:01:51,820
It's going to be forward slash profile dash page.

22
00:01:52,300 --> 00:01:57,850
And this is a page, but we don't have the images for the post.

23
00:01:57,850 --> 00:02:01,540
So let's see how we are going to add those images.

24
00:02:01,540 --> 00:02:08,590
So let's look at the profile template and let's have a look at the images that are used for this.

25
00:02:09,449 --> 00:02:12,450
The first image, we're going to be post three image.

26
00:02:12,450 --> 00:02:19,230
So I'm going to copy that image and place it inside the public and images folder.

27
00:02:20,710 --> 00:02:24,850
The next image is going to be post seven.

28
00:02:24,850 --> 00:02:28,330
So I'm going to copy the image and place it here.

29
00:02:28,450 --> 00:02:35,440
The next one is going to be the poster in the same image, and I think that's what we need for now,

30
00:02:35,470 --> 00:02:37,090
these two images.

31
00:02:37,390 --> 00:02:40,620
So let's go ahead and use the image.

32
00:02:40,630 --> 00:02:42,860
So here we go.

33
00:02:43,120 --> 00:02:45,130
I'm going to remove this one.

34
00:02:46,400 --> 00:02:48,620
And everything remains the same.

35
00:02:48,650 --> 00:02:50,060
Like, what's this?

36
00:02:50,600 --> 00:02:54,440
So let's go ahead and then refresh it and let's see.

37
00:02:55,610 --> 00:02:58,130
And we have these two images.

38
00:02:58,130 --> 00:03:00,670
The last one is let me have a look.

39
00:03:00,680 --> 00:03:02,750
Let me remove this dot here.

40
00:03:03,020 --> 00:03:04,250
That is a problem.

41
00:03:04,250 --> 00:03:05,630
So let's have a look.

42
00:03:05,630 --> 00:03:07,490
And there we go.

43
00:03:07,520 --> 00:03:08,240
Perfect.

44
00:03:08,480 --> 00:03:09,890
All right, that is it.

45
00:03:09,920 --> 00:03:11,750
Catch you up in the next video.