Alright, we are here today with Butala Kawalbi, Jack Bauer, Congolese, von Kathra, Krono, and we are recording some Congo music today, and you are Ideology Taba. So tell me about yourself, are you, where are you right now? Hi everybody, my name is Butala Kawalbi, Jack Bauer, Congolese, von Kathra, Krono, and I'm from Ideology Taba. I'm a music man, so I'm from the Republic of the Congo, Brazzaville. Today I'm going to perform a music live concert right here. Hope you guys are going to be very, very happy. Wonderful, we're excited to have you here and so glad you could join us today. What got you involved in music? Thank you so much for the question. I deal with Rumba music. Rumba music comes from two Congolese, Congo, Brazzaville, Congo, Kinshasa. So Rumba is one of the famous styles in Africa and one of the famous styles all over the world. That's kind of music I've been doing. Thank you. Wonderful, and one last question. Where do you get your sense of fashion and style? What inspires you to dress up so nicely and can you talk about that? Thank you so much for the question. You have to know that we Congolese people, we were colonized by French. This style, the way that I'm dressed, normally it comes from France. In our culture, fashion is something that should always be there, even if you have nothing in your pocket but you should always be well-dressed.  So it doesn't mean you don't have to work, you have to work because to buy all these nice clothes, expensive shoes, ties, everything, heart, this watch, and everything you should work. So that's why I have to tell you, if you don't work, you cannot be well-dressed. So I'm dressed like this because of my ancestors. We were colonized by French people. Ideologie Tabar comes from Congo, from French people. French people, thank you. Wonderful, thank you. I think with that we will get this music concert started. Thank you. How far do you feel so far? To tell the truth, feeling wonderful, I'm feeling tremendous, great, great. Everything is looking up to tell the truth. I swear, God. And you have now, you have a nice audience here, you know, a lot of people here to support you and to see that today.  I'm so happy to have my guys over here to support me from Republic of the Congo, Brazzaville. I can see on, you know, on the bench sitting there, Osiasse, La Force, Sapologique des États-Unis, Le Cashemanie, I can see on the same bench, Elisabeth Zumba, Maman Fumo, Maman Ars. I can see on that other side, Pastor Sinila, Papana Kaleb, Papana Kaleb, and I can also see on the same bench, on my right, Merveille, Merveille le Patron, Merveille de la TV, Kaba TV, Merveille from Kaba TV, TV station from Kinshasa, Democratic Republic of Congo. So I'm very happy to have them all here to support me. Thank you so much, you guys for coming. Great. And one last question. I'm wondering what inspires you, not to make music, but what inspires the music that you're making? What's the story behind some of that? Thank you so much for the question. One thing you have to understand, I come from Republic of the Congo, Brazzaville in Africa. Most of Africans sing to tell the truth. Music in my continent is something that we cannot put aside. When we work, when we eat, when we do everything, we always sing. I've been inspired by my mother, my deceased mother. I remember when I was a kid, my mother was always singing for us, you know, to take us to bed. And she was singing thousands of songs, and I like a melody. I liked the way that she was singing. And to tell the truth, I come from also, from a place where music is played everywhere. I'm from Congo, Brazzaville. As I said, music is something that is like, it's like an elliptus around our neck. Thank you. Great, thank you. I think with that, we will continue on with the show. Awesome job. Congratulations. How are you feeling after performing for us today? I'm feeling great, great, great. I'm feeling like champion. I'm so happy for having me on this platform to perform music. I'm so, so, so happy. I don't know how I can express my feelings. So I'm very, very, very grateful to you guys. Thank you so much. So grateful to have you here as well and share your music with us. Tell me, where can more people find you, right? You have a YouTube channel. Tell me about that. Well, in order to search for me, it's very easy. Let's go on YouTube, just search for Bu Talakwa Zebi, Jack Bower, Congo Levent, Katoeru Krono. So you can search for me while writing Ideology Taba I-D-O-L-O-G-I-E Taba T-A-B-A. So you can go on YouTube and you'll have the opportunity to listen to all my songs. I live in Vermont. I didn't tell you that I live in Wellington, in Vermont. So if you want to also see me, you can come to Wellington, in Vermont, and ask for the music man called Bu Talakwa Zebi, Jack Bower, Congo Levent, Katoeru Krono, Loma de Ideology Taba. I am the only one in Vermont dealing with Rumba music, Congo music, if you want. Thank you. And we're so glad to have you here in Vermont. It's a new year, right? We just started 2023. How are you feeling going into the new year? And you know, tell me more about your plans for this next year. All right. It's a great pleasure to reach this year, this new year, 2023. It's a blessing for me, and I think also it's a blessing for you because it's not always easy to reach the new year. So in this new year, you know, truthfully speaking, I will make more progress, and I will, you know, do more music, and hopefully this year for me is going to be the best, the best of all. Thank you. Well, once again, here at TownMeetingTV, we're so glad that you're able to join us today and give us a wonderful concert. Is there any last thing you would like to say? All right. I cannot end up with that thanking you because you received me on your station, and I have to thank also all my people who support me and all these guys who came over here this afternoon to support me as well. I'm so happy and very grateful to them. I greet people from Africa. I greet people from Europe, Australia, everywhere, Asia, everywhere, and I greet people from America, people from Canada, people from Congo, Brazzaville, people from Congo, Kinshasa. I greet people from Congo, because that's our origin. So I'm so happy. I greet Ozi Oziasela for Sarpology des Etatsunis. I greet Elisabeth and Zumba Mamamfumu. I greet Pastor Singila, Pastor. I greet you. I greet Mervei Coco. I greet Carly LeChino-Amerique. I greet Sidneba Bacasa. I greet Joyce. I greet my wife Larissa Nishael, Mitolo Epusmalanda. I greet my kids. I greet all my fans. I greet everybody that supports me. So you have to know that I always bear you right here. So I love you. Please, let's always get together and don't stop listening to my music. Thank you so much. Thank you so much. Happy, happy, happy New Year 2023!


