Layer5 Websites, 30 Nov 2020

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Layer5 Websites Meeting (Nov 30th, 2020)

Description

@tanuj_agarwal22, Jash Patel, Omkar walk through Layer5NG.

A

Okay, so can we begin.

B

Yep we can uh we're three minutes in um yep. Let's begin.

A

Okay, then, uh the first topic is uh the related posts. Part so like uh the logic is yet to be made for the related post, but the latest post has been done. uh So if you can just open that open car can give some light on it,.

A

It's already merged, so you can also find it on layers for engineering data or on degree itself.

A

Okay, yeah, you can take.

C

C

In header and go to any blog, okay.

D

I don't think that the blogs themselves actually have links in headers. You might just have to click on blog.

C

uh And hi I had this, uh you know a weird situation uh if you could just now scroll down to the bottom of the page.

C

And now hover over the uh let's say blog in the header in the header, okay and now, if you try to go in the drop down, you can see it goes away. You know, there's a bit of a space in between.

C

Yeah, so I don't know if anyone is working on that, so I just pointed out: okay.

A

Actually, can you just uh open the netlife, the layer fighter.

B

A

I'm on a new laptop.

C

It happens when you go to the bottom of the page.

C

um Is this what you're talking about? Yes, I mean uh you know. Sometimes you just leave the mouse from header section and then this.

B

Goes that's happening with me too.

C

Yeah just pointed that out.

A

Okay, so like the mega menu is already working progress so like this space is uh a bit of issue so we'll just.

C

We were discussing about the dots in the bottom.

C

What are your opinions?

C

Should it be there or.

C

E

um um For me, it doesn't make much of a difference, but.

E

I think it's better to remove them if it began.

B

All right um anybody else.

D

Yeah from my part, I have about the same opinion as tanuj that they could go or stay that um the reason that they might go is that the ovals are.

D

We would need a little bit of work that they're there's a little bit of um they're non-standard. I guess and there's a little bit of shading, that's um off, not that it's not a good idea or that they you know or that that it hurts to happen there. It's just that they're, probably not they're, not necessary, and if we keep them we'll need to work on them a bit.

D

So um um are you? What do you think? Are you inclined to work on those and style them a little bit differently or is.

C

It just yes, I can style them it's because of the shadow. I guess you know the the default styling that the library gives it gives a bit of shadow on the border. So maybe that's the issue.

D

B

If I click on the second and the third um buttons, the oval buttons, it's directing me almost to the same slide.

C

I'm not sure where that is, maybe because it is the end. No.

B

F

A

Yeah so like for uh currently with this change, like I have merged that we are so like uh these changes are like very much nice to go and then further also the logic for the related like this one is for the latest post so like, along with the logic. If any style changes are needed, then that can be done in the in another pr. So.

C

Yes- uh and uh I also had this thing- you know the title of this cards component, you know, can we you know these titles are not completely visible? um I think that's if we could improve that.

E

Yeah, I think we had a discussion about that.

E

We had two options before either fix the height of the card, and uh we keep in mind that a particular title shouldn't be much longer than this much characters or I think it was suggested by nikhil that if, if there is an ellipse that added to the title, that is that three dots and user may be inclined to read the complete title and open the blog post.

E

I don't know if that is the case, but that was the thinking behind that.

A

A

Yeah, please go ahead.

C

No no go ahead.

A

Yes, like I wanted to address an issue over here, it's like, uh as the card width is uh shortened up so like here. The height of the first card gets a bit out from the others so like.

A

That is because.

E

A

E

A

The both cannot be fitted in the single line and that's the that's causing the issue.

E

And I think this is just a special case and we can reduce the us. We can't remove that with love part from the mesh mesh, then it should fit. I think.

A

E

It's just a special case for this. I guess.

C

Can we think about you know splitting the titles in two lines.

C

D

So, um by the way, the challenge that we're talking about right now, it's not the related blogs title. Rather, it's the formatting of the cards themselves.

C

D

Yeah a couple things to do so is this: this card size is the exact same. It's the same grid that we're using elsewhere.

D

Is that right? Yes, so we kind of face these problems all around so.

D

So there's there's a couple things like the. uh Unfortunately, the our mesh mates with love is probably not an anomaly. um The two other, the the it doesn't take a horror I mean you know it takes a little bit of a long name to make it rap like that. But but there are um examples at hand. Actually, if we wrote out um patel josh.

D

If I um like yeah well, they would probably wrap it, so it doesn't like it's gonna, it's gonna happen. Okay, all right find a couple of things, one we should um yeah. I think it's okay for us to be um definitive or restrictive. If we say here's the width and here's the height boom this. This is the card thou shalt fit into this card. We will overflow, your everyone should um bring a an image for your blog post.

D

um Here's the just as an aside like um here's, the the ideal image size. Is these pixels um it's possible that we might be able to control that if we're doing, if we're auto, generating thumbnails, we might be able to auto generate a thumbnail that is of the exact size that that would be nice. Not all images, though, are going to be, um are going to have an aspect ratio that fits into and such why by such and such high.

D

