Hi everyone, it is so lovely to be back up on stage and seeing real people in real life. Like it's cool that all of you have torsos and like legs instead of just faces on a screen. So hi, that was like a great intro so I don't have to talk about myself too much. But yeah I'm a designer, friend and developer, been doing WordPress for a while and actually I realized today I kind of did the math and today is my 50th WordPress event that I've been speaking at. I'm really excited to be sharing that with all of you. Thanks. We'll see if you want to clap afterward, it's fine. But I want to talk to you all about the future of theme design because as a theme designer that's kind of important to me and a whole lot's been happening and people have a lot of opinions about that. But before I get into the future of theme design I kind of want to step back through a little bit of the history of themes. So we can remember how we got here so that we know where we're going, right? So historically speaking with WordPress themes were basically these very cohesive templates that were generally separate from the content. And that was basically the whole point of themes because the content was now in your database and your theme was powering the output and that meant you could update your content without having to update code. That was like one of the best parts of content management systems. And the way it worked was that your theme was managing your look and feel, the structure, the way that everything laid out, your content, your words and images and media, those lived in the database or they lived in files. And then you started adding plugins to add new functionality. It wasn't always this perfectly cut and dry but this was basically the way that WordPress was set up when it started. And in this state when themes were like this what was the role of a theme designer? I kind of said that the theme designer was basically the design dictator here, right? Because we were, as a designer, we were dictating the use of color, typography, spacing, branding. You know, we were building like what exactly is this header going to look like? The footer, the sidebar, all of our page templates, our page layouts. Where is content going to be used within the layout? Which content needs to be where? Like the designer had a lot of control over what was ultimately going to be rendered on the page. But then slowly, as many of you remember, websites began to do more, right? WordPress started out with posts and with pages, but we wanted more than that. So sites started to become stores, sales funnels, membership sites, social networks, event hubs, learning centers, communities. And the basic template and content model started to get a little bit of strain. So as a result, what happened? Well, layouts kind of needed to start evolving as content was changing, right? It wasn't just text on a page anymore. We started needing stuff like landing pages and other kind of bespoke content to be able to speak to different audiences. There were a lot more complex functionality needs. You know, once you have products or testimonials or users, you want to be able to lay those out in different ways. And there were a lot fewer options to build these unique layouts without learning code, right? I mean, the number of people that are like, I just want three columns in a row with an image on top of each one. How do I do that? And the result of this was a lot of end user frustration, not being able to make these things that seem like simple changes.  Are they preventing us from being able to do simple things? So we tried a lot of different things as a community to try to solve some of these problems. So what did we do? We, you know, we tried, like, widgetized themes. That was one of the first approaches to it. Like, we've got these widgets. Maybe let's put them everywhere. We tried to rely a lot on short codes, you know. Can we build things using short codes? A lot of big page builders were using short codes as well. We used a lot of customizer based themes. There's a lot of options in the customizer. Custom fields really rose up and stuff like advanced custom fields, of which I'm a huge fan. You know, can we use this to craft maybe more custom content layout experiences? Each of these things, and then obviously the page builders of which there are several, right? That was kind of a very big one. And each of these things, they each had their strengths and weaknesses. They had pros and cons. They were doing the best they could. And people tended to get opinions about which one was their favorite. But part of the problem here is that there were so many different solutions that the WordPress content editing experience became really divided. You know, if you asked one person what using WordPress was like and asked another person what using WordPress was like, you would get totally different answers. And you know, if you go to different dashboards, as you might have as a professional, they might not look anything like somebody else's dashboard. So we had a lot of splintering. So block based editing was introduced as a way to start to unify this editing experience for all of these different use cases and provide a visual and procedural set of standards for all of these different needs. We wanted to make the content editing experience more closely resemble how the content was actually going to look on the page and let people be able to do some of these more creative and more complex layouts without feeling like they were beholden to a developer. So the first phase of this was the introduction of the block editor, which has now been available in core for content editing for over four years. Though it's not perfect, it has undergone a lot of changes in that time to make it more stable, more usable and more intuitive. And that brings us up to kind of where we've been at the last couple of years and a lot has happened in WordPress theme and content management since the last time we were all like gathered together in a space. So I wanted to make sure that we're all up to date and kind of what happened during COVID a lot has happened. First of all, currently we've had seven major releases of WordPress during COVID. We are currently in phase two of four of kind of the roadmap for WordPress which is centering currently around full-site editing. The previous phase was around the block editor and how to build that. Two new core themes have been released in that time, so 2021 and 2022, which was the first dedicated full-site editing theme. We've also introduced like a whole lot more core blocks, including site-level blocks that let you actually build site layouts in addition to just page layouts. We keep getting more and more detailed block styling options, including stuff like typography, color spacing layout, and also the widgets that we talked about before have also been converted to blocks. And then block patterns were introduced, which is a collection of blocks, query loop block, and all of the block options that came with it became more robust. And then we also now have the block directory and the pattern directory to be able to search for individual blocks or individual collections of block patterns. Now patterns being predetermined groups of blocks that let you streamline your building process. And then this one you're going to hear about a lot from me in this presentation, but the theme.json file and all of the new kind of global styles and variables were introduced in 5.8, and then they introduced support for child themes, and then style variations in the last couple of releases. And then the big one, full-site editing, got merged in in 5.9, which is supporting this entirely new templating system for building WordPress sites. So a lot has happened in the last couple of years, and this is where we're at now. If you want to learn more about kind of where WordPress is headed and where it was coming from, you know, check out this link. It's pretty good. But I want to get back into what we're here for, which is what is the purpose of a modern WordPress theme? Because if any of you have been following block editing at all, you might be feeling like, I don't really know where this is going. And for the average end user when we think about a WordPress theme, modern themes are pretty far from these like mysterious black boxes that they used to be where you input content and then a custom layout just comes out the other end. We're also pretty far from the days where you needed to have a complex page builder system or a very heavy plugin just to be able to create three columns with images and a button. Nowadays, with full-site editing, the concept of even having predetermined templates is a little bit up in the air because a user could completely redo or rewrite or create new templates right from within their editor. So in this modern WordPress theme almost kind of feels like maybe it doesn't exist at all. So in that case, what is the role of a theme designer now? We're not a dictator anymore, so who are we? I propose that the new role of a theme designer is a creative curator. We care deeply still about brand and aesthetics. That's why we do what we do. But our methods and our audience have changed. So our job as a creative curator is to provide a thorough set of thoughtfully curated opinions, patterns, styles, layouts, templates that actually function as suggestions for the end user to be able to build their content off of. And that includes a lot of different things that we should be providing, right? We're not necessarily building bespoke layouts. We do have to think about color typography and spacing. We have to take into account all of the different core blocks and some third-party blocks. And we want to create all of these rules for how all of these things combine within the content and really help our end user be able to build these compelling layouts that are still understandable and on-brand. So we don't just design the experience for the website visitor, which we've been doing as theme designers. We are also designing the experience for the content creators. We are curating the content building experiences to enable their guided creativity. So we're asking ourselves a lot of questions as designers. Do we need full-site editing for this? Do we need to support every single block style option? How much control do we want to give the end user? And how free or locked down should our content creation be, right? So as creative curators, we can extend and enhance the block editing experience by providing maybe additional styles, patterns, and controls for blocks that already exist. So the questions we're asking ourselves are like, do we want to maybe create some block patterns or pre-populated blocks for our content within our theme? Do we want these to be changeable or do we want them to be fixed? Do we want to extend any of the core blocks that are already available with maybe some custom styles or controls? Do we want to provide multiple sets of styles? Are we including any styles for maybe some specific third-party plugins or other blocks? So then our job is we're not creating these pixel-perfect solutions anymore. We are creating comprehensive design systems where many future solutions can flourish because we're not just thinking about how do our design decisions impact our current content. We're thinking about how will our design decisions impact all of our future content as well. If you've ever heard me talk before, you know I love talking about design systems and I'm going to do it again because they're great. How many of you are familiar with the concept of design systems? Probably a lot of you, which is awesome. As a review, this is a language from InVision. A design system is a collection of reusable components guided by clear standards that can be assembled together to build any number of applications. And one of my favorite things to talk about when we talk about design systems, and I think it gets increasingly relevant in WordPress, is atomic design. How many of you have heard of atomic design? Probably several of you at this point, yes. If you don't know about it, it's basically just like chemistry, so I know you all remember your high school chemistry and this will be easy. It goes from our least complex thing, which is atoms, then atoms become molecules, molecules become organisms, and then the metaphor breaks down because organisms become templates and templates become pages. But what you have to remember is that we're going from the least complex to the most complex, the smallest to largest, and the most general to the most specific. There's a fun animation here, kind of showing how atoms evolve into molecules, which then evolve into organisms, and then these come together to become a template, which then becomes a page. So it's super fun, and we're going to be talking a little bit about this kind of as a review. So first of all we've got atoms, atoms are the smallest building blocks, and atoms in this case would be all of our HTML elements. This is a really fun graphic that I've found, the periodic table of HTML elements, pretty clever. But basically you're noticing that it is all of your unique HTML elements, but this also includes your colors, your typography, your various utility classes, those would all be considered atoms as well. So as an example, and this is from Pattern Lab, which is Brad Frost's site, Brad Frost is the person who kind of coined the term for atomic design. You can see an image, a heading, color, swatch, paragraphs, and input, these are all atoms. They are not very exciting on their own, much like atoms, they're just kind of floating there and not doing anything, but eventually we can build some cool stuff out of them, and that's when we start getting into molecules, where we are combining HTML elements together in specific, useful ways. So as an example, maybe it's an image with a caption, maybe it's a title with a link, maybe it's a small bit of a list that is navigation, or a photo matched up with maybe a title.  Still not that exciting yet, they're still kind of floating out there not really doing anything, but that's when we start getting into organisms, which is when we're now combining several different molecules together, and we're gonna start recognizing these some block-level elements, right? But usually organisms are more complex, they're repeatable, and they're their own contained unit of content. So some examples might be a gallery of images, or a list of several posts, or an entire form with multiple inputs and its submit button, those would be great examples of organisms. In the context of full-site editing and templates as well, variants of the same group of content would also be considered an organism. So these are like several variants of a header of a site, each of which could be included inside a full-site editing theme. Footers, sidebars, other similar things, you might have several different organisms. And that's when we also start getting into stuff like templates. So if we're starting to combine these block-level organisms together in different ways, we're starting to build templates, which are again repeatable combinations of organisms, and these often are entire layouts or entire content stories. So, for example, you might recognize some of these elements from some of the other pages, but now we're starting to combine headers and content and sidebars and footers, and we have now started creating templates, right? These can be replaced with other things. And then we have pages, which is where you take a template and put real content into it. So again, you have specific content, so you could have the same template, multiple pages, great example. Here is a template, here is some content. So we're all following. Atomic design makes total sense. Great. So, how has the move towards block-based content and full-site editing made WordPress theme design more atomic? Because I think, I've been talking about atomic design for years, and I think as block editing has become more and more pervasive, this is more and more relevant. And in order to do that, I want to talk you through a little bit about the structure of kind of a traditional or a hybrid theme versus a new full-site editing theme and kind of what we're looking at when I start talking about these things. So, first of all, this is a standard theme which can also be used as a hybrid theme, a hybrid theme meaning you're still writing PHP, but you can support a lot of the block content, editor stuff. This is your basic file structure. There's a lot of other things, but you have your functions.php or index.php, your style sheets, any other PHP templates that you want to support following the template hierarchy. You have any other functions in your includes folder if you want to. Any assets like CSS, JavaScript images you want to include, right? And then you also have you can have a theme.json file. And again, I said I'm going to talk about it a lot because it's kind of a big deal and it is usable in PHP-based themes as well as in full-site editing themes. I think we should all be paying attention to that. And then you have a full-site editing theme and the biggest difference you'll notice is that there's not that much PHP left anymore. I mean, you're still using it to write functions. But we have all of these like HTML markup block template things and it's a very different structure now. You still have your functions, your index, your style, but all of your content now lives in templates and template parts. And it's a little bit different. And then we have this new folder called styles which actually contains other JSON files if you want it to. So this is real exciting. So I just wanted to kind of give an overview of these things because depending on whether you're doing a hybrid theme or a full-site editing theme, it might work a little bit differently. I wanted to bring just a little bit of attention to how styling themes works because some new things have been introduced again with the theme.json. So traditionally, we're using CSS and then also maybe an editor style.css now that we have the block editor. These are both required if you want your front-end and your editor to look the same. I guess you could also just enqueue your style.css in the editor, but I wouldn't necessarily recommend it because they have a few different needs. But you can use these on their own. You can also, if you're using a theme.json file, use these to supplement that. I'll talk a little bit more about that. But I did want to also bring up stylingwiththeme.json. So this is the newest styling tool. Like I said, it can be used in both a hybrid or a full-site editing theme. And what's cool about it is it automatically generates things that are loaded in both the front-end and the editor. It generates both CSS variables and also CSS styles depending on what part of it you're working on. And it's responsible for most of the styles in full-site editing. I say most of it because I think the ultimate intent is for you to basically be writing almost all of your styling in theme.json. I, as a CSS person, support where that's going, but I'm skeptical that more complicated things can be written in a JSON file as opposed to a CSS file. But it will certainly be taking care of the bulk of your styling in full-site editing. So something to pay attention to. And now I'll get into actually how do we map all this atomic design stuff I just talked about to WordPress theme itself. So we kind of divide it into a few different categories.  I also put, kind of as a pre-Atom, I have this thing called settings. That could be an Atom, but I kind of think it's a little different because we're talking about, you know, editor settings, block options, stuff that's even kind of before you encounter an Atom. And then we have our Atom's molecules, and for layout, our templates, and our pages. I also want to mention, so I'm going to start showing some examples, and most of my examples are actually examples that have the Gutenberg plugin activated. I know that that is, you know, kind of the bleeding edge stuff that they're working on. I like to enable it for my personal stuff because I want to be aware of what's coming, and generally it's a pretty good indicator of what's going to be coming next in core. So just so you know, you might see some stuff here as examples that aren't necessarily in core now, but probably will be soon. So first of all, in our settings, Theme.JSON, there is an entire kind of section of Theme.JSON that is basically just about determining what the content editor is going to see when they are creating blocks. This kind of replaced a good deal of the stuff that they were doing with add theme support, but basically these things here determine if a particular control is going to be available in the editor. And there's a lot of controls that exist right now. There is, you know, whether or not you want them to see a color picker, whether or not you want them to be able to pick font sizes or font families, whether you want them to be able to control border radiuses, whether you want them to be able to control spacing, all of those kinds of things. Now this isn't setting the values of those things. This is saying like, can my user set custom values of these things? Which is important because again, designers were often concerned with branding. So I provided an example of a paragraph block, and on the left is with everything enabled so your user can do whatever they want.  And this is the same exact core block and all we did is change whether they are true or false in Theme.JSON. So this is really great if you have a pretty strict brand and you don't want your users doing bright red giant text in a weird font. Right? So we can turn that off. So we have controls here even though this is still a custom editor. We also have options as theme designers to kind of extend the user interface for existing blocks by creating additional styles or settings. So this actually helps kind of reduce the need to build a new block. So if you're like, I wish I had a paragraph block but it just looked like this, well maybe instead of creating a custom block for that you could just create a style for that user to be able to select that. So I kind of created, I showed an example of like here's something that I did for the cover block where we have our default style and then I also created a few other styles that have some special things and they just click on it and it loads. So these are all different things. You can also create custom block controls for existing blocks. The block styles are something that you can do within PHP. The controls you have to do within React. Depends on where your stack is at but this is what I found to be really nice for being able to give users more options without having to create more bespoke blocks. Then we get into our theme.json variables. So theme.json generates a lot of CSS variables and CSS variables if you're not familiar with them are basically just a value that is output in the like header in your CSS. This is the format that they follow. So if you look at the font sizes for example it would be WP preset, font size, slug name, so extra small as an example and that's how it would output. There are several different presets WordPress currently supports. I believe there will probably be more as time goes on but they support a lot right now in terms of color, typography, layout and spacing and these ones you'll be able to recognize if you go inspect the editor because they will have that WP preset at the beginning of them but these again are defining these aren't outputting styles they're not styling a specific element they're just saying like here are the colors that are available, here are the sizes that are available, here's the widths that are available this is what they are. We can reference them later. Theme.json also supports creating your own custom variables which right now I am using extensively I think it's great. You can create custom settings as detailed or as granular as you like I'm really in favor of doing this whether you're doing a full set editing theme or a standard theme because you can basically create a single source of truth for all of your different values and then you can reference that either in Theme.json or in your style.css and then as things evolve rather than having to rewrite things everywhere you can just like you know move stuff out of CSS into JSON or maybe change the value in one place it'll update a bunch of other places so I'm in favor of doing this as a methodology and as more and more of these are supported as part of the preset styles we can either move them out of our custom styles or just reference our custom style in our preset style either way it makes it a little bit easier to evolve but this is the kind of if you're looking if you're inspecting a theme and you see WP custom and then a bunch of other stuff that means it is a custom variable defined in this custom section of Theme.json Another thing so we're talking about elements remember our atoms our HTML elements stuff like headings and paragraphs and stuff like that there are several kind of block level elements that Theme.json will actually output styles so this isn't outputting a variable this is actually outputting CSS styles so instead of writing the CSS it'll do that I would recommend doing this if you're doing a full set editing theme you can also take care of styling your elements within your CSS if you're doing a hybrid theme but either way you can reference some of these variables that we already created so that is kind of all of our atomic things and I'm showing you just like a bunch of unreadable JSON which is totally fine you don't actually have to be able to read this right now but just kind of showing you as an example of like what does this look like and where you're going to be looking where you're going to be looking for it in your theme then we get into molecules so molecules again if you remember they are combinations of atoms many of the simple blocks that you're going to encounter in both the content editor and full set editing would be considered molecules where we've combined a few html elements into a more complex component so you might recognize quotes, lists, buttons, forms, images, audio post elements like the author post meta, post summaries, different navigation elements like the site logo taglines, menus, etc I've included and again I'll have a link to all the slides afterwards you don't feel like you have to panic and try to read all this stuff there's a link to kind of all the core blocks and many of these would be considered molecules now within theme.json if you are doing full set editing there is actually a styles section where instead of writing CSS to style these blocks you can write JSON to style these blocks and it will target a specific blocks if you know the blocks like the button one I think that's the one I have as an example here you can give it certain parameters so you can style the border radius right from here by referencing another thing you can style the typography the font family all this different stuff right from theme.json it's kind of fun or you can do it in CSS if you're doing a hybrid theme but the point is that there are a lot of support for atoms and molecules right in the JSON file so that's pretty neat speaking of organisms now we get into several different things one being more complex blocks some blocks I would consider organisms that you know these are things that contain several other blocks they're introducing complex functionality and other settings stuff like the layout blocks like the cover block the column block the group blocks mixed media blocks stuff like galleries the widget blocks also query blocks which are pretty powerful those are the ones where you're pulling in a whole bunch of posts into one block to consider an organism and a lot of other custom blocks these things that are testimonials or like a slider something like that these are generally considered organisms and these are more complex these don't necessarily have the core blocks you can style via theme.json most of these you're probably going to be writing styles for traditionally in style.css but again thinking of it atomically these are our complex blocks they're inheriting our styles from the atoms and molecules and then they're just getting more complex PHP template parts would also be considered an organism so if you've been writing traditional themes you know these are just headers, footers, sidebars, different repeatable bits of content that are included in our broader site kind of just an example of like you know here's where you'd see them in the theme structure also full site editing template parts would be considered organisms again headers, footers and other reusable content the difference being instead of just being included as a PHP file here they are and they are selectable in the site editor and you can see them there's a whole template parts section so that language is actually getting exposed to our end user profile which is interesting block patterns I would consider an organism and these are fun so commonly used groups of core or custom blocks that can be configured and inserted all at once I find them very useful they can be defined either using register block pattern in PHP or you include them in the patterns folder and then list them in your theme.json file for full site editing what about patterns they show up in the same place that you search for blocks they are tagged they're sortable they're searchable kind of an example here some patterns that I built into my personal theme you know you can sort them by type and then you it's just like you know basically a combination of stuff that makes it really easy to build stuff again those three columns with images text and buttons you can just build a pattern for that instead of expecting your end user to try to assemble that out of blocks reusable blocks these are interesting I'm not really sure they had a really good use case I'm not really sure where that use case is going as we move into full site editing but basically what reusable blocks are is you can actually create a block in the editor and then save it as a reusable block and then if you place it in any other spot when you update the content in that block it updates everywhere it's kind of nice if you're building like a call to action or something not necessarily sure where this is going to go once we have now you know let people build template parts and other things in the site editor it may become obsolete it might still be useful but it's still a thing that exists and it's something you should be aware of and that also if you have any will show up in the same block editor so here's my really great call to action as an example and this is just every if I change the text anywhere it'll change everywhere and that's fun and then we get into templates right so now we're combining all these blocks into bigger things both full set editing and traditional themes template hierarchy so you'll recognize that if you're familiar with it some of the PHP templates that you might be familiar with are standard you know standard page templates whether those are template hierarchy or custom page templates you can select in the template editor also post type block templates what I mean by that if you've ever used a plugin like the events calendar is a good example and you open up they use the block editor and you open up a blank event and there's already a bunch of blocks on the page for you that's a post type block template those are really useful as a theme design example of PHP templates there they are and then also full set editing templates so these are you know the core templates you would expect they can be created custom or they can be assembled out of the full set editing template parts so again we're building it kind of in a similar way to PHP but these show up in the editor in the template section where you can see they have template hierarchy names so you're single you're in your search etc and then we have the concept of pages in atomic design now obviously we think of pages as a single page of content but I would also argue that different views that are created by full set editing so maybe like a this specific page maybe has this content but it also has this header and footer and sidebar configuration that would be considered a page stuff to think about when you're starting to think about atomic design I also wanted to mention one of the cool things that they started doing and this is especially if you're doing I think like commercial themes or variable themes more so than bespoke client themes is being able to include multiple variations of JSON styles within your theme so your end user would be able to switch between different styles without switching themes that looks kind of like this so in your site editor looks like this right now there's some discussion on making this user interface a little bit more usable but your end user would be able to go into the stock section and be able to completely change what their theme looks like and that's something that you as a theme person could include I wanted to kind of close this by talking a little bit about I mean I said a lot of good stuff and how it works but I did want to also address that there are kind of a lot of concerns and considerations when you're working with this right now this is I mean it's not bleeding edge technology from a from like a technical standpoint like this is the technology powering this is pretty tried and true but it is still not even close to the most widely adopted form of WordPress interface and a lot of it is still either officially in beta or basically still in beta even if it's not so there's a lot of things to be thinking about and I wanted to kind of acknowledge that while I'm standing up here many elements of the block editor in full set editing are still in flux CSS class names might change how core blocks are styled might change different experimental APIs might change so I just wanted to present a series of questions that don't really have answers yet but I do believe that these are questions theme authors are going to be thinking about in the near future so one is like how do we address fricking changes right because you know I don't want to be you know it's hard to be shipping software that might break so things we're going to be thinking about you know how how do we know when we should be using this how do we monitor these updates you know how do we provide supporter updates if we choose to use new features right this is stuff we have to be thinking about where and how should we be defining our styles I just gave you I you know every other sentence was like oh you could put it in theme.json or you could put it in style.css right and instead of giving you an answer to that I'm like great question but we you know besides just deciding where we're going to style something we have to think about you know how much are we going to be accounting for WordPress's core styles do we want to include them do we want to overwrite them how do we deal if we want to include them we're battling against their specificity in CSS right also the question you know are themes supposed to be unique or are they supposed to be standardized you know if content and design are mixed which they are you know what happens when themes change like does that break something in your content how do we address these incompatible style issues between themes how do we address the assumptions that maybe third party blocks or plugins are making about what should be included in our theme how long how long is a theme supposed to last now right I mean now that it's becoming more ambiguous now that it can evolve along with their content are we even going to be changing themes or are we just going to change all of our options within the theme and just keep the same theme are we going to be just like loading some new like JSON files and some new patterns in there and just like keeping our theme forever like how long are we supposed to be supporting this and also and this is you know the fun one how are we supposed to learn all this new technology right like oh man like I just I just learned WordPress and I have to like learn new WordPress dang I mean there are there is a lot of new tooling involved there's a new markup language you know you have to get familiar with JSON if you want to write blocks you have to learn react you know modifying anything with JavaScript you're going to have to learn a whole bunch of build tools or at least find a good framework that does a lot of it for you and working with this stuff is a little bit harder to learn by reading because a lot of the stuff is a little bit obfuscated you know you used to be able to just like open up WordPress core and just like read the PHP file and be like I see but now it's a little bit harder to kind of figure out where everything is and how it all works you have to kind of work a bit harder to do it that's a little unfortunate but despite all of these things you know my key takeaway here is that theme design might be evolving but it is still a crucial part of the WordPress ecosystem so I say let's help people build creative content I have a list of resources so these will be included in the slides but different things if you want more about design systems if you want to learn more about the block editor and full-site editing in general but this is a slide to take a picture of here's me this is how you get a hold of me this this link right there is where these slides are located so it's the bit.ly link future of themes 2022 if you want to find me next I'll be at the social I'm online on WordPress Slack and Twitter in person I don't know what ever is next but I hope to see all of you again thank you thank you so much Michelle we have about seven minutes for questions if anyone has a question in the audience raise your hand and I'll come over to you it was such an incredible presentation very thorough not quite as thorough here they come thank you honestly it's kind of a similar question that I asked Rich in the previous talk I think that WordPress themes these days still have room to innovate in terms of the designs with kind of the constraints that full-site editing provides you of like these are the options that core can let you change can you still create an innovative WordPress theme do you think so can you create an innovative WordPress with all these constraints I mean I think that's been the question the entire time that theming has existed like as things are standardized can we be unique I would say yes and no it depends on what you need I think that there are certainly cases where you can create pretty interesting and revolutionary ways like what if you created styles that only happened when like two blocks were up against each other in a certain way and if they were in a different way they did something totally different right what if we did things where we weren't just thinking about squares and we were making things more organic we were giving things different containers there's lots of ways to still be able to push things and be creative just because we're working with a standard set of blocks and I know that there are ideas in the future especially now that like CSS is going to be supporting container queries which is very exciting you know that means that you can style something based on what it's inside rather than just based on the window that's very exciting I think there's going to be a lot of potential for that there's going to be a lot of potential for understanding you know the context of what block is inside or near why another block and being able to style based on that so I think we can do a lot of stuff if we're like forward thinking and thinking about like not just here is this block how do you style it but like what happens if this block is here what happens if this block is here what if it's here I think then we can do some cool stuff awesome thank you and we have an online question oh an online question oh man okay yeah Maestro Stevens is asking if you can touch a little bit more on the difference between using themes versus templates because it sometimes feels like it's used interchangeably and not necessarily right okay so templates live within a theme so the theme is the parent and templates are different things within a theme so a template will probably render a specific page view or a specific type of outline I understand um so yeah think of the theme as the parent it contains not only your templates but also your styles scripts everything else it needs to function and then the template is something that powers some specific layout hope that helps awesome and that was an online question for Maestro I think I know him in northeast Ohio awesome last question oh okay no pressure with full site editing and blocks becoming more and more powerful should we be focusing on building themes or just focus on building plugins that will add the blocks that we need to create the design that we want to create good question okay I think that it makes sense to do both so being able to control the theme means you're kind of controlling the kind of like main stack and then being able to add plugins means that you can make that stack more extensible so I think that most of the content that we want should probably still live in a theme but perhaps that can be like very extensible in a lot of different ways with a lot of different plugins so I imagine I mean this kind of happened before when we were doing page builder based things or custom field based things where we would have our theme but then when we wanted to do all the cool stuff to the theme we would add all this other stuff on top of it I think blocks aren't going to be okay thank you actually I do think we have time for another question alright great I see you there you go thank you thank you for your talk it's really excellent I guess I'm wondering a lot of this is pretty new and where would one go if one wanted to just start playing around with this theme.json you know this whole ecosystem like is there kind of a starter theme that you can just mess around with yeah what are some resources sure I mean I think 2022 is a good one just because that was kind of like the first kind of core theme that came out that supported it in detail I also recommend going to fullsideediting.com that's been one of my favorite resources so far they keep it very much up to date and they go into pretty great detail about like what is it supported right now so I think between those two things you'll get a lot of great examples alright give it up thanks Michelle that was incredible thank you so much