The Jack Benny program, transcribed and presented by Lucky Strike. This is Don Wilson, friends. How do you feel about it? Isn't smoking enjoyment the main thing you want from your cigarette? Well, just remember this. Smoking enjoyment is all a matter of taste. And the fact of the matter is, Lucky's taste better. Cleaner, fresher, smoother. Now, freshness is especially important. And you'll be glad to know that every pack of Lucky Strike is extra tightly sealed to bring you Lucky's better taste in all its natural freshness. Light up a Lucky and see for yourself how much fresher, how much better it does taste. Lucky's just have to taste better. In the first place, they're made with fine tobacco. Fine, naturally mild, good tasting tobacco. Lucky Strike means fine tobacco. Secondly, Lucky's are made better. Made round and firm and fully packed to draw freely and smoke evenly. All this means better taste. Yes, smoking enjoyment is all a matter of taste. And the fact of the matter is, Lucky's taste better. So be happy, go Lucky. Get better taste and get it fresh with Lucky Strike. Be happy, go Lucky. Get better taste today. The Lucky Strike program starring Jack Benny with Mary Livingston Rochester, Dennis Day, Bob Crosby and yours truly done. Ladies and gentlemen, tonight Jack Benny and his entire cast leave for New York where they'll do one television and two radio shows. As we look in on Jack's home in Beverly Hills, Rochester is taking care of the packing for the trip. Now let's see if everything's packed. Slippers, smoking jacket, silk robe, one full dress suit, dinner jacket, two tuxedos, silk scarf, gloves, white tie and spat. Well, I guess that's about all. Now I better pack Mr. Benny's things. And I convinced him to go out and buy some Lucky's for this trip. The boss really got a bargain in this airplane Lucky's buying the second hand. There's no doubt, but it's genuine airplane Lucky's. It used to belong to Orville Wright. Well, let's see. Rochester, how are you getting along with my packing? Fine, boss. I'm almost done. Did you pack all my toilet articles? Uh-huh. And I made sure I put in your hair oil, dandruff, remover, military brushes and comb. They're not necessary, but they're great for your morale. Yes, yes. Well, I'm going in the den and look for some books to take on the train. Well, let's see. What else will Mr. Benny want to take along with him to New York? It'll be pretty cold there. I better pack some of his long underwear. Here they are. He sure got a lot of long underwear. I'll never forget that time he put a pair on backwards. He looked like a sailor. What's this? This pair has the legs cut off just below the knees. Oh yes, now I remember. Mr. Benny did that in Palm Springs. He wanted people to think they were paddle pushers. Well, I better see them. Rochester, put these books in my bag. Yes, sir. Now, Rochester, don't forget to take along my violin. You taking that thing to New York with you? Yes, there's always a possibility it might get lost or damaged. So see that my insurance policy with Lloyds of London is paid up. You got your violin insured with Lloyds of London? Yes, why? I thought anything that moons like that would have the blue cross. Rochester, never mind being a musical critic. I'm going to take my violin. Shall I answer the door? No, you finish packing. I'll get it. Yeah, I can hardly wait to get on that train. Coming, coming. Oh, hello, Don. Hello, Jack. Come on in. Don, I didn't think I'd see it. We got to the station. Jack, what I have to talk to you about can't wait. Why? What's the matter? About the accommodations. You got me on the Super Chief. Well, what's wrong with them? Me and an upper berth? Don, everybody on the show has an upper berth. Well, I don't like it. Now, wait a minute, Don. The last time we went to New York, how did you go? You shipped me by freight. Oh, yes, I forgot. I made a good deal with the railroads. I didn't think I'd see it again. I didn't think I'd see it again. Oh, yes, I forgot. I made a good deal with the railroads then. Yeah, that was the most humiliating trip I ever took. Humiliating why? When the train stopped in Chicago, they opened the door and some guy stamped Swifton Company on me. All right, great, eh? If it'll make you happy, I'll get your compartment. Well, that's better. Boss, I've got everything all packed and ready. Oh, good, good. Hello? Hello, Jack. This is Bob Crosby. Oh, hello, Bob. What is it? Well, June the kids are all going to the station to see me off, so I'll have a car full. And well, I wondered if you'd mind giving Frank Remly a lift to the station. Oh, of course. I'll be glad to, Remly. Where shall I pick him up? Under the arms, like we always do. Oh, yes, yes. I'll see you at the station. Goodbye, Bob. So long. Well, June, that takes care of Remly. Jack's going to take him to the station. Oh, is Frankie going on the same train with you? Oh, yeah, we all have upper births, except Bagby, the piano player. He has a compartment. A compartment? Well, why should Bagby have such nice accommodations when everyone else has an upper birth? Well, June, you need extra room when you're handcuffed to a deputy sheriff. For a piano player, he can get in the mortuary or he can get into more trouble. Did you pack my shirts in the time? Yes, everything's ready. Say, I better take along some extra money. Money? Don't you get an expense account? Why do you travel with a show? Well, yes. Jack gives the seats $5 a day. $5 a day? That will hardly pay for your hotel room. What about food? Well, Jack has that all figured out. One day I eat and one day I sleep. I'd better get my heavy coat. You know it's cold back east, honey. Well, I put it by your luggage. Oh, by the way, Bob, didn't I hear some talk that President Eisenhower is going to appear on Jack's radio show next week? That's right. Jack is dedicating an entire program to the Red Cross. Oh, gee, it's nice of Jack to do that. Well, it's no more than fair. Look at all the blood that they've given him. Well, I must forget to take my music to New York. What music is that? Well, it's the new number that I've been rehearsing. Let's go over one. And skies are cloudy and gray. They're only gray for a day. So wrap your troubles in dreams and dream your troubles away. Until that sunshine deeps through there's only one thing to do. Just wrap your troubles in dreams and dream your troubles away. Your castles may tumble. That's fate after all. Life's really funny that way. No use to grumble. Just smile as they fall. Weren't you king for a day? Just remember that sunshine always follows the rain. So wrap your troubles in dreams and dream your troubles away. Eyes are cloudy and gray. They're only gray for a day. So wrap your troubles in dreams and dream your troubles away. Until that sunshine deeps through there's only one thing to do. Just wrap your troubles in dreams and dream your troubles away. Your castles may tumble. That's fate after all. Life's really funny that way. No use to grumble. Just smile as they fall. Weren't you king for a day? Just remember that sunshine troubles in dreams and dream yours. Yes, we've got almost everything packed, eh, Rochester? How many sandwiches do you want me to make up for the train? None. None? No, this trip I'm going to eat all my meals in the diner. Well, I better take my camera. All the papers that want pictures of this. Look, don't be so funny. Now, you put my luggage in the car and make sure all the doors and windows are shut. Oh, I gotta go down to my vault and get some money for the trip. Don, will you pick up Frankie Remlin? Sure, Jack. See you on the train. Yeah, I'll be, I'm going out the vault. That's the bridge over the moat. Gosh, look at that alligator. So strong and powerful. He's been very valuable to me, too. Free wallets and a belt, and he's still as healthy as ever. Hope he forgets my next Christmas. Getting wise to me when I come in here with a piece of meat in one hand and a can of ether in the other. Down, boy. See you later. Lucky tastes better, cleaner, fresher, smoother. Oop, lucky strike. Oop, lucky strike. Hello, Mr. Banny. Yes, Ed. Nice seeing you again. Thank you. How are things on the outside? Is it still summer? No, no, Ed, it's February. Oh, yes, that follows September. No, no, Ed, February follows January. January? Yeah. That's a new one on me. Well, anyway, it's February. I gotta open the safe and get some money. Shall I lie down so you can give me the ether again? No, no, Ed, you can watch this time. Well, let me see. The combination is right to 45. Left to 60. Back to 15. Then left to 110. There. Now, let's see how much money I need. There, this ought to be enough. Gosh, look at that big pile of money. Way in the back of the safe. Boy, if the South had won, I'd be a millionaire. Well, I better close the safe. Mr. Benny, you sure took out a lot of money this time. Yes, Ed, besides going on a trip, you see, on March 15th, I have to send my income tax to the government. All the way to Mexico City, eh? No, no, no, no, Ed, California is a state now. Well, so long, Ed. Goodbye, Mr. Benny. There's the station, Rochester. You park the car and take care of the baggage. I'll go on in. Yes, sir.  The super chief leaves in about 15 minutes. I've got to go to that drug store and get myself a few things. What do you have to get? Some toothpaste, vitamin pills, and shampoo. Wait a minute, Rochester. Isn't that a Rexall drug store? Yeah, why? Well, they're having a one-cent sale. Here's three cents. Get me the same. I'll see you in the station. Oh, say, Rochester, here's another 15 cents. Get me a copy of this Saturday evening post with the Bob Hope autobiography in it. You know the one that's called This Is On Me. I want to read it on the train. Train now leaving on track five for Hennaheim. A zeppelin train. A zeppelin train. A zeppelin train. A zeppelin train. A zeppelin train. For Hennaheim. A zeppelin train. A zeppelin train. Hi, Jack. Oh, hello, Bob. Well, we'll be on our way pretty soon. I've got to go over to the window. I forgot to buy a ticket for my producer. Train now arriving on track four from San Francisco. Train now arriving on track six from San Diego. Engine now arriving on track three from Las Vegas. That conductor has bad luck. Oh, hello, Jack. Oh, hello, Don. Say, where are the sportsmen? Right over there. They'll be with us in a minute. They're saying goodbye to a couple of friends of theirs who just got married. The sportsmen are where? Right over there. Oh, yes. At the station. Choo-choo train. Conductor pull the cord. Choo-choo train. Looking up at Jiminy. Engineer. Choo-choo-choo-choo-choo. Smokey smoke. Well, puff enough to cheer her. Fix the room. And quarter, bring us ice. Quarter, get up room. Sweep out the shoes and rides. Quarter, thanks a lot. You've been so very nice. Quarter, tell you what. Here's a quarter. Choo-choo quarter. Choo-choo train. Please pardon us for hiding. I'll explain in case you didn't guess. Choo-choo train. It's heaven to be riding. Choo-choo. Choo-choo. The honeymoon expanse of wasting. Clear the track for something we all like. And then luck is to annoy. Fresh or smoother too. It's luck is you'll enjoy. Clean and through and through. First you tear them, then compare them. Choo-choo train. It's full and in the station. Choo-choo train. Unloading happiness. Choo-choo destination. Lives are happy. And I'll see you on the train. I got to go over the ticket window. Okay, Jack. Attention, please. Attention, the train standing on track nine will not leave the station. The engineer refuses to travel for a lousy five dollars a day. Now let's see. Oh, that's the ticket window over there. Oh, it's my friend from Calabasas. What are you doing here in Los Angeles? Rubbing my eyes, same as everybody else. Oh, that's... For a city that don't grow nothing, you sure got a lot of smudging going on here. Yeah, where are you going? No place. I just arrived from Calabasas. How are things out there? Pretty good. Been making speeches all month. Speeches? Yeah, I ran for mayor. The election was yesterday. Mayor of Calabasas, how'd you make out? I don't know. We're still waiting for the rural boat to come in. Oh, of course, the rural boat. Well, tell me, did you put on a good campaign? Oh, yes, yes. I went around to each farmer individually and asked him what his biggest problem was. I see. And what is the farmer's biggest problem? Traveling salesman. Well, so long, Ruth. So long. So long. Well, I better go get that ticket. Attention, please. All newspaper men and reporters, attention. Now arriving from Florida, Barbara Hutton and Porfirio Rubirosa, they are arriving on trains marked his and hers. Now, this must be the window. Oh, yeah, that man there, I guess, is the ticket agent. Oh, mister. Mister. Yeah. Holy, are you the ticket agent? No, I'm a groundhog. I came out, saw my shadow and ran back in here. Well, I'd like to buy a ticket to New York. Well, I can only send you a ticket to San Francisco. I just sold the man ahead of you a ticket to New York. Well, what's that got to do with it? You can sell me a ticket to New York, can't you? I can, but I won't. Why not? I like to keep my stacks even. That's the silliest thing. Excuse me, sir. Huh? I'm in a terrible hurry. Would you mind if I go ahead of you? Well, no, I guess not. Thank you. Yes, sir. What can I do for you, sir? I'd like to buy a ticket to Constantinople. Oh, I'm awfully sorry, but you can't buy a ticket to Constantinople. Why not? Well, you see, Istanbul was Constantinople. Now, it's Istanbul not Constantinople. Look, but I've got to meet my girl in Constantinople. Every girl in Constantinople lives in Istanbul, not Constantinople. So if you've a date in Constantinople... Look, you'll be waiting in Istanbul. Look, mister. Well, that's confusing. I don't know why. Even old New York was once New Amsterdam. Why did they change it? I can't say. People just liked it better that way. But I want to go back to Constantinople. But you can't go back to Constantinople. Now, it's Istanbul not Constantinople. See, why did Constantinople get the word? That's nobody's business but the church. Here's your ticket to Istanbul. Oh, thank you, and goodbye, y'all. I don't know why. I always have to get into these kind of spots. Train now arriving on track nine with 75 car loads of Florida oranges. Now departing on track nine with 75 car loads. You better sell me a ticket in New York or I'll report you. Oh, all right. Is the ticket for you? No, it's for my producer. Very well. Do you want this ticket on the El Capitan or the Super Chief? Well, let's see. I'm on the Super Chief, and the fare on that is $143. That's right. And if he goes on the El Capitan, it'll be $175. Now, just a minute. I happen to know that the Super Chief is more expensive than the El Capitan. Not when you're on it. The Super Chief is now departing. Hey, Jack, Jack, hurry, hurry. Coming, guys. I just made it. Yeah, you sure did. You know, mister, it's nice being on the Super Chief, isn't it? Yeah, but I hate to think what's going to happen in a few minutes. Why? I'm handcuffed to a piano player who got on the El Capitan. Well, huh? Jack will be back in just a minute. But first, let's meet America's prettiest professional golfer. Here she is, Miss Alice Bauer. You know something? I like to play golf. I've played golf for so many years. I played amateur golf at first, and now I'm playing professional golf. And I do like professional golf much better. It, uh, I don't know. It has more competition in it, and you really have to play a much better game of golf. I guess that's all a matter of taste, though. And after a hard day out on the golf course and really hard competition, I like to come in and sit down and relax and light up a lucky. I guess that's a matter of taste, too. But to me, luckies taste better. Thanks, Alice Bauer. Friends, smoking enjoyment is all a matter of taste. And the fact of the matter is, luckies taste better. Cleaner, fresher, smoother. First, because lucky strike means fine tobacco. And second, because luckies are made to taste better. So be happy. Go lucky. Ask for a carton of lucky strike. Luckies taste better. Cleaner, fresher, smoother. Lucky strike. Lucky strike. Well, Rochester, we're on our way to New York. Yeah, you've got a pretty busy schedule when we get there, haven't you? That's right. I'm not only doing two radio shows, but I'm also doing my television program next week with Helen Hayes. And I also have to play a big benefit. A benefit? Who for, boss? My cast. Some of them would like to eat and sleep. Good night, Paul. The Jack Benny program is written by Sam Perrin, Milk Joseph Spurt, George Balzer, John Packaberry, Al Gordon, Al Goldman, and produced and transcribed by Hilliard Marks. The Jack Benny program is brought to you by Lucky Strike, product of the American Tobacco Company, America's leading manufacturer of cigarettes. Stay tuned for the Amos and Andy show on the CBS Radio Network. Thank you.


