Hey guys, it's Nate, AKA The Foot Account, and welcome back to the channel. We have some big news today, dropped in the code, Icon Moments Images. We're gonna get right to it, look at some cards, because this is always really, really interesting when we get these images uploaded every year before the icon moments actually drop, because we can actually do a little bit of recon work, if you will, a little bit of research, and figure out when these actual moments in that specific icon's career was, because what the icon moments cards are is exactly that. It's a picture, a snapshot moment of a player's career that they are getting a icon upgrade for, and these icon upgrades are different from year to year. You're gonna see some of the dynamic images that they've uploaded are different for almost every single icon than last year or in FIFA 19, and that means we could be getting different positions, different upgrades, and all sorts of things with these icon moments. So again, EA has told us that these versions will be into packs in February of 2021. They did not come out last week, which is when we thought they could, but it's more and more looking like this Friday is when the icon moments will come out, now that we do have these dynamic images that have been made live. So let's take a peek at some of these, and man, I'm telling you, these are insane. Bash and Swine Steiger, Kiss and the Trophy, that is incredible. I think that's the top dynamic image that I have seen from all of these icons so far. Of course, these brand new icons that we've had in FIFA 21, Swine Steiger, LAM, Sucer, Eto, Cantona, all those guys are in here as well for the first ever Prime icon moments card. So we're gonna be seeing some of those images too, but I am gonna look at a couple people who have done some inside research on Twitter. I'm gonna be linking their tweets down below because some of these tweets are absolutely awesome, right? Here's one of the dynamic images for LAM. Let me find the one for Swine Steiger. Yeah, so this is Weaver on Twitter. I'm gonna link his Twitter down below, really awesome trader, and doing a ton of great research on these Prime icon moments. Really nice image, and it looks like basically he found the game from where this picture was taken in, obviously, in the World Cup, and found where he was playing in that game, right? So Swine Steiger was playing in more of a central position, so of course you would think that this icon Swine Steiger, icon moments, Shwiney card would be a midfielder, right? He also uploaded a little research for Mr. Ronaldinho, because Ronaldinho looks like this is against Germany in 2005, so instead of having the center attacking mid, Ronaldinho that we had in FIFA 20, it looks like we're gonna be having the left wing one like we did in FIFA 19. But again, scrolling down through this list, there's a drug bug, you know? There is Rui Costa, and honestly, if you're somebody who plays FIFA a lot like we do, or like I do, a lot of you guys do, if you're watching this video, you know that these images are different, right? There's David Beckham getting an image uploaded as well, that's a pretty dope one, and Zaghi, that's different than last year. I scrolled through this entire list pretty fast, and I think I only found like one or two of them that had the same dynamic image as last year. Here is the Don with the shirt pulled up that's kinda sick. Shevchenko's image looks awesome. I think Ian Wright's looks really dope too, with that jersey with the necklaces on as well. That's really dope. Mateus, all right? Pretty similar to last year. Sucer, right? That's a brand new, that's a pretty dope looking card. But the most interesting thing is, with these moments cards, is that they can get kind of crazy boosts, right? I wanna look at Mr. Rush from last year in FIFA 20, because I just wanna show you the kind of boosts that these cards could have. Now, of course they're gonna be very expensive right away, and we'll talk about like the actual market impact of these a little bit towards the end of this video. But take a look at this Ian Rush 92. This guy got a five star weak foot, whereas his 91 rated card last year only had a four star. But look at this boost. A plus one overall boost, but you have plus four pace, plus four dribbling, two shot, two passing. And as we're gonna see with some of these icon moments upgrades, EA goes all out. EA goes all out with these upgrades, and that's why looking at these cards and seeing and knowing some of the positions that they could be in, is really helpful for kind of projecting what that upgrade could be, right? Here's a Steven Gerrard image that's pretty dope. You got the Bobby Moore again, kissing the trophy as well. That's I think one of the coolest images as well. Honestly, will the images make the cards worth a little bit more? Like Schweinsteiger? Absolutely. Bobby Moore? Probably. Although Bobby Moore's prime icon moments card isn't super meta or popular. I think last year some people actually used them, but pace, we need to upgrade on that pace EA sports. Anyway, Vanessa Roy, of course, R9 Ronaldo, getting in there, Pele with the look back. The one that I think might be the same as Paul Scholes, because I think Paul Scholes might literally have the same image as he had last year for his prime icon moments. Is that the case? Scholes, no, that's actually a different image. It's close, but it is different. So that's kind of interesting that Scholes has one right there. Seedorf, Seedorf's is very different. This is one that I noticed right away. Take a look at this. Seedorf goes from the big dreads, the flowing hair behind in FIFA 20, which was, I think, partially why his card was, you know, very cracked out card indeed, but might be attentive to why his icon was so much, the icon moments card, because of that dynamic image. This year he's got a very different one with the short hair on Seedorf. Desai is got a different image. Schmeichel, Maradona's image looks really, really, really sick. I think Weaver had a picture of that one, too, alongside of here. One that I did want to point out that we haven't looked at yet is Yeshin. Yeshin, known as the hat in FIFA, actually has a hat in his dynamic image. So, of course, if you're a fan of Yeshin, the hat, you're hoping that he will be getting, of course, that hat in game. There's Puskas, of course, for his first ever icon moments card. It's a pretty good looking image. Roy Keene's got a nice image. Crespo with some flow. Hugo Sanchez with some flow. Linnaker got a, that's a very, that's a snapshot to definitely earlier in Linnaker's career, I believe, based off of the images that I've seen before. Rykard got a new image. George Best with the scruff, you know? That image kind of reminds me of his middle icon card. Lodgeup with a new one. Nakata, Zola, Clivert. Socrates looks pretty dope. Yeah, there's the Yeshin with the hat. Rudehullet with a brand new image. That one looks pretty cool. There is Cantona with the wave, right? You knew they were gonna give Cantona a pretty dope image, just because he is one of the cover stars and one of the icons that EA is doing a lot of work with this year. Butch Ogueno's got a pretty dope one. That looks like to be a flashback to maybe more of his younger days too, possibly. Kind of looks like, he looks a little bit younger there, kind of like his middle or his baby icon card. Rivaldo with the dope one. Soul Campbell's image is close to the same, but not exact. If we go take a look at it last year, he's making kind of the same, he's got the Kimmich face right there. He's got the Kimmich face going on. But let's keep scrolling through these. Cruyff, I think a lot of people are interested in Cruyff because last year, and actually in the past couple years, people have thought that Cruyff has always got underrated for his icon moments card. They have thought that Cruyff's icon moment should be like a 97 or a 98. This was his image last year, of course, an insane, insane card. Maybe this year is the year Cruyff gets like a 97. We'll see. They do big stat upgrades for these cards. So there's Pires, Nedved. Del Pierro's image looks dope. I'm a huge fan of that one. Same with Baggio. There's Fernando Torres with his first ever icon moments. That'll be cool. Vieira, Closa, Carlos Alberto, Ian Rush again as we looked. Alan Shearer, Michael Owens got a pretty good one. Rio Ferdinand is dope. And then this one here says, based on the idea should be Canavaro, but he used Del Pierro's photo from the World Cup 2006 final instead. So I guess we're gonna figure out what the Canavaro image is later. Lampard's got a pretty cool one. Trezzagay as well. Litmanin is there. Raul is dope. Vandersar, Luis Figo, Carlos Puyol. Michael Balak, I think his image is almost the same as last year, but it's just slightly different. If I could find Balak, I might have already went past him. There's Mateus. Let me find Balak really fast because I wanna see if that image is the same. It's close. It's close, but it's not the same. Balak kind of here turning to the right with the Kimmich face as we call it. This time he's kind of got his hand up there though. So that's different. Zanetti's pretty cool. Last year, of course, Zanetti had a CDM, I believe, for an Icon Moments card, or actually maybe that was in FIFA 19, Crespo. I do know that Zanetti had a CDM. I don't know if that was both years. I kind of don't remember. I'm gonna try to find the card really fast and see what he had, but actually I can't find it. I don't know where it is. It's hiding from me. Mr. Zanetti is hiding from me that the Argentinian flag, which I'm looking for, is nowhere to be found. Anyways, yo, I kind of want it. Oh, there it is, yeah, CDM 94. There it is, first page. So he had a 94-graded CDM card last year, of course, with all his other versions being left back or right back. So that was a big position change for him. Wonderful have that again. I'm not sure what moment in time this is from, but it honestly kind of looks like the 87-rate, like the face on this card, the 87-rated baby icon. It looks like from that same era. Moving on, Storchkov, Eusebio, Hiyoro, Kuman, Gattuso, Vidic, that's a brand new icon. We'll see how that upgrade goes. Philip Lom, right? That was one that we looked at that we ever had some imaging for. It looked like this Philip Lom was playing left back from this dynamic image that EA uploaded. So I was kind of hoping for another CDM or a center mid Lom, but it's looking like it might be a left back. There's Guardiola, Buresi, Garincia, Deco, Pettarchek with the helmet, that's a GG. Hopefully he's got the helmet in game two. Veron, Dalglish's card looks pretty different. That looks more along the timeframe of like the mid icon card. Zambrata, Petit's images dope, Henri, Haji, Kaka, Vieri, Maldini's looks pretty dope too. Overmars, Barnes, Machilele, Javi, right? It's first ever icon moments for Javi. Luis Hernandez was a major flow going on there. Larson, Blanc, Ession's looks pretty dope. Pirlo's looks pretty dope. Rakelme, Ashley Cole, and Samuel Eto. So those are all the icon dynamic images on the moments that we are gonna be seeing. And of course, there's gonna be some more research that is done on those cards to see if their positions will change and stuff like that. One thing I would keep a watch out for is probably some of these prime icons, right? We talk market here for a second. This Schweinsteiger is already down a lot. A lot of these icons have been crashing, they've been going down. I don't know if the release of these moments images is gonna make people start to maybe sell some of these icons, but it's definitely gonna get people in the mindset that icon moments is now 100% coming soon. And I do think you'll see a little bit of sell-off on some of these icons, especially some of the ones that look really dope or some of the new icons, honestly. Like we talked about LAM, we talked about like if LAM does have a left-back card, you know, just kind of keep an eye on this right-back one to see if people would sell this to try to get the prime icon moments. Now, of course, when these icons get released, the moments cards, they're gonna be very expensive, they're gonna be very overpriced day one. And we talked about that a little bit earlier in an icon moments video, specifically for the market. But I think this does kind of begin the conversation of people starting to sell some icons on this game. And you will see some of these cards drop down in price. But again, right now we're just kind of in the waiting game because we've seen these dynamic images, we've seen the cool cards that could be coming out in the dope dynamic images. And I'm just really curious to see if EA does the boosts right. Last year, with the icon moments, they did the boosts right. There were plus one and plus two upgrades to the face cards, but the in-game stats, there were plus fours, plus five, and all sorts of big stuff like that. So hopefully this year, EA go all out with it again with the upgrades, with some position changes, weak foot upgrades, maybe skill moves. That would be really, really dope if they went all out with some of those cards this year, like they did last year. Now, of course, the brand new icons, Vittic, you know, I told that we were talking about Javi, those cards are gonna have a little bit of extra hype to them, they might be a little bit more expensive this year because they are a brand new, first ever icon moments cards. Of course, with this Vittic, you're probably expecting to have 80 paces or above the defense in the 90s already.  So I'm curious to see how some of these brand new icons that are new to FIFA 21 get upgrades and will be following the icon market this entire week. There's a lot of stuff with the entire market itself. These icons have followed that trend and have really gone down the past couple of weeks, headed out of team of the year. So hopefully EA make it hype, they make some big boosts. Let me know from all of these images over here, let me know which ones are your favorite. I know the thing that hits different about icons is that these are players from the past that are like, it's emotional, right? It just has that connection for a lot of people in FIFA and that's where the fun in this is.  A lot of these guys are gonna get cheap. A couple of weeks after their impacts, you will have an opportunity to buy icon moments cards for less than 500,000 coins for some of these icons. So it's not necessarily like all of these are gonna be super duper expensive, but it's just cool to have those dynamic image moments, a snapshot from one of these legends career and have that in FIFA all the team. So let me know which one of these is your favorite, of course. And if you have a card you're really wanting as well, let me know down below in the comments.  It's been Nathan Fodaccount and I'll catch you guys later. Peace out.