Hi and welcome to the session. Let us discuss the following question. The question says prove that integral of fx from a to v is equal to integral of f a plus v minus x from a to v. Hence, did you start integral of 1 by 1 plus root tan x from pi by 6 to pi by 3 is equal to pi by 12. Solution, we will first prove the first part. Let us put x equals to a plus v minus t. Now differentiating this with respect to t, we get dx by dt equals to minus 1. This implies dx is equal to minus dt. Now, when x is equal to a, then t is equal to v and when x is equal to v is equal to a. So, integral of fx from a to v is equal to minus into integral of a plus v minus t from v to a and this is equal to integral of f a plus v minus x from a to v. Hence, we prove that integral of fx from a to v is equal to integral of f a plus v minus x from a to v. Now, we will prove the second part. Let i is equal to integral of 1 by 1 plus root tan x from pi by 6 to pi by 3. Now, this is equal to integral of root cos x divided by root cos x plus root sin x from pi by 6 to pi by 3. Now, by using the above result that is integral of fx from a to v is equal to integral of f a plus e minus x from a to v. We get i as integral of root cos pi by 3 plus pi by 6 minus x divided by root cos pi by 3 plus pi by 6 minus x plus root sin pi by 3 plus pi by 6 minus x from pi by 6 to pi by 3. Now, this is equal to integral of cos pi by 2 minus x divided by root sin pi by 2 minus x plus root cos pi by 2 minus x from pi by 6 to pi by 3. Now, this is equal to integral of root sin x divided by root cos x plus root sin x from pi by 6 to pi by 3. i is equal to integral of root sin x divided by root cos x plus root sin x from pi by 6 to pi by 3. Let us name this equation as equation number 1 and this as equation number 2. Now, we will add equation 1 and 2. So, we get i equals to integral of root cos x divided by root sin x plus root cos x from pi by 6 to pi by 3 plus integral of root sin x divided by root cos x plus root sin x from pi by 6 to pi by 3. This is equal to integral of root cos x plus root sin x divided by root cos x plus root sin x from pi by 6 to pi by 3. And this is equal to integral dx from pi by 6 to pi by 3. So, 2i is equal to integral dx from pi by 6 to pi by 3. Now, this implies 2i is equal to x, lower limit is pi by 6 and upper limit is pi by 3. This implies 2i is equal to pi by 3 minus pi by 6. This implies i is equal to pi by 6 and this implies i is equal to pi by 12. x integral of 1 by 1 plus root tan x from pi by 6 to pi by 3 is equal to pi by 12. So, this completes the solution i and take care.