This is Dan Roberts. He would be here today if we didn't have coffee because he likes coffee. Dan also works at Automatic because they're three years, four years, just over three. So Dan's going to tell us all about CSS Grid. Welcome, Dan. Woo-hoo! Woo-hoo! Thank you, thank you. All right. Let's get started. CSS Grid Layout is a specification that introduces a two-directional grid system to CSS. Grids can be used to lay out major page areas or small interface elements. You can do this without the need for a CSS framework or any of the positioning tools or floating hacks that we needed to rely on. So the idea behind the grid is that you take an element on your page and you set it as the grid container. Like the white carrier right here would be the grid container. And then you slice up that element and you can take probably great items once it's sliced up. You can place them anywhere using the grid areas that you define. So much like Flexbox, the whole concept behind CSS Grid is about the relationship between the container and the items. When you set an element to display grid, all the child items automatically become grid items. So there's no actual display grid item property or anything like that. It's all displaying that definition on the container first. So I'm going to begin by walking through some key terms and concepts and then we'll get into a couple of actual examples. The first couple of terms we've already touched on but I'll just cover them over quickly just to stick with all the rest of the other terms. So a grid container is what we're very talking about. It's all of it. A grid item will be any item as a direct child of the container. The vertical and horizontal lines that divide the grid and separate the columns and rows are called the grid lines. They're numbered left to right and talked about. They also respect your language direction. So if you're coming from a right to left language, it will go right to left. Also one good key point is that grid columns and rows, they're not numbered by the actual column or row itself. You always have one more because it's actually numbered by the grid lines. So here you have four but you notice five grid lines. Later on when we start positioning items, you'll notice that we actually go by a grid lines. So the space between two grid lines are referred to as grid tracks. And they're just really another word for columns and rows. The vertical ones are grid columns and the horizontal tracks are grid rows. The space between the rows and the columns are referred to as the grid gutter or the grid gap. You create space and you're grid by grid and gutters and they're similar to margins. A grid area is a rectangular space surrounded by four grid lines. A grid area can contain any number of grid items. So here I'm giving four grid items but it could be two, maybe one. To understand how explicit grid tracks work is part of the fundamental understanding of CSS grid. If you do not explicitly define a track, it will be implicit. That means that the browser will automatically fill in the remaining items that don't fill into the defined tracks. So let's consider this markup and then our styles here, we have explicitly defined four columns by 200 grid columns. If we did not define them, we'd have one column and it would just be stacked on top of each other and we'd have the whole 100% of the width of the container. Once we define the columns, the built browser needs to put the remaining items somewhere. So here we define four columns and so you have four items. And once those items are placed, there's four more and then you use to put it somewhere else. So you explicitly loop it down and set them in as a row but it will respect the column definitions. So we have four explicitly defined columns but we have two implicitly defined rows because we haven't defined any rows up here. Similarly, if we do define a set of rows, so if we use grid template row up here and we did define some rows and there are more items that fit into the amount of rows, they would again loop down below and be explicitly defined rows. So let's quickly go over some of the properties that I'll be using since these are examples. I'm not going to cover all of the properties in the specification but I think it would be helpful to just cover some of the first. Grid template columns and grid template rows define the line names and track sizing functions of the grid columns and rows respectively. In short, these rules are used to explicitly define our rows or columns. So I'll give you an example. Grid auto columns and grid auto rows specify the size when implicitly created column and row respectively. So here we're defining all of our columns that are implicitly created to be 200 pixels wide and 200 pixels tall. So that will create each element that fills in after will take on those dimensions. Grid row gap and grid column gap specifies the size of the grid lines, setting the width of the gutters between the columns and rows. And this is just a shorthand grid gap that you saw earlier. This is a shorthand for the grid column gap and grid row gap. Grid template areas define the grid template by referencing the name of grid areas that are specified in the grid area property. I'm just kind of glossing over this one here because we're going to cover it more in an example but just mentioning it. Grid column start and grid column end specify a grid item start and end position respectively. So here we're setting the element with the class item 1. It should cover two columns in width. Because again back to the rows, there will be two columns and then three grid lines. So you use the grid lines instead of the actual columns. Grid columns is shorthand property for the two where the first value is the start position and the second value is the end position. Grid row start and grid row end specify a grid item start and end position respectively. Building off the previous example, we're now setting the element class item 1 to span over that would be three rows high. So this would be two rows wide, three rows high. Grid rows is shorthand property for the two where the first value is the start position and the second is the end position. Same as grid column. So now that we've touched down what CSS Grid is, we've covered some key concepts and terms. Let's go over a basic example to see how you do that. Here's the markup we'll be using. Nothing special, just a container with some child elements that it is. Note that the marker doesn't have to be written this way. We're just doing so for the sake of simplicity. You can use non-ordered lists, really anything that gets displayed grid that automatically sets the children's items. It's not going to be relying on your marker. So here on styles, we're setting the outer element as the grid container by using display grid. And as I mentioned previously, they're just going to stack on top of each other. Not that impressive just yet. That's because simply setting display grid doesn't really do that much in and of itself. You still need to slice up the container into columns or rows. So let's do that. There's a set of four columns of 200 pixels wide and two rows of 200 pixels wide explicitly. We've also set a grid gap of 15 pixels. The result's much better and it's not too bad if there's four lines of CSS. There's still room for improvement though. For example, what if we want the grid items to fill up all of the space? Along with CSS Grid comes some really handy units and notations. The FR unit and repeat function. The FR unit is a new unit of length which is short for fraction of a fractional unit. MDN finds it as a unit which represents a fraction of the available space in the grid container. That's important, the available space part. In this example, we've rewritten the grid to columns to use FR instead of absolute pixels. We can improve on this further with the repeat notation. Instead of repeating the same value over and over, we're now wrapping the value of V. The second argument of repeating is the value that you want to repeat it. Well, the first argument is the number of times you want to repeat it. This allows a reoccurring pattern to be written in more compact form. The result's the same as the length of the grid container. And now that we've placed the pixel values with a more flexible F-R unit, we see that the grid items now take up a full width of the container. So what's happening here is the FR units are telling the grid to fill in all of the available space with four evenly spaced columns because we're using four and repeating the same unit. So they're all going to be the same. But you don't have to stick with one unit of measurement. You can, for example, mix pixels with the FR unit like you see here. This can be handy if you want to have a part of your grid take up a set amount of space and then the rest of the grid to kind of stretch around it and fill in the rest of the space. And that's kind of where I was talking about a minute ago, where filling the available space is key when you're mixing units. So the way this is calculated is that the pixel values are calculated first. And then the rest of the space is given to the FR units. Another way to look at it is to think of FR's free space and then think of like an absolute value of what pixel is taking space. So we've covered some basics. Let's start placing some of our lines. There are items on the grid using grid lines. So by default, as you've seen, each of the grid items will be placed automatically in the default order. We want to customize the grid beyond that default layout where we can position items using grid lines. So using pretty much the same container market, I added number nine. But other than that, it's the same container market as our previous examples. We can start to target individual grid items for fine-grained control over a more complex layout. So here we're setting the specific start and end positions for grid item number one to span across two columns and two rows. So you're just going to grid column start and grid column end position. For number nine, I'm actually placing it in place of item six, where six would default right here, and it shifts everything over. So the items that we don't position will attempt to fill in and span their default angle. Here's the same code from the previous slide. It's just assuring our property, which I like to use a lot more. So each item represents the starting point and the end point. We're not limited to position items via line numbers. We can also use named grid areas with the grid template areas and grid area properties. That's what I kind of glossed over from the slides ago when we were covering terminology. Here's a basic page layout that we're kind of going for here. Here's the markup that represents that page layout with the header, sidebar, content. So this block of CSS is pretty similar to the code in our previous examples, the main exception being the grid template areas property. So repeating the same item or, sorry, instead of replacing each grid item individually, we can define the entire layout with this property and then assign the different areas to each item using the grid area property. So when we repeat the name, the area across with the grid items span across those rows or columns. The number of area names you list out as rows and columns is based on the number of rows and columns defined in that container. So you can look at this definition and visualize it as the actual grid. So for example, we have two rows or two columns that we can find here and you have two columns here and then you have three rows. The header will span across, the footer will span across, and then the sidebar and the content will split. And since I'm mixing units that have 200 pixels in one half hour, we'll have the same effect from the previous examples where we have the two columns that were 200 pixels. The sidebar will be locked in at 200 and the content will span. And you get the same result that we expected. So let's talk about DevTools. CSS Grid is hard to visualize because it's made up of columns, rows, traps and gaps, which aren't actually elements in and of themselves. DevTools are helpful to visualize what's going on. What Chrome DevTools are pretty good. They're getting better. I still think the best option right now are Firefox developer. The DevTools from Firefox developer edition. So the DevTools in Firefox developer edition has a layout panel and it lists out all the available CSS Grid containers on the page and it includes an overlay to help visualize the grid itself. You can choose what you want displayed on the overlay. That includes grid line numbers, area names, and even the color of the lines. When displaying the overlay, all of the lines represent something. For example, the solid line is the start and end of the explicit grid. The diagonal line is the grid gap. And then the dark dash line represent an explicit trap. You can find columns that have an explicit trap here. And then the smaller, the lighter diagonal lines they represent an implicit trap. There seem to be a couple of common questions that I have as I heard people talk about CSS Grid. The second question is when G is created an implicit flexbox. So I'm not going to cover this extensively, but I do want to touch on the main difference between the two specifications. And that is flexbox takes on a one directional approach and gives the container an element of the ability to alter its items to the best ability available space. With flexbox, you control the additional flow or you control the directional flow to be either rows or four columns. And then the explicit grid on the other hand takes on a two directional approach and it allows you to fill both the space in container and the container's rows and hand columns. So while there's certainly some overlap in cases where you can use one or the other, there are definitely those situations where you want to go for one over the other. Another thing I've heard, and I just heard this the other day, is that kind of reminds me of HTML tables and how is it any better at different HTML tables. And I think it's a fair question considering there's a lot of terminology kind of overlapping together too. Your common language. There are main reasons why you shouldn't use HTML tables for layouts and why CSS grid is different. HTML tables for one were designed for tapping the data. Early on people use them as a layout hack because browsers support for CSS across different browsers is really poor. Using table for layout also reduces accessibility for visually impaired users. Yeah, but from screen readers tends to be confused by the complicated markup data tables. Also because the markup is complicated in tables, it tends to be more difficult to develop and maintain. Lastly, tables are not automatically responsive, so proper layout containers, or proper layout, the containers will expand to 100% the width of the parent element by default. Tables on the other hand are sized according to their content by default. So because of this there are extra measures needed when you use a table-based layout to work across devices. Speaking of responsive, pairing CSS grid with media queries allows us to make code adjustments to our layout with a small amount of code. This shows the flexibility of using CSS grid for our layouts as opposed to something like HTML tables. In this example, we're shifting elements, spanning and positioning at each break point. It's not necessarily a real-world example. I mean it could be, but I'm really just using it to illustrate the flexibility of this specification. We've retrieved the previous layout. We've shifted the small amount of code. On the screen here, it looks like a lot of code. It's really just like small amounts of code within each media query. It really isn't that much code at all, considering everything. So lastly, the question that's probably on everyone's mind is, can I actually use this today? What's the browser support like? So with any new feature, I highly recommend that you study your analytics and determine if this will work for your user base. That said, browser support for your CSS grid is actually pretty good. So in addition, there are a couple of useful things to be aware of when considering fallbacks if you do need them. So browsers ignore CSS that they don't understand. So a browser that does support CSS grid or actually doesn't support CSS grid comes across a grid-specific property you'll just ignore and move on. With that, the new layout specification it knows about the old layout specification. This is really cool because if an item is loaded or used with a clear property and then becomes a grid item, it no longer displays any floating or clearing behavior. So that makes it easy to create a fallback in emails. So between those two things, it can be fairly simple to create a fallback for an element that uses CSS grid. You just need to determine if it's worth the overhead based on the demographic data of your application. So I'm going to show you these slides but where all these will actually be linked to the resources that I'm sharing with you. But just a couple of things. Rachel Andrew and Jen Simmons are great people to follow generally and specifically related to CSS grid and both of them are involved in the specification itself. A book of heart, a new CSS layout. Also by Rachel Andrew, it's a great book. It's really easy to read and digest and it covers not only CSS grid but also goes into Flexbox, the way we used to do things, why we shifted, and it's a really short read today. It's almost done in the last chapter and I would post it but I'm just a plain right. Les Boss's video course on CSS grid is great. It's free. Mozilla sponsored it. So you can just go and watch it for free. I highly recommend that. CSS Tricks always does. They have good guides and they have one Flexbox. They have one for grid. And then on the end it's always great for docs and they have a great playground. And here's a link to my slides. We've played it in time for questions. If anybody has any questions for Dan. Would this generally be used in the page layout or would it be something that the end user would play with too? So the question was would this usually be used when laying out a page or something that the end user would play with? What would be able to play around with? No, this is for building. So this would be for the page layout. The end user either since the code is just the CSS, they wouldn't really see this. So if you set a column width to like 200 pixels wide and four columns. I assume that sits to 11. Do you know if you can center those? Or would you have to make the container center than another container? Are you talking about centering the entire, like all of them? Yeah. Okay, so yeah. And I didn't cover the whole specifications.  Additionally, you can, there's a property I didn't even mention but instead of saying display grid, you can also say display inline grid which makes that container like an inline block element and you can center it that way too. Does that answer your question? Yep. If you like to have an F-R pixel and an F-R that would affect the center as well. So like a 1 F-R, 150 pixels, a 1 F-R would that center it? I think that would work actually, yeah. I don't have to try it, but yeah, I think that would make sense. Yeah, because the 200 pixels would be the paid space rather than each of them would span for the rest of the container. Yeah, I think so. Yeah, that would be good. Thanks, Dan.