My name is Darren Wenderton. I work for ST Microelectronics and I want to demonstrate a solution on how you can eliminate issues with running our time of flight where the environment is a very dirty environment or you have a situation where you want to have no calibration needed in your factory.  So here we're showing a standard time of flight device. We have an emitter which is a laser pixel transmitting photons.  Knowing the amount of time that the photon traveled we can calculate down to the millimeter that the photon traveled and give you that distance data. So we have three different products currently available on the open market. The first one is the VL6180X, the second one is the VL53L0X and the last one is the VL53L1X They all have different range of capabilities from 10 or 20 centimeters all the way out to 4 meters. So depending on the application we should be able to have a device ranging to the needs that you need. Just getting into the issue of a dirty environment. This is showing a cross section of our part in the typical system. You do need a cover glass with our device and the cover glass is to protect our device from getting dirt on it and also to protect it just from wear and tear. The issue is when the green line shows how a photon should be traveling, a photon should go right through the glass, hit a target and come back. The issue that you might have, especially if you have a dirty environment, is the photon will actually leave our device and bounce within the glass or hit the dirt and then bounce within the glass and back to our receiver. This will cause a very short distance to be seen instead of the actual target distance that you want to see. So to test out first the standard cover glass that people are using today, you can see right now that I have the VL6180X ranging and if I put my hand over it, you can see it's ranging just fine. It's a very clean cover glass. If we start putting some debris on it, the problem that we're going to have is that you can see here with a lot of debris, it's seeing a very short target. It's showing a target of less than 2 centimeters. I put my hand on it. It affects it but I take my hand away and it's still seeing the dirty cover glass. If we blow off the debris, now you can see that it's running just fine and it's ranging my hand. So this is an example of how a dirty cover glass, using a single piece of glass can cause problems. The proposal that we have is showing where we're putting an opaque barrier or divider between the transmitter and the receiver. So the green photons, the ones that we want to hit our target and come back, they still operate just as they were before but now in the new solution, we're actually using two pieces of glass and the divider in between. So when a photon leaves and hits either the dirt or the top of the glass, instead of bouncing through the glass and back to the receiver, it's going to be hitting the barrier and either be absorbed or bounced away out into the atmosphere and our device is none of these erroneous photons causing a short distance. To give you a better visual of the actual holder for the cover glass, this is a 3D step model which is available from ST where if I start rotating it you can start seeing how the device is working where you have a hole for both the transmitter and the receiver. On the bottom side you have the hole for the part to fit in and then the light blocker in the middle. Now if we switch to our glass holder, we put it on and you can see again with no debris I can put my hand on it and it's ranging just fine. We start adding debris and you can see it's still seeing infinity I put my hand and it's ranging just fine. We can keep getting it more and more dirty and again I put my hand and it's ranging my hand just fine I take my hand away, it sees infinity and now I'll make it super filthy so again it's still seeing infinity, I put my hand and it's still ranging my hand and I can still range up to about a little over 3 centimeters. So this is an example how this divider between two pieces of the cover glass can easily remove crosstalk giving you perfect operation in a very dirty environment. If you have any more questions on this technology please visit our website at www.st.com or contact your local sales representative and they'll be happy to help you out with any questions you might have. Thank you and have a good day.