All right, lady. What is this everybody and welcome to show and tell it's me lady. Ada. Mr. Lady. Ada We're here at the 8 foot factory where it's nice and quiet because for the next 30 minutes We're going to check in with people from around the community and hear what they're up to We've got a whole bunch of people lined up So I want to get right to it starting off with Fridici key J robot and the human companion J Robot head plus That's a good one. I would take that live from you. Yeah This is my the head of my current robot working on orbit This is the virgin two of them. I did virgin one for silicon Which I have the old head right here so you can kind of see the space between the two The bodies in the corner and I'm still working on that but this is a project I want to bring for super con and I've been slowly just printing it out standing it down and building it up Done this morning, you know, it's like, oh Orbit's the perfect name too. That's a good name Oh, yeah, the first one designed to be more because I always go in my head with this I decided more to be more of a like help around the ship thing and this one's a bit bigger So I'm designing it to be more around if I had to venture somewhere. I can bring this robot with me You know, yeah, this is like the you know the base spot. Yeah, pretty much like it's definitely Not a shoulder bot. It's too heavy to be a shorter bot like this this thing is Man See it's too big for all that but it's perfect But I'm building it for and it'll be nice to see it roll around once the body gets done. That's so cute I love it's already got some personality to it. You know, so we're a Media sponsor and a regular sponsor at super con. So we'll have a couple things there and then I think some of our team is gonna be there as well So for folks who don't know super con hack-a-day events back this year Check it out. I think it's a first week in November Yeah, I think November 5th for 5th. Yeah, we have to know what we're doing Yeah, no, I'm very ticketed. All right. Well, thanks so much come back and if you if you're around Before after super con come on back and let us see the progress of orbit. Of course And orbit you can bring j by to yes All right next up JP what you got going on Hey, so this is the the the conclusion of this project been working on for a few weeks now I've got the final case put together for this split ortho keyboard and it uses two of our PCBs. It's it's super simple It's not like a hand-wired You know lots of work. It's actually press fit push keys into the PCBs and now I've got this working with sort of a not quite retractable, but you can you push the cable in there and use it as a Ergonomics split ortho or you can feed that back like a government agency Like like the IRS like send audits visa or it's just like it has a governmenty Feel to it explains a lot because it's impossible to type on them So not used to your past ortho linear thing. Yeah, so every tech company changed their logo to like a shade of blue for a while Remember that they all just like yeah, I mean buddy I just don't love that that this is a beautiful Bank teller like a bank teller in the 70s like you pull in your car in the station wagon You put your thing through the tube and then you'd be like here's a lollipop get out of here and they're like Yeah, you wanted to grab that sort of adding machine that had those yeah, there's nothing about it so this is the version I did with a combination of 3d printing for these walls that have Organic shapes in them and and I wanted to press fit some Brass threaded inserts in them and then the top and bottom or laser cut acrylic I put files up on Thingiverse and linked into the guide. I'm working on which should be out pretty soon The both versions so you can do a version that's entirely 3d printed, but I never like to do Flat stuff in 3d because it's yeah, it seems like a waste and bear the laser cut if you have a luxury or you could use hand tools or CNC or something to make this part and it could be acrylic could be Some wood kind of up to up to the user how they want to make it so the files be up there and the code is up in our GitHub it's all circuit Python super easy to customize. I have a little config file that people can change the key Assignments in it's not using QMK because I thought it would be a little bit Tricky to get the dual TCA 8418. I squared C as each side. That's how each side is Matrix and over a square C sending to one QT pie that's over here So it's its own homegrown thing, but similar. It's easy to configure with one little file So that's my split ortho linear keyboard and the guy will be coming out soon And then tomorrow I'll be working on possibly a Halloween project We'll see if I score the item. I want to get it one of my local Halloween stores this evening So I it may be spooky tomorrow. Okay. Thanks so much. All right. Nice work. That's what color matching the acrylic to the Keyboard keycap. Thank you. All right next Hey, Jeff, what you got going on? IRS technology Okay, you're muted. So maybe um, yeah, Jeff We want to hear you. We see you I've been in before with the Apple 2 floppy drive and considering the stores like a hundred and forty K or something It's like it's kind of big for what it does but recently My friend has given me some computer hardware And so this is the internals of a Commodore 1541 floppy drive from about the same era and instead of being like nine inches long It's like 15. So there is a lot in here And I was just gonna power train with that capacitor dive into this a little bit. So, yeah It's got first of all a whole 6502 CPU in it Whereas the Apple floppy drive has no brains hardly at all, you know, the PCB is this big Yeah, it's got power rails for five and 12 volts. It's got like a 16 megahertz Crystal in here for something huge.  It's like it's huge. It uses a ton of power A lot But it looks good And then and now like this floppy disk mechanism, it looks positively tiny. This is an alps by the way floppy drive mechanism and this was slow and awful and I don't know if this one even works because I don't have a computer to plug it into But I just wanted to kind of give the juxtaposition from apple made trade-offs and Commodore made trade-offs and I think Commodore picked bad Bad trade I think Commodore.  So apple did some things right, but I would like to be using a Commodore phone I mean, they were cool in other ways, but the floppy drive was not it But anyway, there it is. It's like all right. Oh It was a little deceiving because the capacitor when your hands aren't there.  It hasn't been charged for 30 years All right All right, cool. All right, Erin How you doing welcome back to show and tell what you got going on this week Um, I have a couple cool things to show. Um, let's see if I can get my screen showing here all the buttons First of all, I just did a tutorial on these last week. These are jellyfish and uh, I installed a whole bunch of them I have 30 of them up here at a light festival in open california autumn lights festival So, um, they're running W led and all synced together and playing animations and it was just really Set them up so people could walk underneath them. Um, it had like whale song playing the background and everything made it A whole jellyfish garden. You made how many 30? Uh, there are 30 so far There's going to be 50 total when I'm finished and I'm going to be installing them at the mermaid bar in sacramento All right So the guide you made is like it's battle tested because yeah After you just after you make 30 jellyfish, you're probably good at it. You're getting first jellyfish is the best Yeah, and then uh speaking of the mermaid bar the other project I've been working on this week as I made a new light up mermaid tail Um, so I've uh, I've had a light up mermaid tail mermaid glimmer She actually got written up and make magazine several years ago, but she is just done I booked a mermaid show for this weekend and I tried to repair her and I you know Like trying to make lights that work underwater is not easy. Yeah. Yeah, so it's great. Yeah. So is that someone else? That's me. Okay. Wow. Yeah, so I have been um, I'll play it one more time because fun mermaids But it's so cool to see it underwater and it's you're you're so good at moving it in an organic way Yeah, it's a lot of fun We're doing a big halloween show down at the five bar in sacramento and we're gonna do a bioluminescent theme So looking forward to that should be a lot of fun and um, I'm planning to write up a tutorial about just basically making Lights work in harsh environments Uh, like if you want to build something for burning man or you know anything like that where you it needs to be outside It's going to go in a difficult environment. We're in aquarium suspended in the air Yeah All right, I can't even imagine the bill that required to Have a water tank with a person in it I like that we're writing a tutorial for like david blaine It's like you need to light up underwater under the ocean on top of the mountain On a hot air balloon. We're airing man. How to do that? Yeah, it's 40 feet long.  All right. All right amazing excellent work Uh, let no one say the aid of fruit tutorials are uh, uh, Boring All right. Thanks so much here. All right sweet Now i'm page ro Would you get going on this week? Wow, that was amazing. I swear that kiss at the end looked like a heart that she like blew How did probably was on that?  She practices it to make it look so So cool Yeah, so this week uh brent had a really cool idea on doing a whipper snapper like soil sensor node so The way I was gonna do it was totally like this this was like really genius the way that he has just the stem of soil sensor just having it be the anchor that like holds the battery and everything in there so inside Just a water resistant case. Uh, we have the qt pi 32 s2 We have the new passive hub on there to make room for bunch of sensors like light sensor on here And then on the back we have the scd 30 so uh Measuring the humidity temperature co2 and then have the battery gauge as well So you can tell when to change out your battery nice little Snap fit together design. So let's like air in we have the like gyroid infill So you still get like sense of what the environment is going on This was super handy this week with the temperatures dropping down in florida was able to figure out Oh crap, I need to put a tent up around my plants I could like measure and see that there's no leaks in there to see that the temperature was still up And the humidity was good for everyone and uh, yeah, just a simple little uh soul sensor node And 3d hangouts we show how to build the upper separate dashboards He can have like beautiful graphics on showing, you know, all of the levels of uh your environment And along with that I've been able to figure out like the characteristics of you know, all the rooms in my house So if I ever needed to bring anything in I would know like, you know Put it in the south facing window where like what which room has the most humidity was in the bathroom Which is you know, my surprise So yeah, cool little soil sensor node if you want to just get the characteristics of the humidity environment of Whatever you're growing Okay, and we'll be showing This video and then a speed up this week on ask an engineer So come on by tonight everyone and see how it was made right. Thanks so much All right next up and what you got going on this week I finished my second halloween project I've always been a scooby-doo fan since the first incarnation and One of the ghosts that I really liked was called the spooky space coop It was kind of like a skeleton in the space And uh, he had this this laugh. It's very unique laugh. So um Seeing a space helmet. I didn't steal it from just north of here. This is from that popular Halloween store that everybody goes to so let me just plug this in here and turn up the volume So Obviously, I can uh improve on him a little more make this A little more like sound reactive or something, but it's really easy. You um, he uses a circuit playground express and uh circuit python, um, I Got the the the ghost sound and made a wave file and put it on the on there and then I just take the audio out into a My my trusty little ancient radio shack amplifier You could have an amplifier board or whatever you want whatever you have And uh, it's really kind of fun and I can put this in the window and And uh scare all the neighbors Like how you're doing it a geographically Correct for the area. So, you know space coast you have space ghost And uh, I I saw a comic book once and it had a skeleton in a it was like an astronaut skeleton and everything And uh, it was kind of neat because you know, you don't have to eat or breathe So, you know, you can go on longer trips and stuff like that. It's kind of a good way to solve the whole Yeah, space ghost can can can travel to mars. Yeah See zero. Um, we can suggest it to those people who are trying to get to mars and see if we can I'm gonna email NASA tonight dear NASA. I think you should send skeletons to mars. Okay Thanks so much, Ed. Thank you. All right, Liz. What'd you get going on? Hello, uh, so started prototyping. Um, a quick heling project where it's a bat. Um, we've got a circuit uh playground express and two servo motors Um, and so they'll have two wings here. So we'll be flapping right now I just have the neopixel um test code and the servo example from uh, circuit python, um, essentials guide running to test um and did like a test of it tonight And it's also using the alligator clip servos. So it can be totally solderless and quick for folks to put together Yay Yeah I think enough time is passed where bats are okay. I remember the first year when COVID happened Everyone was blaming bats and pangolins now. Uh, we just blame ourselves. Um, so it's probably perfectly okay Yeah, I've done some other like 3d printed like classic Halloween props And I'd wanted to do a bat and then with the code of it stuff. I didn't yeah, everyone forgot about that I remember when they're like, it's the bats It's the bats, but that turns out I don't know. I don't think it's all right. We really blame those bats I have to blame someone. Okay. Well this bat looks very nice. We're not gonna blame ourselves It's a friendly nice bat. All right. Thanks, Liz. I keep it spooky. All right We're gonna go to dj divin 3 and then we'll go to Mark dj divin 3 Yeah Okay last week uh came on and showed off the uh, the social media tracker project which only had the youtube uh working and now I've got twitter and github And coincidentally uh this morning for lady eight is expressive dev con talk. She actually used the uh, the github I noticed that Because I wrote the same exact code at just about the same exact time you were giving that presentation And then I also have a build for the the goggle kit. So I got that working So once so with this I used the mirror tent film Uh that I picked up uh from uh becky stern's tutorial And then I also put that on one side of this to give us a kind of a diffused look Yeah, uh Instead of being able to see right through it, but I wanted to make this so that you could actually wear these and see through it Obvious I'm not gonna put this on the side of my head. I I just didn't have the the small one recharge Yeah, you can also just get a really long cable and then Put the battery in your pocket or something And then I also did uh this All right, you're busy. Spooky eyes. Yeah. Oh, yeah Yeah, mark is up next mark mark. I thought about internet famous this week for all the eyeball projects Yep, uh, and uh jebler with all of his tandy candy. Oh, that's a great name for his halloween. Never mind So that's yeah, I've been pretty busy And I've only got one more left to go and I'm not sure what I'm gonna do uh, I wanted to ask is Can can I plug into uh, adafruit discord somehow or is that only just yeah, I think people that own the server No, I think you can use um if then this that or I think there's webhooks like there's ways to do it where you can get information to and from discord, um I was thinking, um the amount of online pythonistas Yeah, you can also the you can also do a neat little thing. There's a uh widget that we use in our newsletter that'll grab the latest, um Whoever's online You might be able to like parse it with circuit python. I think there's like a jason file or something poke around Yeah, I'm pretty I'm pretty good at apis and jason parsing. Yeah, I don't yeah You know, it's one of those things where I'm gonna search for it. It's gonna be me writing about it So just search for discord circuit python I remember somebody did something yeah and like users and I think we had a little like pipe portal project that showed that Okay, uh, thank you very much. That's all I got. I like that the goggles could potentially, um work with the eyeballs You could put the eyeballs in the goggles. Yes, and I did mention that and I was thinking of lars when uh, yeah All right right on. Thanks so much. Thanks j Last at least all right. It's mark. Hey mark I'm gonna play your video in the beginning of asking engineer because I saw it go by everywhere It's so funny everyone's addicted to watching the eyeballs. So good work with it that totally surprised me. It was just like a Little clip I was doing while I was working on it and also my phone wouldn't stop vibrating so But I did get it working On two eyeballs, uh Let me see if I can kill the brightness on my camera at all Oh, they're very bright eyeballs. Yeah You can probably want to have it be brighter because then it'll Not if you can make the breadboard go closer to your head. You could probably make it look like they're at your eyes Right about there It is tough to see and we see the pupils Yeah, you don't see the the irises It looks like, um, one of the creatures from the muppets. Yep. Yep. Yep. Yeah But right before show and tell I need to restart this because Too many things plugged in at once um, the problem is is what I had that running on of course was a m4 and You can't get them. So I have a couple of them That I was able to use so I thought well, I've got lots of rp20 40s Um, so my whole goal was to try to get it running on a pico, which I'd sitting around Problem is I didn't realize a lot of doing this on our do we know Wasn't written like all the libraries that the monster mask project used like the arcata library Weren't designed for the rp20 40. It didn't even exist when the libraries are written Yeah, so that led to a lot of other things but right before show and tell I have the eye working on an rp20 40 Yeah, we even though even though arcata was you know, because we were doing a lot of graphic stuff for the samu 51 You know, you can extract the the code that actually does the Eyeball stuff for like the halloween m0 or m4 like you can make it Ported it's just really tough to get because you have to have the dma optimization. It's just not easy Yeah, I dma. I was working on literally hoping it would work right before this And commented out because it didn't yeah the flash storage had to get working It's it's really a challenge. Um, I don't tell you we just haven't looked at it. You know, oh Yeah, and it was one of these things that I went into thinking Okay, I'll give it a little bit of time And then I kept getting just enough success that I couldn't put it down Yeah But it Actually, and if you have the eyelids on this it runs all right Yeah frame rate, but I still want to get the dma working because I hope that'll speed it up If you do it Marklops going on here like a cyclops I think either i or phil b did the pr to add spi dma support. It's in there In the rp20 40 core I just don't think that if gfx uses it and we don't it's just I don't it's and you know, the eyeball code is very optimized Yeah, and I've spent a lot of time reading it and I did look at the rp20 40 data sheet on spi So I've got a pretty good idea of it now. It's just to get it in and to find out if I'm going to configure correctly Okay, well, you've got a week. All right I will try my best. You'll do you'll do so much mark Yeah, we're in the beginning of ask an engineer. I grabbed your video and I have a little soundtrack we put Underneath that I thought was fitting from a song that we did a while ago. So thanks for putting it out there I saw a lot of folks that uh got interested in like how did you make it? I want to do that What can I do? So this is this is the way people people want to learn electronics and code when they see stuff like this Thanks for sharing No problem. Thanks for writing it in the first place. Yeah, thanks mark All right, everybody that's our show until for the week this week finished right on time We're here every single week some 30 p.m. Each time long's running live show until On planet earth It's true. We'll see everybody on ask an engineer in just a few minutes See you next week. Thank you for making this the best half an hour of our week every single week Bye everybody


