1 00:00:01,500 --> 00:00:05,340 Ladies and gentlemen, welcome to another lecture today where we are going to do we're going to style 2 00:00:05,340 --> 00:00:06,420 this remaining text. 3 00:00:06,720 --> 00:00:09,330 So when we reach below 500, we just started. 4 00:00:09,720 --> 00:00:11,010 But that's not it. 5 00:00:11,040 --> 00:00:12,510 Now, I know there's one problem. 6 00:00:12,520 --> 00:00:15,840 So here I do have total remaining calories in both places. 7 00:00:16,290 --> 00:00:21,920 So if you don't have this one, just add it front and remain text in the class should be like this, 8 00:00:21,970 --> 00:00:22,170 right? 9 00:00:22,180 --> 00:00:30,180 So go up, change it if you don't have it like this right now here I do have this color here, which 10 00:00:30,180 --> 00:00:37,290 it's not going to be that color, but that color will be when we reach what when we reach zero problem. 11 00:00:37,590 --> 00:00:37,900 Right. 12 00:00:38,370 --> 00:00:38,810 Okay. 13 00:00:38,820 --> 00:00:46,320 So here I'm just going to change a couple of things, so I'm going to change that color. 14 00:00:46,770 --> 00:00:50,660 And after that, I'm going to show you how we can do it in the index file. 15 00:00:51,000 --> 00:00:51,360 Right. 16 00:00:51,510 --> 00:00:57,420 The index file is more easier to understand because I'm going to apply font awesome to notify the user 17 00:00:57,420 --> 00:01:01,050 when I'm around 500 to some spinning circle. 18 00:01:01,050 --> 00:01:02,370 Like like a warning. 19 00:01:02,380 --> 00:01:03,070 Pretty much. 20 00:01:03,420 --> 00:01:08,850 Now, here I am going to see that this will be two oh seven. 21 00:01:11,760 --> 00:01:19,920 Change it to seven zero fifteen and one save it like that. 22 00:01:20,400 --> 00:01:23,640 Now I'm just going to target this guy here. 23 00:01:24,610 --> 00:01:30,420 HMO class front app remain text in her HDMI. 24 00:01:30,440 --> 00:01:32,220 I'm going to leave it like blank like it is. 25 00:01:32,760 --> 00:01:36,330 So I'm going to show you how we can do it here. 26 00:01:37,300 --> 00:01:38,640 So I've read you these lectures. 27 00:01:38,640 --> 00:01:42,450 If you see something change, please adjusted and yeah. 28 00:01:42,960 --> 00:01:48,330 Had some problems with my camera or with my recording. 29 00:01:48,570 --> 00:01:58,080 Now what I'm going to do is actually I'm going to say I want this to be to have the style to be I want 30 00:01:58,080 --> 00:02:00,810 to change the color font just to color. 31 00:02:01,050 --> 00:02:05,480 You know, we can put RWA here in what will be the color. 32 00:02:05,670 --> 00:02:11,730 The color will be that two two two six one oh six one oh six one. 33 00:02:11,880 --> 00:02:12,270 Right. 34 00:02:12,900 --> 00:02:14,190 Isn't that pretty much it? 35 00:02:14,190 --> 00:02:22,290 Now, if I go back to it, if the color is there, let's just get rid of those things, OK? 36 00:02:22,350 --> 00:02:24,810 Now the color the pinkish color is there. 37 00:02:24,840 --> 00:02:29,460 No, I just want to add the class now these I class. 38 00:02:29,790 --> 00:02:32,880 You can Google it, you can find it on awesome page. 39 00:02:33,480 --> 00:02:52,770 Now it will be fake F.A.A. exclamation and circle in and I will say a spin f a three x f f w that is 40 00:02:52,770 --> 00:02:54,060 pretty much out of the box. 41 00:02:54,060 --> 00:02:56,670 This is for speed of the spinning. 42 00:02:56,700 --> 00:03:01,020 This is for the position where it's going to go forward and stuff like that. 43 00:03:01,050 --> 00:03:02,310 So let's save it I hope. 44 00:03:02,700 --> 00:03:03,120 Yep. 45 00:03:03,120 --> 00:03:11,490 It's there now this is too big for me so I'm going to change the car out the size. 46 00:03:11,700 --> 00:03:17,520 So I'm going to say Funt so I'm going to change the font size to pretty much. 47 00:03:20,270 --> 00:03:24,560 To let's put it twenty two pixels and let's see if that will work. 48 00:03:24,590 --> 00:03:28,860 Yeah, you can crank it up a little bit higher if you want, but that is pretty much it. 49 00:03:29,090 --> 00:03:31,880 So I'm going to copy all of it. 50 00:03:32,750 --> 00:03:36,970 Going to pieces now in this inner HDMI light. 51 00:03:38,240 --> 00:03:42,470 Make sure that you have single quotes here because it's not going to work, because inside we do have 52 00:03:42,740 --> 00:03:43,680 a double quotes. 53 00:03:44,150 --> 00:03:47,430 OK, now save it. 54 00:03:48,200 --> 00:03:49,220 Yeah, I see. 55 00:03:49,220 --> 00:03:53,540 It is because we need to get rid of all of this. 56 00:03:53,570 --> 00:04:00,980 This was just to get our life easy because we can do a lot of things easier here than just coding it 57 00:04:00,980 --> 00:04:01,280 here. 58 00:04:01,380 --> 00:04:01,790 No. 59 00:04:03,510 --> 00:04:09,480 Pretty much we done with us, let's say, when we are more than 500, let's see what we'll have. 60 00:04:09,510 --> 00:04:12,300 OK, let's add some food. 61 00:04:13,320 --> 00:04:17,090 Let's add one let's add one seven nine zero. 62 00:04:17,340 --> 00:04:18,800 So we're not going to be there yet. 63 00:04:19,050 --> 00:04:19,810 We will have. 64 00:04:20,340 --> 00:04:24,360 So, yeah, I do have this color, but let's add 20 more. 65 00:04:24,660 --> 00:04:28,050 So I'm going to say food again and 20 calories more. 66 00:04:28,050 --> 00:04:29,780 I should be less than five. 67 00:04:29,970 --> 00:04:36,200 Yes, you're here and you do have these colors so you can change even the color if you don't like. 68 00:04:36,230 --> 00:04:41,330 So now the last point is when I'm below zero, right? 69 00:04:42,420 --> 00:04:46,820 So when I'm below zero, I will change this guy here. 70 00:04:47,220 --> 00:04:48,200 And yeah. 71 00:04:48,270 --> 00:04:49,760 So we will change it. 72 00:04:50,370 --> 00:04:53,300 Let's leave it to do let's leave it like this. 73 00:04:55,500 --> 00:04:57,900 So it's going to be same same red color. 74 00:04:58,410 --> 00:05:05,060 But yeah, we're going to say exclamation mark here, exclamation mark remaining. 75 00:05:05,220 --> 00:05:12,540 So we're going to say OK, before that it will get to the exclamation mark and add this guy here, a 76 00:05:12,540 --> 00:05:13,160 cup here. 77 00:05:15,030 --> 00:05:17,750 So let me just see if we need to change something. 78 00:05:18,120 --> 00:05:20,010 So, yeah, two to six. 79 00:05:23,300 --> 00:05:27,210 So what else would you have fun, awesome fun size. 80 00:05:27,230 --> 00:05:34,580 Let's change this font size a little bit bigger because obviously we are in let's put it to 38 pixels 81 00:05:35,300 --> 00:05:37,640 in after this one. 82 00:05:38,120 --> 00:05:42,080 Instead of remaining, we're going to change the text and say over the limit. 83 00:05:45,110 --> 00:05:45,520 Right. 84 00:05:45,860 --> 00:05:49,780 So we can do that in our Spanish clothes. 85 00:05:49,790 --> 00:05:51,530 They're very good. 86 00:05:51,980 --> 00:05:53,010 And that's pretty much it. 87 00:05:53,030 --> 00:05:55,070 Now I'm going to go. 88 00:05:57,120 --> 00:05:58,470 So I'm going to say food. 89 00:05:58,500 --> 00:06:05,100 I'm going to eat more food than I should have food and let's say one, let's put two thousand four hundred 90 00:06:05,100 --> 00:06:07,140 calories, you know, let's go there. 91 00:06:07,890 --> 00:06:11,460 And it is and still give me that remaining. 92 00:06:13,050 --> 00:06:14,040 Why it's giving me that. 93 00:06:14,220 --> 00:06:15,300 It's like going here. 94 00:06:20,720 --> 00:06:30,320 As if remaining is, but I'm going to say and remaining is bigger than zero, right? 95 00:06:31,310 --> 00:06:35,630 So from 500 until zero and now when it's less to zero. 96 00:06:35,960 --> 00:06:37,580 OK, so now it should work. 97 00:06:38,040 --> 00:06:41,060 We should have that condition. 98 00:06:41,450 --> 00:06:42,690 Three thousand calories. 99 00:06:42,710 --> 00:06:43,610 Let's put it like that. 100 00:06:43,610 --> 00:06:45,590 700 extra it is. 101 00:06:46,460 --> 00:06:48,410 I do have this exclamation mark. 102 00:06:48,600 --> 00:06:52,220 It's over the limit, but I do that minus there. 103 00:06:52,250 --> 00:06:52,610 Right. 104 00:06:52,850 --> 00:06:55,100 So maybe she put it somewhere. 105 00:06:55,370 --> 00:07:00,190 So the exclamation mark was the better choice, right. 106 00:07:01,600 --> 00:07:03,800 You can put the exclamation mark here, right. 107 00:07:04,100 --> 00:07:05,680 I just put it in the wrong place. 108 00:07:05,810 --> 00:07:08,450 So we are done after this one. 109 00:07:09,530 --> 00:07:11,960 Three thousand calories, good, bad. 110 00:07:11,970 --> 00:07:15,020 Minus 700 here is over the limit. 111 00:07:15,140 --> 00:07:17,110 And you can change the color. 112 00:07:17,360 --> 00:07:21,140 And let's I'm going to change your color to something else. 113 00:07:22,400 --> 00:07:28,170 I just put here the RBA and I'm going to get the color together with you. 114 00:07:28,370 --> 00:07:33,230 OK, let's put it like maybe maybe like this. 115 00:07:33,230 --> 00:07:33,640 Right. 116 00:07:34,430 --> 00:07:35,530 So I'm going to change it. 117 00:07:35,540 --> 00:07:36,910 I'm going to copy it again. 118 00:07:39,420 --> 00:07:40,590 We don't need that thing. 119 00:07:43,160 --> 00:07:49,220 And I'm just going to Boops, what did I did, I did come up with something else, right, because I 120 00:07:49,220 --> 00:07:49,600 cut it. 121 00:07:49,940 --> 00:07:56,000 I need to cut this bastard there, save it, and. 122 00:07:56,150 --> 00:07:57,860 Yeah, remove this one from here. 123 00:07:58,550 --> 00:07:59,540 Cut that one. 124 00:07:59,720 --> 00:08:05,900 And let's put something like food one below five thousand. 125 00:08:05,900 --> 00:08:09,650 Some 2700 extra is in the over. 126 00:08:09,650 --> 00:08:11,270 The limit is just like that. 127 00:08:11,510 --> 00:08:12,820 So you can choose any color. 128 00:08:13,130 --> 00:08:15,920 I'm happy with how this is going. 129 00:08:15,970 --> 00:08:16,290 Right. 130 00:08:16,340 --> 00:08:20,180 So we have done minus 270 calories. 131 00:08:20,510 --> 00:08:21,250 That's good. 132 00:08:21,560 --> 00:08:25,010 And that means to 17 over the limit. 133 00:08:25,010 --> 00:08:25,290 Right. 134 00:08:25,310 --> 00:08:29,000 So we're not going to go that far and you can restrict it. 135 00:08:29,000 --> 00:08:34,250 You will know how to do it at the end, but let's save it and let's just put 100 calories extra. 136 00:08:35,120 --> 00:08:38,570 Two hundred and forty one food. 137 00:08:40,000 --> 00:08:43,550 And that's it, good, I like it. 138 00:08:43,790 --> 00:08:51,280 Now, I will see you in the next lecture and let's see if we're going to bring something like exercise. 139 00:08:52,360 --> 00:09:02,320 No, no, what I did see, so I'm going to say I need I need again to put something for food like that 140 00:09:02,320 --> 00:09:07,690 enter and I need to put something for exercise like a hundred and ten. 141 00:09:07,990 --> 00:09:11,270 And I should be something like 90 something here is. 142 00:09:11,290 --> 00:09:11,550 Yeah. 143 00:09:11,590 --> 00:09:13,230 Just 10 in 100. 144 00:09:13,480 --> 00:09:14,650 OK, thank you very much. 145 00:09:14,800 --> 00:09:18,560 I hope you enjoy this and I will see you in the next lecture. 146 00:09:18,730 --> 00:09:19,120 Thanks.