The Guardians of the Galaxy are back, kind of, on the small screen with a Disney Plus exclusive called Guardians of the Galaxy Holiday Special. Has Christmas come early in this 35 minute Marvel special presentation, or is this just another lump of coal to add to the already overflowing stocking of Disney Plus exclusives? Let's talk. The Guardians of the Galaxy Much like the Guardians of the Galaxy movies, James Gunn both wrote and directed this one, and I am pleased as punch to say it works. It works well. This is gonna be a spoiler-free video. The Holiday Special just landed on Disney Plus a couple days ago, so it's still pretty fresh. I'm just gonna lay out a little bit of the plot, what you can expect from this thing, and if it's worth your time. Well, I already established that I really enjoy it, so what's there to like here? Well, for starters, we got the whole gang. For a little while. Mostly it's a Mantis and Drax storyline. They're setting out to give Peter Quill something that's been missing in his life for many years, and that's a Christmas. These two idiots, along with most of the other aliens we come into contact with, know very little about the holiday outside of what they've learned from others in passing. They've determined the best way to bring Christmas cheer to Peter Quill is to go out and steal it, and that's exactly what they do as they head to Earth, find the number one gift they can, Kevin Bacon, of course, and bring him back to Peter, and that's the plot. It's fun, it's serviceable, it's magical in a Guardians of the Galaxy way, and it's got some heart. That trademark James Gunn heart that kinda just comes out of nowhere and hits you in the feels. I watched this with my whole family. My wife and daughter were brought to tears by the time this was done. The pros for me are simple in this. I love the Guardians of the Galaxy characters. I love those movies, and I'm a big fan of James Gunn, so all of this just really culminates into another special little outing. Mantis and Drax were great together in Guardians of the Galaxy Vol. 2. Here they get even more chances to shine, more opportunity to flesh out a little bit more, especially Mantis, who before this was just kind of more background. Here she gets center stage. She really gets to have fun like the rest of the Guardians of the Galaxy did. The rest of the characters are all on point. Rocket gets a couple great one-liners. For some reason, Groot is now a gym bro, and Nebula always provides great heavy size and eye rolls. This thing starts with a pretty crude animation, a flashback with Peter Quill and Yandu interacting, talking about Christmas and how it was ruined for him. This is the only part of the special that I found kind of head scratching. I get that James Gunn wanted to have some fun with this, do a musical number, do some animation, switch it up, kind of like the Star Wars special, but you know, good. And it sucks because I wanted to see Michael Roker again as Yandu. He's voicing the character, so why not just shoot the thing? Maybe there were scheduling conflicts. I don't know what the case was, but it was a bit of a bummer we didn't get to see Yandu in all his former glory. And since this isn't a full-blown movie production, there's definitely a cheaper feel to this. I don't like the digital look a lot of these shows are getting lately. This definitely has some of that, especially in some of the earlier scenes where the camera's kind of floating around the environment. It doesn't look very good. It looks almost like a play. Negatives aside though, this movie had me smiling from beginning to end. The joke's all really landed, nothing overstays its welcome. Kevin Bacon's great, he's always great. And again, it's great to see the entire cast, even if Peter Quill isn't quite himself. I gave you my thoughts now I want to hear from you in the comments below. Let me know what you thought of this holiday special. Did you enjoy it? Were you underwhelmed? Was it not worth the hype going in? Let me know. Also feel free to like the video if you had a good time. Please think about subscribing if you haven't as I post tons of movie content each and every week. Would love to see you stick around. Take care and happy early holidays.  Since I still have you, maybe think about joining me on Patreon at patreon.com slash adamdoesmovies becoming a YouTube join member right here on YouTube view that join button. And I'm also on Twitch, live streaming a podcast with my buddy Bless every single week going forward. It's a fun time, I'd love to have you there.