um Do we do we have the we have the ability to automate auto generate thumbnails now, but are we controlling that at all? Is that just a plug-in that does its own thing.

E

It's like I'm fixing the maximum height maximum width to, I think 500 pixels, uh I it it can also be done like we can auto, generate the thumbnails of a particular height and width, but the problem with that would be if the aspect ratio is not controlled for all the images of the of all the blocks, then it would crop some of the images right.

D

I mean it might be that yeah, so there's there's an aspect of this that, where a human might have to, um you know, participate in it that there's also part of it. Where.

D

There's a couple of considerations about the image the image itself, setting, maybe setting those aside for just a moment and talking about the rest of the card.

D

A fixed height and width is probably the right thing to do like the the page, full of blog posts and the related vlogs and the latest blogs, and wherever we're, showing those we're going to be a lot better off.

D

The overall page itself will be a lot better off if these are fixed height and widths, um starting from there yeah. It's also the case that we will generally have more than a two word or three word um title inside the blog post.

D

So we could. We can give a couple things we can do to help give ourselves um a fighting chance. So on the title of the blog post and actually for the rest of the content of the text, we can reduce the margin a little bit, probably by about half so we'll still have.

D

If you, if you look at the space from the edge of the card over to the first letter of the title, if we were to cut that in about half on both sides, that'll give us a little more room and we'll still have a pretty decent looking card. We might not line wrap quite as much with, and if we do that for not just the title but all of the text.

D

Another thing we can do is like so this view is it's not any more condensed than the regular grid view which is kind of interesting, because you see how the we we line, wrap on the date and our mesh mates with love and that bumps into the c-more, which then ends up overflowing the space that it's supposed to conform to. So it breaks into two and then like so look.

D

One thing to do is is potentially like absolute position to see more and have it on a different z index, or just basically have it unaffected by the overflow of other things.

D

um It is because yeah and there's a couple things that are going on you'll hover over the the card. It'll activate actually sweetie, if you can, can you hover on the card? um Just you know anywhere, yeah, sure, okay and so, and so this is good. This is a step forward like the c-more activates, the title activates, the zoom animation activates.

D

um And so in part, why I'm pointing that out is that if we really needed to free up space, we could be rid of to see more because two things are already activating.

D

um Actually I gotta say one thing: that's I don't know that the card itself doesn't move which is right or does it can you hover again?

D

Can you come off and go back on okay, so the shadow doesn't change on this one anyway, we're it's definitely gonna, be the case where uh what what I think, what where not all the content is going to fit into the cards, and, what's probably most appropriate for us to do- is to try to give things as much space as we can, but also cut them off like we do on the title, was we forced everything to fit within there and to the extent that it doesn't fit, it gets cut off, so it's kind of like the image the image doesn't fit.

D

um We don't overflow, we cut it off. We crop it same thing with the title of the author same thing with the title of the blog post itself. I'm sorry not the title, but the same thing with the byline, the author, something we can do to try to get the date and the person's name on the same line which looks nice is to abbreviate the mo the name of the month.

D

If that's a choice, we also want to switch that around anyway. We ideally don't want to start with the day and then.

D

Okay, that's fine! I guess uh actually it's it's like. Ideally, you start with month and then day. Oh, I think.

B

It depends on which.

A

Yeah so like uh it has been updated in on other all uh sites. I think omkar just uh did this pr from between when I updated so like omkar, I've just added it in the meetings uh meeting minutes as well. So, like you just have to change the query to have the month first and the date afterwards.

A

Okay, like you, can have reference for other pages. You can find it.

A

Okay, then like, if this topic is completed, we can move on to the next one.

C

um And uh this no idea about the logic like how can I make the query.

D

Yeah, what is the query based on currently.

C

It's like you know, for every post there is an array of tags and I want to use that this tags array as a parameter for another query. But since this is a dynamic query, I it is not possible to you using the use static and these are interdependent. So I don't have any idea how I can do that.

G

E

Let me look into that. I also do yes currently ask how to do that.

C

ah We are fine, I don't have anything else to say.

G

A

Word: yeah: okay, then we can move to the next topic. uh That's the events page detectoring by keyshot so like that pair is in work in progress, but much of the things have been done so like if we can just demo it.

B

um Okay, tell me where to go.

A

H

B

Can't wait for the mega menu to be updated.

B

H

In the previous meeting, you told to discuss to implement the filtering effects like in the hashing website, so I did that.

H

Actually, I wanted to add a join events button in about the events, uh but uh I think I don't know- and he told me.

A

uh Okay, so like uh he just asked uh like we had if we can open the hashicorp website as well. Oh.

F

A

Hashtag uh yeah, hashicorp and docker both.

B

Okay, um any particular site no.

A

Docker dot, io and events. I will vote events over in both.

B

B

Those, oh, it should be somewhere here uh virtually mentioned.

A

Yeah, it is yeah yeah yeah, okay, so like if you can move to the bottom in the docker speed, docker.

A

Page, okay, so like we, uh so we discussed to have uh something like this uh for the like attendant event or but uh the the thing was like: what will this button direct to so like? That was a question lee. Can you answer for that.

D