Hello everyone. Thank you very much for coming. Thank you very much for coming in general. It's been amazing. Like the energy in the room is so freaking awesome. So anyways, I'm gonna switch from organizing this to speaking. So hope I can do a good job. If not, Homer's gonna pick up my slack in here, which probably will anyway. He always does. So yeah, so we are going to be talking today about achieving reusability through Componentization. So I don't know if some of you guys probably went to Drupal North 2017 in Ottawa. So Homer and I did a talk about practical componentization. Basically, a few years ago we were sold on this idea of let's make this component thing and then we never have to redo it again. And we started and it was really cool at the beginning, but then we quickly realized that it wasn't fully true. Basically, the reusability, it wasn't coming just by componentizing our workflow and our system. So let me ask you, how many people in here have done or are doing componentization for front-end in Drupal? One in there, two, three, four. Okay, quite a bit. How many of you have heard about it? Okay, that's awesome. So this talking here is the next level from 2017. So if you guys kind of get a little bit lost because we're going to be talking more about concept than diving into code. So if you guys get a little bit lost, when you get home, kind of watch the 2017 one at Drupal North YouTube account and then watch this one again and then things will start making more sense. And this is the one we have. So basically from this talking here, the idea is to share the vision that we had initially and what we were trying to achieve. And since last talk, we learned a lot and our idea is to share with you. There's a lot of answers that we don't have yet because it's just a learning process and everything. But one thing we have is the vision and the vision to achieve reusability. Some of you may be heard Dries talking about that when the day first started Drupal, it was all focused on the back-end. And it's getting better but it's still ugly because they were focusing on the back-end. Which makes a lot of sense because now we have a solid product with a very ugly front-end, but we developers know that. So now we can start improving this front-end and that's what we're trying to achieve from this talk. So my name is Pierre Marceau. I am a technical architect and front-end developer. Therefore, I live and breathe Drupal. I've been doing it for quite a few years, started back in 4.7. I am also one of the organizers for Drupal TO. So it's our monthly meet-up in Toronto. So if you guys want to join or speak, please contact me. We meet monthly. Like I said, I love front-end and I live and breathe that stuff. And I'm Sean Homer. I go by Homer because of the second Sean in the company. So I get confused when I introduce myself. It's kind of funny. I've done lots of speaking over the past decade. Some developer, some non. So I love front-end, a lot of the tools and the initiatives around therefore when pushing for componentization and just improving front-end experience with developers has been a big push for me. And I'm writing a book for 12 years. It's going to be done one day. Awesome. So let's get started. So why this talk was because we were sold on an idea of a componentization equals reusability. So now we want to share with you what we discovered and how we can solve a few problems And how we go from here. So that's the idea from this talk. We're going to be talking about framework in libraries and standards Because that's the whole idea of supporting this system, establishing a set of Architectural standards, making structural decisions at component level, Packing components across different projects, which is the main focus of this. So if we can't reuse, if we can't pack it, basically we are not achieving reusability. Leveraging tools and streamlining workflow. So that's what we're going to be talking in here. Okay. So in order to do what we are trying to do, we have to follow standards. We have to have a vision in order to do this. Because you can't, if you don't have a vision, if you don't have standards, You can't pass that to other developers and they won't understand. Then we go back to chaos, building site and the building site and the building site Rather than reusing. So we have basically divided into three parts in here. So methodology. So who have heard here about atomic design? Okay. Awesome. So it's a methodology for segregating and the grouping components On a way that it's easier to understand. It was created by this guy called Brad Frost And he's a designer and he went back to his high school days And grabbed the chemistry analogy. So atoms, molecules and organisms. So very little to a big organism. So we decided to take this methodology. We had to make a few changes in order to work with Drupal because we are mainly using this for Drupal Which technically we don't have to but we are. So that's what we are doing. So we grab atomic design and the change and adapt for our company. So you guys can use some other one. As long as you have this standard. And the vision is keep this standard. So pattern lab. Pattern lab is the living style guide that we use. So why did we choose pattern lab? Pattern lab uses twig. Twig is using Drupal. A lot of other living style guides. So for example if you go rb and d and some other stuff.  Which technically you don't really use. It's just a visual library. We wanted to build a visual library That actually is the code that you're running on the front end as well. So pattern lab allows to do that. There is another one called ks. That allows to do that as well. So our living style guide. So we grab that as well and adapt to our workflow. And then Drupal. Drupal is Drupal. It's what is powering the whole thing. And we divide it into three. Because here's the thing. We have a methodology. We have pattern lab which is our living style guide. And if we are starting a site, we can have our front end developer's building. The front end. And we can have our back end building Drupal. Totally separated. So that is what we are trying to achieve. Which is, by the way, is working really, really good in that area. We can fully, today, there's a lot of times that we have a full team building the front end. And they don't even talk to the back end. And then we just merge together. But of course, not really talking, but we have the vision and the standards. And that's why it starts working. So here's a little list of stuff with the atomic design. So the basis of component coupling. Draft the better suited working with Drupal. Drupal stocked with the proper standards. And then back it up. So I'm not going to read through just pretty much what I just talking here before. So that's you. Alright, so architectural standards. A video which I'll loop through again. But kind of showcasing when you don't have standards. And you start doing components. And you start building components for this and that. And you think, hey, I'll make a component for everything. It doesn't work out too well in the end. Especially when the idea of reusability comes back into play. Components get complex or they're too generic and not useful to reuse. And you can have a lot of access code that then makes it impossible or very confusing to maintain. And that is instant tech debt that probably is not going to be resolved in that project. And have to be dealt with at some point. And then if you want to take it to a new project, you might be creating from scratch. So watching the video again, you see all these attributes that we're trying to serve. And for a corralzel instead of having an easy way to send different types, we have a different component for each type of corralzel item. It gets very confusing and very convoluted for people to know how to use it. So having architectural standards. The key things that we've been focusing on around this is having those established component types and knowing how they work together. You know, atomic design is a great concept, but it's very lightweight. And whether you use atomic design or not, you're going to start off with the basis of how your components work. But you have to get really nitty-gritty with each of them to say, this is going to work this way. It's going to play with this kind. And this one is going to manage that. And you have to start building a clear vision of how these all work together so that as developers come on board and start working with new projects, they know how to access whole components that have been built and build new ones all along the same maps. The other big thing is naming conventions. We leverage between Patterlab and atomic design, BEM, SMAC, kind of joining, I guess. And we adhere to names all over the place so that it's consistent. Again, helping anyone who reads it knows this is going to match this type of component, this type of component. A file structure also to make things as easy as possible for developers to go in and know these components, match these Drupal templates, and avoid some of the confusion or loopback to say, what is this, what is this doing. And lastly, as you're building these things, even going down to variables in style to be aware of, you know, if I take this component out of this project, is it actually going to run in the next one? Thinking about these things as you work. So with the different component types, again, we are based on atomic design, so we have a clear set of atom molecules, organisms, and then we've taken it a step further in using layouts to match things like Drupal nodes and content types, and then mockups so that as much as possible we're building all these components potentially away from Drupal to mimic a real page and make sure once it goes to Drupal, all the components are going to play well together. And having a set of best practices in place so that as we're getting created there's some documentation or something to back it up on what the developers are working with. And naming dimensions. From these screenshots you see that there's a very common theme of the atomic typing and the dashed or camel cased variable names and to identify this component anywhere across the project includes documentation. And names with components gets to be very complicated as well. You can spend a lot of time, a lot of stress over it. And in one respect, you want to keep it very contextual so that as you bring it to a new project, the name makes sense. It wasn't something like the top nav doesn't help. But the other thing is sometimes when your components are going to grow and change as you learn more and better ways to improve them that if the name isn't working you might want to change it, you know. And to understand that it's okay but do what you can and just try not to stress too much. And when it comes to file structure because we are working with this concept that is focused around essentially a Drupal theme to manage the components, serve the style guide but then tie right back into Drupal we want an easy way to have the component structure to match the template structure so that as we're working with Drupal templates you find the component name and you go right to the component folder you know one to one kind of what you're working with is less confusion as well as the assets and other files right off the theme is very clear and lightweight so that devs are hunting in subfolders and trying to guess where did that person put this. And one thing here just in this year we worked with a team and they never built Drupal before so the idea was they approached us as building Drupal and they would have built the front end and suddenly the deadline got really short and they had to start right away so the approach we took was okay how about you guys build the front end and then we start working together and then building the back end and attaching together because the company the way they were doing the local setup and stuff they couldn't get Drupal installed right away so what we did is we had our repo we pushed to them they installed the pattern hub and then they started so these guys never touched Drupal so basically we had a daily stand up in the morning we had our scope what we were going to get done at that strength and then we would talk to their front end and they would say okay we are building this how should they build because we had the standards they start following our standards they start following our samples components that we have it's like you guys were seeing it before in here so they were working out of the components folder on top in there and that is inside a Drupal theme so these guys start building everything and we worked on the project for about a month or so I think and then that being a very large project and to this day these guys don't have a Drupal installed on their site yet on their computer it was insane it was the first time we've done that and it worked really really well so what is that proving it's proving that finding Drupal developers are getting harder but finding really good front end developers is not that hard and they are good on what they do so why we have to force Drupal into these guys into the daily it's from end so let's get them to build it's a component it's a photo that floats with a title and a description why you need to know that this is coming from a node and it has field underscore value blah blah blah blah Drupal node PS thing no you don't need to you don't need now all they need to know is what do you need to make when we go off the island using Drupal they don't make things complicated if you go to one of those template sites that you buy and then you look the markup most a lot of them are super clean markup and the reason why is because they don't have this that from technical debt from Drupal or from anything else so they are building super clean and that's the whole idea so by structuring in a way that we can now extract that from Drupal now we can have many teams working throughout that and not need to know so maybe on a very large project all you need is two Drupal guys and maybe five and people doing that and that's what we are trying right and when it comes back to keeping reusability in mind at first we were building things very isolated and that was going to be great I'm going to reuse it and again as I mentioned even down to some of the style variables which I'm showing in the sample video here we weren't thinking head we were like this is a great component okay now how do I bring you to the next project even something as simple as making sure you establish how the styles are going to work how some of the atoms are going to carry on so that when you spin up the next project you can depend on a certain amount of work carried over that's where we had to get to before we were just copying the site and spinning it up thinking everything was going to be great as soon as you remove a couple things you don't want and then it breaks so building anything new now is keeping these things in mind and these standards to say I know at some point this is probably going to be reused so how can I keep it simple keep it focused to what that component style is but in that small percentage usually is more unicorns exist and when it comes to componentization you're going to kill yourself trying to satisfy components in unicorns right so sometimes you have a crazy design and you have something that is possibly used on one page in the site you're reused will make it that perfect component because it might never have any value right and you drive yourself nuts for a couple days building it and it only gets used once so there's potentially no visibility in a component and you have to be thinking and aware of this as you go so back to the know-how and building components it really comes down to having so many standards in place and does that mean you have everything and all your standards ready to go when you start your next project? probably not, we've been working at it and we're slowly building up having more solidified standards that make sense and we've definitely failed along the way pretty much every day we're working or doing something new or realizing that why did we use this and making it too confusing even to explain in documentation well that's a clear sign that we should clean something up make it simple, make it clear for the developers to keep an eye on so now I'm going to go into a bit of the specific component types and our take on how we had to start putting some of these standards in practice if you're not using atomic design or you have your own take on it some of these would be a little more abstract for you but you're going to start with something that's smaller or medium big of some sort in your design library that you have to play with and you have to simply establish whatever that is atomic design or not so when it comes to admins for us we've come to the philosophy that they really should only do one thing wrong which is very similar to Brad Frost's methodology and we define them a little more that the HTML might look a little more complex but it's got a lot of fallbacks and things to make sure that all the different options and stuff to make sure there's a very clean simple don element at the end of it it's never including another component it's pretty rich and has some options but you can't override things there's no blocks, it's just a truly simple component when we start moving up to the molecule level this is kind of a gray area because between a molecule and an organism it gets wishy-washy sometimes and we've had to establish the fact that you're only going to include a couple of components but here is now where you start to do some interactivity behavior or JS potential but the DOM's, you know, it's not crazy, it's bigger than an atom for sure and depending on the use case it might be a little more rigid it might be a little flexible but it's still small and it's not going to contain anything too large that ends up on the page then when we move to organisms this one was a big learning curve it's back to the earlier video where we had the carousel and there's all these different types we used it, we were trying to send so much data to an organism that the organism would do everything oh, if we just give all the data we can build all the molecules and all the atoms from the organism and it became this monstrosity that was very hard to manage and when it came to using some more layout style organisms or the carousel again, the different slide types you're stuck you have all these variations, developers have to remember which one, which twin do I call and all these complicated things but we've moved to a way that organisms are more layout focused and we prep and passing actual ready to go components and it's simply managing how they fit on the page and make sure it plays well with other components on the page level so it simplified a lot of things for us because these are typically created for specific reasons we have less fallback code here because they have a dedicated purpose and they're blank whereas the smaller components might have more optional features that I show so then moving on to more of the Drupal layer that we've been working on with our components is layouts and this is where we have node or content type level and similar in a way as we're in an organism but it has no behavior an organism would have potentially the most behavior because it's managing all of its parts but the layout has almost no style, no behavior and it has extended parts of blocks so that if you want to embed a page node type like this and you're going to have another content type where all your overriding is a content block you're not going to recreate all this layout because it only serves the purpose to keep the head of your footer and it keeps things more simplified on this level for Drupal and mockups so when we started components we do a lot of organisms, molecules and think hey, it looks great let's put it in Drupal I'll put it in Drupal, it looks like shit so we had to respect the fact that mockups are essential in building out these components together because as soon as you want the home page and just set up components again you just work on the organism itself it looks great, put it with other organisms so wait a minute padding, margins, these things just don't fit well or get a responsiveness similar conditions so mockups became an essential part of our process and standards to make sure that we are working as a building these all the way from the live page level because you just never know how it might get affected when you're focused too small actually, let me just so when it comes to the mockup looking at the code in there, you guys may think well, it takes a long time to build, but actually not really and it saves us a lot of time because we can get things approved if the site is really big a lot of UI guys look at the review sometimes they don't create the design and they say the front of the guys figure it out if we tie that in Drupal, it will take a long time if we are putting the mockup we can just push and say hey, what do you think? Oh, looks great go ahead so back to this here as you can see in there page content, joy, include so all this stuff in here from join below already has been written in the atom molecule in the organism level all we are doing on the mockup level is coping and pasting to the YAML file so at this point you can build a let's say that you built the header you have the cultural action you have your footer and you have your slideshow for example, your carousel all you are doing to build the mockup is you create your twig and then you start including that stuff which you see in here and that's it so within less than 30 minutes you are able to build a page what we can do to let's say we are having our stand up in the morning and then the client says wouldn't it be awesome if we could switch this to this and then our answer a lot of times is sure, we can do that if you prioritize, we can do that right after this call oh really, you can do that? Yeah, we can because now we are only dealing with static data into a YAML file so that's why it's very important and we found that out through this project working with this front-end team that wasn't doing Drupal they were building all these components looks really good when we put on a page in Drupal suddenly the patterns and everything was everywhere so then we went back to them and said hey, we really have to build the mockups suddenly when they start building the mockups we start going like this we were building a page within half a day and the pushing and the connecting to Drupal and the pushing to the content specialist to start adding content and then figuring out little bugs and all that stuff so it works really good and it's not as scary as it looks and then the last aspect of the component level kind of standards we've been focusing on is the Drupal side so as I was saying before when we were doing even layouts we were trying to shove everything into big huge data right and it just didn't make sense so this is the concept here where we include off of this for example a text component we prepare it and then pass that along to the actual bigger component so this big component deals with the layout where we get to pick and choose you know, oh there's no type, oh we're not going to use that we're going to use a different sub component to feed into it, we're not stuck to rewrite the organism now or the layout and say, oh we didn't think ahead we weren't thinking reusability we know that it's going to have something but we want to be able to switch it out where it makes sense ok, now to the big one how to package all this stuff and start reusing so this has been quite a challenge we had some bells and we had some winds and we're still working on it we have quite a bit of moving parts when it comes to this so prepping and exporting existing code so basically you start working on a website you are assigned to build a call to action or a summary of a news you get to a point where you look at that, it looks really good and you don't have that in your library yet which I will get into that then here so the component level is the pattern level it's the parts that the non-drupal the front end people are building which is markup and CSS that's it so when to export what we've been finding is the best time to export is the white label stage because as you saw before we are not every variable that we use in CSS it exists on the main site on the main theme so it doesn't break so when we export that we try to export our ways at the white label level so sometimes it doesn't work that way at the end so what we do is we go back a little bit and remove some of the specific branding from the client one thing we learned do not mix atoms molecules and organisms when you're packaging that if it's an organism keep it by itself even if it's very little code as soon as you start packaging a lot of stuff together you'll be seeing that the next site will be using all that and that is the thing small package only what it is how can we control all that so basically we use the markdown file with every single component which is basically the readme file so when we are building that we just start writing the variables that we are using to make the dependencies so for example you have a cultural action that depends on the photo on the image item so you just write down on your markdown and the next team when it's coming to reuse that they will see and start understanding what it is okay when it comes to the Drupal configuration so probably a lot of you guys are doing Drupal 8 Drupal 8 has the amazing configuration actually Drupal 8 is going to turn three years old can you guys imagine that? it's already three years so we have the config files which means that now we can export everything we can go manually there and grab every single file and export what we found is it's not the best but the futures module works really good and for some components for some sorry for paragraphs or for some entities when you choose the bundle you won't check every single box so when you're building it's good to kind of as you're building you start building your futures and I don't know how many of you guys have worked with futures module before on top of export so just update right? you create version 1.1, 1.2 or you keep beta when you're done you export the whole thing and it's a module when the Drupal exports a future when the futures module export the configuration it's a full module which means that now your back end guys can throw some pre-processing there you can put your template in there that will tie to your component, your pattern so one thing that we found and we exported a few components and we imported to another site what we discovered was some fields so let's say that you add an image field and then you call field underscore image you bring it to your new site, your new site already has a field underscore image it will have a conflict so what we decided to do is to prefix every field with the component name so you're having a call to action so it's field underscore cta underscore image field underscore cta description so that way now that specific field belongs to that cta only so that's what we're doing so it's a great way for you guys to not have conflicts later on you can bring it to any site when the building it kind of a hit or miss but we find that building as we go is the best but I'll be I can't all the time it's just because sometimes we're really busy so we try to export all the time but we can't so doing after we always kind of have to remember all the fields that we did and everything so if you do have the time add that right away because we'll save your time later okay so now that we have everything exported which if you think about what means export right so futures will have a modules package and then your component it's just a folder with four or five files that's it right so how can we now structure this in a way that we can go back or tell someone hey using this component here for this slide show you're building on this site so basically gets your friend so what we decide to do is to put everything in the repo and then label and again it goes back to the vision and standards so using standards for your naming so in our case the code name for our project for our theme it's called Ergo so what we decide to do is our repo is called Ergo the atomic name the component name and the type and here's an example so Ergo O for organism culture action F-E for futures so this is your futures module and even if you're not doing a full component and stuff this is still really good and we worked with say university they are doing componentization but in a little bit kind of a different way and they are keeping everything in the futures module which is very interesting they are keeping their CSS their markup and everything in the futures module and it's been working really really good for them so you guys can try that and finally Ergo all culture action C-P which is the component so when we are doing that as well what we do is let me go back to here we also like Homer was saying we start with one type of component one pattern one culture action that has an image, a title description and one button suddenly we built one that the designer had a whole different idea so what we do is we build that one and then we just tag into a different version in our get so now we have two variations of that that we can go back and pull that into our new project okay okay so how to import this thing so when we first started we started doing manually and sometimes we still do so basically what does manually means so that I will go into my repo and I will download the files and then I will go into my Drupal site, I will get the futures module and then drop into the futures module folder in my custom Drupal folder I will get my pattern go into my theme and then drop into let me go back in here where is this structure here and in here and then drop into your components folder, get your template if it's not in your futures module, drop into the templates folder and then run gulp and this should work so and that's the manually way of doing this so the other way that we've been exploring quite a bit and it's still learning is using Composer so we are already using Composer to manage Drupal so we are installing Drupal we are installing our contrary modules everything via Composer we don't push modules to the server anymore we let the server build the modules via Composer so now your repo is getting really small contribute stuff it's not in the repo anymore so we are doing that with our theme as well so we are not keeping our CSS in the repo anymore we let the server build and then Homer the stuff sends to the repo I bring down and that gets built on my computer at that time Composer is awesome Composer the last time we had that security issue with Drupal that we had to update the site right away because it was just a few files all we had to do is to update our Composer file and only two files were changing so then we pushed to the repo and then the server built and that was it so very fast so it's a really good way so what we are doing is using Composer adding these components that we have so for example you need a cultural action component we add to our Composer file and then we'll pull the Drupal Futures module and your component and put it into the right place because you can set on your Composer file so it works really good if you guys go online and start searching for that you will see the power of it last aspect of this I'm not going into things like gold and Drupal which are modules which help you get a step ahead with all of these tools but something a little more basic that when you have all those in place and you go project to project and then you think of local environments now there is land build of Drupal VM so all these different ways of doing things that a local developer we add all these component way of doing things and these new ways of building things just starts to become a heck so we're working towards having a project level CLI and scaffolding tool that is very straight forward set of commands that allows them to do some Drupal stuff do some stuff with the SSH whether it's land build or Drupal VM and then do some theme stuff but keep it very simple and consistent like documentation so as I start to go project to project they have a dependable tool it's always there and it saves them time from having to create components especially because as we're building these standards now for them to manually create these files and make sure it's using the right set up each timeline for each type of component it gets very convoluted so these tools just get them a step ahead without any extra effort so we use it to help with git management do a dev branch, do a local branch do with git conflicts we help streamline that when it comes to the tool you typically be running a certain subset of gulp things but what I want to go all the way into the theme folder or remember which theme folder you just do everything in the project route nice and simple and beyond running the gulp commands there's some helper theme commands that do things like rebuild node and other little gauntresses that just save time and effort and the scabbling as well just to make sure that they're on a couple commands they get the new components in the right place with the right themes ready to go and even for some of the Drupal stuff as I say we're starting the transition to Lando and it doesn't always work with the Lando command the way you want so we added some simple SSH commands to go straight in, do what we need pretty hands off and this is a sample again of the pre-generated code so with my CLI you just punch into the type of component in this case it's a molecule I gave it a name, NAVTOP I typed it as a regular string with caps, whatever I wanted gives me the proper names, camel case dashed all ready to go, all templated and give me the best results for the type of component alright so that's up to the questions and answers now I'm hoping somebody has some in case you're wondering who made all those sexy screenshots, that was all me that's right any question on this crazy stuff it's more a concept so it was everybody too scared there we go in Drupal 7 you said yeah so the question was what we can use with Composer in Drupal 7 and using these components I heard that there is some they are porting back Composer into Drupal 7 right, I think I haven't done Drupal 7 in like 2 years or more so I have no idea but I heard that it is doing you could but I wouldn't really recommend I to be honest start doing componentization as soon as Drupal 8 came out and the reason why is because the templates now are clean and really well built using Twig with the PHP templates that we had before that thing is a nightmare so as you saw in some of these slides to pass data from a template to the component we have to have a more clean way and in Drupal 7 I don't think it would be that clean but I heard that there are some people doing I don't think it will really take off because we are 3 years into Drupal 8, it's getting pretty solid in another maybe 2 years I think we are Drupal 9 and Drupal 7 will be dropped thank you for the question anything else? any other questions? come on don't be scared yes related to bundling with the concept of componentization previously years back all your CSS in one place all your CSS in one place sort of separated by type now we want to separate by component have component, have all the CSS JavaScript but for performance reasons you still don't want to ship 100 different CSS files to the browser but ideally let's say if you have one complex site where some pages rely on different components that are not really used elsewhere with a little bit more heavier CSS in JavaScript you also want to compile everything into a single CSS file do you have any standards or tricks for figuring out oh this should be a vendor like a common file this should be a separate file can you repeat the question? sorry the question is around whether or not you can separate some of the assets that come with all these components if you get a bunch together versus just giving everything at once so there's definitely ways I mean inherently the systems are building and Gallup will eat up everything but there are ways to exclude and then using the attached library to individually specify or without too much effort extend Gallup and say I need a separate build process for the site maybe it has a single-page app that only works in mobile and you don't want that heavy payload on every site especially on desktop users so there are ways to get around it nothing too complex but there are ways but it comes to identifying the right solution for the site and not even just that because triple behaviors and then you have all these components sometimes auto running code you want to make sure that things aren't running unless the component exists and you know you're saving cycles wherever you can so there's a lot of performance considerations when the behaviors come in and to make sure that that's not just running well in our case so far we haven't seen we haven't separated much yet just because what we try to do is if your code gets bigger than 100 or 200 lines that means that your component is too big right? keep it clean so far it's working pretty good and we are not having performance issues or anything componentization basically when it gets through Drupal it gets cached everything Drupal 8 has an amazing caching system so far so good we haven't had any problems so thank you for the question go for it sometimes you might run into issues when some modules are being upgraded for example they may not work well with other modules so when Composer does all the updating automatically how can you avoid having those kind of problems can you help me? yes great question oh yeah the question so basically if Composer updates module automatic how can we then avoid conflicts and all that stuff so we went through that problem so basically initially when we were building our Composer file we would let just basically every single version on that minor version would be coming down the pipe and then we got into that problem so we wanted to update Drupal Core but then we updated everything then Fields Group had a bug and a broken bunch of stuff so that was the time for us that we said Composer you're great but we will have to tame you a little bit so what we do now we basically fix every single component to the version and if it's a dev version we lock to the commit so the only one that we leave that open is Drupal Core so that one will do so you can update that one so what does it do what it does is makes you mindful of what you're updating so you get one person within the company and they will say we have to update Drupal Core and we have now three modules that we have to update so that person will go to Drupal.org check the version check if there is any bugs if there is people reporting bugs and stuff if it feels good you go back to your Composer file and then you change from .5 to .6 Composer install and boom you install then you can run that tasks and everything if everything is good then you push to the server and build that for you in there that's how we're handling thank you and we've also done this on the theme level so we originally forked Emulsify and worked with Aiden Foster on the main spring where it was kind of using the pattern lab in a composerish way but it was just freeform so that from one project to the next our developers could have ended up with different pattern lab versions and some of them had bugs so we've been able to sort of corral that and as part of the theme have it as a composer dependency of a theme so that pattern lab is working well long version and we don't have to have any guess of whoops the next project the theme wasn't built because pattern lab has gone on something that we couldn't test in that instance yeah Composer is really powerful I've been following the community and all that stuff and that's the way it's really moving and that's the way Drupal Core is trying to ship now composer in core that you know that the composer that when we download Drupal Core you can't update itself right because that composer is in there you have to remove so your composer has to be out your vendors folder has to be out and then your Drupal folder has to be in here so the Drupal Core composer only updates contrib models doesn't update itself and then I just heard in the podcast that they are changing that and they are working towards having that composer update itself I don't know how they are going to do that but I heard they are doing so any other question I think we have five minutes or good so as I said as I mentioned we work for therefore we are a web agency in Toronto I am a technical architect in there and developer Homer is the same if you guys wanted to work on some of this crazy stuff in here we are always hiring so when I first started Alex approached me and said hey you know this crazy stuff you are doing how about we do together and he pays me to have fun he is gone right so he pays me if you have fun so if you guys are interested in that and would like to join the company get in touch with us if you don't want to join the company because we suck but you like what we are doing just join the Drupal Teo Meetup we always open like I said I live and breathe this and we always open to talk Homer is the same thing and reminding everyone so today we have the after party if you guys want to go in there we have a shower booth and the Pantheon we are giving $20 gift card for you guys to go there I went there yesterday for the first time it's called the rec room they have a VR thing in there that you put the backpack and you kill ghosts and stuff it's freaking awesome and you can have beer while you are doing that it's even awesomeer awesomeer awesomeer just stop by our booth our Pantheon and our partner and they got the gift card $20 in there and thank you very much