What's up y'all, it's your girl, Kenty here from Layton Sports Cards and I'm ripping 22-23. Panini, Donneress, Optic, Basketball, Hobby, Six Box, half case break, number 35, pick your team. We've got Allie A, T-Wolves, Ben B, Lakers, Brad M, Pacers, Chen Kai-W, Hawks, Ching, Luen, C with the Blazers, Danny C, Warriors, David V, Nix, Felix N with the Nets, Bowls and Clippers, Jeffrey C, Wizards, Glen W with the Cavs, Nuggets, Pelicans, and Sixers. Henrik J, Pistons, Jason S, Mavs, we've got Jeffree H, Magic, Jonathan B, Heats, Kubong L, Thunder, Laura Q, Celtics, Marlene M, Kings, Nick S, Hornets, Paul G, Rockets, Ryan S, Grizzlies, Scott M Raptor, Sean H with the Jazz Spurs, Victor F-Bucks, and Yenju L with the Suns. Alright, best of luck y'all. Here we go. Full change of scenery to end the day here. I said gold vinyl. Gold vinyl. Come on. Call it once. Here we go. Good luck y'all. Dominators, Ant-Man. Josh Giddy for the Suns, Alan Q, EJ L, Pink Velocity of Tyrese Halliburton to 79. Got Hollow Lights Out, Steph Curry, Warriors, Lyme Green, Lonzo Ball for the Bowls to 149. Why we've got some 99 Wizards, Optographs, Otto of Corey Kispert. Go Warriors. Gonna roll the dice here. 1, 2, 3, left, 4, 5, 6, right. That'll go for the remainder of the break unless it's a one of one. That is a one. One on the dice roll. So I'm gonna go left for the remainder of the break on these. So Zion on that one. Yes. Yolketsch. Go in. We've got Stargazing Hollow, Kate. That's more senior. Here's basically Hollow, Marvin Bagley III, Pistons, John Walke, James Harden, Coloco Rated Rookie. We've got Red, Jalen Brown for the Celtics. That's gonna be out of 99, Harrison Barnes. MacBodgy on the Rated Rookie, Stargazing Yannis, I'm calling. Got Lights Out, Donovan Mitchell. Jalen Duran Rookie. We've got Pink Velocity to 79 of Marvin Bagley III, Pistons. Okay, Morris. Hollow, Mikal Bridges. Shade-on-Sharp Rated Rookie. Hollow, Raining III is a Luca.  Raining III is a Dirk. And y'all ate to go on the next break. Running the same break back. It's gonna be the second half of this case. Random Rated Rookie. Orange, Jay Crowder for the Bucks to 199. Four Zinks. Hello, Caris Leverton. We've got Red, All-Stars. Gonna go left here. Joellen B for the Sixers out of 99. Sean Holmes. Last Pack, Box One. Hollow, Rated Rookie of Osmani Day. Devon Booker. Nothing crazy coming out of that one. Got Lights Out, KD. Lee Domineers, Donovan Mitchell. We all got tonight Heat taking it, or Celtics gonna do it again. We've got Ejela Dell on the Orange for the Pelicans to 199. Dillon's hoping that Celtics can win. What, 830 again? I think so, yeah. Hollow, Shendoon by some Daniels. Hollow the Rookies, Palo Bancaro. There you go, Magic. Almost whoever wins, gonna be tough to beat the Nuggets. Yeah, absolutely. It's gonna go left with Tatum. No doubt. Yeah, me too, Randy. Peyton Watson in line. Green, Scottie Pippin Jr. to 149. Lakers. KPJ. Hollow, Grayson Allen. Mark Williams. Lee Domineers, Kawhi Leonard. We have Isaiah Mowgli on the Hollow, Rated Rookie, Cavs. Johnson. Randall, Stargazing, Giannis. Yeah, Hockey too, huh? Jalen Williams, Rated Rookie. Lights Out, Donovan Mitchell. But Rookie Base, we've got Bam out of Bio to 199 on the Orange. Desmond Bain. Lively Domineers, James Harden. Ingram, Alvin Jr. We've got Lyme Green to 149, Eric Gordon. We have 40 Heats, a Hollow, Otto, Nikola Jovic. Rated Rookie there. Treya, Randy Jackson. Shibari Smith Jr., Hollow, All-Stars, going left with Katie, what we're on. Hollow, PJ Washington. The Walker Kessler. Pink Velocity is a Tyus Jones to 79, Grizzlies. And Powell. See how we're looking here. Three to go in the last break of the day. Cavs, Clippers, and Sixers. Three lefts, raining threes, Buddy Heald. That's Christie. Hollow, Tyrese Maxey. Johnny Davis, Orange. Kevin Love to 199. Cavs, Colin Johnson. Hollow Lights Out, Trey Young, Hawks. Got basketballs. This is going to be a Darius Garland for the Cavs. First basketball we've seen today. For the Magic, a Caleb Houston Base, Rated Rookie Auto. The Rosen, AD. I don't know, Timmy. I guess we'll find out. Christian Brown. We've got Hollow Stargazing, Steph Curry, Sabonis, Hollow, Herbert Jones, and Rollins. We've got Black Velocity of Moses Moody for the Warriors. It's going to be 19 of 39. What's up, Doug? How's it going? KJ Griffin. Rating threes, Lamello. It's Williams Jr. Got Jacob Potele to 99. Colormatch there, Raptors. Jacob Potele. Nice, Doug. Hardy, Rated Rookie, Rating threes, Hollow, Devin Booker. Going left, Garland. On the rookie base. Orange, Alec Burks to 199. Pistons. Sheila Green. Oh, Aaron Gordon. Trevor Kiehl's blue. Elite Dominator's SGA for the Thunder. Out of 49 there. John Collins, Last Pack, Gearbox 3. Hollow, Rated Rookie of Blake Wesley. Spurs. Canard. Time. We've got Orange, Musa Di Abate to 199. Clippers. We have Mahav. Jaden Hardy on the base. Rated Rookie Auto. You go Dallas. Nice hit there. Jaden Hardy. Yannis Simons. J. Griffin. Hollow, Malik Moth. It's Williams. We've got Max Christie on the Lime Green to 149. Lakers. Kobe White. Hollow drew Holiday. Hollow, Holiday. Sohan. We've got basketballs. Bryce McGill. Rated Rookie for the Hornets. Hollow, All-Stars. Going left. Zion. Matherin, Rated Rookie. Hollow, Rated Rookie. Christian Coloco. Colin Sexton. Hollow, Damian Lillard. Jaden Hardy, Rated Rookie. Stargazing, KB. Hollow, Elite Dominator's Anthony Edwards. Hallow, Bankero, Rated Rookie Base. Black Velocity of Harrison Barnes of 39 Kings. Shibbs Harden. Lights out, Deontay Murray. Tarkeels. The Rookies, Jaden Ivy. Clarkson. Go left, Penny Hardaway. Arabia. Got Lime Green, Austin Reeves. Lakers to 149. Yeah, I thought that was you, Craig. Kendrick Nunhollow, Vox 5 Hero, Vox 4. Christian Brown, Rated Rookie. Booker, Turr. Alright, nothing crazy coming out yet. Come on. Vox 5. I think we need a thousand Vox 4s, Penny. Rending 3s. Trey Young. Nice and Daniels. Lime Green to 149. Bogdanovich. Russell Westbrook. Watson, Stargazing. Got a Photon. Jaden Williams. Photon. Rated Rookie Grizzly, Slas Team Taken. And it's going to be a Vince Williams Jr. There you go. Closer Mojo. Love to see a nice short print hit there on that one. Jabari Smith Jr. We've got Orange Market in the 199. Cody Markle. And we've got Pistons. A Jaden Ivy based Rated Rookie Auto. Some nice autos coming out of the last couple boxes. Go Pistons. Dirk, Raining 3s. Walker Kessler, Rated Rookie. Zion, All-Star. Hollow, Malik Montt. Hollow, Donovan Mitchell. Mark Williams. Red, Scotty Barnes to 99. Elite Dominator's Hollow, Donovan Mitchell. Bradley Beal. Baldwin Jr. Hollow, Johnny Davis, Rated Rookie. Hollow, Seth Curry. Shit, Holmgren, Rated Rookie. Oh, All-Star is going to go left. Tatum. Pax left here. Another basketball here in M-Bar. And it's going to be a Peyton Watson for the Nuggets on the basketball Rated Rookie. Last pack. Bogd. Raining 3s. Van Bleet. Marvin Bagley. Alright, last box of the break. B6, which is the last break of the daytime. Just Cavs and 6ers left. That breaks next. See Cavs 39, 6ers 34. There is the link for ya. Oh wait, what is that? There's the link. That first one has breaks. Nice. Dude, an Ivy Rated Rookie. Benedict Mather, a nice one there on the basketball Rated Rookie Pacers. Got Grizzlies again. A refractor. Hollow, Rated Rookie Auto. Jake LaRavia. Nice two hits there for the Grizzlies. Going left, Ivy. Keegan Murray. Hollow, All-Star is going left with Hemi. Hollow, Danny Green. Jeremy Sohan. Basketball Alls of Will Barton. Bridges. Is it raining outside? Houston. There's corn on the way here. Really? Oh yeah, hard. And then I got closer and it completely stopped. I was going from barely being able to see. Got Orange Kevin Love to 199, Cavs. That's Florida for ya, though. Very true. Spy Polar Weather in the U.S. It really is. Derrit on the Hollow. Raining 3s Hollow. Tatum. We've got a Trevor Kiehl's Black Velocity Rated Rookie for the Knicks. That's going to be 14 of 39. Sharp looking card there. Hollow, Anonabee, Rosier. Chandler Rated Rookie. Chet the Rookies. Rated Rookie of Jabari Walker Blazers. Half to 10. Go! Here you go, Spurs. Wow, Spurs have been kind of hot all day today with different products. Spurs, that's going to be Sean H. Congrats on that one, Sean. Beautiful hit. Well, Magna. I thought we got a bonus auto for a second. Heck yeah, that's still a beautiful card. For sure. Matherin Rated Rookie going left, AI. Hollow, Van Vleet. Black Velocity Zion to 39. There you go, Pelicans. Nice one there, 36 to 39. Last pack. Hollow, Elite Dominators. LeBron, Jane. Quick recap here. We had the Photon. Vince Williams Jr. for the Grizzlies Rated Rookie. Black Velocities to 39. Zion, Pelicans. Harrison Barnes, Kings. Moses Moody, Warriors. Trevor Kiehl's. Rated Rookie Knicks are Autops. Jane Ivy, Pistons. Jane Hardy, Mass. Caleb Houston, Magic. Jake LaRavia on the Hollow Grizzlies. Yovitch Hollow for the Heats. Optographs to 99. Corey Kispert, Wizards. And the Gold. John Kai, a brand-him. For the Spurs. Crats again on that one. Spurs, thanks so much. We got 35, 36 coming right up.