Yeah, so for the like to see all user groups um right now, if we have so right now we have only two user groups um and, like I think, the link there probably takes you to either events.docker.com or meetup dot, like professional group, pro meetup pro docker. If you hover over the link treaty, uh you have events, dot, docker captures. Okay, that's a different platform that they're using um so for ours. We just have two: um we would take them directly to the individual meetups.

D

So yeah so yeah, the individual meetup page, so meetup.com.

D

Dockeraustinmeetup.Com.

D

Cloudnativeaustin writer.

B

um No, that's that should be right.

D

Or josh tell me if you're free.

A

So the thing is like we already have the like: uh can you go to the event space again to our website.

A

Yeah so like there is a tab for meetups and there will be so if you can open the meetup step. Okay, it's like uh this. We are having individual over here so wow, nice.

D

Cool, oh okay, okay,.

D

Good, this is a good challenge to have this. This is nice thanks the kishore this is this is good. um So what we've done here is well. Keyshore has made our site come much more alive than it was before so previously, and and so there's kind of two things that are mixed together here now um and it's definitely it's a solvable issue.

D

The issue is um that, and the word meetup gets overloaded, it's a little bit weird when you say it, but um there there are two groups that are run and they, those individual groups, have meetings about once a month.

D

The two groups, one of them, is dr austin, the other one is cloud native austin and those are.

D

Those are meet-up groups that you as a as a member would join, and then those groups individually have meetings, and what we have here are the two groups listed, and we also we have them intermixed with the meetings that they have had so conceptually like the september 17th um 2020 date, underneath the docker austin and cloud native austin like conceptually, there is no date for those those are just ongoing once a month and the individual events, the individual meetups that have happened inside of those two groups is what is lit, is what all the rest is listed and those have dates, because those are just like a one-time meeting.

D

So um one way of addressing this is is to have like the first row static and it lists just docker, austin cloud native austin, no date at just the external link. Maybe those two cards are slightly styled differently, um because they're, just perma, permalink or they're um they're permanently there permanently positioned and all of the rest are, is a dynamic query.

D

You know, uh so I'm just kidding.

H

Are you suggesting to create a new place for each of the engines.

D

I missed part of what you said say the first part again.

H

uh Sorry, so are you suggesting to creating two separate pages for docker and another one.

A

H

A

I'll, just uh so kishore lee states that in this page itself, in this tab itself, we can just have the first row as docker, austin and cloud native austin and, like you, can just give them a different color or style, or to do those two cards and that can be made static and for the other cards like after that first row uh we can have that graphql query for all the other individual.

F

H

A

Okay, anyone uh else has anything to add over, uh like this work or future.

D

Yeah, can you can you navigate to the other tabs briefly.

B

D

Nice and then and the rest of the style of the card is the same or like the interaction. If you hover over one, is it okay? It's the same card.

H

Actually, I did some uh some more tweaks in the upcoming updates.

D

Nice and what are those.

H

Back shadow for the whole car, so it lifts yeah. I added, and I also added the imagination.

D

H

Is what I am working on.

D

Good, um actually, both of those improvements are potentially to be leveraged in on other pages as well. um The back shadow for the entire card is, I think, desirable, all around the pagination.

D

Do we what's the status of that collectively like there was one that was in flight for the blogs, but yeah.

H

Yeah like that, in the blocks page, we have next uh recently.

H

D

So we do so at the moment we don't have do do we have a pagination plug-in, that's working or or pagination component. That's working.

H

We haven't, I think we have in block page. I think.

E

Yeah, the pagination plugin is working, uh I'm adding more features to it in another pr, but the plug-in itself is working and it can be configured easily from uh that gets the config gatsby node.js.

D

Nice and so keyshot, is that the same plugin that you're working with yes, oh okay, all right, nice! Okay, um no other comments for me on this page. um Well, one one question: um how when the pagination plug-in is there, do you do you think that you'll end up showing three rows uh and then the pagination plug-in or how many items per page? Are you thinking.

H

D

You'll cross that bridge when it comes cool yeah. I know I'm just curious.

B

um Okay, let's move on to the next one uh josh: this is yours,.

A

Yeah, so that's just a quick demo of what I did in the yeah so like okay,.

B

um Let me just.

A

Yeah, if you can go to the foot area, so it's just changed the entire design and it has been discussed over gps like if anyone else any has any feedback on this.

A

E

I think I just I commented on the social logins.

A

Yeah yeah that component yeah yeah, like that's the next topic, we'll discuss.

E

Yeah, nothing else.

D

Man maybe drop the this is extremely close to the mock-up, so this is. This is pretty great, I think in the mock-up we, the font size of the copyright and the privacy and terms, I think, is reduced by one or two okay, I'll just.

G

D

Nice and then separately, the next discussion it sounds like is on the button on the social.

A

Yeah uh so like just a point over here to add so like we discussed over on the pr as well so like. If we do have this subscribe to newsletter uh field in the footer, uh then uh do we add the subscribe component as well to the individual pages like just before? If you can just scroll up a little bit of pressure.

B

A

Yeah so like, if you need, are we adding this as well.

D

Yeah, it's um it's duplicated. It's duplicative.

