1

00:00:00,060 --> 00:00:08,100

Big eyes, and now we will add the Java script for Kind Pilot by the first thing here, sorry, we will



2

00:00:08,120 --> 00:00:13,980

add a JavaScript for the index and for the NAF part in a way and activist part.



3

00:00:14,190 --> 00:00:23,220

What we can do is to add here a class and give it and give it a display of none so we can show this



4

00:00:23,220 --> 00:00:26,850

class with an active one which is having the display of pluck.



5

00:00:27,210 --> 00:00:34,740

And he we can do this one and then we can go to the index, but attached to an element and here we can



6

00:00:34,740 --> 00:00:45,750

add the nun and then here we can create character Dot Gigas and then we can scroll down to connect between,



7

00:00:45,750 --> 00:00:48,830

then scroll down, down, down.



8

00:00:49,170 --> 00:00:52,140

I think I've connected between them right here.



9

00:00:53,540 --> 00:00:55,820

We can't confirm this one here.



10

00:00:56,410 --> 00:01:05,120

OK, for your source code, it just not typed so we can delete it and we can extract with the words



11

00:01:05,120 --> 00:01:08,090

that are here for the source to be scrapped, Don.



12

00:01:08,910 --> 00:01:09,910

And then closed.



13

00:01:10,490 --> 00:01:12,320

And now we can move to the.



14

00:01:13,580 --> 00:01:16,700

As we can add here, two variables.



15

00:01:17,070 --> 00:01:22,210

The first one to be for the Tuggle and the second one to be for the top map.



16

00:01:22,730 --> 00:01:31,490

We can go here and a bar of chocolate to be equal to document that requires a lecture that put in because



17

00:01:31,700 --> 00:01:38,160

people just need that chocolate pudding and the nap, which is everything inside the Navot.



18

00:01:38,510 --> 00:01:47,660

And here we can make a document that requires a lecture to be for the chocolate class.



19

00:01:48,530 --> 00:01:54,140

And then here we can sit on another variable for the class of the nav talk.



20

00:01:54,410 --> 00:02:03,840

We can make here variable with the variable of top nav and then here to be equal document quiet with



21

00:02:03,840 --> 00:02:04,490

the lecture.



22

00:02:05,060 --> 00:02:09,210

And this to be were the never top.



23

00:02:10,270 --> 00:02:13,050

OK, and here we can delete this space.



24

00:02:14,330 --> 00:02:16,790

OK, this could add to this part.



25

00:02:17,120 --> 00:02:24,350

We can add for the end event left in for that took a put in because we want when I click on the total



26

00:02:24,360 --> 00:02:27,860

button I will be having this with a display of pluck.



27

00:02:27,890 --> 00:02:35,300

And when I click on it again, I want to be having a display of not OK, that's good.



28

00:02:35,750 --> 00:02:44,090

And here now we can just make trouble because we click on the talk of class struggle at Event Left Corner



29

00:02:44,720 --> 00:02:53,370

and that event is click function and then we can function inside the function we will type comes along



30

00:02:54,070 --> 00:02:55,040

comes a look.



31

00:02:55,040 --> 00:02:56,180

It's not the story.



32

00:02:56,840 --> 00:03:04,970

So we are just doing this to test what's going on and if we successfully clicked on it or not, and



33

00:03:04,970 --> 00:03:13,070

here we get on inside trouble click and then here we can make up nav.



34

00:03:13,370 --> 00:03:15,500

We will go the class of active.



35

00:03:15,770 --> 00:03:18,830

We can just go here to the lab class list.



36

00:03:19,280 --> 00:03:23,070

And here we want to about what class you want to go.



37

00:03:23,090 --> 00:03:25,610

I want you to go to that class of factor.



38

00:03:27,060 --> 00:03:30,670

OK, and then we can see what we did right here.



39

00:03:31,690 --> 00:03:33,360

OK, now we are overloaded.



40

00:03:33,660 --> 00:03:38,880

We can just up in inspect to make sure that everything is working fine.



41

00:03:39,270 --> 00:03:40,230

I hope so.



42

00:03:40,500 --> 00:03:45,720

And then when we click here, OK, we get something wrong with this particle with click, but we got



43

00:03:45,720 --> 00:03:46,850

nothing in sight.



44

00:03:47,370 --> 00:03:52,080

We can go to the index of steam team else crawl up work.



45

00:03:52,440 --> 00:03:52,920

Yes.



46

00:03:53,790 --> 00:03:59,010

Here we have that group back here so we get something from this part.



47

00:03:59,010 --> 00:04:00,420

We can scroll down here.



48

00:04:00,420 --> 00:04:03,230

We got the active, OK.



49

00:04:05,060 --> 00:04:06,830