mmy speck speck alamonte flores brito brito jace bowen jake jackson ferris, uh, toms or fractures of 499 ravello fernandez Matthew woods speckles are out of 299 Alonso simon pastitas pastitas purples of 250 witcom avina Pedro Ramirez blue to 150 abel Pastitas get a jake a berry first base for the marlins a true blue to 150 michael o' royale and true gold first of 50 tommy speck Alrighty that will do it for number 16. We've got number 17 coming up in a few minutes. Thanks so much everyone He's like one of row's best friends sons one of his best friends that he's known for like 15 plus years. So we call them cousins. They're not blood cousins, but they're basically Basically are All right, let's get that one uploaded here right so 16 17 Yeah, his his friend group. They've been friends since like the middle school when he moved over here All right, let's go ahead and do the random here 20 and 28 What's up everyone? Um, I'll do that one sec. Uh doing the random for 2023 bowman baseball jumbo eight box case break number 17 Random teams. We've got our 28 names here Roll our dice names first six times here we go one two three four five six kyle s Down to a ben h Six times on the teams.  Sorry with the tigers Get this post. We'll get started right away. Good y'all. Um, do apologize about running Pretty far behind today Do you appreciate your patience and understanding with that? Here's the results do what I did last time All the bowman does All right, we're gonna go ahead and get started best of luck everyone What's up everyone? It's your girl kenty here from latent sports cards, and I am ripping we've got 2023 bowman baseball jumbot eight box case break number 17 random teams Here is a look at the random results again You can always find these elite in sports cards dot com under the results tab link is also right in chat for you All right. Good luck everyone Last break of the daytime again You got fours tonight in about an hour an hour or so he'll be uh Hopping on and we are uh quite a bit behind today Good luck appreciate all the support today getting anything filled up. It's always fun ripping for y'all Let's see something crazy out of this break First we've got pirates on the true blue first that is 22 of 150 a braillean bishop On the first one there Grisha and rookie of the year favorites That's gone all the world for us Pages last Montez and rumble We've got Invicta of rosman verdugo 40 Padres And we've got gold paper mickey cabrera. That is 18 of 50 Pirates staying hot Santos a louise laura out of 4.99 on the bowman first refractor Rookie of the year favorites carol drew jones on the prospects all across calcera serda and jason domingas Jordan lawlor royal tauts bradley refractor For spotlight rookie for the o's gunner henderson Yo baltimore prospects george see uh We've got a uh ylber Herrera first for the twins and jordan lawlor there Yeah, exit out of my tab here Rookie of the year favorites brad baity chariot prospects cunha austin welts They have for the angels a Uh, joe stewart first auto Joe stewart more rocker Spotlight rookie for the Mets. We've got a bret baity prospects de los santos housewood clifford simon lanzardo Rookie to your favorites one glairs Purple first is a martin guanzales 197 of 250 You go mariners He'd call us The cruise jackson maryl Last spot Got for the blue jays a gold first 32 of 50 emmanuel bonilla There you go blue jays On the true gold Very nice hit there Blue jays that one is going to chris g congrats on that chris We'll mag that one for you Heck yeah, every first chrome We have a max wagner on the way rave refractor at 399 and evan at carter 106 Oh my gosh That wasn't six three That's crazy All right box two So they get younger and younger every year Start recruiting kids out of damn First we've got angels on the refractor first auto of jidell sanchez 296 of 499 For the angels Riley green ricky to your favorites And a hence september dala cruise elijah green prospects Luciano blaze jordan refractor bunch paper in this uh back where Got purple uh alex ramirez 146 of 250 for the muts And the clean all the rest of the house Alcatara Next auto up we've got twins is gonna be a uh kyler uh fedco minnesota Fedco hassle your first chrome Ramos, hope that burn's having a good thursday almost for the weekend almost Spotlight for the rangers. We've got anthony gutierrez dasha baez prospects Dustin Harris refractor Bella Karjada, who do y'all think's going first tonight? Dylan said shroud What do y'all think? September solar storm when's it start like seven or eight? Drew jones first chrome Kurt smith Got spotlight for the reds elide la cruz may he off eight Holiday we've got a burgos first um for the guardians Eight yeah solar storm. Yeah, that's what uh dylan just said Not really Should be over by what like 10 or so 10 30 Yeah, a raza vision we've got um purple to 199 on the paper is a purple boulder Uh forze ruiz a Jorge Ruiz No, we're it's copy mayo Dallas drafts a powers I'm curious to see the Steelers pick up at 17 vinyos Anthony pages. Oh, we got a red y'all Have a red But first we've got purple of Robert Perez jr. That is 93 out of 250 Mariners focus there Robert Perez Red is gonna be paper We've got yes, your Mercedes on the fuchsia 199 And let's see who the red is gonna be Good luck y'all show me I'm seeing a first looks like billy's Shortstop a trade turner red that is four out of five. There you go That bottom right corner is pretty dinged. You can see the white clearly on that A little bit of white on this left corner as well We'll still get this in a Mac for you fillies and we will send a box for you four out of five solid that too We have rangers is gonna be speckle first of blaine crimp Blaine crimp Yes Blaine crimp for the rangers young Gavin Williams Jorge Valera Lawler Jones Cropper Put your paper in this one Regas we've got a blue shimmer to 150 of your Danny de los Santos pirates The eras Mitchell Simon one fellow the carol refractor got rangers first auto of Lizandro Rodriguez Kansas City Spotlight Drew Jones dbex Holiday prospects Gorman see her Jacob berry first chrome Jesus trio. I think any trades are gonna happen kouser It's always always fun. You never know We'll be on the lotter akunya Spotlight for the yanks. We've got Roderick Arias prospects to mark johnson We've got a Barack Jones first for the rates on the lunar glow or all this Martinez, right? We've got gold Anthony hope a on the top 100. There you go Yankees Nice hit there That's going to joe s congrats on that one joe that is eight out of 50 Number three on the top 100. I feel like a radio host when I said that Anthony bullfay number three on today's top 100 That is very nice. We'll mag that cost us blue paper of oscar colos to 150 close to Montgomery So my sub that I did with lane back like I think I subbed that before I even had the baby like back in october. Luciano de la Cruz Is ships I should be getting it soon. I'm excited I told him I didn't want to know what I got but all he said was I got nines and tens so I'm glad I got some tens, you know, I was thinking majority of it would probably be nines No, not at all We have for the blue jays. Hey, wow, look at this 43 of 150 louise garcia on the um Blue boulder 43 of 150 that is so cool. I like the blue on the blue jays too That's sharp 150 The blue lunar crater refractor That's sick first one of those that I've seen Corona We have a robert parez jr. What a color match on that that one is 13 of 125 The aqua lunar crater refractor.  That's sharp. All right box number four You know what's going on today It is We've got row. I was at rose gold out of uh 175 some of these newer ones are getting tripped up here Paper 175 pink border. Sorry pink Rose gold probably be a little bit darker artist fella trio paper Mero jet williams A colson montgomery insert auto 62 of 99.  I know it's a little hard to see Still a nice one though Here we go a dillon ore on the refractor to 4.99 Make it zollis Rookie of the year brett Beatty de la santos prospects We're over in a davis oil calisthenor and de la cruz Spotlight rookie for the braves michael harris a second colos Prospect Johnson, we've got a jet williams for the mets on the lunar glow robert hassel Oh, we've got a one of one printing play rookie of simon woods richardson for the mets or i'm sorry for the twins twins on that one high-end printing plate and it collected They go twins the aqua shimmer of bryan akunya that is 18 out of 125 oscar colos We've got philis on the refractor first auto of a marion void void for the philis Vargas rickety here a little watson We have this colman eras got montez tree sweeney connor henderson marcella mayer prospects Williams needle jones manuel rodrigan god dbex Drew jones first auto there you go Nice one there dbex that one is going to carla w on the bowman first auto Very nice Drew jones We'll bag that one for you. Heck yeah colson mongumry brioz akunya and now let's see color of them Spotlight rookie for the orials. It's going to be adley colir first almost This is a solid box one one printing plate. Drew jones auto Heck yeah Got the 299 uh, soto rookie ponte These we've got a marcus lee sang Uh first refractor to 499 philis scannin cross tomar johnson prospects vargas We have philis a justin crawford true blue There you go philis Heaten up here chris g You go chris on the crawford Hell yeah 117 of 150 Very nice. We'll mag that one for you too. Definitely heating up here hassle chris had a nice hit in the uh first break too didn't yeah i think so Needle See if we get you a colir auto now Got the reds in this too It's got reds marlins and philis Vargas blitz ablen Sotastrom Drew jones top 100 Spotlight for the pirates tomar johnson prospects chariot jacob berry first chrome We have a anthony gutierrez for the rangers Henry dicks Spotlight jackson holly for the oryals dale a cruise prospects We have a uh day on friess for the guardians on the lunar glow Parada blue jays we have first auto of hayden junger blue jays Garrett mitchell rookie of the year They're all such a creaster And that door opens and closes and no one says anything I'm so nervous. I don't know who it is. Dale a cruise christian hernandez Like who's standing there watching me? I've got montez first chrome caress del amador Spotlight rookie for the mezz francisco alvarez colmenera's prospects almost antenna bernabelle zack veen marcello meyer tega last factor We have for the rockies a refractor first to 499 won abrito We've got a figuerto on the um wayrave refractor to 399 rangers and foscue About six years and y'all force will be live here very shortly after we end again We wear a pretty backed up here mariners a lizardo. I'm on um, lizaro montez prospects drew jones So I hope you live shortly after Just a more bowman We've got atomic to 150 of alcantara for the cubs brett Beatty rookie of the year We've got to 499 uh, garcia first oceano, george Can't call you our first chrome Ramos got purple, uh, levan soto on the crater 157 of 199 And braves we've got first auto of um, beria's Tavares and i'm bioris and bioris First names are trickier than the last names in this class We have you are your dandy at de los santos on the fuchsia 199 Williams clears prospects elijah green Burgos cam collier top 100 calcer montez jacob berry top 100 Got purple of uh, Jorge Ruiz. That is 109 out of 250 angels and harry forth prisham colas these days young Got for the cubs a speckle first 97 of 299 and matt mervis Here you go for the cubbies It's got chicago Cubs that is waming h very nice one there again. That was 97 of 299 You go chicago freilich oce uh first auto of reyland tavera Henderson rookie of the year Watson painter Valera de los santos South freilich last pack here box six mullin gorman Got fuchsia first of unhell ganal 67 of 299 Cremor rocker solid box there Come on. Let's see some crazy other these last two box seven here a rally green Elijah green harry ford refractor adley rookie Got gold first of coby tomats 22 of 50 for the ace Go oakland Walker bias carol Got marlins refractor first auto of troy johnston marlins there johnston Got blue shimmer first of javier Oh, surreal that is 37 of 150 tigers Baez What's your favorite tom selig movie? I don't know who that is off the top of my head to be completely honest with you young moonyos If I saw a picture of his face, I would probably know Valerio Not good with names painter sounds in there Ramos three men and a baby Don't think I've ever seen that movie What year did that movie come out? We've got hey montez on the Invicta Yeah, I was not going yet uh out of 499 jd martina's paper Wasn't even a thought We have fuchsia first of uh osorio to 199 tires Henry davis raza dylan george collier painter We've got padres, uh blue to 150 a on narrow willian Sedino right out of 150 it's gonna be The blue lunar crater refractor auto chariot You know south fralic Yeah We've got orio's rookie of adley rutchman Coloss Little before our time y'all We've got ruben santana On the lunar glow Foscue Up for the braves uh first auto of um birria Tavares alvarez favorites Sanchez mcable Last pack here of block seven full bay drew jones top 100 error prospects, sorry montez first Through jones top 100 on that one all right, so that's April face. All right, y'all last box That gold shimmer here It's gonna be a hendry henry rammel 17 of 50 on the gold shimmer first There you go royals That is beautiful card very nice peak row Armstrong Costas lullar prospects Elijah green Got red socks gold to 50 louise ravello There you go, boston on the true gold Very nice hit there true golds come out of here pretty often rocker compared to like last year's stuff to the r.i.s. Jordan walker refractor Got to 399 of yoshida rookie filly speckle first auto 282 of 299 of how you leave Phillies Harry chrome first We have to 125 daniel montecino on the aqua boulder Romero vargas dale cruise prospects speed us pergolas lullar Spotlight here is going to be rookie for the cardinals a nolyn gorman prospects ravello We've got hector rodriguez on the lunar globe Carson williams Have nice mariners first auto lazaro montez Nice one there seattle Mariners is gonna be taking this one home That is dawn b very nice We'll mag that one for you here at mitchell rookie Watson can call your top 100 pages may he uh Check a berry top 100 Spotlight for washington is going to be a vicarra simon horn psiana couple packs left here nolyn gorman We've got to 499 jet williams on the sky blue briskly Curtis mead jackson holiday prospects Humry and parraza All right That will do it for the break in me one second here to move these cards over we'll do a recap and i'm going to get that Heck out of course play so he has about 20 minutes to get set up for tonight all right, uh tavarez tavera tavarez jr. We've got the one-of-one printing plate woods richardson rookie uh rodriguez fedco joe stuarts boy troi johnston Sanchez burrito yuli blaine creme carez jr. sedinho braille and bishop A colson montgomery true gold first uh ravella We'll make that one. Sorry And our mags we had the gold uh eight of 50 top 100 of anthony volpe Yankees the red four five trade turner the card was a little damaged pulling straight out of the pack So we will send a box there for the fillies The uh louise garcia to 150 blue jays Blue jays also with a blue uh true gold of um manuel bonilla lozardo montez first for the mariners a matt maravis uh the 299 speckle first cubs justin crawford true blue to 150 fillies and a drew jones bowman first base auto Alrighty all that will do it for the daytime breaks. Thanks so much y'all. We've got force coming up shortly for you One second to get that uploaded then um, i'm gonna get out of force way So he has time to set up here All right y'all that will do it for me the next time you'll see me I will be ripping saturday night group breaks. I'll be back saturday night Have a fantastic rest of your thursday a good rest of your week and a great week