D

But it's just kind of how it okay, how it goes, people people mentally it's kind of like it- would be sort of like um hey. Don't we have an a header already that has a community.

D

uh Why are we putting a footer that has a community as well like actually of the page that they're looking at it's the community page so they're already on there? So why do we even have a link to community at all, like those are all good good points and then the logic being well, because it's convenient to have it at the top and the bottom? Well, because it's because people when they they mentally digest the this request to subscribe, as it has one thing and then separately, they kind of digest that other form.

D

So we want to. We want to get them and uh and presenting it to them. Two different ways can okay, no problem.

A

uh Yes and now uh sriti, can you just go to the next topic.

B

F

B

A

No, the topic is, uh like you, skipped a topic.

B

Oh, we haven't okay, um josh go ahead.

A

Yeah so like yeah for the first one, uh it's the uniformity of buttons all over the website uh so like I have created uh two buttons uh for the like a primary with yellow. So if you can just.

B

This has been no, it's right.

A

Yeah yeah, so if you can uh move to the top yeah, so these two, these two button styles have been uh like configured in the so like anyone can use this, uh the color, the shadow and everything remains intact. You just need to add the title. Url and all those things like I've added these two, the yellow one, is the primary button and the green one is the secondary button and the same would be applicable to all.

A

If you move to the programs page or carriers page or community page anywhere, you see a button, it would be of the same kind.

B

A

uh Say you should work on.

D

This uh yeah josh I'm trying to pull up the um designs. How far off are we or did we not yeah? I think like of the reasonable.

D

Josh, I think that you're doing great, I I think that there might be feedback, but that would be more. It would be extremely easy feedback to incorporate in, like. I think that there are things that are probably set in stone, um so that subscribe button is not as good that's a different thing and that's not as good as what's the two that josh is pointing out, so the two that josh are pointing out. I don't foresee changing a few aspects.

D

um If you go, if you would, if you go back to the top those first two, some aspects that I wouldn't perceive changing and that is um the roundness. The all of this stuff is like all these things, I'm about to say, are really easy to change, even if they did um it's, maybe not anyway. It's.

D

In the uh current mock-up, the corners are both of the the border of the button. The corners are slightly more round and of the play icon. That triangle it's slightly rounder as well, and I think that the mock-up is.

D

Perhaps wrong, like the when you round the corners of that play button, it becomes almost cartoonish.

D

Maybe that's okay. Maybe we want a little bit of that in there, um but I but anyway then the interaction where we're changing the color, like that, that's working! Well, the font, that's being used the there's a lot of aspects of this that are good. One thing that bugs me slightly is um on the yellow and again like josh. Some of this is preemptive feedback, because, because the buttons themselves, we haven't congealed totally on the design, but then the yellow. It's black text, not a dark, yellow text, whereas there's a button.

D

That's you know, dark green, not black! um I don't know the the down the icon that was used in the mock-up for run. Meshery is was something of like a cloud download which is very similar to what's here. It's the same concept. The problem with both of them is that well we don't yeah in some respects where people would download and run mastery. But what's the verb that's used here is run, and so the download is like slightly off from that it would be yeah.

D

We would probably want a different icon, and rather than spend time on it, I would say this is probably good for now. If you propagate the you know the interac, this same button style across the rest, because it's going to be a similar hover and highlight with the color uh similar.

D

You know, the bones are good. There might be some slight tweaks.

A

Yeah so like uh the home page entirely is going to change anyway. So, like we'll, have those things in that uh iteration as well.

A

uh So like for a reference, if you can just open any programs or carriers page you can, if you can open any programs or carriers, if you can find them in the footer.

A

Yeah, so if you can move scroll a bit.

B

uh Tell me when to stop.

A

Yeah so like uh this is the thing I was talking about so like everywhere, you'll just find this same thing, the same buttons as uh in any page, apart from the home page, currently yeah uh and the next component, the next pr uh that's in progress, is for the uh the tooltip component and the social links component. So if you can just open up the netlife preview for this.

A

Yeah so we'll just move to the blog first for the tooltip part.

A

So this is inspired from the mock-up so, like the inner icons have to be changed I'll just look into. If I can find something better in react, icons, they look yeah, but.

D

um Let's not waste that time. Like that's, that's it's good! You know.

A

D

A

Yeah yeah, please word.

D

uh Well, the only um if we bring them if we make them more of a pair by bringing them uh yeah. You might even give it a try if you would like, if you remove the border of those. So the thing that we're looking at treaty is the upper left-hand corner. It's the switcher between the grid view and the column view if you were to remove the border and just put a um a vertical bar between the two yeah.

A

Okay, I'll just try and add this screenshot in slack. If it shoots up okay, the next one is, if you can open the contact page.

A

Not contact sorry about it's in the header yeah and if you just scroll a bit so both of the yeah, so there are the social links component is used currently at two places. One is the about page and one is in the footer and both have inverted colors. So I uh tried to have a common uh filter effect for all these buttons. Like uh the issue was like.

A