Yeah, so what's the problem?



50

00:04:06,860 --> 00:04:12,420

The spark got a problem here and the trouble was clear.



51

00:04:12,450 --> 00:04:13,940

But we got something wrong.



52

00:04:15,150 --> 00:04:16,210

OK.



53

00:04:16,340 --> 00:04:19,750

OK, yes, I think we can make something different.



54

00:04:20,090 --> 00:04:27,410

We can go here and make that top and inside it, you know, because we are struggling the class for



55

00:04:27,890 --> 00:04:28,090

you.



56

00:04:28,760 --> 00:04:31,590

We can go now and reload and I hope so.



57

00:04:31,820 --> 00:04:34,510

So here we have the next part working it.



58

00:04:34,700 --> 00:04:35,870

It was my mistake.



59

00:04:35,880 --> 00:04:36,440

I'm sorry.



60

00:04:37,220 --> 00:04:38,300

OK, that's good.



61

00:04:38,640 --> 00:04:41,360

But we want these to be at the left.



62

00:04:41,750 --> 00:04:50,750

We can just go here to this panel, this defense, and create new media media for next week.



63

00:04:51,650 --> 00:05:02,030

And here we can set the screen and next with to be nine nine one point nine billion pixels.



64

00:05:02,660 --> 00:05:07,280

And then you can open the bracket and we can take this one right here.



65

00:05:09,020 --> 00:05:10,040

OK, and.



66

00:05:11,430 --> 00:05:19,630

Pay for care, fun, and we can leave this one right here and Markram left to pay their bills.



67

00:05:20,030 --> 00:05:23,770

Let's see from the looks at it, OK, we can just go here.



68

00:05:24,000 --> 00:05:25,170

So now we got this here.



69

00:05:25,320 --> 00:05:28,530

But I want to shift this part to be here.



70

00:05:29,070 --> 00:05:37,440

We can just use a position of absolute for this part, we can make here position and so we can use the



71

00:05:37,440 --> 00:05:43,530

relative, which will be better because it will be taking according to its original position.



72

00:05:43,920 --> 00:05:50,770

And after this part, what we can do is to see what we have right here inside the Web page and reload.



73

00:05:51,360 --> 00:06:02,610

OK, we will add here, left, left, and then we can use the negative side to shift it to this position



74

00:06:03,210 --> 00:06:04,230

when we use a negative.



75

00:06:04,740 --> 00:06:09,410

Well, when we use the positive side, it will make it move here.



76

00:06:09,630 --> 00:06:17,040

But if we use the negative sign, it will make it move here to this direction.



77

00:06:17,540 --> 00:06:22,290

We can try for the negative one hundred pixels and then we can go back.



78

00:06:23,100 --> 00:06:24,040

What about now?



79

00:06:24,520 --> 00:06:29,730

OK, I think we can make it to one three zero.



80

00:06:29,790 --> 00:06:31,460

OK, let's see what we have here.



81

00:06:32,640 --> 00:06:46,260

You know, what about one 20, one 20 is good, and here we just need to add some margin top left to



82

00:06:46,260 --> 00:06:47,590

be a margin chopper.



83

00:06:48,410 --> 00:06:58,710

OK, because I think the larger yes, this is enough and we can just make it to 30, OK.



84

00:06:58,710 --> 00:07:00,610

And 30 is better.



85

00:07:00,960 --> 00:07:05,160

What if we were you with the position of absolute we can use here.



86

00:07:05,160 --> 00:07:06,570

Put the absolute.



87

00:07:08,120 --> 00:07:16,730

OK, when we click here, OK, it's not networking because it's covering behind this part and it will



88

00:07:16,730 --> 00:07:17,420

be different.



89

00:07:17,720 --> 00:07:21,100

Let's make this could be your backfills, OK?



90

00:07:21,740 --> 00:07:27,580

And then we had this year because it was covered at the left, right here.



91

00:07:27,980 --> 00:07:31,430

But we can also add the pet ground color for this part.



92

00:07:31,430 --> 00:07:39,530

And so we can just go here at background color of why we can go in here and reload.



93

00:07:39,770 --> 00:07:44,470

So here we got the background color we can also use here.



94

00:07:44,750 --> 00:07:49,650

That would be one hundred percent of the things.



95

00:07:49,670 --> 00:07:51,700

We can just go now and reload.



96

00:07:52,100 --> 00:07:56,780

So now we got the one hundred percent from the next video.



97

00:07:56,780 --> 00:08:03,320

We can talk about how we can add that dark wood for this website using the tumbler of the classic from



98

00:08:03,320 --> 00:08:04,220

the JavaScript.



99

00:08:04,610 --> 00:08:06,580

So good luck and have fun.