Let's do this next structure, sulfur hexafluoride. So hopefully you're like, whoa, that's weird, okay? Because sulfur and fluorine, you would expect them to make just SF2, okay, from what we've learned previous. But remember we said that if you get down to the third period, those central atoms can actually expand their valence. So we're going to show the expansion of valence here. So hopefully you see that sulfur is the central atom, okay? And the thing that we're going to do is just draw its normal valence electron. So one, two, three, four, five, six. Notice I drew them a little further apart than what I normally do. So when something expands its valence, when an atom expands its valence, or a central atom expands its valence, what it actually does is it'll split up those two electrons and actually allow them to bond separately, okay? The reason being is because it's got these D orbitals that it can push these electrons up to and actually allow the D orbitals to participate in bonding. And we'll talk more when we talk about molecular orbital theory. We'll talk more about promoting these to the D orbitals and actually showing the molecular orbitals. But anyways, draw our fluorines. So again, I don't know if I actually need to do this for you guys, but five, six, right? So, like I said, one of the electrons in the pair will make a bond, okay? So we'll have something like that. There's two of the substituents in there, what we call axial positions. And then four of them in the equatorial. So equatorial, like, on the equate. Well, what would be the bond angle between here and here for dated bonding? What would you expect it to be? So this is called, so I guess the structure, I guess I should say, both the electronic and the molecular is called octahedral. So we've got four around that equatorial axis. So what is the furthest four things can be on a straight line around a circle? What is that? 90, right? 360 divided by 4 would be 90, right? Because they're all on the same plane, right? Can you see that? They're all on the same plane, so it has to be 90. Only those four, so if you can't see it. Oh, I understand. Equator, right? You know, the equator, it's like, look at the Earth, right? There's this line around the Earth that we call the equator. So these guys, for those of you who are listening, right, and don't know me, you know, like I know my students well enough to be able to say that. But anyways, so look at these. You see the equatorial, in this case, flooring, right? So if you look, right, 90 degrees apart from each other, okay? So these guys are on the axis, right? You see that? So we call them axial, okay? So, what is the bond angle here? Here, sit here. What is that? 90 as well? Okay. Why? Because there's four on that side too. Was that just a good guess, or? Okay, so is everybody okay with the octahedral geometry? Okay. So again, remember, this is octahedral both electronically and we'll say electronically. That's the best we're going. Are there any questions on this one? Again, these period three and below's can expand their bay. So that's why it's doing it. So whenever you see something that looks a little weird, it probably doesn't expand in its bay.