If I use the original colors of those icons, let's say red for youtube, then those filter would work in one and not in other, because it will get another involved over. So we can. uh We can even fix the colors on hover if we want, but with the limitation of using filters uh like this is what I could achieve. So any.

F

Suggestions on.

A

E

You can pass up props and from in both the pages like. If you are in the footer, you can pass a proper white and keep the logos as white, and when you hover into our own icon, it will change to the brand color.

A

So like uh yeah, so if we make it similar to the buttons we use the primary secondary part so like.

D

A

Mode and light mode, we can do that yeah. Definitely.

A

But uh so I did this on purple. I observed the same thing in hashicorp website uh in footer of hashicorp. uh If you can open up the hashicock website once shriti.

B

F

F

B

That's really weird.

A

F

A

Sick yeah so like they have just a single color filter or something like.

D

D

At the moment, it's probably not worth um iterating on until we try to tie off in the in the mock-ups.

D

For now I mean yeah it. So I'm trying to keep an eye on the ball on make going. You know, taking the site live, it's probably good enough for now, even if we brought in colors later.

G

A

Yeah, so that's all and a few other css tweaks for that so like that are like that cannot be shown. uh So uh just a question was like, while I was uh seeing this website. So if you see there are a few tags in the footer as well like the new or we are hiring uh so like uh do we need anything like that.

D

Yeah right um that would be nice right now. I don't think that we have one that um other than we're hiring that we would actually put into place, um but yeah you want to try the we are hiring and see how that comes out.

A

Okay, then I'll just look, if I can, I have like if there are enough issues I won't open up or if there are not I'll, just open up an issue and anyone can take that out yeah. So that's all from the work done in this week and now.

D

A

You move, we have a longer list on work to be done.

B

E

Okay, the first issue is for adding pagination. I I'm adding them one by one.

E

Most of the things I talked about when kishore was speaking uh about how to add them, so it apart from. Currently we have the pagination from for the blocks page and I'm not sure where, in which page should I add them to every collection. Currently, I I think we agreed on um the community members and the events and and for the learn page.

E

We we thought of doing like showing only one or not about three books there and some workshops there and adding is something like a c-more button. Should it be like that.

D

Yeah right yeah that that uh right yeah, I think the the yeah the learn page, is a good example of that there was another page. um That was an example of that and maybe yeah it would have been the slash events page except we have that new style where we're breaking it into tabs.

D

um So maybe it's only the learn. That would have exactly what you said, which is you know three examples of each um even at that that that page itself, the learn page should be an improvement on what it is currently it, and this is a design that we need to work on, but it should be more than just three individual rows, describing the fact that we have those things.

E

D

So yes, yes to.

A

Pagnation, uh okay, so next issue to be worked upon is uh to make a features feature component. So if you can uh go to the layer for engine.

D

Are you able to share and that way you can just yeah I'll I'll just here just a second right.

A

Okay, so is my screen visible, yep, okay, so uh basically, the uh features feature component is something like for each of the like. We do have. Currently we have six projects and we need to like, apart from okay, so I'll just have to.

D

So we do have a feature switcher right in the animated terminal page.

A

Okay, so the uh features feature is the animated terminal uh we use yeah so uh like for certain projects like image hub or similar.

A

We just have a text or we just have text over there uh like simple text and a few links to videos, and so we can just improve on this page by adding a few things uh like if you can use this feature switcher or something like this can even work if you want so, basically, we need to beautify the individual projects page by using some components.

D

Perfect yep and, like you said, the the feature switcher might be, might be the thing because it might be able to step people through the story of what image hub is and yeah how it's used and what it does.

A

Okay, so, like I'll just create an issue, anyone in the call willing to take the.

A

D

And so for those that are on the call that might be thinking about it. um Now is a good time for questions or don't. um This is a safe place. Ask your silly questions or what you think is silly. I.

D

Mean with a couple of pretty cool components that are sitting idle um and have yet to be pulled into a project page that really shows off what that project. Does um the animated terminal page that we were just looking at? It's got two components. One steps you through this an animation using a terminal and you sort of scroll through it, the other one, let's switch between.

D

Well, I guess we're calling it a feature switcher. It could switch between other things.

D

So this page has those two components that this one and we need to think about where we're going to put the animated terminal one, because it's a big old, it's a big. It's a big thing. You've got to have a big project to work through, probably it lands in measuring or like some part of how to use meshri.

D

um It could be that this lands into the smi conformance, maybe yeah- I don't know, but but at the bottom of this page. Is this feature switcher awesome component? We can probably use it twice on the site, because if we use it three times it starts to get old. It's unique enough that people.

D

Feel for it we could. We could tweak, we could tweak some things so that it doesn't look quite the same. Each implementation doesn't look quite the same, but what we've got here is just you know: um auramepsum we've just got, you know um some junk tossed in there. I need to take it. This is. I haven't really thought this through much, but to josh's suggestion like this. One may work fairly well on the image hub page.

D

The image hub page has, I think, like three uh images like a a um video and a couple of screen captures, but there's more than that, that's available, uh so there's more content that we could bring. Even at that, when we show the feature switcher, it could have just three features: it's showing or six.

D

