1
00:00:00,240 --> 00:00:07,620
All right, so at the moment, our shared layout is somewhat empty, where we have the temporary number

2
00:00:08,039 --> 00:00:11,490
and the outlet where we render all the pages.

3
00:00:12,000 --> 00:00:18,510
So let's change that one around and essentially set up the structure for rest of the components.

4
00:00:19,050 --> 00:00:22,050
And in there, we'll have the big sidebar.

5
00:00:22,260 --> 00:00:26,610
So essentially, this is going to be a sidebar that is showcased on the big screen.

6
00:00:27,000 --> 00:00:29,220
Then we'll also have small sidebar.

7
00:00:29,790 --> 00:00:36,410
And that's not the reason why everything so smushed is, again, because I have zoomed in.

8
00:00:36,420 --> 00:00:39,840
So that's the reason why everything looks so funky.

9
00:00:40,320 --> 00:00:43,320
But like I said, there's also going to be a small sidebar.

10
00:00:43,740 --> 00:00:46,890
So this is what the user is going to see on a small screen.

11
00:00:47,310 --> 00:00:50,760
And then we also want to set up the bar.

12
00:00:51,250 --> 00:00:53,730
And there's going to be a way to come out.

13
00:00:54,090 --> 00:01:01,360
So once we get to the big screen on left hand side, first column is going to be the big sidebar and

14
00:01:01,380 --> 00:01:09,750
kind of the map bar the actual page, whether or not it's all jobs profile or whatever is going to be

15
00:01:09,900 --> 00:01:12,510
sitting in the second column as well.

16
00:01:12,960 --> 00:01:18,330
So again, our goal for now is just to set up the general structure.

17
00:01:18,660 --> 00:01:23,730
First, let's navigate to the read me and I want you to create in the components.

18
00:01:24,180 --> 00:01:26,550
No, just small sidebar.

19
00:01:26,550 --> 00:01:26,910
Yes.

20
00:01:27,240 --> 00:01:28,860
And then big sidebar jars.

21
00:01:29,370 --> 00:01:34,560
Make sure that you right away get all the wrappers so they are located in the assets and then wrappers.

22
00:01:34,980 --> 00:01:37,470
And yes, the file names match.

23
00:01:37,470 --> 00:01:38,040
Exactly.

24
00:01:38,370 --> 00:01:44,730
So just look in the wrappers for small sidebar, big side bar, as well as the number one you want to

25
00:01:44,730 --> 00:01:45,000
set up.

26
00:01:45,010 --> 00:01:45,750
Simple return.

27
00:01:45,930 --> 00:01:51,960
So add the wrapper and then add simple, I don't know, heading one or heading for or whatever.

28
00:01:51,980 --> 00:01:55,800
For now, bar and then rest of them then set up import export.

29
00:01:56,040 --> 00:02:00,180
So I'm talking about index jobs in the components.

30
00:02:00,720 --> 00:02:01,070
Correct.

31
00:02:01,500 --> 00:02:08,120
And then once you're done with that back in the shared layout, grab them from the components and then

32
00:02:08,310 --> 00:02:10,199
this is the structure that I want you to set up.

33
00:02:10,590 --> 00:02:17,100
Now I probably suggest waiting so I can do it together because it's extremely important that first you

34
00:02:17,100 --> 00:02:19,620
understand the general idea.

35
00:02:20,010 --> 00:02:26,370
And second, so you don't make some small typo because then your layout is just going to be off.