Whenever I post an outfit like this, I get comments like this. And then, when I post an outfit like this, I get comments like this. Which makes me really curious, you know, what does it actually mean to dress your age? In the most general sense, what you'll hear is that dressing your age means wearing clothing that's appropriate for your stage of life and your current age.  But let me tell you a secret and the absolute most important thing you need to know when it comes to dressing your age. There are no hard and fast rules, and ultimately, what it's all about is finding clothing that makes you feel confident and comfortable. And remember, style is personal, it's individual, and there's no one right way to dress. The most important thing is to wear what makes you feel good about yourself and to wear clothing that communicates to the world who you are and what's most meaningful to you.


Okay, are we are we good? Okay In her living room again Yes, we are and we are here together today because we are filming a video together And we're gonna do something interesting Joan is going to listen to ladies coat songs Yes, and she's going to try to sing along to it With the earphones and I'm gonna try to guess what song she's listening to yeah So even though she's you know my hubby I don't expect her to know all our songs from the past of course You might know like the famous ones like maybe like yep. I feel like the rain the reason the one that was like this, right? Yeah, yeah, I know that outfit. So you saw that music video that? Yeah, but since we do have like other songs besides title songs and our albums I'm gonna include that on the playlist as well And I'm gonna put it on shuffle and I'm gonna make her listen to it And she's gonna have to you know try to sing along with the lyrics and I'm gonna try to guess what yeah She's saying so some songs will be really easy because you know even from the start She'll know what it is, but some songs she'll be hearing for the first time. She'll be like Yeah, but I'm gonna try my best funny to see how that will go So here here are my airpods. All right, okay. I have put all our songs Well, not all of them, but I chose 12 of our songs so I have some of the songs on the list and then I'm gonna put it on shuffle I'll push the shuffle you press this one the emak the image of me. Oh, does that mean shuffling? Yeah, that is so cool. I don't know that even chasing. Okay. Okay. Okay. All right. It's going You can't hear right? No, I can't Hold on. Have you been? Sing it. Okay. How does the beat go? I'm not gonna tell you that. What do you mean? Yeah, as soon as the song starts you try to like sing along the beat to like Isn't it too easy then? I'm not um a singer. It's okay. So I'm sorry I'm really high. I cannot sing along to this. It's so funny. Okay, man so easy. Okay, like the narration part No, because we were laughing. Oh Dude, but it was a very long instrumental. Yeah, it is it is. Okay. That was our third album Really? I like it Okay Piga Kuchin Jim, dude, I'm so bad at lyrics Something not it. Hold on. Okay. I like her hair in this one. Yeah, me too Okay, next one Okay, how am I doing? I mean, I hope you do a good job. These are your songs. Sojung singing I can't sing along. She's just too good. I don't Sad movies, sad books, sad everything. Okay. Next. I'm just like still listening to this. Thank you. I'll listen to it later. I don't want to cry Okay, next Kuchin Oh, okay, hold on Look Kiss or this because they both they all sing so kiss or this That's actually that song Junie goes kiss or this This is I'm not gonna say this because I don't want to give it away. I want you to work hard for this. Okay Okay, what? Yeah, it was fast. Well, good job. Yeah, good job. Good job. You're doing a great job like a piano. No Okay, I try. Okay. This is the last song. I'm sorry Well, this is really like slow too. Mm. Pogo. You don't know it You don't just listen to it. Really? I mean the title You have to hear me sing No, great job. No wait singing the title of the song. I know that's why it took me a while sometimes These cool songs today. Yeah, I'm sure they did too and they I'm pretty sure they enjoyed watching you Song to the Korean lyrics. Oh my gosh.  And it's like Okay, guys if you guys are Interested in listening to our songs and the songs that Joan was trying to sing along to Um, our newest songs aren't available on Spotify So you guys can listen to it on iTunes or you know on youtube if you just type in ladies code and title It'll be up there. So give it a listen and show lots of support to ladies code And of course if you haven't already. Oh, gosh After this video, they're like, I don't want to subscribe to her new side to you, but they got to see y'all That was definitely a new side It's cute. It was cute. All right. Thank you. Of course. Thank you so much. Thank you for Much more in sync in my video There's too much laughter. Yeah, I'm feeling crazy. But yeah, we hope you guys enjoyed the video And we also filmed a video together on Joan's channel. So I'll link it, you know somewhere Yeah, so go check it out and press thumbs up and leave some comments for us All right. Thank you guys. Thank you. I was playing the piano, but some of them I just acted like I didn't know You better edit that in there