So that's so, if um so, olu vishal um gerald um others that are thinking about something, here's something to think about. If it's of interest.

D

And then assuming no questions or assuming this isn't necessarily of interest, or maybe it's something you want to check out later. um No, no problem, we'll maybe move to the next topic.

A

Yeah so like uh basically, the feature switcher is already made. So if you wish to use or wish to know how to use it, you can message me or thanos on slack and will just help you out also.

A

A

There is an this is a very important issue that omkar just uh told so the thing is like uh the height of the uh header head is uh like more and when we move down it reduces and due to that, the space gets increased so like if we are on the top, uh this space isn't much, but if we move to the bottom, this space causes the mega menu to vanish. So that needs to work upon.

A

I think I will think we need for it or we can like. We don't want to anyone else to like then again change things on this.

D

I think we should ping beneath um not because it wouldn't be awesome for, for all and by the way.

D

I'm abbreviating your name to olu, just because I knew an old. I know an olu here in town and it's so much easier to say. Oh so I apologize, but um it's not so much that we wouldn't want um olu or gerald or or whomever to jump into the mega menu. It's it's that actually there's kind of a lot to it and it takes a little while to get into that's fine anybody that wants to do it.

D

No no problem jump in, um but the reason to ask finith is more so because he's already has his has his head wrapped around it and could actually um successfully execute that and since he's interning here, he doesn't have a choice he's going to have to like, uh because it's kind of a hard thing to do. But if, if it interests anyone let you know connect up with beneath ready I'll put his name into the and get up in there. It's a really important component.

D

It's so important that even even streety, who last time I checked, she bleeds green um and she loves the site and the work that you guys are doing.

D

Yeah go ahead, hello.

I

You mentioning my name well, I didn't get what you're saying.

D

Yeah uh we're talking about a couple of things that might be of interest to to you or others on this site. Although have you jumped into uh react into gatsby just yet.

I

Yes, I'm just leaning it.

D

Oh nice, um yeah.

I

D

I

I'm just learning, but I've not deep dive into it like that, because my work is just taking a bit of my time. So I'm just trying to be here and there so just to balance.

D

It totally uh well there's a couple of things that we're about to talk about. That might um might be the right opportunity, because some of these things are just they're they're, like tweaks on existing components or tweaks.

I

D

So that might be the right you might have success and sort of learn. At the same time,.

I

D

So the one we were just talking about is the mega menu um and I think I think we have that one covered, maybe josh. If you want to take us to the next.

G

A

Yeah yeah, so the next one is to revive the brand.

G

Page okay, so this is the.

A

So this is the current brand page for layer 5 ng website, so we just need to have a few things fixed over here, like the the background card uh and shadow. So like we had something for reference, if we could use it so like we just have to keep it simpler. uh We don't need these cards.

A

uh We can just have it as plain text and plain logo so like for reference, if you need you can just visit the hashicorp.com so like they have it very simple, and we just we just want to have the same like the text and the download button over here so like we have very similar things over here as well, and the logos and all those things yeah.

A

So we just wish to like if, if any one of you can just jump on it and do that required thing.

E

A

So I'll just toss up an issue and I'll just uh mention, if you can, if you wish to work on it, uh although.

I

A

I would like to.

I

Okay, so ghost.

I

Reference uh what's the code link, which is the undercall so I'll, be able to know.

I

On the issue here.

I

Yeah, so the reference link I've just pasted in the chat box.

I

No, no, no. I mean on the issue so anytime I'll pick it up I'll, just say.

A

Oh yeah, yeah I'll, just I'll I'll drop. You I'll just tag you on that issue as well, assign you so you can just work on it.

I

G

Thank you. Okay. Thank.

A

You very much uh next we do have the mesh mates page.

A

So this needs to have some like. We can have just some division to distinguish that there are uh the mesh meds and then again we do have the ongoing text that was being continued.

A

uh It's like a simple revamp. If anyone wish to work on it right now or like it is not much of like urgent thing to work like if you already have another issue in interest to work upon, then this can be solved later. But if you wish to like say so, this one will have less things to.

A

Like give your uh attention so like, if you were starting up- and you want to take some issue, then this can be a good first issue. If you, I wish to contribute to layer, 5g website, uh so like just a few styling tweaks and uh like I can discuss it in slack, even if you want so, is anyone uh willing to take this off.

C

Hi, I think I'm interested in it we'll ask you more in the slack.

A

Okay: okay, thank you. Okay,.

A

And the next one we.

D

A

Is the community page, so I was myself going to work upon it, but I had to work on a few different things and I.

D

Also have few different.

A

Things to work in future uh like the home page as well so like if anyone so lee, can you just uh tell what is exactly some things that can be changed.

F

D

Yeah um actually, there's related to this, so you see that we've got individual sections with headings. It's like you know. Our community members clarified mesh mates um we'd recently come to conclusion that there's kind of two fonts that we'd like to use on the site, the there's, the one that you're currently seeing, which is open sans- um that's good it'll continue to be pervasively used. The second font is um canelo's soft and the font files are in the community drive.

D

