I want to say every time you are doing a build, but I'm not entirely sure. But for the first time after you've done your first build, you have to actually pull. So that Azure knows, okay, nice, this is the workflow that I really, or that GitHub knows, Okay, this workflow is fine. We want to keep that. So. Cool, there we go. We pushed our latest code. We are just going to be making it like this because it's so annoying. Yeah, okay.
In here, oh, you can also see now that the second build has been, yeah is executing right now, we just pushed our code to main, of course. So, a second build is being triggered with all our new material. Hopefully, we'll not see a 404 anymore, but just our actual app. But, before this is, we're not gonna be actually waiting for this, so let's continue. We made all of this. So, from here in lab, let's make it better, right? We want to make our app prettier. We want to make it actually do something. Was a bit bare. So, again, in our Materials Wikipedia, you have this main.scss again. And all the other CSS that's in there can be just... copy-paste it into our application, so we're gonna be doing that. We have here our main SCSS again. And we're gonna be just a bit more styling for you know, the generate bug component that we're gonna create after this, and the index.view. Just to give it a bit more study on also the text over there, stuff like that. Nothing fancy. Just that it makes a bit more sense. Our server is, of course, down, but let's just open them up, because we're going to be adding more code. So, we added some CSS.
So, there's a little side note here, because if it were up to me, you would have created the, this one. But, for a just worn-out look, this one. But, my boyfriend, he is a very creative person, he also does that for a job, and so he created this for us. Doesn't matter what's on there, just look at it. So, if it wasn't for him, he would have created this part. I'm so very proud of this, because, you know, I am really not a designer, so, that I managed to do this. He was especially mad, because there was a blue background, and like this yellow text. But again, I really like it. Okay, so next part. I think our dev server is on. Yes, nice. Okay, there we go. So, we have... I've just centered this part. And then, when we click on generated bug, this is what we're going to be feeling now. So, don't worry about this. That's just the way it's supposed to be. So, we added our styling. The next part here is, we are going to create a new file. We're going to create a template. And just, we're going to fill it up with some data. And we're going to add that actual component to the correct page generated. So, first of all, let's create a folder called components. We're going to call that generatebug.fume. And in the generate, it's already there. I just commented it out. Let's keep this, you know, gone. We have added our components here. Now it's time to actually fill it up with everything that we want. So, the first part that we're going to do. Of course, templates. I'm going to copy-pastes. This is a lot of diffs with ideas. So, our template here is going to be a component called it is going to be a container. And in this container, there's going to be quite some information. For instance, there's going to be a background. As you can see right here, there's also a source that we do not have yet. So, we have to add the background after this. We have a image, a name, description, and a button to actually click on to generate a new bug. Okay. That's just, you know, the template. But then, our next part is the actual functionality, of course. I assumed that would be so on our closing.