It'll start in a second I'll check my sound it's close any social media. It's over distracting. We don't have a GPT-4 Any more using 3.5 My do now have Copilot give you have co-pilot. So we'll be we'll be using that instead So let's see we had this App application So originally meant to be doing this labeling of ACG waveform This one's doing okay. I think we actually improved on it and Turn it into a flask application So we can run it from here locally at the moment Make it available for you as well in a bit just fixing a few Minor things. Let's do previous Chats ACG project ratio I think it was this one Yes Yes, we wanted to change the html And because so it So all the description is at the bottom not on the side, you know why it Why it is on the side? So we want to place is a content section on the Bottom of the page Work for html it all Should be active This Of the page It's actually doing anything. I don't know why Maybe it doesn't work for html. I haven't actually used co-pilot. Oh, no, I did use co-pilot before but only Briefly telling the detail information about the existing index html is how to might look after pending the content Right so we have our header In the body, we have a class container which ends over here and we have the Okay, that is how It looks like so it should be fine this within the body Main wrapper We need a main wrapper. We'll have another one of those All this and here we'll have New the CSS in wrapper CSS over here within here save that right now it's working. Okay Is This the body main wrapper container Did the input wearables just disappear on me html A phone container is not visible Center so if I comment this Where is the form? Write the form is there It's outside This green what's on is outside this Do I use can use co-pilot to troubleshoot stuff? And no spell seeing first suggestion. Yeah, we we tried that that works. Okay Jerry causes from comments Script doesn't work in html and get No But is working at all. What's thinking forever? And does it work for html? Generate sit on completion. For example to start typing following html code Generate over all get up. Yeah, that's okay And how to troubleshoot a layout of a html page Using github co-pilot voice to Text it's not great Shoot HTML layout How to Page how does it meant to Skithub meant to work. It's working. It's trying to do something HTML code Do I just write start with a comment? I Don't see it's making any suggestion after a comment the ration span. That's not relevant, is it? Comments for just after calling you can Fallen keyboard show control out. You'd have to be the list of code suggestions It's only in beta. Is it still in beta? Fonkter is in the visible page on the outside. You can adjust the html structure. Here's an updated version of your html Places phone content within the visible page So we have our main Rapper We have a container pretty sure it's the same What's the difference it should be within the main rubber we do this as well Still outside the page Mental right how to fix but already Sent it. Okay, the main rubber. It's play flags like direction column The line center just if I center with 100 mean height for rounded corners form container Changed they have changed. So what's the problem? The edit this one didn't Comment that that didn't help it is sweet It can be content out this max change anything Right so in the body height should not be 100% Phone contents my container Another fabric on is okay better and Index html. What's this called content section? Still an IT others IT what container a Content section That's who I have to do up and running Shall we publish this quickly? Let's Is seen Let's pop this into part as well. Oh, thank you Joel for pointing that out They should be audio Just was coughing before and muted my microphone and forgot to unmute it a Common thing during a was it covered thing. No your microphone is muted It's probably the sentence of 2021 so we covered those prompts previously for this new Tool looks the same. There's a subtle difference that this one's actually labeling the different DCG components So yeah, we used those prompts before they seem to work Yeah, we fixed the legend. It had it was repeating the same thing over and over again now. It just has the puque PQ RST as it should This thing also will not Keep Generating a new chart unless you actually release the mouse So that's handy because you don't want you don't want my server to Unnecessarily work too hard. Yeah, heart rate Works okay. Yeah, the x-axis could be fixed. It should be actual seconds, but yeah, those are samples and Yes segment range Can actually see how the algorithm is working It's the code so all the code is in this Python script which Well, it's normally just develop on my website I can prefer my website of a github But yes, we will Push it to github as well Is actually have all those Commits github stuff that still needs to be pushed out But yeah, I just didn't have to You have that time to go over it, but yes, it is on my website Yeah, you can refresh the page for default and these buttons just with the same parameters You could be generating more more signals Actually, there is some No, isn't it we're using that the new rocket to can go and check it out We should have a link to it in there Description there No, why is it not there? Let's fix it up There's a proper way of referencing And the new rocket Was actually a page Yeah, they actually have their own page neurophysiology github. So that's the one we're using to Simulate the ECG and that's also finding the PX Some right. We're actually not using that one Didn't actually realize it has that option. I thought it's only finding the Mainpeak section looks much better. Yeah, this is also nice when the The PQRST just multiple of them ovulate on top of one now, then you can see the variability In them, so instead of time domain it just ovulates multiple complexes in the same window and then showing you variability Of different parts It's a nice little toolkit so we are using it but Only for Generating the ECG and finding that they are peaks so the black dots there And the PQ S&T are found using a different algorithm pretty simple Being we're just looking at range and if there is a peak or a positive peak and a negative peak That's all it does. So pretty basic Yes, they're thresholds Actually you'd have to turn this into a variable and Had an option to change it as an input, but we might do it and next time we'll release it first and go from there Many because there's still a bunch of tools on the side that we have to get working again May improve this neural net a signal prediction waveform prediction will be a Next in line There's any Questions or any suggestions how to improve this or what's missing Please do let me know Where will we so we had this one thing is I don't understand how to use a keyed hub co-pilot properly So we can still using As to using GPT 3.5 my subscription to GPT 4 expired yesterday So we have this file. It's the getaway interface for the web server Should know how to do it by now because we already have a few quite a few flask applications running on the server But I don't remember how to do it. That's the problem of using a bot because it's doing everything for you and Then you don't actually know how to do this out Let me see. Well, first we obviously need a terminal. We can use this terminal. And no, we need another terminal And with the great terminal now Something I need to do on a separate screen is Open and I'm using Apache server Where normally the settings file is located and let's pop it into a Part as well It's kind of sick of a chair GPT. No, so we're not using her Rocco Yes, we're using boon to Know that's the main settings file What there's a need to call the a Jupiter Jupiter light Yeah, I'm trying to minimize use of External of Any tools for that matter trying to do everything locally keep everything in Python And okay, so why do I need another tool then? Yes, it sounds like this. This is the basic kind of thing. Yeah, so we need to adjust Forget how to do it. Yeah, the conf file the multiple cone. Yeah, that's the folder. I'm sure I'll just do it on a separate screen just for safety reasons For the yeah, we have a bunch of those configuration files Yeah, we need This one I forgot a how to open a configuration file using the inbuilt text editor in built in Buntu It's called the called rage Text rage no Forgot the speech to text doesn't work very well It's meant to be configuration well Text editor built in Buntu It's like every time you're doing something that would be like another tool that you have to use Not Veeam not nano. Yeah, this one G edit. That's the one And so I need this G. Ah, and of course I need this sudo. Is it sudo? So if my hours is stuff this up, so I need to get it right so it works the first time around This is what the configuration file called edit Veeam sudo and G edit G edit file called This need the line because I'll mess it up myself Yep, that's the one Yep password One day if you can get somebody's Password from audio when Clicking the mouse and stuff that will be a neat little project If anyone is up to it Detecting keyboard clicks and Yeah, so it's I'm using 443 so it should be HTTPS. That's fine. I have all the certificates And I have some other a flask applications there already So essentially yeah using two threads. So this is an example this is An example of a previous flask application that is working. Okay How do I change? the this So the new application works application is called so we have this prompts and this file and folder structure The application is called ECG feature extract ECG feature extract. I don't know why I keep using JGPT should really move to part. I was trying to I don't know if a co-pilot can do things things like that. I have it running paying I'm not actually utilizing it properly to know how to properly use it probably Right, so we yes, we're editing the file And we need to add this let me check Let's just copy this Dancing directory at this file. Yeah, it's called my app WSGI We give it the two threads to this Application web application flask application. Yep, that's correct Just checking the folders Right, and we need to deploy it still We deploy it Deploy it. Yeah, we had this deploy all a Copying it to the server Changing permissions Restarting a purchase server First all right, I had the jaded and line here, so I didn't actually need to Search you don't need to tell me that already had it but the Yeah, we'll save We'll do a config test And Us what again because a server is super secure, isn't it? If you still managed to hack into it, please let me know how you did it And we will do those So that that's why I'm saying all these files are on this on my page On the website, I'll show you in a sec because I'm essentially deploying the whole project So this is the whole binary chaos project if everything developed so far in the past of Or any plans any files And and they all on the website should be accessible For you to play with fingers crossed So the site is still working Uh, we might need to go Cloudflare and move to development mode Right, so there's a few problems what it looks like That's the previous application And this is the karma. So it's having a few Problems And yeah, I think I know what some of these problems might be Is script.js didn't work right from memory. Let's see. So Hey, this is okay. This file is fine Our Apache server is working so you can actually access the application And that's okay now And a couple of things actually what's the previous application was called? Ah, this is still still running locally. This is just locally. So that's how it should look like But it doesn't look like that yet And let's see. So this application called the ecg chain Sorry for the ads ecg chain Shell script we need this be it. Whoops I'm just trying to maximize this and open on a different screen And so we need a few bits from Uh, yeah Because I'll forget later And it's actually called Stay info No No, that's the general info or we can close this one Yeah, it's feature extractor. It's the name fix that later and now So need this header Including the javascript Just controlling our menu on the page That's that Again, it's called Wait for feature extractor not generator Copy pasting copy pasting is a skill, isn't it? You have to do stuff to the truck Uh, right that would be it with the html Now in the javascript. Yeah, this bit Actually checking if we are in production or not and get rid of this and that was well Um, so in javascript I'll stuff this up wouldn't I? Yeah, we're checking if the a call made from a local server or Deployed so if a local Is production because if it's not then we have to use different folders Unfortunately There is no easy fix for this or at least one that I could find We're using fetch by the way going to this URL which is not ideal Ideal which is fetching data Yeah, it should be similar structure to that So how do I use copilot to actually change this for me? For example, I wouldn't know. We're also going over an hour now So we'll finish this up So yeah, go check this tool It's already available for you to play with if you have any comment suggestions, please do let me know And hopefully this next one And I'll try to make it available later today And this is what it It should look like it should be at the top there Or else they will have to make a few More adjustments, so I'm not sure if I should just take a break While staying online And we'll just start a new stream later on


