 Okay, awesome. So we're going to start with the badges design workshop. Okay, so let me just introduce myself. My name is Mira. I am an outreach intern with Fedora, and I'm a part of the design team. I have been working on badges for the last five months, and I just conducted a session in an Inkscape's basic demo, and this is an extension to that. This is actually a more hands-on workshop. So if you guys could follow along with me, I'll tell you, we have plenty of time. So this is a two-hour session. So what we're going to do is we're going to design some badges today, and hopefully it will be fun for everyone. Okay, so this is supposed to be a very interactive, every year, a vlog. But since we are here right now, it's hard for me to see you guys or hear you guys. So I would like you to be really active in the chat box. If you have any questions, any queries, any doubts, just ask me right there. And if you want to share your screen or if you want to show me something, you can even request, I think there is a button there somewhere, which says share or ask to join or something like that. So you can do that. And if you have any query, any doubts, so you can just click on that button. I will add you to the screen, and then we can talk about it. Okay, so, okay, how many of you have designed a badge for Fedora? You can do a plus one or a minus one in the chat box. I'm asking so that I can make sure to adjust the workshop accordingly. So if you have ever designed a badge for Fedora before or maybe you did try once. Oh, okay. Oh, great. I know Snehal works in the Majesty. So it's great to have someone from the technical side here. There are some technical things I do not know. So hopefully Snehal can help us with that. And okay, great. So has any of you worked with Inkscape before? Or maybe they've done a little graphic design. Nice. That's great. Okay, now we make things a lot easier then. Okay, so I guess we will start now. I'm just going to share my whole window. Right. So I have prepared a slideshow, a presentation, and this presentation is available in the Badges repo. So let's see, I'm going to drop the link here. If you want to download the presentation and you want to follow along. You can do that right here. So I'm just going to drop the link in the chat box. Right. So this is the link. Wow, I can see a lot of. So this is the link. I can go right there if you want to download the slides. Otherwise, I'll make sure that I drop all the links that I have in the chat box. So let's start. So this, the first thing we're going to do is we're going to discuss the badge itself. Let me present it. Right. Anyway, so this is the anatomy of a badge. So what we're discussing here is how the different layers in a badge. So this is the, wait, let me just put my phone on the side. Okay, so this is the outer ring. So a badge has different layers. And you have to make sure that these, all these different layers are present in your badge. If they're not, you might want to recheck and redesign your badge because all of these are in some way or the other necessary for a badge to be like a hundred percent complete. So this is the outer ring. This white one right here. This along with the drop shadow. So you can see this, my mouse pointer. This is the drop shadow and this white outer ring. This is the base you could say of the badge. Then we have this color ring. So this color ring actually indicates what categories we have. So we have six categories of badges. Let's see. We have content, community, quality, miscellaneous, quality. Did I say quality already? There's development and content, community, quality. I think I got all of them. Maybe I think I missed something, but we will check it out later. So we have six different categories and different colors indicate different categories. So this is the new one. So this indicates the content category. We have this background right here. These backgrounds are also related to the subcategory. We will discuss more of this in depth later when we discuss the style guide. This is the pattern. If you can see this tiny baby line. So there are different patterns that you can use in your patch. These waves are just one of them. While it is not 100% necessary to use this pattern, like all the other layers are definitely necessary, but this pattern you don't need to use. If your artwork doesn't go with it. Yeah. And then this is the, I would say the part where most, that most people find intimidating the graphic. Hopefully after today, you won't, people won't find it intimidating anymore and actually have fun doing this. But this is actually my favorite part. So yeah, let, let me just check if there are any questions. Nope, good to go. Okay. So let us just, so the first, so how this workshop is going to be structured is for the first 15, 20 minutes we are going to discuss the resources we have, the structure of the websites, we're going to discuss that. And then we are going to start with the hands on part of the workshop, where we're going to design our own badges. So this is the badges website. And it has essentially all the badges here. So you can see these are the latest awards. Nehal is right here. You just got the nest attendee badge. And a lot of you will find your name here periodically. We are collecting this badge. And so we have a leaderboard sort of thing here. And this, this is the explore section. So you can see random badges here, people tags, and you can generate reports depending on whatever you, however you want to filter it. And this is my favorite part of the whole thing. This, so this is the badge index. So this has all the badges that have ever been made. And it's essentially, you could say sort of a holy grail if when you're designing a batch, because you will come a lot here to get inspired, use different artworks. So as you can see, we have content category, development, community event. I think I missed event last time. Event uncategorized. We have quality. So if you scroll, there are a lot of badges. And that means that you have a lot of artwork to reuse and remix. So the graphic part that people are generally intimidated by, you can just reuse these graphics and remix them. And you'll be good to go. Okay, so as you can see, we have a lot of different badges. If let's say, okay, let's go to this one. This is the nest attendee badge. This is the one that you are currently getting. I just want to show you how you can download these artworks. Okay, so this is essentially the batch profile. And if you see right there, there is the criteria and if you click on it, this will redirect you to the ticket, to the actual ticket where someone requested this badge. And you can see, so I worked on it. And so these SVG files, you can see this and this is the PNG file. So you can download all of this. So if you click on it, you can just download it. It's that easy. So and this is like you can do this for almost all of the batches. Some of the older badges have missing SVGs. But honestly, like there are enough badges out there that you can use the artwork from. So yeah, this is the website. I'm just going to drop the link. I'm so sorry, I totally forgot. Just so that if you want, you can explore it on your own also. Okay, I'm just going to drop this one also. The next thing we're going to explore is the badges repo on Pajor. So we can copy paste that one. I forgot the initial part so we can just copy paste that. Anyway, so this is the Pajor. This is the badges repo on Pajor. So this is where people open tickets. And this is actually where you go if you want to decide a batch. So when you click on it, this thing opens up. So you just go to issues. And you can see that there are 111 open issues. So you can use any one of them. You can just open anyone. So this is the one where I stored my slides. This is someone asking for a badge for the. Group member. So basically you can find that some of these issues are tagged. So a good first issue is something that you can start with. So these indicators are really helpful if you're starting out with some, if you want to start out with something that is easy, you can just filter, you can go with artwork needed, artwork needs improvement. Even artwork needs improvement. I found it pretty easy to do because you already have the artwork. You just need to tweak it. So if you are intimidated by the prospect of designing an artwork from scratch, you can do this. These are the different categories. You can go difficulty easy if you want to start with something easy. A good first issue or outreach 2020. These are good issues if you are new to designing badges. The ready to push badges are actually already designed. They just need to be pushed. So if it's, if it's that ready to push, don't bother with it. I would say because the bad is already designed. Okay. So let's move on to the next one. Okay. So basically that is, I just discussed this. So there are tags for different badges categories. They're easy intermediate and hard tickets and easy is great for newbies. And look for this good first issue. That when I started contributing, that's what I did. I started with good first issue and after each 2020 tags, you might find and go through, make sure that you go through the whole ticket because a lot of times what happens is. Let's see. Let's see. Okay. So this one, let's pick up this one. So this is a, this is ready to push, right? But let's say for a moment it was not. Sometimes what happens is some, like people work on it, but they may leave it halfway. They may not be able to complete it. So you can find the SVGs here and you can continue with that. You don't need to start over. So just make sure that you go through everything really carefully. Because this is where the, like this is where it's mentioned. What kind of batch the person who opened the ticket is looking for. So a lot of times people here, they suggest, so this is a part of the ticket where people are asked if they have any ideas for our concepts. This one doesn't, but sometimes people give a very specific idea of what they're looking for. So yeah. And sometimes when a design team member reviews the designs, that is also really helpful. So like you can see Marie here has reviewed this, the upper badges. So you should always go through all the comments before you start working on the badge. That will make your work like very easy or you might not even have to do a whole lot here. So a lot, a bunch of different people who have done it this one. And I actually did this. So what happened was when, when this was, when I picked this up, there were all, there was already some artwork. So I just made sure that it complied with the style guide and then it was good to go. So it was, I would say a day's work. So just make sure that you go through all the comments. I'm going to see if there are any. Okay. If you have any doubts, just pop this right here and I am regularly checking. So if you have any queries or if you want to point something out, I mean, I honestly, I even, I am a newbie. So, okay. So this, the Fedora badges design resources. So now that we're actually designing a badge, there are some great design resources that you already have set up. So if you go to this link right here, this is the docs for the badges. And you can see that honestly everything that I'm going to cover in this presentation. It's right here. Like you could just read through it. So it's really helpful. This doc space. So it has the style guide. So let's start with the style guide. So the important thing to notice that the design resources that we need is the style guide, the background, the template and the actual content. So let's start with the style guide. So this is the style guide. And if you are unsure of how to start making a badge or how to basically what are the rules that you need to follow, make sure that you read this properly and you are constantly referring to this guide. Because there are a lot of mistakes that we make when we start out and this guy actually helps you avoid those mistakes. So you do not waste time. So these are the different categories. You have six different categories. So it actually tells you what color. So even if you do not, did not know that there were different colors for different categories. If you review the style guide, you will be informed. So these are the different categories and each category also has a certain like background color associated with it, which is not very hard and fast, you could say. But it would be great if you could, you know, try to adhere to it so that all the badges are have a uniform style. The thing is, in open source projects like these, we have a lot of different contributors and something like design, something like the badges, which is this huge repository of different designs. If there was no style guide, it would be all over the place, right? Because each person has their own unique art style. So, if you follow this style guide, it makes sure that there is a uniformity and all the badges look similar. So, so these are the different categories. This is a color palette. So, like, you see what I mean when I say that this, this style guide has everything you will need. So these, these are the different patterns that I talked about. You might even have these graphical backgrounds. So, these are really nice. You already have a lot, a bunch of these made. So, even if you feel like you can't do this yourself, you have templates for this. And these, these are some dos and don'ts, typography rules. So I'm just going to drop the link here. You can go through this. It's really helpful. And it has to make sure that after you make a badge. So these, if you do not adhere to it, the mistakes you make, they will be pointed out by the design team member, then you, you have to essentially do it again. Someone else will. So, it just helps you to save, save some time if you stick to this. So, if you go to the, I think I have the talks here. Okay. So, here are all the assets you will need. So the badge shapes, the different templates, you can download it right here. The content templates, the background templates. So, let's say you need a background, but you don't know how to make one. You can just download this SVG right here and you have a bunch of these templates. So, all you have to do is just download it, save as, and then you can use it. So, I mean, there are a lot of resources. If you're aware, you just use them, it makes making badges really easy. Okay, so this is actually the tutorial content from the previous workshop. So this workshop is actually is a regular workshop that is conducted by Marie Norden, the FK. So, these are the previous tutorial contents and you have these graphics. So, if you're worried about designing the artwork, I have never ever designed this guy ever. It's way too difficult. I mean, I just use the old templates and kind of remix it. Like, let's say if I want this guy, but I don't want the doc to get up. I'll just delete this and I have the top half of a batch or so same for different graphics. These are the miscellaneous items you can use. So, honestly, there's a lot of stuff. And beyond this, you have the badge index which you can use. I'm glad it's helping you out on that. I think I have dropped this before, but I'm just dropped another link for the docs page. You can go through it. It's really super helpful. I mean, I should not say this, but if you were to leave right now and go through the docs, I mean, 80% of your problems would be solved. But for the 20% let's just please stick with me. So now the theory part is over and now we'll go on to the actual tutorial. So what I do is I go through these slides quickly just to give you an overview of what we're going to do. And then we're going to start over. We're going to come back and we're going to do each and everything together so that everyone is on the same page. And if there are any troubles, any doubts you have, we try to clear those so that we can start designing badges. Right. So the first thing of course we're going to do is we are going to download and install all the relevant resources. This includes escape, the palette, the templates. Then we're going to identify a ticket that needs artwork. Then we're going to do some research for the for the badge. Then we are going to categorize that badge. And we're going to open download the templates. We're going to decide the backgrounds. The patterns if we want, and then we're going to work on the artwork. Then we'll try to see how we can make the different graphics that are used in the badges. And then we will post it. We will submit it for review. Okay. So this part of the workshop is where you guys are going to have to work. So the first thing I'm going to ask is we're going to download all the relevant resources. So if you, oh, I hope everyone is on board. Yeah. So if you go to this link that I sent right here, this one. And for those of you who don't have escape, you can go here. And you can download escape one point. Oh, this is the latest release that just came out. You can choose your OS here. And you can download it. So I let me just ask how we do. Okay. So how many of you don't have an escape installed. Just drop like a plus one or a minus one. So that I can wait for you guys. Do you have you do have escape? Yeah, you have it installed. Okay. So if anyone else is installing it just put it on in the background. We'll discuss a few more things. Okay. So you have it. You have escape. So what we're going to do is we're going to wait a few minutes. Let's see. So this is the link right here. You can just for those of you who don't have it, just go here and download it. Set it up. I guess most of you do having skip. So we will move on to the next step is someone is still installing just let it be and you can catch up. We're not going to move very fast. So the next thing is to do is to download the pallet. So I covered this in the previous session also. So I'm going to quickly go through this. So if you if you have just installed escape or if you don't have the pallet, this is what it's going to look like. You're going to have the default escape pallet. It's but since we need the badges to be uniform and kind of look the same. We have this badges pallet so that the colors are somewhat similar. This is not to say that you don't need to stick to these colors only. Of course, if the artwork requires you can you have the creative freedom to do so just make sure that you start with these colors. So these colors work. That's great. Right. And to install this pallet all you have to do is. Okay. So this is a GPL five a game pilot file. So these are the hex codes. These are the RGB codes. So to download this all you have to do is save link as. And we have the GPL file as you can see right here. And so this is the place that you need to go to. You need to save it in this folder in escape slash pallets. So this is for windows. So this is the parts that I have users mirror. I have data roaming escape pallets. So this is for windows if you have some other OS you can just search it and you will find. Where you have to install this. Right. And this is the extended color pallet if you want to install it to I mean you're doing it so right off right. See if anyone has anything. Can you guys hear me now. Oh, okay. I thought a lost connection there. Did I. I can go where anything that I missed because I was talking continuously for the first five minutes. Okay. So I'm just going to continue but you can download the pallet. Here. And while you're at it install the comfort or type is too. So any text or any numbering that you have in the batch. We use comfort or type phase for it. So you can just click this link and you can download it. So I already have it. Yeah. So shall we move on then. Let's see what's the next step. Hmm. So we have the escape. We have escape. We have pallet the template. So we're going to of course download the templates afterwards when we have identified the batch that we're going to design. So the next thing is to identify a ticket that means artwork. So for this everyone is going to work on their own. So I have dropped the link right here. And what I need is since if this was in a physical setting I would come over to your workstation to help you guys out in selecting tickets but can't do that. So. I share my screen. And if you guys need any help deciding a ticket you can you can I think there's a button somewhere here where you can select ask to join us to participate something like that. And if you then you can share your screen and then I can help you choose a ticket if you are confused. Otherwise I'm going to go through the issues myself right now. And this will identify some good tickets together. Okay, so this is. Hmm. So I would say this is this is something I think this is a good first issue. So basically what this badge is about is you have to design a badge for Elton and group members. So basically this ticket if you look at it this describes like what the badges for who is who is going to be getting these badges. And this person has also suggested an artwork like what they wanted to be like so that's great. If someone is looking for an issue to drop this link, you can maybe work on this. So I think this will be a community batch right because this is a part of the community right so you can download the community template. This one actually this one is complete I have this so I am the assignment here I have actually made the batch I did not have time to post it so you can skip this one. This is also ready to push. Hmm. Oh, I think this might be easy. Okay, so turning extra extra into a series so this is really easy. I would say actually one of the first badges that I designed was actually turning an existing badge into a series. So we have this extra extra patch. I really love the artwork for this one. Okay, so we have this badge right here. And so when we turn a badge into a series what we do is we generally, if you don't have any like if you are, if you don't have any creative idea, what you can do is you can just add a numbering so currently we have this extra batch from as in contributors. So we need additional badges for the five article 10 article 25 article level. So what you can do is we can just add one the number one somewhere right here maybe you can sort of reduce the size of this badger add the one here maybe somewhere that's for you to figure out. And so basically when we want to convert a badge into a series what we do is we add different numbers. So we add one, five, 1025. So this indicates that this badge was awarded for writing one article this was awarded for writing five articles. So this is a good first issue. And if you're working on it, you can. Okay, so I don't have the take button here. If you guys have it, and you can just, there's a take button right here anything click it. I am not sure why I don't have it. This has been a problem. I think you need to be a member of the badges group on page or something like that. Not really sure why I don't have it. But this assignee is so that two people don't work on the same issue. Because we have a lot of different issues to cover. So I'm just going to drop this link right here. And if you have decided on the badge that you want to work on we can just maybe if you can use that if you have the take button there. Right. Yeah, so if you have decided an issue. So just I guess right here in the chat box itself that you're taking this issue so that multiple people do not take up the same issue. But yeah if you do that. I will talk to someone to see why we don't have that take button. But yeah. So I think I will do a couple of more. So this is a good first issue. You can take this one it's labeled a good first issue. So this is for the butter FS. Yeah, so we were discussing this in a session earlier also. You can use the idea is butter. Go through the comments. A lot of people have discussed what they're looking for. And maybe people have suggested artwork ideas also here. So this is also a good first issue. Oh, I think I should drop the link here. Could be I mean, I remember that when I started like me article when I started contributing. So Murray would tell me that there is a pencil icon on the like right there and I've seen it some people do have that pencil icon and then they can just click on it edit and they can add tags they can assign the task to someone or to themselves. I don't know I do have that pencil icon in some other with your repos I think it was your fedora or something but I don't know why I do not have it in design or badges. Maybe, maybe they're removing it, but I don't know how that would work since we need to edit the tags. So I have no idea if someone is here from the technical side. Maybe they would help us, but honestly, I don't know why we don't have that. Yeah, that's a great idea we can just you can just comment on the ticket itself and here also so that other people who are here and will choose a different one. Okay, so I think I have chosen. I guess I have a couple of a given you guys a couple of different tickets that you can work on, or if you don't like any of these you can just use the filter. Artwork needs improvement is generally easy because you already have the artwork. Well it depends on the category also sometimes the artwork needs improvement means you have to start the artwork from scratch. I think this one might be complete though. Let's see you have a lot of comments here so you will have lots and lots of resources and I think this one is not yeah okay so you can use this one because as you can see this is touching the ring the artwork is quite like outside the background so this one needs a couple of quick adjustments. If you match it to the strike I you will see that there are a couple of things that need to be fixed here. And that makes for a good first issue, because you already have all of this artwork you just need to spruce it up so to say, so I dropped the link for this one and then we can move on. Right. So what is the next. Oh, this is honestly my favorite part. I mean, because we have a once you have decided ticket for yourself. The first thing you should do is you should look at similar badges, because a you can get a lot of artwork from there so you can remix that artwork be if you don't have any your inspiration that like similar that those badges will help you out so I have to choose a concept for your badge also. So, for gathering inspirations you can go to you can go to the early badges you can go to the docs, you'll find a lot of artwork there. These are the graphics, the or you can just. So if you have the concept you can just Google and or maybe any search engine that you're using just look it up so if someone was to say designing a batch that required a bicycle and if you're making it from scratch so you might need a reference. So you can just Google references and of course existing badges I mean I think this one is the most important resource, because honestly I don't think I've ever I think I made once at an artwork from scratch and it was not very good so you just go to Fedora badges and let's see. I remember one of the badges was about the Elton and groups so if someone is a member of the Elton and group they get the badge. So what you can do is you can look at what other groups have their badges so it also helps you categorize so I think this was this is one of the top few tickets on the repo and it's about the need of badge for someone who is in the Elton and group and there are a couple of different badges like that for different groups so this is the badge that you get if you are a member of the design team so you can see that we have this ninja and this paintbrush so you see how that works. This is the commops team, this is the security team, this is pretty great and this is the cis admin main team so you can see if you will probably find inspiration I remember the Elton and badge already had an artwork idea so you can probably use some of these artworks so you can let me just open that one. Is it okay if the ninja's paintbrush pokes out of the ring? It is actually not all the time though I mean stylistically yeah it looks good right? It pokes out a lot of badges actually have like this but it sort of goes over the ring but it's not something that is that you're supposed to do all the time or if it sort of mars the actual artwork I mean honestly not all of these badges are adhered to the style guide some of these badges are actually from even before the style guide was made so that's why we try to stick to the style guide so that we don't end up deviating more so if you see this is pretty creative right I mean they broke the ring it's pretty creative so if you have a concept like this it's okay to do this once in a while that's not a problem. Yeah I hope I answered your question but more than often it's better to stick inside actually this badge was designed by Marie and I trust her she knows what she's doing so if she has the badge out of the ring I guess that works. So yeah I guess when it well it's only a small part if you see that this is just the umbrella kind of gives the effect that that thing is poking out right you can see the flag it's sort of on the ring so I guess it's the sort of effect that you're going for. Yep. Okay so let me just give you an example of how I work if I was working on a badge so what I would do is so they have an artwork suggestion right here so I'm going to Google what an Arab thought is. Okay okay so this guard right here okay so this is an art so now I know I'm holding a calligraphic man so what does the calligraphic man look like I know there are a couple of different versions but what's the most recognized one. I can see 10 different options here I think this one would be the way to go. You can see. This is a pretty recognizable shape I would say something that you can actually mimic easily in escape to. Yeah so that is the first thing you do you do your research and. Okay so I know that there is a badge that has a guy a panda writing on a desk and let's see if I can find it. Use this guy this one right here so maybe something like this maybe I just need to draw the upper half of the guy maybe I can just reuse this at the top here and turn this pencil into a calligraphy pen. Remove the flag. Maybe. That is an idea. So. That is actually true. That's I agree with say it would make it too specific to it would make it to Arabic when the localization team they don't just do Arabic translations to do translations from like they do I 72 different languages I remember last time I checked they had like over 70 or 80 languages that they translate so. You could maybe look up existing Elton and badges. I know there was. Okay so an important part of the research is also looking up the tech so right now we are designing it for the Elton and group right. So for those of you who don't know the Elton and group is the localization group and I know this because I did some research on this because I was making a graphic for them before that I did not know what localization was so. So. You can actually Google. What I would do is I would just Google and you can then. You know. For the best I have the project everything here so just go through it look at what they do if they have some existing artwork that they have used. So I'm just trying to look up. They're the juror. I don't think they have their I designed some artwork okay. Let's see so I designed some art with. An infographic that is currently under review. For the Elton and team and let's see if that. Helps. Okay. I'm not deviating. I see. So you can use an earth like you can try to make an earth thingy. A graphic. So this is the. This is the infographic that I made for the Elton and team so they did not have a lot of graphics so I made this because they do like a lot of different translations. And I think the globalization team would also have a couple of different graphics that could be relevant to your Internet internationalization one. Not only one week before I designed this at you nothing about localization or Internet internationalization. So. You could maybe. You know like do something you know this is honestly relevant here. Let's just skip that but yeah so I designed this from scratch I read up on a research what the group does so they do translations and maybe you could maybe one could use this or something like that. Maybe. So these are just you can always discuss the ideas in the telegram group or on IRC the Fedora badges. Let me see. If anyone is interested in doing the Fedora badges telegram group I will. Telegram decides to open that is. Hmm. Okay there we go. So this is the badges group. Good evening. So this is the if you want to discuss possible artwork. We can. Join this group. Anyway so. I have an idea of what I mean when I say research so it's not just the researching existing artwork is also researching what the bad is about and why are we creating like why do we need. That badge so that actually helps you give your badge a sense of direction. I'll give a small example and then we'll move on. That's actually a really good example so when I first started. Let's see I first started. When I was designing badges I think three four months ago. There was this badge. I would just open. Let's see if I don't think I'll find it. There are a lot of different badges here. I know what it so okay so there was this badge. There was this badge that was needed for closing picture issues so I did not know what to do. And if you see the kind of artwork I made I mean it's cringe honestly. I don't like it now. So I'm just going to show that you know sometimes after a little bit like everyone starts out here so. They have a panda sitting and looking at a piece of paper with files on one side a trash can on the other and scattered papers around it. This was my version and if you compare it to the style guide it's not there it's not there are a lot of different mistakes that I see right now. This panda looks so weird. But yeah so after Marie reviewed it so this is what she did. She said I just looked up at your and it means home and crab what about a cartoon looking home and crap on the beach. I did not know that I did not do enough research if I done enough research I would have found out and maybe then yeah so this is after she suggested this idea. This is what we did. So oh yeah I remember this. The thing is this is a good concept but make sure that when you are kind of like you can't really use it as it is because when you compare it with the style guide. There are a lot of things that need to be adjusted needs to have a little stroke here a darker green stroke and yeah so when you're using this you can use this concept and. Apply the style guide to it and then I think this would make a pretty good badge so you can use a globe icon. Yes exactly it's a source of inspiration. And it's really nice one too it's just make sure that you don't have too much going on because the badges are really small so we have a really small area to make sure it's not really complicated because if. Even though this is a source of inspiration let's say someone decided to use this exact artwork and you know modify it and use this if it was very small which badges usually are this is what could look like. Nothing makes sense here does it. That is another point that we have to take care of is that there is not too much going on. Keep it simple. That's what I would say because it's a really small space that you're working with and generally people view badges on mobile so it's even smaller. Okay so I guess it's time to move on. Just going to close all these badges. This one this is the first artwork I made from scratch I was honestly very intimidated but if you look at it it's just a bunch of shapes that I kind of joined together. So yeah I was pretty proud of it then the key would be then I can definitely improve it now but yeah that's why what I mean is we all put to start some right. Okay. So the next thing is categorization so. You can use this style guide to categorize your badge so we have different categories here and if you have any trouble you can always ask on the ticket itself you can comment the person open the ticket will be able to help you or someone from the design team will be able to help you out. Or you can just ask on the telegram group and then you can download the corresponding templates if you have a community badge so you can just download the community template. And this is the SVG file right here so you get this is just right click save us. And then you can save it you can rename it and then open it on escape so if you have decided a badge and you're able to find the category for it can download a template if you need any help maybe you can drop your technique right here. And if you don't if you're not able to decide the category we can do that together. Okay. So the next thing is a background so if you look at the style guide the style guide suggests some different color backgrounds for different categories so we discussed this before. When I first was discussing the style guide. I think a pretty good example is. Okay. Yeah the pretty good example is this as you can see the development category so for comments we have a pink background for 4G there is a light background for so basically there is a sort of a very I would say soft guidelines. You follow and what happens is if you follow these guidelines. I show you it looks really pretty because then all the badges are very uniform. Hmm. Right so if you see there is a sort of team going on around your. So the development badges are kind of they have a very similar aesthetic right. So these are all like pale colors in the background. Community colors are much more brighter and louder. So of course you can always if the art world that you're making requires it to go out of the style guide a bit a little bit of creative freedom is always there like this one for example this has a pretty elaborate background. So it stands out a little but yeah I mean if you are doing something that fits in here go ahead if you have a good idea. If you want to be creative you can always go to space but this is a good place to start if you don't know where to start. Okay. So the next thing is right you can select the color from the fedora and badges palette so open a badge. Hmm. Let's see what all badges I have. Honestly I don't know which one to open. Okay. Okay let's do this one. So this is the badge that I walked on recently. This is the badge for the zine for someone who contributes to the zine they'll get this badge. And there are a couple of different problems with it. So this ring needs to be blue so since I have the palette here I can just easily select this. Oh. Yeah. So if oh so this is the stroke right and if you want to change the color of the stroke just press shift and then click the color. So if I press shift it's going to change the stroke and if I do not press shift and just simply click on it it's going to set the fill. So that's something I found out really later on and it's sort of helped me a lot. So yeah. You can see the shadow is also a little messed up it's supposed to be down it's supposed to be on the bottom. I don't know I think I messed up the template so I have to do this again but yeah and if you look at the pattern that's not something that we usually do. So this pattern is actually a pattern from the zine itself and I use that here because it makes sense here right this artwork also is not something like this is a hand drawn illustration. So this is not something that you will find in other badges but since the zine is supposed to be a hand drawn magazine it has that aesthetic if it's in there. So a little bit of creative freedom is your you can always be creative. Right. So see. Okay so this is the most important part I would say is save. Because in scrapes sometimes crashes okay and especially the if you have updated to the latest one version it crashes and I've lost a lot of work because of it so this is something I say from personal experience please keep on saving your work and also I learned yesterday that you can actually set up auto save. On your. Escape so it's somewhere in the. Preferences. I don't exactly know where it is I remember someone said you can find it in the preferences. You can. Maybe someone knows you can help me out. But somewhere here you can auto save there we go so you can actually set the interval interval here and. You don't have to worry about using your work. So that's really helpful for those of you have worked on escape you know how much frustrating it is when it stops working and crashes. Otherwise it's a pretty great tool to use. So. Yeah. The next thing we have is okay so the background can vary depending on the concept so you can either draw your own background you can maybe do a graphical illustration or you can import it from an existing badge or maybe you can use gradients so. If you want to use gradients. Let's say. Okay so this is the gradient. Wait I have. This is actually a PNG image it's not going to work on this one but if you have a badge open you can open another one. This is one of your concept so you work a lot right I mean. You can make different iterations and come back to them and see how you feel about them like I do not feel good about this right now. But yeah so you can change the color you can. Go to the fill option you can add a gradient. Experiment a bit. See what works what doesn't you can maybe add a pattern on top of it. Okay so to align the pattern you can use the align and distribute tool. So I selected the two objects and then I'm going to align them. So let's make sure that you don't you know it's aligned perfectly. It looks good so. And just keep saving. So if you have any doubts anything to do with inkscape or maybe badges you can drop them here. I am checking it or if you maybe want to share your screen and ask something. You can request I think there is a button right there. Right where it says leave for me I think it says join for you so you could do that. Anyway let's move on. Align and distribute is a great tool to use and if you are working with badges you may you need to make sure that everything is aligned. So it's going to come in really handy. Okay so this is the this is the thing that you're going to use the most is when you're going to download artwork. Right so as I showed you there are SVG files on the tickets and you can download these SVG files. These are the PNGs but the PNGs are not editable. So you can download the SVGs. Occasionally what will happen is you will encounter an older file. So after it was migrated like after the system I did it from Fedora hosted. There was an error and there are some files that if you click on them this is what you're going to find. And this is what happens in the earlier patches. I will try to see if I can. I'm trying to figure out why I can't I can't get the extended palette to work for me. Maybe you can share your screen or you can describe the problem that you're having and we can troubleshoot it right now. Okay so you can if you want to share your screen you can. Okay there we go. Okay I will show you the screen. Hi Kaya. Hey. Okay. Oh you have the. Yeah so I have the Fedora RGB palette working but and I also kind of I don't know. I also downloaded the extended palette but I can't find it. Okay so I'm trying to figure out. Did you put it in the correct work like parts? Yeah parts. Did you restart it? I actually did not. I think the first rule of IT is try turning it off and on again. I think it's really dumb about that but yeah. No no trust me the things I have done. Even I did not know like where I was going wrong with the palette. I got it. Yeah I just need to. Yeah I got it. I got it. Now even I did not know like where I was going wrong with the palette. I got it. Yeah. Great. So if anyone else is having the same trouble you can maybe just try restarting it. Yeah and I just got it on the palette as well so I think it's this one. Yeah so this is the extended one right. This is the normal one right. Wait I actually am trying to look. It's very tiny so. Yeah okay yeah this is the normal one. Yeah I maximized this thing so this is the basic one and then you have the extended palette. Okay sure thanks. Great no problem. Oops sorry. Okay so I'm going to start sharing my screen again. Which one? Oh I'm just going to share my time screen. There we go. Okay so where are we? Just going to close. I have so many tabs open. Okay. Right I was showing you that you might encounter some broken links so I'm going to go to the picture. The badges repo and. Yeah so while the newer issues so now we are in the 700s but there are issues that are like let's start by last modified date. Yeah so the earlier badges I think you might find though so this is six years ago so that's a long time I think. Right so you might find this like you see a lot of this just ignore that and scroll and scroll and you'll find a lot of duplicate comments. So these comments are on the older tickets you'll find that the comments are a duplicate. So if you click this one this is what's going to happen you'll get a 404 error. So if you want to fix this all you have to do is take out the files and a backslash press enter and you can download it. So I actually did not forget this all for a really long time but yeah the older badges will have this problem and you will also encounter if so you have to like two copies here you have duplicates right. So if you click the other one you get this I find this even more scary than a 404 error. So yeah so you can fix it by replacing this part of the URL but this so I actually have not tried this one ever I would just go to the other one. I thought this was not fixable let's see I'm supposed to delete this. Let's see if this works a bit. So yeah so this is a known issue and we have a fix for this. So all you have to do is to either delete the files and a backslash or you change this part with this part. Okay so if you're talking about graphics you can draw from scratch or you can import graphics you can use other graphics as it is bad that I mean bad graphics from other badges or you can reuse them and sort of change the colors you can use a lot of different graphics together you can remix them so. Maybe I wanted a under sitting in a chair and but I did not want the lemonade glass so I can if I have the SVG I can just leave this. Just make sure that you evaluate your design with this time right something which I have not done here. So while I did try to stick to the design guide I know that the stroke needs to be a bit more heavier. Maybe some color here like some stroke in the background but this so okay so what I wanted to show here was this trial was actually inspired from this batch so I picked up the sand and the sky deleted the ocean. We have this I mean this is not a final batch this needs a lot of work but that's how you that's how I go about it so yeah I mean as I said before the X the badges index is a really great tool. If I not work. I mean I've stolen a lot of graphics from there and reuse them remix them. So yeah. Let's see if we have any. No okay so if anyone needs to ask something again you can ask it right there. And we're going to discuss the final part of making a badge and that is exporting it and this is the most important part of any badge because even if you did everything right here if you do not export it correctly you could. End up with a batch that needs to be worked on. So the thing is. In inkscape those were not familiar there are a couple of different export options so when you export it as a PNG you have page drawing selection and customer. So what happens is page page means this area right here this canvas so this is the page and. And. If you export it using a page which is what is supposed to do you will see that the width and the height of the back is two fifty six to two fifty six. And that is what's supposed to happen like you need it to be two fifty six to two fifty six otherwise it's messed up on the screen. So by default when you're exporting an image it's actually drawing and I have done this mistake so many times that I exported it as a drawing and I had to. Export it again just takes I mean it's not a very big deal you just exported again but the thing is. It takes a couple of days for someone to point out that mistake. It's a whole thing so just make sure that you're exporting it correctly. So what what they mean by drawing is that they're going to export everything that is here like all those stuff that you have drawn. So you're going to if I export it right now as a PNG this is what's going to be there in the PNG and even if you don't have anything on the screen beyond your badge. Even if you export it as a drawing what it's going to do is going to export only this area like this outer ring area. This is two forty two by two forty two pixels. So you don't need that because the thing is you again you need it to be two fifty six by two fifty six at ninety DPI. So make sure you have these settings correct. But yeah just make sure you export it correctly. You can change your export settings here you can change the folder rename it and after that make sure you click export which I don't do a lot of times I forget to click export. That's when it actually exposed to PNG. Sorry about that. Oh I did not see that. Glad I cleared that up. Even I did not know that I remember when I started designing I just read somewhere I saw the people they were doing the same mistake and someone from the design team would point it out and I actually I was like OK so export it as a page export it as a page. So instead of understanding why I just kind of memorized it. And I would often get confused was it page or was it dry. But yeah now I know. So selection is in that same manner selection is this area. So if I select this and just export this so this is the area that's going to be exports everything inside this rectangle. And well custom as the name suggests you can type in your own area your own custom area and that portion of the whole can take the whole file will be exported. OK so I'm glad that helped me out with work in Serbia. If you have any other doubts please feel free to ask them. We do have another half an hour and honestly I'm done with my presentation so it's all you guys know. So I would love to see if you have worked on something I would love to see and help you if you're stuck somewhere maybe. OK so the last step in this process is after you have a draft of the badge you need to post it. So you need to publish it on the ticket. So if you this going to give you a small demo how it works how you add graphics to Pijor if someone is not familiar. So this is the badge. So what you have to do is you enter your comments maybe if you have any questions or if you have if you want to point out something in a design you can type it. And just browse and make sure that you upload the SVG and the PNG both. So the reason we do that is sometimes what happens is you may not be able to complete a design. And if you post this SVG here you can always someone else can always pick it up and continue working on that makes sure that your work is not wasted. So always make sure that you you have both the SVG and the PNG. The PNG is important because as far as I know I may not be 100% correct but the PNG is the thing that is pushed to the repo so that you have the badges that you actually see are PNGs. So it's that's why it's important to have the PNG and people can actually if you don't if someone does not have a graphic editor that can stay or they don't know how to do SVG files PNG is load in your browser so they can review your design in the browser. So that's why when you're doing any design not just in Fedora badges if it's in Fedora design also make sure that you upload the SVG and the PNG. Yes, I was right. I kind of assume because that's why we are sticklers for making sure that the SVG is 256 sorry the PNG is 256 by 256 pixels. Okay, so after that you can someone from the design team will review your work. You can always drop the link in the badges group on telegram or an IRC and someone will review it. So that's all from my side. Did something happen to my image and voice? Did it disappear? Sorry I have crappy internet. I can wait maybe try leaving joining again if it doesn't fix itself in a minute or two. Is it lagging? Could be that it's lagging a lot if someone else would also confirm what's happening. Oh, okay. So maybe Sylvia you could try refreshing. If it doesn't work for you maybe you could try refreshing and see I think that will help you and yeah, okay great. So does anyone want to share if they have done something or if they are working with something? They can ask to join. Oh, does it work now Sylvia? Okay, so we have around 30 minutes left. Yeah, 35 minutes 30 minutes right. So if anyone wants to share the work this would be a good time or if you have anything to share with Inkscape. Something you picked up or I can tell you guys about some features that I can help you in Inkscape while designing batches because all I wanted to tell you that's like I'm already done with that. So would you guys like to learn some Inkscape hacks as I call them? Or you can just show your work because we do have a half hour left. I mean this thing is going to run for two hours. Can you show how I can add something from the templates to the badge on a layer? Yeah. So just to make sure that I understand your question correctly, when you say templates do you mean the empty templates or do you mean the existing badgers? The existing. So basically the older artworks with the characters. Okay. Great. Let's do a fresh one. Right. Four new badges. If you have a badge in mind that you would like me to do specifically, you can drop the link here or I can just pick any random badge. I actually have a badge that would be good for this. I'm going to open. Hmm. Let's see. So I have a bunch of different badges here. This is the ambassador badge, the pirate. And what I'm going to do is I'm going to use the cowboy badge. Okay. That's great. Honestly, I would love to see what you come up with because Elton and is a very good team. They work so much. I would really like them to have a badge. Okay. So this is a, this is an existing badge. And let me just ask say, are you okay with downloading the badge? Or should I do that also because I have I had it. Yeah, you're okay. Okay. Great. So after you open the batch, this is what you get. And let's say I want you to have a batch. So a lot of times these elements will be grouped together. Sometimes they may not be. This is not. So the first thing I'm going to do is if I need, let's say I need this. Right. I'm going to select all of this. Hmm. I'm not selected everything. Right. So like this guy right here. And it's going, I'm just checking if I have everything. Yeah. And then I'm going to group it. And I'm going to. I'll wait. I'm going to see. So basically what is happening here is we have a clip. Ungroup. Ungroup. Hmm. There are a lot of different layers here. Okay. This guy. There we go. So we have removed this guy. And what I'm going to do is I'm going to release clips. So these are all clipped. Um, and then we have this guy. Right. And it's already grouped so you can use it. You can just copy it. And this one has a friend. So you can do that. Um, the set clip tool is something that a lot of people, I don't know. I did not know about it until I would say two months ago. So if you want me to go with the set clip to it, because it's used very frequently. Um, when you're designing a batch because you need to get the specific shape of the batch. So if you want, I can discuss that. Um, that's actually really fun to use. So. Yeah. Okay. Great. So. So the set clip tool is actually as you saw, if I have this guy right here, and I want to kind of cut it around this shape. That's why we use the set clip there. So I'm just going to. And do everything. And I'm going to delete this guy for now. I have it copied. So that's okay. So an easy way to understand what the set clip tool does is think of it as cutting cookies from a cookie dough. So you, how you have the cookie cutter this shape right here. This is the cookie cutter. And this guy right here is our cookie dough. So what you do is we will position it somewhere here. Let's say I only want it here. I don't want the bottom half. I only want the top half. So. Yeah. Okay. So what I do is I'm going to select this object right here. The shape. This is our cookie cutter and I'm going to duplicate it. So to duplicate you can use. Right click duplicate or the shortcut control D. And now you have a copy of the cookie cutter. So to say we're on the on top of the stack. So it's important that you use duplicate because what duplicate does is it copies the object right on top of the original object. If you use copy paste. So if I copy this, I have. This and if I paste it somewhere here, it's going to paste wherever my mouse pointer is. So if I even if I try to paste it on top of the original object, I will be definitely be off by a few pixels. You don't want to do that. So I would advise you to select the duplicate tool. Then we select the object on top. This is our cookie cutter cookie cutter should always be off when you're cutting a cookie. Select the door. Right click. So now we have this in the shape of our badge. I hope that makes it clear. I can do a couple of more examples if you want. This comes in really handy. If you want to sort of clip the object in a specific shape, in skip does not have a crop tool as far as I know. So you can also use it as a crop tool. Just use a rectangle and basically use that rectangle as a cookie cutter. And the thing about that clip is it's non destructive. So the thing is, even though this guy does not have a bottom half, the thing is if you do release clip, you get your cookie cutter and your badger. So that's why the thing is when you are using cyclops, it consumes the cookie cutter. So that's why we create a duplicate and do not use the original one. Okay. So you can try sort of experiment with it a little bit. It's really fun. So if I put the badger on top and let's see what happens. So the badger is now the cookie cutter. And it's in the shape of the badger. So maybe this can work nice for silhouettes if you want. Yeah. It's really simple. I mean, I can't tell you the times I have like tried to adjust objects pixel by pixel. Yeah. So now basically the whole thing has the pattern of the door and now our door was just being background. So honestly, cyclops is really fun to use. Yeah. I mean, if you, let's see, let's try to have some fun. Sure. What happens if I do multiple? So you can do a create clip group. And that does not work. So you can do multiple things. I think what you can do is. You can convert this to. Check your odds, maybe. I don't know what I'm doing right now. And. Yep. There we go. So if you want to use multiple. Cookie doors and. There you go. Now you have a half blue badges in work. But yeah. So this is what the second tool is. It's really fun to use. It's going to help you a lot. I mean, you're going to use it. If you're designing that just. Yeah, I just kind of choose this one. I really like. And honestly, if you. These notifications. Okay. So honestly, if you look at the, you get some of the badges and kind of play around with them a bit and you ungroup or release the clip, you'll find that there are some hidden sometimes there are some artworks or sometimes it's really funny down there because the bottom half is underdeveloped. I think I remember bad just like that. So these are some of the more complex badges. Let's see if I can find the security patrol. Yeah. Sorry, escape is really slow. I'm pretty sure. I'm going to crash because I have so many chrome tabs open and I'm streaming. Okay. So. Yep. So this guy right here, let's see. This guy actually does not have any legs. Oh, these are some layers that are. Some messy. Oh, we have a lot of patterns here. I have to delete my board. It's a lot. So this guy does not have any legs. It's just over this. So that's what that's what's going to happen if you, you know, kind of play around with the badges and release clip. You don't even have to work on the whole budget that way. You don't have to. You just, you can just clip it right where you want it. And no one has to know. It is, does anyone have anything else that they want to ask? I'm trying to think of what else I can show you guys an escape because I think of pretty much covered the fedora aspect, like, you know, basically follow the style guide. That's essentially it. If there's any specific feature that you would like to demonstrate, I can try that. Let's see. I'm thinking. I think one important thing is I mentioned this before also, but if you're trying to, let's say, I'm trying to recolor it. So this is a shortcut that I actually discovered a short time ago. So if I'm trying to change the fill, I can click. So this, this is me just clicking and it's going to change the fill. So this changed the fill, right? As you can see, but if I press shift, I'm pressing the shift key right now and the press click is going to change the stroke. So that's really handy. That's a quick way to change strokes before that I was manually going and changing them. I was going in this panel here and selecting the colors. Doing this. Yeah. So that's not a very good way. Let's see. So that's a cool idea because I actually, I'm so sorry I did not really like that. I'm just going to kill the application from the task manager. I don't actually have it open. Once it opens, it just keeps. Yeah. Oh, that's a lot. How do I? Honestly, it's a, I opened it once and I'm just going to mute. This one also just in case. Yeah. Okay. So, okay. So we have some comments. Okay. So Sylvia says, so it's okay if it's like this. Actually, yeah, I mean a lot of design is sort of like that. You just work on the part that is complete because no one really sees the bottom half. So it's like a checklist because I guess the person you design that design batch is from scratch. So, and they knew they were going to use the top half anyway. So they decided to skip designing the badges or sorry, the legs. That's not a problem. And so I have says how about we try to do a quick design for a batch for this session's attendees. That's actually a cool idea. We can do that. Okay. So Sylvia asked enough time to do that. I have muted the notifications. Okay. Sylvia asks click on the arrow. What arrow? Hmm. If you could maybe. Oh, okay. I see. Okay. Okay. No problem. Okay. So let's design. Something for this session attendees. Does anyone have any idea? Hmm. Let's see. I can go to. The badges project to look up some inspiration. Or if you guys have any idea. We could work on it. Let's see. Okay. Okay. So the team has a design ninja. That is actually really nice. Something related to pen or arts, maybe. Yeah. We could use a palette. I think we have it. In the large index. So this is the place I go to first. Because everything that is in the docs. In the templates. It is right here also. If you guys see anything. You can also. I'm just drop this link again. If you guys want to. Look it up. Maybe you can send a link of some of a badge. Oh, actually, we already have a badge for this. I remember it now. I saw it when I was watching the video for the previous workshop. We have this. I mean, it's pretty cool. Yay. You attended a fedora badges workshop. I guess someone else really thought of it first, but honestly it was a good idea. So this was actually designed for years ago. It's cool. It's pretty nice. It's loading. It's a little bit slow. There we go. This is the PNG. And, um, okay. So, um, currently, uh, Marie, um, I think this is Mismo and M. These people have the authorization. What I'll do. Yeah, definitely. We can create one for next specifically. Yeah. Great. Okay. So now that we have an idea, like this is something that they want people wanted. We can work on this. We can use a paintbrush. We can use a pen or we can use a palette. Think that would work. Since we have around 10 minutes left. I don't want to make anything too complicated. Um, we can use the palette from this artwork right here. Yeah. I mean, all of these badges are sort of aren't related. So you will definitely find something here. Um, I already have this badge. It's. They got already downloaded it, but it's a pain to find. So I'm going to download it again. You guys can see how that works. So yeah. This is one of the earlier badges. If you will see the links are kind of broken. So this was so, so even the PNGs don't load. So we can't really, we'll have to download each SVG, S, O and C. Which one works? Nope. Let's see if this is the one. Nope. What was this badge called? So this is the first badge. Okay. So maybe artist one. Could be this one. I really like the series, but honestly, it's a pain to find the exact badge you want. It's not this one. Let's see. Hmm. Birth of Badger. Hmm. Let's see if I can open the PNG. I have to download the PNG also. So it's just going to download the SVG. Um, There are only six badges and we're on our third try. So we are 50% through. Nope. Yes. So that's not the job. Yep. That's what I'm trying to look for. It's just that all the badges for the series was like, it's essentially uploaded in the same ticket. And it's like, you know, it's like, it's essentially uploaded in the same ticket and they're not um, correctly named. I guess that's, that could be a lesson for all of us to name it correctly. Um, my god, I think the last one that we're going to try. That's the one. Oh, I think it's this one. I hope it's this one. Yay. Finally. Okay. So this is going to open this one. And does anyone have any other idea how we could remix it? We found it. So, yeah. Um, you know, right? Trust me, I've been on this ticket so many times and this happens all the time. Like every time I have to download each and every one of them. But yeah. Okay. So we have this palette. I think we can get rid of the background because it's very specific to the art work. Um, what do you guys think about that? Should I remove the background? You can say yes or no. Yeah. Great. So. What I'm going to do is just select different bits and pieces. And delete it. Nope. That's the background. I can't delete that. It's going to delete this. Graphics. There's a lot. We're honestly, this, this is this series is one of my favorite badges because it's so very pretty. Okay. So pro tip. If you want to select someone, something, some object that is behind another object. So just drag this one right here. Select this. And press control Z or undo your selection will still be there. I use this. All the time. And it's really helpful. So I'm going to do this again because we have another thing right here. Select this undo. Delete. I'm going to delete these layers also. Right. This was a community batch, right? Yes. Nespecific. So we have the next logo, but honestly, I think if you put in the next logo, we could actually, what if we try to show that this guy is actually painting the next logo? Maybe. What do you guys think? Like. Yeah. Yeah. Okay. Great. I actually have the logo with me. Yeah. Yeah. Okay. Great. I actually have the logo with me. So that's going to import it. Let's see. Next logo. There we go. That's a big board. I'm going to. Select the locked aspiration and do it. There we go. And I'm going to remove this background. Yeah. Mm hmm. Ungroup. Nope. One more time. There we go. Yeah. Yeah. Yeah. Yeah. Yeah. Yeah. Yeah. Yeah. Let's see if you guys have any other. Yeah. It should be smaller. Right. So I'm just going to. Resize this group this. Resize this. And. And I'm going to bring it to the top. There we go. So. Hmm. What is the next step? I think you should change the background color and maybe lighten it a bit because. It's quite heavy and the next logo is very light colored. So it doesn't really. It seems a little bit. Hmm. I don't know. It's missed. It's missing something. What do you guys think? Yeah. Right. I know. Right. It's all blue. I've already grouped it. Oh, yes. That's exactly what I was thinking. We should make a canvas. Um. Do we have a canvas? I don't want to make it from scratch. I can't find a canvas somewhere. Maybe. Otherwise we'll make it from scratch. Meanwhile, you guys can also look through the. Uh, badges index. See if we can find a canvas. I am not sure if there is one. Please scan these. I mean, if there was, it would already be in the community section. Okay. Nope. Yes, let's look at the templates because designing from scratch is not very fun. At least that's what I think. I go through docs, then drop the link here. I'm just going to, I have so many tabs open. I go, okay. I'm going to go through my own slides and find the link here. This is the style guide. Yep. I feel like I've seen a canvas somewhere. Just going to use, look at this. Okay, so let's see. No, right? What did I miss it? No canvas. The badge graphic templates. This is actually the, wait, not fun. Okay. This is the miscellaneous graphics that I opened. And we have a mirror, but we don't have a canvas. We actually are looking for it. So this is the, you guys want to help me look. Maybe something that can be sort of modified to make it appear like a canvas. I've dropped the link here. See if you guys can think of something. Or we can just Google again with image and, you know, sort of draw it from scratch. Not really a big fan. Maybe you guys think, is there something else that we can use from you? Maybe. Maybe have this. This is a screen. A projector screen. Maybe you can use this. Yeah, we should create one from scratch. All right. We could show it to be the budget to be painting in a middle. That's actually a really nice idea. Let me just look up. The canvas like this, right? So I'm just, I just copied that. What I'm going to do is I'm going to paste it right here. So I do not draw graphics from scratch very often. So while the canvas is an easy thing to draw, I would say. Yeah, so please don't laugh at my failed attempts. I'm going to see what works, what doesn't. Fill the stroke and, well, okay. Yep. I have sort of, yep, there we go. So instead of maybe do this, definitely need to increase the stroke. Yeah. And I think you could do something similar for these sticks. Just tiny bit of this. Maybe make it a little bit round. I guess. Three and three. Let's use this color and this color. Reduce the stroke. I'm going to go ahead and log check. When you see if you guys have any suggestions in just a minute. This click on it, rotate it a bit behind. Does that look good? Yeah. Okay. Maybe should I round this? I don't know. I don't think so. Just going to. With this. Use this again right here. Maybe I will copy this. It's just right here. And flip it. There we go. Use it here. I'm going to copy this again. So I'm going to rotate it. And that's it. That's very tiny. What do you guys think about that? It's definitely needs something more. This top bar here. Hi. Thank you. We had a really nice time here. We are here. Oh my God. It's 124 already. We are going to actually, this session is going to end in the next five minutes. So I'm just going to do whatever I can. Hopefully I'll complete this and I'll try to make sure that this can get the badge. So maybe you could join the telegram group. And you know, just put your names up there. Say hi. I attended the badges workshops and put your FAS user name so that I can make sure that you get this badge. Right. So I'm going to put a pin in this for now. I'm going to remove this one. And I can, if you have any suggestions for the badge, I will open a ticket and maybe you guys can continue to work on it. You can. We won't tell anyone. You were technically here just in time with two minutes to go. So, okay. So if anyone has, I'm just going to stop sharing my screen. Yeah. Yes, exactly. So the next time I'm going to do is I'm going to open a ticket on Pajor for this. I'm going to upload all these assets that I need. And if any of you want to pick it up, you are welcome. I can help you if you need any help. You can email me, you can telegram me. I am on IRC, but I'm not very active. I think we can give people the badge. I think we can. Yes, I'll definitely share the link on the telegram group. So everyone who is here, I would like you to, I would ask you to join the telegram group, or maybe I can just look at the recording, but I don't have your FAS usernames. So, yeah, if you join the group, then I can keep in touch with you. And then we can continue working on this patch. So I hope you guys. Oh, okay. I hope you guys liked the session. This was my second talk. If you guys didn't notice was quite nose. Oh, thanks. And I am so happy. Trust me, Sylvia. I'm so happy to see this energy. I hope so. I hope everyone liked the session. I hope you learned something. Because designing badges is really fun, but I know there are some initial hurdles. And I hope if this helped you get past those hurdles and maybe start wanting to contribute. Oh, that's great. I'm so glad. A recording of the session will also be available later on. So Sylvia, if you want to watch the initial bit that you missed, you can.