Hey guys, EHP Labs athlete Zach Perner here and on today's video I'm gonna explain the differences between EHP Labs's fat burner oxy shred and the EHP's pre-workout pride So let's get into it. Okay. So firstly EHP Labs oxy shred comes in three main forms So the first one is the OG oxy shred my personal favorite Then we have the non-stim which is no stimulants no caffeine and the hardcore oxy shred This one is a little bit more intense more for the people who are used to oxy shred and maybe need two scoops Pretty much just more caffeine in this one all of them come in delicious flavors, too You just you can't go wrong. So whatever your whatever your preference is just go nuts And there's pretty much four main pillars of the benefits of oxy shred The first one is hyperlipolysis Which pretty much means that oxy shred can pull the fatty acids out to be used as a preferred energy source So essentially it'll help burn more fat. The second one is mood enhancers the bitter orange extract raspberry ketones Grapefruit seed extract and many other ingredients all enhance your mood and suppress appetite So I noticed this one a lot particularly if you have oxy shred in the morning You just feel better bit more happy a bit more energetic And especially this is great for people who are used to having say a morning coffee if you're having a latte in the morning You swap it out for oxy shred and not only are you actually saving on those calories, but you just feel different no crash as well Now the next benefit is it will boost your metabolism the stimulants in oxy shred improve metabolic rate and suppress appetite Allowing for less calories to be consumed and lastly tying into their mood enhancement as well It can also boost cognitive performance and memory. So essentially oxy shred it will help you burn more body fat But you don't really feel that you don't really know that that's happening So what you will notice is a suppressed appetite. So for me definitely notice this especially from fasting I can if I have oxy shred I can definitely prolong the fast a little bit longer You don't get that sweet craving particularly me because I have a sweet tooth So the flavors are so nice paired with the stimulants in the caffeine you just can it just suppresses that so that's really really good Another one is that mood enhancement just that general well-being I've had a lot of fat burners in the past and oftentimes they just jack you up so much with energy You just feel a little bit anxious jittery It just doesn't feel comfortable and sweating as well It's not nice whereas this is you could have it every day even if you're not a trained person You know an athlete you're not going to the gym that day You're not doing cardio even still you can still have oxy shred and feel great That's why I take this with me pretty much everywhere I go all of my trips if I'm gone overseas I always will have one of these because you just you can literally have it every day no matter what you're doing So big fan of that now we do get the question a lot of what is the difference between this and the pre-workout pride? So by all means like a lot of people have been taking oxy shred as a pre-workout I'm that's perfectly fine because you do get that really good sense of well-being and energy from oxy shred But pride pre-workout is something that EHP Labs and myself had created nearly two years ago now to be pretty much the king of pre-workouts Like that's what it says on the on the tub with the king of pre-workouts We made this to be something very different to what you see in the market because I have had experience in Subman stores and I've tried heaps of pre-workouts and Notice what was in them notice what I liked didn't like and so we wanted to make something that was just not available in the market Now this is an industry first clinically dosed full strength pre-workout for those who take their training seriously now when we say that it Doesn't mean it's got all of the caffeine and all the stimulants in there to make you just freak out and get the jitters This is it's exact opposite of that really so my worry when we first made this was that people would say It's not the strongest because they're looking for like the most caffeine You could possibly fit in something and it's not the goal here and it's not the point of the product This whole purpose of pride is to give you guys the best performance in the gym possible and just to fuel you with the best nutrients for that So this has all the ingredients that are essential to perform and what you will notice from this is better workouts in general and better recovery And so the quality of your sessions will increase you will have no crash no jitters and no annoying tingling sensations This is just a clean energy with everything you need for a great session So again the benefits of pride it comes in a few different aspects first one being blood flow We want to increase blood flow during the workouts That's why we have five grams of citrulline in pride and this will help the body produce more arginine Which in turn will create more vasodilation in the body Pride pre-workout has five grams of essential amino acids Which will help a performance and recovery and also it has an industry first Pentafine which is a five-stage caffeine matrix now always found with pre-workouts you have it It's fast acting caffeine It's in the system and then it feels like it's straight out again You get this crash the jitters will also be accompanied with that but we wanted to make something different That's why we have five different types of caffeine in here five sources So you'll get a fast release of caffeine and then it'll also get a little bit slower So I noticed this in the sense of my sessions. I felt like I could just keep going I just wanted to keep training. It didn't feel like I was getting to that End of the session I'm getting pretty dead now It's like I was just all the way through and then weirdly enough no crash It's just like it's just perfect and my favorite benefit about pride is the focus blend my workouts I always value focus above pretty much anything else because if you can't focus in the gym And what you're doing your sessions are usually pretty poor if you're distracted Everyone knows the sessions where they're distracted and you just can't really focus on what you're doing But the ones where you can really dial in and have tunnel vision focus is where you have the best the best sessions in my opinion So pride has so many ingredients for focus. We have tyrosine. We have serenade, theobromine and also taurine So this will give you that tunnel vision focus and then you won't your mind won't be wandering You won't be distracted. You'll just be focusing on the task at hand Which is getting massive or at least having a good workout and before we get into the differences between oxy shred and pride I just want to give a quick plug to the brand new flavor of pride Which is fantasy soda absolute favorite. We'll do it. Actually, let's do a taste test So before this my favorite flavors were apple or raspberry twizzle at alternate, but this one Absolutely takes the cake. I think this is just they're getting better and better, which is insane Mixes very well. Let's see what this tastes like I mean I've had it before but I'm just for you guys as a live omen Perfectly sweet with a lot of water too, which is nice It's all it's pretty much I mean if you didn't know what it was you probably look at this and go That's like orangey mango like there's a lot of mango in this is why I love it because it's like and just a nail the mango flavor But it does there's a bit of tropical to so it's like orange tropical mango just so good So the link is in description if you guys and you need to get this I'm not gonna even pretend like you just have to get it because the flavor is amazing the products amazing So that's not the biggest plug. I can I can tell you I don't know what is but if you don't like it You can definitely come and blame me but guaranteed you guys are gonna love this one Favourite so now talking about the differences and I guess the similarities between oxy shred and pride a couple of things I guess we we should touch on is the caffeine because that's really the only thing you want to worry about when people are saying Can I take them together? What's the disadvantages? What's the advantages? You just pretty much need to worry about the caffeine content because we never advise to consume more than two scoops of something Like pride or oxy shred so you just have to time it really well now Tell you pretty much what you can do and also what what I like to do And if you're looking at the caffeine content of each individual tub We've got pride is about equivalent to 140 milligrams of caffeine per scoop oxy shred very similar 150 your non-steam oxy shred Zero and then the hardcore 275 so that bit stronger So I wouldn't want to stack hardcore and pride together for me hardcore would be like a really good cardio One if I was doing a record proper cardio session pride save this for the training and the way that I like to see These as well is on rest days no matter what I'm always I like just love having oxy shred So if I'm resting always in there so one thing that you can do and a lot of people like to do this is let's say you train in the Afternoons bang perfect have oxy shred in the morning for either faster cardio or just before breakfast Once group in the morning and then have one scoop of pride before your session now That is the most common way of doing it one other thing I like to do is actually stacking these two together So take the non-steam oxy shred and take your favorite flavor of pride mix it together I did this with the both apple flavors was ridiculous And you'll get a lot of benefits from fat burning from the oxy shred non-steam as well as the performance benefits from pride If you're training in the morning and similarly what I do most days Which is I have once group of pride in the morning and I actually have this when I'm literally reading in bed That's my morning routine. I'll sip on pride reading beds like my favorite part of the day And that's why I don't feel crazy energy. I just feel like okay. I'm ready to go then I'll go down I'll train after that after a train. It's probably around 9 a.m. I sit down to do some work and that is where I have My oh gee oxy shred so either this or the cans actually I've been having the cans recently It's so nice, but then I'll just sit down and have this it'll suppress my appetite a little bit longer Helps me with intermittent fasting and I have my first meal around 12 or 1 and my focus and everything all day is just back through The roof so that's my personal way of doing it is pride Then I'm gonna sit down and then before 12 p.m. I'll have some oxy shred and that is like my go-to daily routine So I'm curious guys comment below if you've had either oxy shred before or pride Or you have questions on these now to wrap this up as best as I can with a few take-home points Everybody I think would benefit from oxy shred because whether you just drink coffee or you train or you do cardio or whatever that is People just love oxy shred and there's no there's no surprise why it's just it's an amazing product for general well-being and fat burning So oxy shred is pretty much belongs should belong to everyone pride is your training Pre-workout essential now if you're going to the gym, this is the only pre-workout you you should be taking I'm very biased because I helped create this but I did it for a reason This is it's just the best and the people who take this swear by it So pride is just the only thing you need for a pre-workout But if you want to have both you definitely can and we'd recommend having scoop of pride and then a scoop of oxy shred Just make sure that you're not timing it too close together Ideally you want about six hours in between caffeine just because it has a half-life of six hours It gives you a bit of time to the body to get rid of it So you're not just over stimulating yourself, but like I said two scoops per day is I wouldn't exceed that and that's usually fine But make sure it's you know one of pride and then one of your oxy shred I wouldn't stack the hard core with pride caffeine count might get a little bit too high But otherwise it's entirely up to you how you guys want to take this now that is it for me I hope you guys enjoyed this and took something out of it Maybe learned a couple of things and like I said a comment below your experience with these products and any questions You may have and we'll see you in the next video