What's going on y'all? Chris from jasmusksbreaks.com doing our 2022 top definitive baseball one box break PYT number five With hit list credit at the very very end. There's only eight cards per box. All the hit list teams Will get ten dollars each except for our R&B teams, which were the Tampa Bay Rays Houston Astros LA Dodgers New York Mets San Francisco Giants and the Miami Marlins So let's cut to it. Thanks again y'all for getting this break filled out And we have our teams Put in some new cartridge some new ink But PYT number five at the very very top Andy and the D-backs all the way down from Fred and the Nats and then our R&B spots Once again Tampa Bay Rays Astros Los Angeles Dodgers New York Mets San Francisco Giants and Miami Marlins from James Ziera with Jamie down to nine So Dodgers Astros Rays Mets Giants and Marlins not involved in that hit list credit giveaway. Here's our box Good luck y'all Thank you again No, no, and yeah off the re-do. I'll add some more in a In a free second here, so here we go Which is always well, and here we go. Good luck y'all card one 28 out of 30 Cody Belanger. That's where the Dodgers are R&B spot Looks like a bit of a Mother's Day. I believe not one of the Father's Day uniforms With the the blue numbering right here, but 20 out of 30 eight on our R&B list That's gonna go to Harry. Sorry for Harry Wow protectors at the plate Chicago Cubs and to me Detroit Tigers edition of Javi Baez 24 out of 25 Detroit Tigers. That's gonna go to Steve. I'm gonna have to put this in a Slider case at the very very end looks like a piece of the Elbow guard maybe Shin guard. Thanks one there. That's a cool one or autos first up Wow five of five Hall of Famer potentially greatest third baseman of all time Mike Schmidt That auto five out of five Phillies bought straight up by Arthur nice Arthur congrats Great mustache to next up The potential one sticking behind it, let me split these up real quick, but the potential AL MVP right here 38 out of 50 Your Don Alvarez patch auto Houston One of our R&B team spot eight once again That's gonna go to Harry the monster season leads the league in OPS 38 of 50 your Don Alvarez to Harry One kind of sticking to the your Don. Let's see nice three of five George Springer Springer dinger Also looking Carter to three of five Toronto Blue Jays that's gonna go to Andy Owens You know it's all about the boom George Springer Bay Bay Three of five nice congrats Andy stuck nice dual relic and Auto 26 of 35 Brian Reynolds and key Brian Hayes Pittsburgh Pirates another team bought straight up by Michael Rosia Congrats Michael Great patch black patch dual auto out of 35 Next card gonna be some green Nice eight of 25 rookie autos of Vidal Bruhan Tampa Bay Rays Our R&B spot eight Once again going to Harry. I just congrats Harry Vidal Bruhan rookie auto of 25 very nice and Our last hit good luck y'all. Thanks again for getting this break filled out. Appreciate you long boy here Steve Carlton Hall famer two World Series collections definitive collection auto 10 of 25 Phillies another team That was bought straight up once again going to Arthur Ten of 25 Steve Carlton We'll find a up with some kind of Something for this thick protectors at the plate how we buy us. All right So we do some quick math real quick. So the Detroit Tigers Let's put back to our regular screen Do just so I know so Tigers hit Phillies hit Rays don't count for our R&B Pirates hit Blue Jays hit Astros don't count our R&B spot Phillies once again and the Dodgers Don't count. So the only four teams that hit Detroit Tigers Philadelphia Phillies Pittsburgh Pirates and the Blue Jays That means the following teams and the owners of these teams get $10 back and break credits. So Aaron Aaron Arizona backs and Andy Gary Gordon with the Braves Lonnie with the O's Gary with the Red Sox Ed with the Cubs Mickey with the White Sox Anthony with the Reds Adam with the Guardians Oliver with the Rockies Going with Han and the Royals Gary with the Angels James with the Brewers Jared with the Twins David with the Yankees Josh with the A's Arthur with the Padres Han with the Mariners Lonnie with the Cardinals Shannon with the Rangers and Fred with the Nats All right, those are gonna be our hit was credited back to you at the end of this video Thanks again for getting this break out PYT number six on the website still just eight teams left now It was nine just a second ago. So thanks again, we'll be right back with more videos at chess with case breaks.com. Thanks again. Bye. Bye


