1 00:00:00,450 --> 00:00:07,530 OK, guys, and now let's do the same thing, but for the home section, the first thing we will do 2 00:00:07,530 --> 00:00:15,000 right here is to check the class of the home section we got here, the first class, which is the purple. 3 00:00:15,360 --> 00:00:21,620 So we can just go here to the script and edit for the purple. 4 00:00:21,630 --> 00:00:23,550 We can use a variable. 5 00:00:23,970 --> 00:00:26,490 And this variable, we can give it purple. 6 00:00:26,490 --> 00:00:33,650 That'd be the same as the class name and this one to be for purple. 7 00:00:34,080 --> 00:00:40,230 And then we can paste the same list to be purple and the same as here. 8 00:00:41,490 --> 00:00:45,710 And then we will change its color for the color of the purple. 9 00:00:45,960 --> 00:00:54,540 We can just give it a color of f o eight v e to. 10 00:00:55,320 --> 00:01:00,110 Let's see what we have here right now when we click on Dark Mode. 11 00:01:00,490 --> 00:01:01,700 OK, that's good. 12 00:01:02,010 --> 00:01:05,190 And this is applied for all of the purple. 13 00:01:06,090 --> 00:01:09,750 And then after this part we will edit for the grade. 14 00:01:09,990 --> 00:01:11,580 But we can make this different. 15 00:01:11,850 --> 00:01:20,990 We can make this one to be having the color of, uh, e, c, a, c, e, c. 16 00:01:21,540 --> 00:01:26,070 Let's see what we have here inside the white page when we go and choose the dark. 17 00:01:26,430 --> 00:01:27,690 OK, that's good. 18 00:01:27,990 --> 00:01:31,220 After this part here we have that green. 19 00:01:31,590 --> 00:01:34,680 We can create a new variable for the grade. 20 00:01:34,680 --> 00:01:40,260 We can copy and paste this one to be gray and the same as your gray. 21 00:01:41,100 --> 00:01:47,820 And then we can cut this part and paste and then here we can use that gray. 22 00:01:49,080 --> 00:02:01,670 And here again, and for the color of that grade, we can give it a color of F F oh eight C, didn't 23 00:02:01,680 --> 00:02:01,950 you? 24 00:02:02,580 --> 00:02:07,970 Let's do what we have here for this Web page when we choose the document. 25 00:02:08,280 --> 00:02:09,360 OK, that's good. 26 00:02:09,750 --> 00:02:13,800 What we want to edit now is the pushing for the button. 27 00:02:14,010 --> 00:02:15,330 We can just, uh. 28 00:02:16,330 --> 00:02:20,530 Yes, we can go for the bottom purple. 29 00:02:23,110 --> 00:02:24,350 Yes, OK. 30 00:02:24,850 --> 00:02:26,060 The where is it? 31 00:02:26,950 --> 00:02:37,780 Yes, we can cover this one and we could put in purple, but here we have something we can we cannot 32 00:02:37,780 --> 00:02:40,050 use this dead body for the purple. 33 00:02:40,360 --> 00:02:42,940 So we can just use the underscore. 34 00:02:43,570 --> 00:02:47,830 And then here we can copy this bond based here and here. 35 00:02:48,130 --> 00:02:52,530 This one to be for background color, for the background color. 36 00:02:52,540 --> 00:03:02,350 We can send it to F to a three, six, five, and then we can add for the shadow we can just go to this 37 00:03:02,710 --> 00:03:09,550 of and search for purple or put in purple Patan purple. 38 00:03:09,820 --> 00:03:18,820 And then here we can copy the shadow passage here we can use it and this won't be for the bottom purple. 39 00:03:20,290 --> 00:03:30,460 OK, and here we can copy this morning but this won't be for the shadow and then we can copy this color 40 00:03:30,490 --> 00:03:32,440 and pasted instead of this one. 41 00:03:32,800 --> 00:03:37,330 And here, let's see what we have here for the moment. 42 00:03:38,600 --> 00:03:45,850 OK, and then we got this for the dark moon with this over effect and apply it to the rest. 43 00:03:46,660 --> 00:03:52,990 OK, after this part, what we want to do is to change the background image. 44 00:03:53,290 --> 00:04:06,310 We can just go to this or we can create from here, OK, paste and this one to be having for the home 45 00:04:08,640 --> 00:04:11,770 ground image we can use here. 46 00:04:11,890 --> 00:04:16,040 Lenio Collegiates linear gradient. 47 00:04:16,160 --> 00:04:18,030 Let's just get with this after. 48 00:04:18,040 --> 00:04:31,840 We can just imagine being here to put in one and it's to be for the color here which we can add, we 49 00:04:31,840 --> 00:04:35,650 can add the color of uh yes. 50 00:04:35,840 --> 00:04:40,120 Yes oh one oh ten one. 51 00:04:40,720 --> 00:04:50,500 And then we can decrease this degree to be zero and then we can add you are full of uh I think we can 52 00:04:50,500 --> 00:04:54,550 use eight just OK. 53 00:04:54,880 --> 00:04:57,050 We can copy the name from here. 54 00:04:57,880 --> 00:04:58,270 Yes. 55 00:04:58,270 --> 00:04:58,840 This one. 56 00:04:59,440 --> 00:05:03,370 And if it's not good we can edit that later. 57 00:05:07,990 --> 00:05:11,260 OK, what's the problem with you. 58 00:05:11,650 --> 00:05:12,160 Yes. 59 00:05:13,030 --> 00:05:14,800 They've got Gene. 60 00:05:15,550 --> 00:05:16,780 Do we have any problem with the. 61 00:05:17,530 --> 00:05:20,170 Yes, I think it's working great right now. 62 00:05:20,650 --> 00:05:30,310 And then after this part, what we can do is to copy this thing which is inside, OK, and then delete 63 00:05:30,310 --> 00:05:31,780 this one right here. 64 00:05:32,140 --> 00:05:33,550 Go back to this correct. 65 00:05:34,030 --> 00:05:37,210 And paste it inside the back ground. 66 00:05:37,570 --> 00:05:42,670 We can just go to the home and paste this one right here. 67 00:05:43,090 --> 00:05:44,950 And I hope we are having no problem. 68 00:05:45,460 --> 00:05:47,860 We can reload into the dark mood. 69 00:05:48,130 --> 00:05:51,370 And here we have this with the linear greetings. 70 00:05:51,790 --> 00:06:00,250 OK, after this part, what we can do is to make for the home section, for the home section and for 71 00:06:00,250 --> 00:06:03,250 all of the body we can attach here. 72 00:06:04,270 --> 00:06:09,820 Or we can just copy this one and paste after this one right here. 73 00:06:11,330 --> 00:06:15,220 OK, this one to be for the whole party. 74 00:06:15,490 --> 00:06:16,720 For the whole party. 75 00:06:16,900 --> 00:06:23,890 I wanted to be having the background color of hash, only 10 percent one. 76 00:06:24,310 --> 00:06:33,700 We can just go reload and shoot this one right here and then we will be having this for all of that. 77 00:06:34,180 --> 00:06:38,950 After this part, we can edit the background of this one. 78 00:06:39,590 --> 00:06:41,830 This is having that big one. 79 00:06:42,430 --> 00:06:44,350 We can go here. 80 00:06:44,860 --> 00:06:49,780 We have many of Pedialyte, so we will use the four function here. 81 00:06:49,960 --> 00:06:59,050 We can set the variable for the page and like var of party line and then we can copy this one right 82 00:06:59,050 --> 00:07:04,750 here and this one to be for the p g light. 83 00:07:06,080 --> 00:07:10,630 OK, and then we can copy this part basic here. 84 00:07:11,050 --> 00:07:14,830 We can copy the Pedialyte and apply it here. 85 00:07:15,450 --> 00:07:23,280 We don't need this one and this one, we will give a different background color, we can give it a background 86 00:07:23,280 --> 00:07:28,360 color of two, two, two, eight, three, one. 87 00:07:28,860 --> 00:07:34,200 Let's see what we have right here when we try to keep this thing dark. 88 00:07:35,280 --> 00:07:37,140 So what's the problem here? 89 00:07:37,170 --> 00:07:38,160 We got something wrong. 90 00:07:38,340 --> 00:07:38,880 Yes. 91 00:07:39,210 --> 00:07:41,450 To be blind. 92 00:07:42,420 --> 00:07:43,710 Let's see what we have here. 93 00:07:43,710 --> 00:07:48,820 When we go click on the chart would go up, up, up. 94 00:07:49,140 --> 00:07:50,160 It's not working. 95 00:07:50,730 --> 00:07:51,500 We got a problem. 96 00:07:51,510 --> 00:07:52,320 This part. 97 00:07:52,950 --> 00:07:55,810 This could be big one and not a lot. 98 00:07:56,520 --> 00:07:59,920 Let's try and gain their dark mood. 99 00:08:00,240 --> 00:08:03,120 So now it's working great and we got no problem with that. 100 00:08:03,830 --> 00:08:10,200 OK, the next thing we want to edit is this color, which is the purple light. 101 00:08:10,560 --> 00:08:12,630 We can do the same here. 102 00:08:13,200 --> 00:08:14,700 We can cover this part. 103 00:08:14,700 --> 00:08:21,360 And this want to be for the purple light, this one to be purple 104 00:08:23,760 --> 00:08:24,470 light. 105 00:08:24,690 --> 00:08:25,920 And we don't need to put in. 106 00:08:25,920 --> 00:08:27,000 So we can just delete. 107 00:08:28,140 --> 00:08:38,910 We can go to this bar, copy and paste this one to be for the pea or purple light. 108 00:08:39,380 --> 00:08:46,770 If this one here we can copy this one applied here is to be color for the color. 109 00:08:46,770 --> 00:08:50,250 We can give it the same color as the grade. 110 00:08:50,250 --> 00:08:57,060 We can just cover this color and let's see what we have here inside the white page when we do this part. 111 00:08:58,870 --> 00:09:01,410 OK, so now we are having this color. 112 00:09:01,890 --> 00:09:03,510 This is perfect, isn't it? 113 00:09:04,600 --> 00:09:09,360 OK, let's see what else we will do for this part. 114 00:09:09,690 --> 00:09:12,320 We can just calm down and see what we can do. 115 00:09:12,330 --> 00:09:14,910 Now we are done from this part. 116 00:09:14,910 --> 00:09:16,110 All Yes. 117 00:09:16,350 --> 00:09:19,310 For this thing here we got the lead. 118 00:09:19,620 --> 00:09:21,660 We can just get this part. 119 00:09:21,660 --> 00:09:29,580 And I don't remember the name of the class, so we can just scroll down and see what we can edit the 120 00:09:29,580 --> 00:09:32,250 class of values. 121 00:09:32,370 --> 00:09:32,760 Yeah. 122 00:09:32,820 --> 00:09:33,480 Revalues. 123 00:09:34,510 --> 00:09:36,000 OK, ok. 124 00:09:36,030 --> 00:09:36,780 OK. 125 00:09:37,380 --> 00:09:38,700 And then here. 126 00:09:39,270 --> 00:09:40,260 OK, ok. 127 00:09:40,260 --> 00:09:40,740 OK. 128 00:09:40,740 --> 00:09:45,720 What we can do right now is to let me just think about it. 129 00:09:48,270 --> 00:09:50,740 OK, OK, OK, that's good. 130 00:09:50,760 --> 00:09:55,830 Until now, we got to that text, we want to change the text. 131 00:09:56,880 --> 00:09:58,860 Let's reload into the dark. 132 00:09:59,350 --> 00:10:02,640 Yes, I think we can see what we can do right here. 133 00:10:03,030 --> 00:10:07,160 We can't have the light moved through the darkness. 134 00:10:07,590 --> 00:10:16,920 We can reload into the dark and we can move to the valley section and see what's inside the hash values. 135 00:10:17,490 --> 00:10:23,810 Yes, this one right here, the shadow with the idea of the shadow. 136 00:10:24,150 --> 00:10:25,390 We will air this idea. 137 00:10:26,350 --> 00:10:29,100 OK, so we can just move to this character. 138 00:10:31,460 --> 00:10:40,460 The same, if we can, we can now create a new function for this one right here. 139 00:10:41,240 --> 00:10:50,440 This could be for the books Shadow, you can copy this one or cut it in a way they want to be for the 140 00:10:50,480 --> 00:10:53,810 cook's shadow. 141 00:10:54,670 --> 00:10:55,340 Yes, yes. 142 00:10:55,580 --> 00:11:00,530 We can now search for the shadow, this one right here. 143 00:11:01,440 --> 00:11:06,230 And then we can give it the color of white. 144 00:11:06,620 --> 00:11:12,050 We can go here to the script and paste this inside. 145 00:11:12,530 --> 00:11:15,530 But instead of this one Apple White. 146 00:11:17,530 --> 00:11:20,860 We can see the dark, the what's the problem? 147 00:11:20,900 --> 00:11:29,120 Yes, we can delete the property and then let's see what we have here when we below and choose the document. 148 00:11:30,440 --> 00:11:32,170 OK, that's good right here. 149 00:11:32,420 --> 00:11:35,010 But people need to use the for loop. 150 00:11:35,440 --> 00:11:36,640 Let's just do it. 151 00:11:37,120 --> 00:11:37,570 All right. 152 00:11:37,570 --> 00:11:50,830 Here we can meet and article for Shadow and then we can cover this one right here and apply to here, 153 00:11:51,640 --> 00:11:52,290 OK? 154 00:11:52,810 --> 00:11:55,120 And then we can do the same as here. 155 00:11:57,050 --> 00:11:58,830 We can just apply to the job. 156 00:12:01,480 --> 00:12:13,310 And companies want to here and there and then add the shadow and the shadow, we will do this one right 157 00:12:13,330 --> 00:12:18,170 here so we can compete in the latest line and apply here. 158 00:12:18,850 --> 00:12:22,270 Let's see what we have here right now when we choose the dark mood. 159 00:12:22,750 --> 00:12:30,430 Now, this is applied for all of that and that right after the start, we can give it a background color 160 00:12:30,550 --> 00:12:35,460 of white, for example, if you wish, so that we can just leave it black. 161 00:12:35,470 --> 00:12:36,100 It's good. 162 00:12:37,060 --> 00:12:38,580 And activist party. 163 00:12:38,770 --> 00:12:46,660 We will edit the text inside to be for the, uh, the white color here. 164 00:12:47,200 --> 00:12:53,260 When we scroll down, we got a lead so we can use the same for the length. 165 00:12:53,620 --> 00:12:58,270 We can create a new vertical right here and click lead. 166 00:12:59,140 --> 00:13:02,140 And for this one we will choose the class. 167 00:13:02,170 --> 00:13:05,290 Hopefully we can do the same here. 168 00:13:05,530 --> 00:13:09,100 And they used this one to be for the Mm. 169 00:13:09,340 --> 00:13:19,440 Uh, this one to be for the color and this one to be for the color of uh where, where is it to. 170 00:13:19,840 --> 00:13:28,900 We can just choose uh this one right here and based let's see what we have here right now when we go 171 00:13:28,900 --> 00:13:32,430 and do this part of the dark mood. 172 00:13:33,040 --> 00:13:35,260 OK, we get something wrong with this part. 173 00:13:35,980 --> 00:13:37,990 Uh, so what's the problem with it. 174 00:13:39,310 --> 00:13:41,530 Yeah, we got something. 175 00:13:41,530 --> 00:13:42,450 Yes, Bihac. 176 00:13:43,180 --> 00:13:46,030 Let's see what we have here right now where you do the hachim. 177 00:13:47,440 --> 00:13:49,390 So here we got this working. 178 00:13:50,140 --> 00:13:53,470 OK, BASKETT This is very good. 179 00:13:53,650 --> 00:13:57,160 And this is enough for the next for this video. 180 00:13:57,340 --> 00:14:01,480 In the next video, we will see what we can do more for this project. 181 00:14:01,480 --> 00:14:03,370 So good luck and have fun.