So you can find if you don't have those that font you'll find them in the community drive, but we, knowing that we're going to use both open sans and canelo's font on the site, there's um the task of loading up that font, um probably in a more central way, um tanuge. That might be a good thing for you to take a look at so that.

D

Okay, so yeah, so any headings just generally benefit from it, but um specific, some specific updates on this page um and there's a there's, a few tweaks that need to be done and um it's we might save ourselves some time if we produce a design that rather than me speaking to it right now, but a design that can be implemented.

D

Because I think some of the feedback, I would give- would be a little bit haphazard and would would be good, but it would be slightly haphazard.

D

uh So let me let's um repository overview. Why is that sitting that I mean like one quick thing might be that, like it's not obvious, what's a hyperlink and what's a heading so.

E

Yeah I wanted to talk about this also. I remember I need a color for a link like if you uh open up any blog josh.

E

And go to support, uh I don't know if this has a link inside.

A

E

These are the links yeah. These are the links to like uh we are using, I think, currently, uh there's light light gray color for the links uh for the links and for the text we are using black, so there are links in that tags are not distinct in most of the pages, so what color should be used for the links and this link is control centrally. So it's not big deal to change it.

D

Let me let me take that action because it's the answer to it is here what the color scheme is and what the primary there'll be a couple of action, colors um and some of what needs to be considered. Is that, like in the footer there's a number of headers, um they too change in color?

D

They actually look pretty great, but but the the challenge is that when you're on a white background, what does that need to be? It could be toward the inverse, but I, but it really needs to be addressed holistically. It needs to, we need to say here's the color scheme and that's.

A

Yeah so like uh basically in our website, we do have the templates uh like for all the uh all those pages and there we do have the list of all the primary secondary and hover and colors so like we need to like have a discussion on that after, like when we yeah.

A

uh So I think uh that's the revamp community page.

A

uh If anyone wants to work upon it, then I'll open up an issue for that as well, uh but I think that we can like uh we can work on it after we have a design or something so like uh for now, we can keep it aside uh lee any thoughts on that.

D

Well, there is one there's one: that's the newcomers page has that one made it over to layer, 5 ng,.

A

D

So the data right there that we have in tabular format the information guides and issue for graph this- um that data should not be in tabular format,.

A

uh So to interrupt, but I think an issue is created and I think someone is already.

D

A

On it, like the one who created the new commerce page, I think it was it you who created the newcomer speech.

H

It was me we discussed it in the last meet. I think.

D

Nice: okay, good yeah, cool, um okay,.

A

Okay, then, uh last few topics, if like this, is a discussion. If you have any other work and if you wish to jump off then like the meeting is officially, I think shitty can better explain all.

B

This, oh yeah, thank you for joining in. If the meeting has gone in for too long and you need to jump off, as just said, please do so no hard feelings there.

B

We completely understand that you have other meetings and we tend to go 5-10 minutes off the allotted time, but you don't have to stay for that and thank you for joining in see you next week same time.

D

um Briefly I'll say this: that there's the landscape page is uh is a work in progress and it's highly referenced. uh So when we bring forth the new one, oh wow, it's looking better than it was good.

D

uh Good, the again, some good bones um that this table is a lot uh probably is a significant improvement than what it was. The coloring needs to be updated, but, but again like I, I would I actually won't comment on it because it needs to come. We need to need to kind of go through that that design process um and uh what's his name um augustine, was here working on that uh in an internship. His internship is ending um just ended yesterday, so he won't.

D

He won't be working on those, but but they're they're much needed uh to help just provide central reference for all of us as we're as we're implementing like hey. What are the colors? What are they supposed to be used for? What does a table to us? What does that look like.

D

And so yeah, some of some of the feedback kind of hinges on that one thing to do: this is a little bit harder. One thing to do is.

D

On the there's, the component for how it works to take the how it works component and put in each of the service mesh logos and replace the five logo in the middle with meshrey logo.

D

This is going to be an awesome thing, but yeah so simple, a relatively simple task is to take each of the service mesh logos that we already have as assets on this site and put them around the circle in the middle of the circle. Put measuring.

A

Yeah so for reference, these are the icons that can be used.

D

Is that of interest to anyone to work on that.

D

E

If no one is going, if no one takes it up, I can take it up. Okay,.

D

Good yeah, thank you. I think vinayak will be he's doing tests right now. uh Exams are going on, but he'll he'll be back at some point, but not to knew as you look at that vinayak had one further.

A

Yeah yeah, I remember he had implemented the extra icons like the second round.

A

I think it's slash.

E

Service mesh, amp capable.

E

No, not no hyphen.

F

D

Yeah good! Well, then, to news you you're a good one to work on this since you're, familiar with.

A

Well, okay, so there's some margins issue uh yeah so like uh I'll, just first get on what is on the list and then so there are two tasks for lee like not you, but you opted to work on that uh so like if or you can just provide the data required to someone.

D

Sure yeah, um so a quick word on redirects, where, as we move from one instance of the site to the new version, there's some restructuring of the site itself, some of the links will change like the slash books that that link.

D

We will support people going to layer, five io, slash books, but when they do, we actually just want to redirect to letter five io slash, learn, slash books. We want to relocate that page a little bit, and- and so we did- and this is an example of um how to do that. So to josh's point.

