Welcome back.
As we told you earlier, we don't want to display.
We wouldn't want to display the complete article like this because the user is is not, isn't going
to be intrusive in all of these articles.
The user is going to be interested only in a few articles.
Therefore, what we need to do is that we need to hide all of these articles and display them only if
the user clicks on a button in order to read more about that specific news headline.
And also, we need to change the font thickness of the header because the header is important and we
need to highlight the importance of that article.
Therefore, in the index, the first thing that I'm going to do is that I'm going to highlight I'm going
to change the thickness of the title.
Therefore, I'm going to say your style and then font.
Won't wait, bull.
This is the first step.
The second thing that I'm going to do is that I'm going to here instead of displaying the news description,
what I'm going to do is that I'm going to remove it.
And instead, I'm going to add a button.
I'm going to hear at the forum with about it.
I'm going to say form and then.
But in.
And Lebanon is going to have a Typekit.
Submit and the value here is going to be read more and.
I'm going to give this button a bootstrap class called meaty and meaty and primary primary.
Now, let me refresh and show you how awesome this is.
So now we should have, as you can see, we should have a button for each single article and we will
only display the news headline and the author.
And also also here we need to add margin top.
I'm going to say margin top three.
So let me refresh one more time.
And as you can see, there will be a as you can see, there will be a margin here.
And sometimes the author might not it might not be available so as you can see here, it says author,
but it doesn't display the author.
Whereas here in this place, the author and the the the news that published that article.
So we need to work on this as well.
So to work on this, first of all, I'm going to add the author, I'm going to space and semicolon and
going to space and.
Before displaying the author, let me here, use if statement, so I'm going to say if only if, if.
And then if object, if if not empty, I'm going to say, if not empty, if not empty object author
like this.
Then what I'm going to do is that I'm going to open is a candy racket.
I'm going to say Echo and then I'm going to echo the object.
Object author.
Author and then semicolon.
And here, this author, actually, I'm going to remove it from here and I'm going to display it only
here.
I'm going to speak only here.
Let me close the curly bracket of the bracket here and here.
I'm going to say Echo first and then I'm going to say author, author and then call an and in space
and then dot and then object.
So let me explain this one more time here.
I have a script that that's going to check whether the author is empty or not.
Even if it's empty, it's not going to display the author at all.
If the author is not empty, it's going to say author and then semicolon.
And then simply the author of that news headline when you say.
Well, let me show you how.
It's going to look like.
So as you can see, if the author doesn't exist, it's not going to display honor at all.
Whereas if the order exists, it's going to be the author and it's going to play the news headline as
well the the news that published that headline.
So this is very important.
So this is actually very, very important.
Similarly, for the images, sometimes with the news headline might not return an image.
Therefore, we need to fix this as well.