Today, I have the pleasure of speaking with Darcy Taylor from Leaf Mobile. How are you today? Very good. And yourself? It's such a pleasure to meet you and you kind of dropped out of the sky. I talked to all my columnists, they're all, yeah, we know about Leaf Mobile. I'm like the only one that didn't know about you. Yeah, we're the biggest company that no one's heard about. So we're hoping that we can have that change in a very short future. Well, I can definitely see why. You seem to be hitting one, knocking one milestone out of the ballpark after another. I mean, Dean's column this last week says that in the first two weeks of February, this company closed a transformative 159 million acquisition of Eastside Games, a leading Canadian publisher and developer of Mobile Games. You raised 23 million to finance the acquisition and graduated from the venture exchange at the TSX. So how about you tell us what you think is most exciting today for you because that doesn't include the four additional gaming studios you've just signed partnerships with. Yeah, we've had a very, very busy spring. And in fact, it's been a busy two years since we started this journey. And how would I say the thing that most exciting me, obviously the market specifically, the mobile gaming market, we like to say mobile is eating the world and then mobile gaming is eating mobile specifically. If you look at how people are using their phone, majority of them are being entertained by mobile games on their phone. So incredible tailwind and incredible upside market potential for that distribution of our product. On top of that, obviously, we have a very robust portfolio of games currently 10, but in the next 12 months, we'll be almost doubling that portfolio, introducing seven new games into the market. And then the last piece and certainly what we feel is the blue sky opportunity is our idol kit platform, which is, we like to say, a distributed growth platform that allows I'll say professional developers to develop mobile games with improved economics, which is primarily allows them to build games faster at a better a better cost.  So it sort of de-risks the full life cycle of a game. I was reading your most recent news release and your cell line is that you're working towards becoming a leading free to play mobile game group. Now, I think you're really hitting the nail on the head with that free. So how then investors out there are going, OK, so they're offering these free games, how are you going to make revenue then? What's the revenue angle? Yeah, so we have two major revenue streams in two of our three growth pillars. If we look at our product and portfolio and simple words, games, our games are free to play, but we derive revenue from them from in-app purchases. So people purchasing elements in the game that either improve the gameplay or allow them to accelerate gameplay or add characters and skins. And then the second piece is ad generated revenue within our games. And the player clicks on those ads and it allows them to either unlock elements within the game or improve the gameplay. So those are our two main drivers of revenue within our specific game portfolio. And then within our distributed software technology, Idle Kit, we make a royalty and a fee, which was I would argue is a SaaS based element from the developers that are using our platform across the development landscape. Of course, I'd like everybody at investor intel to take a look at not only Darcy's background, LinkedIn, but your entire team. You have quite the management team. Your CFO alone looks like another entrepreneur that's got a lot of great ideas. Yeah, I would put the pedigree of our management team as well as our board, you know, against anyone else in the free to play market. You know, we most recently have been sort of building that next structure level for us to continue to grow, bringing on Jim McCallum, our recent CFO hire who has extensive background, not only in tech from Cisco, but also in his M&A background with Westport working across multiple geographies and in recognition of revenue, which is tremendously important for us, as well as obviously Jason Bailey joining from Eastside Games, who's a legend, a pioneer in the gaming space to have him on board looking after our, I'll say, as a chief revenue officer is absolutely a joy every day to sort of sit and pick his brain. And then additionally, the one I'd like to highlight on top of that is Birgit Troy, who's joined us from the Constellation Group, you know, M&A expert from Valaris, which is their Constellation's biggest M&A angle, just a, you know, true professional and the fact that to have her joining us for the first time as an external board member from her group is just, you know, a true win from our side. Well, dare I ask you what shareholder should anticipate the next leaf be and say the next two weeks since you're putting news out so frequently? Yeah. So I think that some exciting data points or catalysts is that you're going to see us report our full year 2020 results at the end of April, which will be quickly followed with our Q1 results mid-May.  So I think that'll be exciting time. And then on top of it, obviously we've announced some big partnerships for our Idle Kit platform, but what we haven't announced with some of those partnerships is the the tier A IP that will be associated with it. So I think everyone should stay tuned for some of the names that will be joining our list of top tier properties such as RuPaul, who we just announced in early March. So we just think we're just going from strength to strength at this moment. I'll tell you, Darcy, it's a real pleasure to meet you today. And we look forward to regular updates. Thank you so much for introducing the investor Intel audience to Leaf Mobile. Thank you and stay safe.