Hi, I'm Dr. Sushal Shantakumar. I'm a consultant shoulder surgeon practicing in Manipal Hospital's Bangalore. So some of the basic methods to treat frozen shoulder are initially all frozen shoulder are treated conservatively. You put them on anti-inflammatory medications. Like I mentioned, frozen shoulder is predominantly an inflammatory condition. So you can give them around the clock anti-inflammatory medications. Rest to the shoulder. Then you can start off with gradual physiotherapy. You can stretch the capsules and can stretch the muscles. In some cases who do not respond to medications, you can put them on steroid injections. Under aseptic precautions, steroids are injected into the shoulder joint, maybe a maximum one or two over a period of time. If the patient still fails to respond to these things, then there's another thing called manipulation under anaesthesia. This is a crude method, which is why the later method involves wherein you put a camera, we call it arthroscopic release of the shoulder. So you put in a small incision, you put a camera in the shoulder and then you release all the auditions. So these are some of the ways you treat a frozen shoulder.


Breast cancer is the most frequent cancer among women, causing over 500,000 deaths every year. Early diagnosis is key to effective treatment and can save lives. This week, experts from around the world are at the agencies headquarters in Vienna to discuss new ways to detect and evaluate breast cancer.  The IAEA is starting a new project focused on the evaluation of chemotherapy response of breast cancer patients with a brand new and more accurate molecular imaging technique that can detect tumors as small as 1.5 millimeters.