It'll be a home for all students, but we'll be targeting students who also identify as being creative. We want our students to be successful, and success is not just about academics. I would love to live in a residence hall like this, just being around like-minded people and having those resources. I think it's going to teach students to collaborate and network. We have everything you need right there. And I think that students should definitely jump at the opportunity.


security and who are threatened at any moment. And the threat might come from many different directions. Unfortunately, for many Muslims, it might even come from another Muslim. So we see the situation in Syria where the security is broken down. A country for all of its problems or issues or challenges was always very secure. I could witness to that having lived there for over six years, that we never feared walking the streets any time of day and night, anywhere in Damascus. You never had any fear for your safety or your security, and now the entire country is threatened with bombings or kidnappings, car bombs in this place, or whatever, and the other. So Allah Subhanahu Wa Ta'ala can change conditions. He can change the conditions in our society just like he can change the condition of our heart. So we pray to Allah Subhanahu Wa Ta'ala in terms of our heart. You are the one who can turn the hearts, make my heart firm in your religion. Probably many of you know people that are struggling with their faith. Or call you up, I'm just not feeling it. Or I don't even know if I'm a Muslim anymore. I went to this psychology class and my Catholic professor messed my head up.  But this modern day kufr with this empiricism convinces us the only reality is that which can be physically sensed. And since we can't physically sense God, there's no God. But we all know that's a lie. There are many things beyond our empirical senses, but that's not the subject. But Allah can turn the hearts. And He can change the condition. And we're not immune from it here. And this is why we pray that Allah Subh'anaHu Wa Ta'ala makes the voices that speak for our community-wise voices, voices of experience, voices that are familiar with the reality of the world. Because those are the voices that understand the value of security. George Washington and John Adams who fought through the Revolutionary War. What did they want for this country? They wanted a society whose prosperity was based on commerce and not on war, because they lived through the ravages of war. And so they knew the destructiveness of war. They knew the horror of war. They knew the screams of widows and babies. They knew that reality. So they were very hesitant to open the doors that lead to it. And as a result of that, they actually paid tribute to the Muslims in the Mediterranean. They paid tribute to the Barbary pirates. The Barbary pirates were the Berber pirates. And they were Muslims in Algeria primarily who controlled access to the commerce of the Mediterranean region. So the United States and the administrations of Washington and John Adams paid jizya tribute to the Muslims so that American commerce could move freely in the East Atlantic and through the Mediterranean. And then Thomas Jefferson, who didn't know the reality of war, did away with the policy of diplomacy first and commerce first and instituted a war regime. And he fought the Barbary pirates. And from that we get the Marine Corps hymns from the halls of Montezuma to the shores of Tripoli. Tripoli in Libya. They fought the people that Adams and Washington made peace with. And we see today all of these neocon chicken hawks. None of them experienced war. During the Vietnam War, when they were at the age to fight, they either ran to Canada or they took exemptions or they extended their careers in college so they could avoid the draft. So they didn't know the reality of war. So it's very easy for them to pursue the policies of war.  So we pray that Allah subhanahu wa ta'ala blesses us with wise people to speak on behalf of our community and who understand the ways of the world and don't live in an idealistic bubble. And inside of that bubble, see things, if you're in a bubble, you see the world in a distorted way. Because the bubble becomes a lens that refracts the reality beyond the bubble. It's like eyeglasses so that it's curved like a lens and it distorts reality. And sometimes that distortion can be deadly. It can be deadly. And many people here know that reality, know it well. Our brothers and sisters from Afghanistan, why are they hearing these large numbers? They know the reality of war year after year, decade after decade. And if you talk to them, you'll find cynicism. And some of them even cynical when they look at religious leaders because they've heard the glorious promises about a Khilafah or about an Islamic state or about the brave new world. And then they've seen the disappointments, the frustration, the self-serving, self-interested policies and lies and distortions and delusions that have destroyed their country and given them nothing in return. Absolutely nothing but hardship on top of hardship, misery on top of misery. And so now they see with the eyes of wisdom, with the eyes of experience, and they don't rush into any empty promise of some glory or some restored golden age. They proceed with great caution because they've learned from experience. So we have to learn from our experiences. And we have to realize that anything meaningful in this world, it only comes through wisdom coupled with sacrifice, coupled with vision, coupled with the understanding that things in society change over a long period of time. And in many instances, we're only planning the seeds of that change. Nothing meaningful happens overnight. And when we look for it overnight, we're oftentimes looking for an illusion. Now saying that does not mean that we should not be courageous, that we should not speak the truth, that we should not work to undermine the false reality that leads also to suffering. So just as short-sighted, idealistic, unrealistic strategies or policies put forth by men who in many instances haven't seen the reality that the devastation of war causes, on the other hand, there are realities that are perpetuated because men and women are not courageous to stand up and challenge the lies that lead to the suffering of people. And in this context, we can look at the situation of our Palestinian brothers and sisters who have suffered for almost 70 years now because the silence of the people in our country who don't stand up and challenge the inhumanity of many of the policies of the Israeli state. They think, what about my job? Is it worth the hassle? I'll be harassed in public. I'll be harassed on my job if my boss finds out that I spoke up for the Palestinians, or my department at the university, or here or there at the hospital, my supervisors, all of them are Zionists. So I'd better keep quiet and not say anything. And as a result of that, we have the most shameful, disgusting, dehumanizing situation imaginable where our elected officials will justify genocide because they see that as enhancing their ability to stay in office. We just had a congressional resolution yesterday in the aftermath of the UN recognizing the Palestinian statehood. Rather, that's good or bad is another question. But it did happen. And most of the Palestinians see it as a positive step. So if they're happy, we should be happy. But we have a Congress that says if they now use that status to take Israel to the international criminal court, we're cut off aid to them.  In other words, they're saying Israel can bomb, can kill, can murder, can massacre innocent Palestinian civilians with impunity and not be held accountable by the same body that will hold every other country on the face of this earth accountable if they did it to their people or to another people. But for Palestinians, that doesn't apply. So whenever there's an election in Israel and the Israeli politicians want to jockey for position, so to enhance their credentials, we'll invade Gaza and we'll bomb Gaza and we'll kill a few hundred or a few thousand. It doesn't matter innocent people. It's just politics. Or else we'll threaten them. If they vote this way, we'll punish them. If they freely elect a government of their choosing through a democratic process that we approve of, but we don't like the people they elect, we'll punish them. We'll cut off aid, we'll cut off their money, we'll close the doors, we'll close their ports, we'll deny them their fishing grounds, we'll close any gates leading to the outside world. And if push comes to shove, we'll bomb them and strafe them and murder them with impunity. And no one says anything. Brothers and sisters, it's time to speak up. It is time to speak up in the face of these atrocities. Our call as Muslims is based on principle.  And if one innocent person is killed, we should raise our voices. Even if it's an innocent Jewish person, we should be consistent. We should be consistent. When Allah Ta'ala mentions in the Qur'an, min ajli thalika katabna ala bani Israel, ennuhu man qatala nafsan binafs, bighayli nafsan bighayli nafs, or fa sadin fil ardh, fa ka'annama qatala naasa jamia. Anyone who kills an innocent person, it's as if they've killed all of humanity. It's as if they've killed all of humanity. Fakhredin al-Razi says one of the reasons for that is that when they indiscriminately kill an innocent person, that could have been anyone. You put a bomb in a bus, or you drop a bomb from a plane on innocent people, anyone could have been there. I could have been there visiting as a tourist. And the bomb falls on me. I'm riding in the bus, and the bomb explodes under me. Or anyone from Europe, or Africa, or Asia, it could be anyone on earth. And so Allah Ta'ala is telling us we have to be principled. And in being principled, we can't fear the criticism of the criticizer. Ya ayyuha ladheena aamanu main yaratadda minkum fa safayatil lahubi qawmin yuhibbuhum yuhibbuna az-dillatin alal mu'mineen, a'izzatin alal kafireen yujahiduna fi sabili la wa la yukhafuna lumbat ala'im thalika faddullahi yu'tihi main yasha' wa allahu waas yun'aleen So Allah says those people He will bring to replace those who don't stand up and do the job. One of their characteristics He said, they will not fear the criticism of the criticizer. wa la yukhafuna lumbat ala'im We shouldn't fear the criticism of the criticizer if we're right. If we're wrong, we deserve to be criticized. But when we say innocent life should be respected. When we say if anyone, be they a Palestinian or an Israeli, be they a Syrian or a Saudi, be they a Bahraini or a Libyan, be they an American or a Russian, whoever they are. If they kill innocent people, and especially if they do it with impunity, we should stand up and we should condemn it. And if we're criticized for that, we should probably take the criticize, criticism. And if we're penalized for that or punished or sanctioned in some way, we should gladly accept the punishment or the sanction and trust in Allah. And trust in Allah subhanahu wa ta'ala. If we have dignified, honorable men, women and children who say I'm not leaving Gaza, even though I could be bombed at any moment, I could be bombed tomorrow as part of a punitive action because my leaders endorsed statehood for the Palestinian people. I don't care, I'm not leaving. If we have people who just two weeks ago were under bombs and under the threat of the invasion of tanks and armor and said I'm not leaving, then what do we look like being afraid to stand up and speak the truth in their defense? What do we look like? Being afraid to speak the truth, to defend innocent lives, that's the only way the racist policy of this country will change. It's when our hearts change and when our hearts change, our tongues change. As the poet says, The real speech is in the heart. And rather the tongue has been made as a interpreter, as a proof of what's in the heart. So our hearts have to change and when our hearts change, our speech will change. And when our speech change, we'll see new realities in our world. And as we said, we should be responsible. We should be wise. We should be judicious. We should be prudent. But we should not be afraid to speak the truth, especially in the face of tyrants. After Lou Jihad in Kalima to Haqq and the Sultan in Jair, the best Jihad is speaking a word of truth in the face of a tyrannical ruler. So may Allah bless us to be the best of Mujahideen, to be the best of Mujahideen, those who are willing to speak truth in the face of tyranny. Isn't that how this country got started? When those colonists in the face of the tyranny of the British crown stood up and spoke truth and then put that truth in a declaration of independence because they saw themselves as having the unalienable right. We hold these truths to be self-evident that all men are created equal and that they are endowed by their creator with certain unalienable right. Rights and amongst these are life, liberty and the pursuit of happiness. If that's good for the American colonists, in the face of the tyranny of the British crown, it's good for the innocent people of Palestine and the face of the tyranny that they face. And it's good for us today in the 21st century. They want to sideline all those documents. Okay, they serve their purpose, put them away now. No, bring them out now because we need them now more than ever. We need them now more than ever. May Allah Ta'ala give us Taufiq. May Allah Ta'ala bless all of those struggling people wherever they may be in Kashmir, Afghanistan or Iraq or Palestine or Syria or Egypt. May Allah protect the people of Egypt, the many schemes afoot to undermine the fruits of their revolution. Many schemes afoot, may Allah Ta'ala protect them. May Allah Ta'ala bless their leaders with wisdom, with deep wisdom. May Allah Ta'ala bless innocent people everywhere to be able to live their lives and to pursue peace, to pursue peace. Ultimately, that's what we want. We want peace, we want security and we recognize these are two great blessings as we mentioned at the beginning. And that the Ata'amahum min juu'in wa aamanaum min khawf who's giving them safety from fear. And Ibn Abbas said these are two of the great blessings to be well fed and to be secure. And we know we have to appreciate those blessings and not do anything to undermine them whatsoever. Because if we do, Allah Ta'ala will take them away. If ta'azlana rabbukum la'in shakartum la'azidannakum wa la'in kafartum in'adhabi la'shadeed. When your Lord proclaimed, if you give thanks for my blessings, I will increase the blessings. But if you reject them by not showing thanks, you should know that my punishment is severe. And in the case of security, the punishment is in taking the security away. So we should show our appreciation. We shouldn't be fools. And we shouldn't fall for the guiles of fools. And we shouldn't be tricked into doing things that are betrayal of our principles. But we should be courageous. We should be upright. We should be wise. May Allah Ta'ala bless us and bless everyone. So there are a couple of announcements. Before that announcement, we want to remind everyone, the Lighthouse Mosque in Oakland is having a fundraiser Sunday. This Sunday, December 2nd, 4 to 9 p.m. at the Chani Restaurant to purchase. It's in a rental property that's very dilapidated. There's a very nice property for sale across the street. We encourage people to support, also support your masjid here because there's a lot of projects.