Ladies and gentlemen, welcome to another lecture today where we are going to do we're going to style
this remaining text.
So when we reach below 500, we just started.
But that's not it.
Now, I know there's one problem.
So here I do have total remaining calories in both places.
So if you don't have this one, just add it front and remain text in the class should be like this,
right?
So go up, change it if you don't have it like this right now here I do have this color here, which
it's not going to be that color, but that color will be when we reach what when we reach zero problem.
Right.
Okay.
So here I'm just going to change a couple of things, so I'm going to change that color.
And after that, I'm going to show you how we can do it in the index file.
Right.
The index file is more easier to understand because I'm going to apply font awesome to notify the user
when I'm around 500 to some spinning circle.
Like like a warning.
Pretty much.
Now, here I am going to see that this will be two oh seven.
Change it to seven zero fifteen and one save it like that.
Now I'm just going to target this guy here.
HMO class front app remain text in her HDMI.
I'm going to leave it like blank like it is.
So I'm going to show you how we can do it here.
So I've read you these lectures.
If you see something change, please adjusted and yeah.
Had some problems with my camera or with my recording.
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
to change the color font just to color.
You know, we can put RWA here in what will be the color.
The color will be that two two two six one oh six one oh six one.
Right.
Isn't that pretty much it?
Now, if I go back to it, if the color is there, let's just get rid of those things, OK?
Now the color the pinkish color is there.
No, I just want to add the class now these I class.
You can Google it, you can find it on awesome page.
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
pretty much out of the box.
This is for speed of the spinning.
This is for the position where it's going to go forward and stuff like that.
So let's save it I hope.
Yep.
It's there now this is too big for me so I'm going to change the car out the size.
So I'm going to say Funt so I'm going to change the font size to pretty much.
To let's put it twenty two pixels and let's see if that will work.
Yeah, you can crank it up a little bit higher if you want, but that is pretty much it.
So I'm going to copy all of it.
Going to pieces now in this inner HDMI light.
Make sure that you have single quotes here because it's not going to work, because inside we do have
a double quotes.
OK, now save it.
Yeah, I see.
It is because we need to get rid of all of this.
This was just to get our life easy because we can do a lot of things easier here than just coding it
here.
No.
Pretty much we done with us, let's say, when we are more than 500, let's see what we'll have.
OK, let's add some food.
Let's add one let's add one seven nine zero.
So we're not going to be there yet.
We will have.
So, yeah, I do have this color, but let's add 20 more.
So I'm going to say food again and 20 calories more.
I should be less than five.
Yes, you're here and you do have these colors so you can change even the color if you don't like.
So now the last point is when I'm below zero, right?
So when I'm below zero, I will change this guy here.
And yeah.
So we will change it.
Let's leave it to do let's leave it like this.
So it's going to be same same red color.
But yeah, we're going to say exclamation mark here, exclamation mark remaining.
So we're going to say OK, before that it will get to the exclamation mark and add this guy here, a
cup here.
So let me just see if we need to change something.
So, yeah, two to six.
So what else would you have fun, awesome fun size.
Let's change this font size a little bit bigger because obviously we are in let's put it to 38 pixels
in after this one.
Instead of remaining, we're going to change the text and say over the limit.
Right.
So we can do that in our Spanish clothes.
They're very good.
And that's pretty much it.
Now I'm going to go.
So I'm going to say food.
I'm going to eat more food than I should have food and let's say one, let's put two thousand four hundred
calories, you know, let's go there.
And it is and still give me that remaining.
Why it's giving me that.
It's like going here.
As if remaining is, but I'm going to say and remaining is bigger than zero, right?
So from 500 until zero and now when it's less to zero.
OK, so now it should work.
We should have that condition.
Three thousand calories.
Let's put it like that.
700 extra it is.
I do have this exclamation mark.
It's over the limit, but I do that minus there.
Right.
So maybe she put it somewhere.
So the exclamation mark was the better choice, right.
You can put the exclamation mark here, right.
I just put it in the wrong place.
So we are done after this one.
Three thousand calories, good, bad.
Minus 700 here is over the limit.
And you can change the color.
And let's I'm going to change your color to something else.
I just put here the RBA and I'm going to get the color together with you.
OK, let's put it like maybe maybe like this.
Right.
So I'm going to change it.
I'm going to copy it again.
We don't need that thing.
And I'm just going to Boops, what did I did, I did come up with something else, right, because I
cut it.
I need to cut this bastard there, save it, and.
Yeah, remove this one from here.
Cut that one.
And let's put something like food one below five thousand.
Some 2700 extra is in the over.
The limit is just like that.
So you can choose any color.
I'm happy with how this is going.
Right.
So we have done minus 270 calories.
That's good.
And that means to 17 over the limit.
Right.
So we're not going to go that far and you can restrict it.
You will know how to do it at the end, but let's save it and let's just put 100 calories extra.
Two hundred and forty one food.
And that's it, good, I like it.
Now, I will see you in the next lecture and let's see if we're going to bring something like exercise.
No, no, what I did see, so I'm going to say I need I need again to put something for food like that
enter and I need to put something for exercise like a hundred and ten.
And I should be something like 90 something here is.
Yeah.
Just 10 in 100.
OK, thank you very much.
I hope you enjoy this and I will see you in the next lecture.
Thanks.