D

um I need to provide a little bit of there's some there's a working example already. I need to provide a little bit of information about which pages should redirect to others.

A

uh No, it's like uh sorry to interrupt, but I meant was like off a few lines after the title and before like currently, it looks like uh every page is a collection of cards and if you look into the learn books, then again it's something cards and then workshops it's cards and blog. Then it's cards.

A

And similarly, if you move to the programs they're against cards, it's like uh some text should be provided. I guess, for each page a little bit of description or something yeah.

D

Yeah very much so um yep, um that's an action item for me.

A

Yeah, so these are the two things uh so like.

A

If you can like, if you can just provide data, then some we can add issue, and anyone else wants to take that as a good first issue, then also it can be fine or you can do it like and.

D

A

Currently, our main focus is on three things: uh one is the home page, the other one is the mastery page and the third one is the landscape page uh so like we do have design for home page, and we also do have a very much design of measuring page and that can be transformed and for landscape.

A

We do need a design and the other things that we already discussed are like. Those are the things that needs to be improved, but these three pages that are needed to be created from scratch so, like our main focus, is on to create those three first and then we move on to those uh improvements. On other pages.

A

uh So if anyone else wants to take the home page, no issues or I'll take the uh like just do the same thing as I did on the footer replicate the design that we already have for enter at the entire home page as well.

A

uh If let me see if I can share the design as.

A

A

D

This is the home page.

A

Design and that's been approved, uh so these are the things that has to be incorporated or changed, and here we can have those books, demo or image or poster so like this is abroad, rightly so I can just start working on it.

D

Yeah, it's actually. I guess it's slightly confusing. It's it's actually, the the header. That's that's approved, um oh so the body started yeah and then the um the header and footer are basically what's approved, the that said the um the first two large sections representing every service mesh and operate any service mesh with confidence. Those are us. We may as well consider that they're approved like if something changes, it's maybe the size of the icons or the um change with confidence to green, or we would change every to black or something like that.

D

It would be small tweaks, but otherwise those first two yeah. We you we can go forth with.

A

Okay, and uh so we do have uh two more pages now, this is what is a service mesh and when should they deploy a service.

D

A

So we don't have any design for messaging.

D

Is it so correct? Now there isn't a design. That's been done for the measuring page itself. That component, though, or that section what is a service mesh with the um book in the background that that's good to go like that's something that someone can implement the the black? Do you need a service mesh with the green circular button like that? That's a component that could be made as well.

A

uh So I I just had a question like: are we going to have individual pages for them or the entire? Why we should have a service mesh, as in section in the home, page or mastery or somewhere.

D

It'll, probably it'll probably end we'll end up having an entire page dedicated to like. Why do w? When, when should I deploy a service mesh and on the page, yeah yeah, but that that component, though, like what is a service mesh like even though it would be on that page, we'd, probably use it once or twice elsewhere, because it's a general resource that we would present to people.

D

And the do do I need a service mesh like that question. um We might put that as a that that black box, we might put that as a call to action on a different page to pull them back to this questionnaire. This page, this page overall, is intended to be a questionnaire which is like. When, should I implement a service mesh and those bars, those horizontal bars? That's that's really.

D

The majority of what this page is intended to be about is helping people answer this question and depending upon where they move the bars we'll um give them different counsel, probably send them an email as well.

G

D

So the two things that are probably like people could take forth is the component with the book in it and then the component, the black background that says, do I need a service mesh.

A

Okay, so uh the thing.

D

Is like we do have.

A

Like in gets to be website, we do have sections uh and each page is divided into multiple sections. So anyone of you in the call wants to work upon on a smaller issue. First then, it's basically just create a section. For this part, it's a gradient uh title, a few text and an image and that.

D

A

Be pretty easy if someone wants to work upon it.

D

Yep also um we'll start the the the uh we'll start to look for an um a visual designer there's, a visual designer internship. That's opened up or uh or a part-time role or potentially a full-time role.

D

If people know of any of anyone.

D

So with that um that might be about that might be about all for today, those two components that we were just talking about or those four. Rather, we could probably make issues on and.

A

Yeah, we can add these screenshots in the issue itself, so someone can get a better idea who does not want to go over here.

A

Okay, so will that be.

D

An action item.

B

A

For those issue creation city.

B

A

A

Okay, so that's all from my side. Anyone else wants to take over.

C

Now, if anyone doesn't, as you mentioned, that section yeah.

I

C

I need mystery, I think I'm inclined towards it.

C

So you can consider.

F

A

Yeah, so uh shitty will just create an issue and like mention you on the issue, so if you uh think you can work, then you can just ask her to assign you the issue.

C

Yeah yeah, I look more into it.

A

Okay, thank you.

C

Yeah, I think and uh yeah about the carousel. I uh I have to take the dots away right for now, as mentioned above.

D

Right for now,.

C

For now, yeah I'll just take them away.

B

All right, then, I guess that's it.

C

B

uh Thank you for coming on and staying for the next half an hour yeah thank.

D

You yeah see you guys.

C