Hello, my front-end friends. Look at this, we're in a new place. I'm not going to talk too much about that, but I've moved and here is the new digs that need a lot of work. It's very bare bones right now, but I have my own recording space, so things will probably be changing, setup will be changing over time. I'm trying to fix my audio a little bit, trying to keep the echo down while there's not much in here. But yeah, with that said, I was given a challenge recently by my good friend, Amit Sheen.  So yeah, Amit has sent me this challenge, and it's a challenge, a CSS riddle, as he called it. And we're going to jump into it in just a second, but if you want, I have linked to the riddle down below, so you can give it your own try at solving it before you watch this. See if you come up with the same solution as me, a different solution. Or you can just of course watch the video and stick around for the ride. I'm recording this intro afterwards, because I had a different intro, but I got really, really frustrated with this one. I went down a hole that did not work at the beginning. And eventually, yeah, just to say that this is, it looks really easy when you first see it, and it definitely was a little bit misleading. I knew it would be a little bit tricky, but keep an open mind if you're trying this one on your own. But yeah, with that, let's check out what the riddle actually is. So here's the question. How do we make the animation slowly speed up when we hover in and slow down before it stops when we hover out and attached is a video?  And then when we hover out, it slowly slows down. We need to be able to do it more than once as well, which is important, obviously. And this is what we have now where it's speeding along at one thing. And as soon as we come off, it stops. So let's see how that's done. We obviously, we have our square here. Nothing too important there. I'm guessing that's just centering it. This is setting it up. And here is where we have the animation, which is a rotate to a 360. And because it's infinite, it just keeps on running. And then we just we changed from the pause state to the animation play state of running when we hover. So it actually works. And we need to make this work and slowly go in and out. As soon as he sent this to me, my first thought was, I just changed this away from linear. And before I didn't try it, but I'm pretty sure that doesn't work because it's just going to like muck up everything, basically. So let's just do an ease in out. I mean, you'll see, once that here it is, here's the new one where it goes like that, because the animation will run once, but it eases in and out, in and out, in and out, right? It just keeps redoing that over and over again. So we need to keep this as linear. And what we need to do is find a way to ease into it, keep it running linear, and then ease back out, which I don't actually. So I think, again, we can't muck around the animation itself, because we need that to keep on running over and over and over again. So one thing I know we can do is run more than one animation on something, you can like chain six animations together if you wanted to one thing I've never done is put the same animation twice. So let's do a rotate animation rotate one second. We'll do that. And then I'm going to do a rotate two seconds, two seconds. And basically what this should do is a two second delay, and then run there. And this is just a test. So it run once, two second delay, and then it runs again. So what I'm wondering, instead of having the animation play state here, could we do this where we run it twice? So animation one second ease in so that one's the one that's going to run once only. So any ease in should make it progressively get faster, and maybe like a cubic busier or something there could work better. Then this we can put back to the point five seconds. So that's when it's running. But we only want this one, we can take the linear infinite from here. So basically what we want is it's going to ease in. And then a second later, we switch it over to this version. That seems to have completely broken it. It doesn't work at all. Why? Oh, because here we have it on pause. So we can still do the animation play state of running. That would help. Don't delete that one, Kevin. There. Oh, so no, that didn't work at all. Why not? Actually, I sort of thought, what if I did two seconds instead of one? I really, we had that working. Oh, point five seconds from breaking that, and it was using that as the time. Oh, there we go, speeding up, and then it takes off. So obviously that was too much, but okay, it was working. It was because I didn't have a unit on there. We mucked everything up. So now it will speed up. We're halfway home. So the first time it runs, if I refresh the page, now it will work. But part of this is that we should be able to come off. It needs to slow down, but then I need to be able to go back on. And the problem is it's going back to like this first version before it goes back to that one, I guess. But there are, I don't know why. I don't know exactly what's happening. I'm not good enough with animations. It's resetting it to the zero, and nothing is happening yet. So it's just sort of stuck there, I think. And it's already done that one, maybe. I'm not sure, but that didn't work. And then let's just pretend it was working. How can I have it when we come off that it keeps going? Because one thing, we have the pause state here. We can't do a lot with that, because there's playing is the other one, playing is the default or paused and pause is a useful one to have. This would be a nice one that if we get to animate it, but there's no way of animating that or transitioning it or anything like that. So that won't work. That much, I know, I could potentially break this into multiple animations, but I'm sure that would do the exact same thing, where it just wouldn't actually change anything. It would be the exact same problem we're having now. I'm so high. It looks so good that first time right there. That was perfect. And then everything breaks. Okay. When we come off, we have a property that can't be animated. And there's different things with animating properties. And this is one of those ones, like some you can actually give. Well, we can't add actually, one second, you can't animate it, but when we transition, because if something's not animatable, it doesn't mean that it can't switch between them. There's a word for it that I can't think of off the top of my head to do that. Or like it can't actually transition from one thing to the other. But what it does is it sort of switches halfway through the animation that you're giving it. So could we do a transition of animation play state at 0.5 seconds, or one second, and then it should switch in the middle of that. If that worked, I know it's not working, because what would happen is when I do that, it would actually take half of this much time to do anything. Right. Yeah, I'm pretty sure it's just not something that can be animated at all. I don't even know if that would have helped actually. So we need it spinning and then to slow down from spinning, spinning and then slow down from spinning with JavaScript. This wouldn't be too difficult without JavaScript. What we could do is you're using your mouse in, mouse out. As soon as the mouse comes off, you can change the class that's on there that would just put another animation on that would slow it down.  But Amit wants me to do this without the script. Two hours later. So after staring at this for a really long time and not knowing what to do, we're back to square one. I'm really stuck on how to do this, but we're going to get through it. And I want to start thinking about it in a different way. I was basically staring at exactly what I had. It was going nowhere, and I just think that whole, I thought we were going down the right route with running an animation differently, but it wasn't the right route. So I think the solution now is to try and find a different solution. It's one of those things where I could layer more and more on top of that. It's always something I say if you're stuck, if you're trying to solve a problem with CSS and you're putting lots of layers on top, it's just like putting a band-aid on top of a band-aid, it doesn't actually work most of the time. The first band-aid is not working, the next one won't be working either. So back to square one. Get rid of everything and try and start over and come up with a different solution. And right now, trying to run different animations, it worked in one direction, but only if I have it once. So I think I'd need so many different layers there, and I don't think any of them would work. So we're starting over again. It would probably be a good idea to take a complete break, walk away from this and come back, but I want to power through it. The hardest part with this is this pause to running. So we need this to be running. I can't change that. I need that just on full movement mode. And then the other thing with it is it does need like when we come off, we don't want it to reset, it needs to stay where it was. Let's try this. Body. Rotate zero degrees. Body has a hover. Rotate 180, and yeah, let's do 180 because I don't even know if this would work. So that's fine. Something glitched there. So I think it worked. Let's just turn this off for a second. If I can't do the different animation, see there it flipped. Oh, there's a Twitter bird flying around too. So if the body is what's turning, instead of the thing inside the body, so the body's going like that, we'd still run into the same problem. What if when we're hovering on that item, I don't even need has here. We could just do this. Body, hover, right? The has is useless there. Oh, no, no. The has is useful there. Sorry, because we want to rotate the body if I'm hovering on a direct child. So if we hover on that and then the body turns, my brain's not grasping what I'm trying to do. The body's turning. Would that help us?  Rotate. I did that. It wasn't exactly like this. Transition. Rotate one second. That's not working. Not working. I'm getting scroll bars. But there's something good happening here, which is that we're actually getting a transition when I'm not hovering, which was the hard thing. So I did something like this in one video where I had like a ball with rotating orbs around it, but there was text in the orb. So like the parent had to be rotating and then the orbs actually had to be reverse rotating to get the whole thing to work. So this is sort of the same idea that what if we did it negative 360? Reverse rotate it. Something good happened there. Is it my timing that's off? Because look, it's funky, but it has like a starting animation. And it's not the right one, but it has an ending animation. Transition. Oh, wait, if we did an ease in with that help, because I think the default ease, so it sort of speeds up and then slows down by the end of it, whereas now we can just speed it up. That's still weird. Ease. That's it. We got it. Minus the scroll bars. So, okay, what's happening is I got it. Okay. I don't know if we're allowed this, but I'm going to do a square wrapper. I'm trying to get away from using container as much because we have container queries now. So this, let's take that and put that on the square wrapper. And then this will go right here. So, okay, wait, it stopped playing that. Was that just chance? It was. And I can do it again. We got there. Okay. That's awesome. Yes, yes, yes. So why this is working is let's put a outline one pixel solid blue. Just so we can see it. We'll do five and orange to make it easier to see. So what's happening is that runs the animation. Now it's spinning. And this is why this works because it's spinning and spinning and spinning. And then as soon, okay, we'll forget about the beginning of it. But what's happening here is it's spinning and spinning and spinning. And then when I take it off, the square completely stops. It goes into the pause state immediately. But because we have this transition here, the parent spins and slows down because it's in ease out. So it starts fast and then slows down as it's going on. So it does its thing there and it eases out. And at that point, it's at a full negative 360. So it's going back to the zero. So it's like reverse spinning, I guess, whatever, I don't care. And then it's the same thing the other way around. It's starting really fast, but the parent is reverse spinning and the reverse spin is slowing down. So that means like I'm spinning one thing this way. The other thing spinning the other way. And at the beginning, they're probably going about the same speed, but then the parent is slowing down. So it looks like the child is accelerating when that's not actually what's happening. Was I allowed to add in another element? I don't know, but I see this as having solved the riddle. All right, I thought that my solution was as good as you could get. But then I went and asked Amit about it. And it turns out that you can have, I said, are you allowed to change the HTML? He said, you can, but you don't have to. And that got me wondering. So, yeah, it got me wondering. And take off these. We don't need that. We can go back to having one element. And I found the trick already was because I had the rotate on here, right? Because we're using a, the transition is dealing with the transform. And by using the rotate property here, that means I could, I could just say that we're going to transition that one when we have her. Basically, what we're doing is now we're reverse rotating while we rotate. And then the same thing. So it's exactly what we had before, but we're doing it on the same element, which is wild. And that's something I ever would have thought of. So and that's again, because this is a transform rotate, which is a different property from the rotate property itself. And in a way, after he told me that we could do it without it, this, I immediately clicked because when I did meet him, he told me he was working on a talk on dealing with the rotate property or the transform properties that are now their own properties. And I went, wait a second, he probably came up with this for part of that time. I'm guessing maybe it's something that's part of it. And really interesting that you can rotate and reverse rotate something at the same time. I never would have thought of it. Really, really cool that you can do that. Don't know the practical use cases other than something like this, where you can have the animation going. Anyway, really cool. And yet, if you enjoyed this video and you want to see me working my way through another problem, no less of a riddle type of thing. There's a video here, you'd probably really enjoy. And with that, I would like to thank my enablers of awesome who are Michael, Simon, Tim and Johnny as well as all of my other patrons for their monthly support. And of course, I'd really like to thank Amit as well for sharing this. And even though I was very frustrated, it's one of those things that once you figure it out, you're so happy. And of course, until next time, don't forget to make your part of the internet just a little bit more awesome.


Thanks for checking out this unboxing video. This is for Snaku. Once again, this is the December box Which I think they shipped the December box a little bit earlier than usual Which I think is probably because you know holidays and all that kind of stuff So I already looked at what some of the stuff on the card is supposed to be with this box and it looks pretty good I'm pretty excited about it, especially off the heels of the November box which was Potentially my least favorite box I've ever gotten from Snaku just because it was t-themed and there was a lot of matcha stuff And I just I'm not a not a matcha guy. So, um, yeah, so let's get into this one The theme on this is Hokkaido And then let me go ahead and if you want to pause on that and read it go ahead There the where the items are gonna be we have the popular snacks and the featured snacks So let's get into it first. Let me show you what it looks like in there Looking good. Hopefully Okay, let's go right here. What is this? I don't know what this is. I just grabbed something. This looks like it's The Pote Koton. Is that what it is? Yes, the Pote Koton bite-sized Hokkaido potato puffs infused with roasted dried Hokkaido onions We can keep eating these forever. They say sweet. I like onion stuff. So puffs This could be a good one Well, it's kind of onion-y. Yeah, ooh kind of looks like like a little potato cake With that's like deeply fried Smells So it's a little potato. There's not a whole lot of smell to it's a little salty smelling. Oh It's like super crunchy. You know, it's like crunchy potato sticks. You can get in a little can I think it's like dirties is who makes them It's like that Just like super crunchy deep-fried Potatoes, like I taste a little bit of the onion as well, but it's mainly just like that fried potato I'm not getting you another one of these because I need to keep the video rolling, but I really want to these are These are pretty awesome. Mmm. That's Oh, that's really good. I like that a lot Mmm That's one of those perfect ones and I'll say every now and then I like to drink some craft beer here and there That's one would be perfect with some beer Okay, next thing. I think this is the jag of butter I'll show it to you and then I'll I'll open it up and figure it out We'll find out together with it Yeah, that's probably what this is. I like these ones that are then like wrapped in aluminum foil Nobody does anything like this in the United States. So it's just kind of weird.  It's kind of looks like ooh smells really sweet Vanilla II Cakey smells good.  I Forgot to read what's in it Let me read description a hit snack in Hokkaido soft buttery potato cake filled with mild Japanese bean paste from Hokkaido Hmm This is really good the outside cake is very soft and moist well not super moist, but it's very soft The inside bean paste is a very mild bean paste It's not like super Grainy like bean paste can kind of get but it's got like this amazing vanilla flavor It is very buttery like it says in there, but it's just like nice vanilla buttery flavor. Oh This is really good Man, this one's an awesome one too. Okay two for two This is a great box already Mmm. Yeah, that thing is great jaga butter That's That's killer. Okay, we've had I've had something exactly like this in the box before I think we actually had one Not last time but the time before that Yuki no Yato Hokkaido sugar cream glazed crispy senpai Which looks like a layer of snow fell on top of the rice cracker one of our favorites at snacku Yeah, so this is kind of like a salty if I remember it properly It's kind of like a salty senpai that has like this sweet kind of Milk frosting on it is what it's kind of like so I think I remember that that's so it if I remember it properly it tastes like a little sweet a little salty.  I smell a little salty. Mm-hmm Yeah, it tastes exactly like I remember it. It's very well not very light It's relatively salty, which I love with my senpai. It's got a nice crunch to it and then it's got a sweetness that jumps in real quick after the saltiness. That's this kind of like Dairy like milk frosting that's got a little bit of a vanilla to it, but it's just bringing some sugar in us Hmm. Yeah, this one's really good too This box dude This is interesting because this may turn out to be the best snacku box. I've had following the worst snacku box I've had fingers crossed on this one All three items in the game so good Man, I love those So good. Okay. What's next year this thing? I'm just randomly grabbing things. So actually the That that senpai was the first thing from the popular snacks Then the potak koton and the jag of butter those were both featured This one I think this is one of the chocolate wafers Yeah, this should be the chocolate wafer. This is one of the featured items Royce was founded in 1983 in Hokkaido and has since become known as Japan's top chocolate maker They make all their chocolates with premium milk from the top dairy cows in Japan and independent cacao farmers in Latin America We've included their delicately sweet hazelnut cream sandwiched between crispy wafers and coated with chocolate Dude Okay, so I like some hazelnut But I have to really be able to taste it because I've had things before where it's like it's hazelnut But it just like I can barely taste the actual hazelnut in it because like the chocolate overpowers it or whatever's with it So we'll see how it is. I can get it out of this Dang, here we go. Okay, so it just looks like you know chocolate wafer Smells like chocolate Literally, that's all it smells like You can see the layers the hazelnut cream and now I mean So the wafer layers in there Are very very delicate They're not super strong. So your your teeth just cut right through them I can taste the hazelnut in there for sure with that hazelnut cream, but it's not like super strong It's kind of like a medium hazelnut flavor a lot of chocolate to it Obviously because it's just like coated in chocolate Yeah, that's good and like what like I say with jet Japanese snacks that are sweet It's not crazy sweet and sugary like it is in the United States It's sweet, but it's like a low level of sweetness that you can eat a lot more of it It's not gonna give you the diabetes Mmm, you have the chocolate on it There That's really good. That's like like that and that size maybe two of those would be like a great dessert after dinner Because usually when I have like sweet things desserts, I don't need a lot. Let me fix this second. Uh, I don't adjust Wow, okay. What is this? Oh pretz See when they give us these things we usually get one of them. So this is from the popular snacks This is pretz butter corn pretz Hokkaido regional pretz sticks that taste like delicious buttered corn. What's not to like about these? So we've had we had one of these before I think it's supposed to be like pizza flavored or something like that And it really tastes like it was pizza flavored to me, but it tasted really good. I mean So corn buttered corn Let's see If I can get this Me and packages say say there we go. Yeah, have one of these for sure Pop the top on this.  It smells like kind of like Yeah, yep corn.  Like that's what this smells like something guys very sweet corn Man, that's Smells a lot like corn and to be honest smelling this and looking at it and that it smells like corn kind of turns me off a little bit Oh, it's like Really hard You hear how crunchy that is? Crazy. It's okay. Um There's a saltiness to it and it tastes a lot like corn like it literally tastes like Corn lots of corn with some saltiness and a little bit of a butteriness coming in at the end So if you like the script or that I just gave you would really like this for me I'm not huge on the taste of corn to be honest, especially in a snack like this. So It's not my thing. It's okay. I don't hate it. I will eat it. It's okay That's what I'm gonna actually have to have some beers to want to eat it more. I think I like the crunch to it though I'm big on textures and like crunchy things. I love crunchy things It's just a thing for me, you know All right, so let's keep moving. There's something in this box that I'm very very excited about because I always tell people I love it Okay, next this thing. I think we've had something like this in the box before White Thunder is from the popular snacks. Japan's version of a bite-sized cookies and cream Cookie bar made with Hokkaido cream.  It's very soft Okay Looks like cookies and cream tastes like cookies and cream, but Okay Okay, so here's the interesting thing Now I'm usually not big on white chocolate but How white chocolate is done in Japan versus United States? I feel like white chocolate in the United States tastes very chemical and it's like Waxy and chemically with a little bit of flavor to it This it tastes it's got that little bit of waxiness, but it tastes like white chocolate plus Like dairy like it's a little milky which I really really like it makes it kind of like creamy It's good actually and then you have like the nice kind of like chocolatey Cookie portion on the inside. That's pretty good. And once again, you know with with the sweet things. It's not crazy sweet I like that. That's pretty good. I'm trying to fix that. Oh, well, sorry I have one of these it's a camera on a laptop, so it's just kind of like adjusts lighting as it sees fit so I'm sorry about that. Okay next thing. Oh man These things are really broken up. I'll get the least broken one now. This is From the feature snacks Kinetoya milk cookies made in Hokkaido's prestigious Sapporo agricultural college these milk cookies are made with 100% natural and organic milk the quality of the Ingredients really show since these cookies have won the International Monday selection award three years in a row Huh, okay. I was unaware of these The Monday selection awards international item. I don't know what that is. I have to look. Oh crap Yeah, this is a it's a mess Okay, so I'll do it over this plate that I have here because lots and lots of crumbs Okay, so I mean it just looks like kind of like a butter cookie. Oh It smells really good. Oh It smells really buttery, but also nice and sweet at the same time mmm Smells awesome Mmm Okay, oh wow, it's like Okay, so think about when someone gives you like a It's almost got a little cheese quality to it, but it's really low level But if someone gives you like a really nice butter cookie for the holidays But this is probably the best one you've ever tasted to be honest It's kind of silky smooth once you start chewing it Because because the grain of it is very very fine. So it breaks down real easily. It's very silky in the mouth It has kind of like a dairy quality to it. It's a little cheesy, but it's not Offensive it's just kind of like this little touch at the end buttery for sure and a little bit of like a vanilla and then like a nice medium sweetness to it That's really good. I can see why it's an award-winning cookie. It's a simple cookie, but it tastes awesome That's executed extremely. Well, I really really like that So the only thing that's really let me down in this is these corn pretzels and it's not bad Wow, this box is awesome. This box is freaking awesome. What is this? Okay? This is my next thing What is this? Yuzu pepper Cacchino Tane This is from the population X portion Cacchino Tane means persimmon seeds These mini rice crackers are in the shape of persimmon seeds and then topped with dried Yuzu citrus pepper seasoning Okay, so I've had Yuzu. I've had persimmon before in a beer It's been a long time. It's it's another citrus thing kind of like Yuzu Yuzu I've had also in a beer and in some some of these snacks.  It's very very strong This is these little things It didn't smell good. It smells like green peppers and cat food. Oh It tastes good though gotta be honest They taste a little green peppery. I do get that that quick hit of the Yuzu citrus Which is pretty good. It's very very fast though and it goes to that kind of You know I think goes that kind of like vegetal Pepper and that tastes like black pepper towards the end And but it also in there like in the middle has a quick hint of like a soy sauce And a very crunchy I Like the crunch factor Yeah, these are interesting I Can eat these I won't say I necessarily like them They're okay It's just a weird mixture of flavors for me personally. I just Yeah, well, and you can see they got to have the peppers on there You taste these a lot you smell and taste those a lot And I feel like if that was much lower and maybe the Yuzu was higher in perception. I would like these a lot more But they're interesting. I like trying stuff like this. Okay got two more items in here So second the last thing this must be the raisin butter sandwich It's got to be this is from the featured snacks Raisin butter sandwich Rakatai was founded in 1933 and is one of Hokkaido's pre-eminent snack maker and is known for making luxurious snacks made with Only the finest locally produced ingredients. This snack is one of their originals original favorites butter shortbread cookies sandwiching a fluffy cream filling with rum soaked raisins Okay, that sounds good I like the design here. That's cool design. Okay, let's Into this if I can find the best way in I hope this one's not all broken up Because you know, oh, yeah, it's pretty Yeah, it could be worse, but it's still pretty messed up Okay, so I have to do my best to show you without getting stuff all over the place You see it's like filled with a cream It's totally mashed up. I'm gonna have to bite it out. Well Hmm, I'm still dropping stuff all over myself Dang it and clean out It's very it's pretty soft to be honest like My teeth cut right through the wafer portion or the cookie portions. The cream is a lot thicker than I thought It's very creamy. It's very buttery and then you get a lot of raisin But it's not like a super dark raisin flavor. It's kind of light Which actually that's pretty good. Um, I wasn't sure I wasn't really gonna like that. I'm not big on raisin But the rum soap portion of it. I think brings The harshness of like a raisin flavor down a little bit. I can taste a little bit that rum It's nice kind gives it almost like a little spice character to it and it's creamy. That's like nice and creamy It's got a little bit of a vanilla to go with it buttery vanilla That's really good actually Kind of surprised with that because that seems like something I wouldn't like Excuse me Water down the wrong pipe. Sorry about that That's where I'm not dying No one called 911. We're all right Okay, and then the last thing this is the thing I was saying I was really excited about Honestly, I should have been excited about this entire come on. Let's not be so harsh now. Uh, I was um I should have been excited about the whole box to be honest because it would have been pretty damn good But here we go. Uh high chew. I love high chew. Um, love high chew. This is an orange high chew This extremely popular soft chewy candy was first released in 1975 This specific flavor is made with Japanese winter oranges Don't know what that means, but Maybe I'll find out. I don't know. It's just Here's the thing in the United States. Like I've always liked Um, like chewy things like laffy tacky laffy taffy starburst things like that But I just in my older age. I don't like how sugary and sweet they are now high chew for me is like that But it's way less sweet and sugary. And so that's why I like Plus usually they do a much better job with their actual flavors Because a lot of like starbursts laffy taffy. The flavors are good, but they taste artificial. These usually taste pretty natural the smells like orange cream smells good Oh Oh, yeah I love how much like spring it has to it too It's not Like it's chewy, but it also like gives a little bit of spring back When you're biting down on it sorry I'm sure the sound of me chewing this is pretty annoying Mm that orange flavor is outstanding and not and it's a little creamy too But the oranges are so bright I don't know about What Japanese winter oranges, but they taste great I'll tell you that Okay So that's the end of the box That is the best box I've gotten from snaku Definitely Sorry High chew takes a while Mm. Okay, so I mean instead of saying one of my favorite things like what did I not really like The butter corn pretzels and the yuzu pepper caquino tonne Those are the two things I was most like But what do I like the most out of this? Um Probably the um Kinetoya milk cookies and the jaga butter those top two right there these two I think those are my favorite, but these um Put the coat on those potato things Those are probably right behind them because those things are nuts good And the high chew of course the high chew high chew is amazing Anyway, um, man, I hope uh the January box is as good as this. Let's keep it going But like I always say, where's the senpai? I want a senpai only box that would make me extremely happy if we can get a tea centric one We can get a senpai one. So let's make this happen snaku All right, everyone. Thank you for checking this out. Put some comments down there your thoughts. Um, You know, do you like watching me eat things? Are there any other boxes? You think I should definitely do food wise? Uh, I thought about boxu a little bit from time to time, but I don't know we'll see Hit that subscribe if you like any videos that I do and you can give me a thumbs up But the subscribe is the big thing. So repay me with that But thanks for checking this out and until next time keep it brutal


The French parliament has approved the bill which will make COVID-19 vaccinations mandatory for health workers. The bill also makes health paths mandatory in a wide array of social venues. But restaurants owners say the health paths may add more work on their staff as they will need to scan every customer's path. Thousands took to the streets in Paris to protest the implementation of the COVID-19 health path while it was still being debated in the Senate on Saturday for a second weekend in Rome.


Well, welcome back to theCUBE. We continue our coverage here at AWS ReInvit 22. We're in the Venetian in Las Vegas. And this place is hopping.  Only that exhibit floor is jam-packed and it's been great to be along for the ride here on Accenture's sponsorship of the Executive Summit as well. We're talking about Pfizer today. You know them quite well. One of the largest biopharmaceutical companies in the world but their tech footprint is impressive to say the least. And to talk more about that is Wes Barnes, Senior Director of Pfizer's Digital Hosting Solutions. Wes, good to see you, Sarah. Good to meet you, John. And John Harrison, the North American late for infrastructure and engineering at Accenture. John, good to see you as well. Good to see you as well. Thanks for joining us. Thanks for having me here. Yeah, good. All right, so let's jump in. Pfizer, we think drugs, right? Pharmaceuticals. Yes. Among the most preeminent Bible, as I said, biopharm is in the world but your tech capabilities and your tech focus, as we were talking about earlier, has changed dramatically in the 18 years that you've been there. Yep. Now talk about that evolution a little bit to where you were and what you have to be now. Yeah. Yeah, it's interesting. When I started at Pfizer, IT was an enabling function. It was akin to HR or our facilities function. And over the past couple of years, it's dramatically changed where digital now is really at the center of everything we do across Pfizer. It really is a core strategic element of our business. Yeah. And those elements that you were talking about just in terms of whether it's research, whether it's you're a patient, so I don't want to go through the laundry, there's the litany of things, but the touch points with data and what you need it to do for you in terms of computations, what you, the list is long, it's pretty impressive. Yeah. Yeah, for sure. I mean, shed some light on that for us. We cannot release a medicine without the use of technology. And if you think about research now, a huge component of our research is computational chemistry. Manufacturing medicines now is a practice in using data in analytics and predictive machine learning and analytics capabilities to help us determine how to best, you know, apply the capabilities to deliver the outcomes that we need. The way in which we connect with patients and payers now is wholly digital. So it's an entirely different way of operating than it was 10 years ago. And the past three years, pretty remarkable in many respects to say the least, I would think.  Talk about maybe just this, the recent past and all that has happened and what they've been able to do. Yeah, I mean, what is so exciting to me about working with a company like Pfizer and working in life sciences more broadly is the impact that they make on patients around the world, right? I mean, think about those past three years and Pfizer stepped up and met the moment for all of us, right? And as we talk a little bit about the role that we play together with Pfizer, with AWS, in their journey to the cloud, it's so motivating for myself personally. It's so motivating for every single person on the team that we ask to spend nights and weekends migrating things to the cloud, creating new capabilities, knowing that at the end of the day, the work that they're doing is making the world a healthier place. Yeah, we talk so much about modernization now, right? But it kind of means different things to different people depending on where you're coming into the game, right? If you've been smart and been planning all along, then this is not a dramatic shift in some cases, though for others it is, right? Traumatic in some cases for some people. For sure. For Pfizer, I mean, talk about how do you see modernization and what does it mean to your operation? Following our success of the COVID program, 2021, I mean, it became evident to us that we needed to maintain a new pace of innovation and in fact, try to find ways to accelerate that pace of innovation. And as I said earlier, everything we do at Pfizer is centered around digital. But despite that, and despite 10 years of consolidating infrastructure and moving towards modern technology, last year, only 10% of Pfizer's infrastructure was in the native public cloud. So we had a problem to solve. In fact, I remember, you know, we had to build up our clinical systems to support the volume of work that we're doing for COVID-19 vaccine. We were rolling things into our data center to build up the capacity to achieve what we needed to achieve. Moving to the public cloud became our imperative to try to achieve the scale and the modern capabilities that we need. And so where did you come into play here with this? Because obviously, as a partner, you're right alongside for the ride, but you saw these inherent challenges that they had and how did Accenture answer the bell there? Well, so look, I mean, we saw Pfizer react to the pandemic. We saw them seize the moment. We talked together about how IT needed to move quicker and quicker towards the cloud to unlock capabilities that would serve Pfizer's business well into the future, right? And together we laid out some pretty ambitious goals. Really moving at a velocity and a pace that I think for both Accenture and AWS surpassed the velocity and pace that we've done anywhere else, right? So we set out on an ambitious plan together. I was kind of reflecting about some of the successes, what went well, what didn't, in preparation for re-invent. And many of the folks that'll listen to this will remember the old days of moving data centers. When you'd have a war room, you'd have a conference bridge open the whole time, someone would be running around the tile floor in the data center, do a task, call back up to the bridge and say, what do I do next, right? Then when I think about what we did together at Pfizer in moving towards the public cloud, I mean, we had weekends, most weekends where we were running a wave with 10,000 plus discrete activities, right? So that old model doesn't scale. And we really anchored. You have a very crowded data center with a lot of people running. You'd have a whole lot of people running around. But we really anchored to an Accenture capability that we call Minav Migrate. I know you guys have talked about it here before, so I won't go into that, but what we found is that we approached this problem of velocity, not as a technical problem to solve for, but as a loading and optimization problem of resources, right? Thought about it just a little bit different way and made sure that we could programmatically control, command and control the program in a way that people didn't have to wait around all Saturday afternoon to be notified that their next activity was ready, right? They could go out, they could live their day, and they could get a notification from the platform that says, hey, it's about your turn, right? They could claim it, they could do it, they could finish it. That was really important to us. To be able to control the program in that type of way at scale. Yeah, by the way, the reason we went as fast, it was a deliberate choice, and you'll talk to plenty of folks who have a five-year journey to the public cloud, and the reason we wanted to move as fast as we did, and John talked about some of it, we wanted to get the capabilities to the business as quickly as we could. The pace of innovation was such that we had to offer native cloud capabilities, we had to offer them quickly. We also knew that by compressing the time it took to get to the cloud, we could focus the organization, get it done as economically as possible, but then lift all boats with the tide and move the organization forward in terms of the skills and the capabilities that we need to deliver modern outcomes. So, you know, we talk about impacts internally, obviously, through your processes, but beyond that, not just scientists, not just chemists, but to your, I mean, millions of customers, right? And we're talking, you know, globally here, what kind of impacts can you see that directly relate to them and benefits that they're receiving by this massive technical move you've made? Pfizer's mission is breakthroughs that change patient lives. I mean, the work that we do, the work that everybody does with Pfizer is about delivering therapies that provide health outcomes that make people live longer, live healthier lives. For us, modernizing our infrastructure means that we can enable the work of scientists to find novel therapies faster or find things that perhaps couldn't have been found any other way without some of the modern technologies that we're bringing to bear. Saving money within infrastructure and IT is treasure that we can pour back into the important areas of research or development or manufacturing. We're also able to, you know, offer an ecosystem and a capability in which we connect with patients differently through digital mechanisms. And modern cloud enables that, you know, using modern digital experiences and customer experience and patient experience platforms means that we can use wearable devices and mobile technologies and connect to people in different ways and offer solutions that just didn't exist a couple of years ago. And so, I mean, you're talking about IoT stuff too, right? 100%. Way out on the edge and personal mobile in a mobile environment. So challenges in terms of, you know, data governance and compliance and security all these things, right? They come into play because it's personal health information. So how, as you've taken them, you know, to this public cloud environment, how much of a factor are those considerations because, you know, this is not just a product, a service. It's a live human being. Yeah, I mean, you start with that. You think about it through the process and you think about it afterwards, right? I mean, that has to be a core factor in every stage of the program and it was. So, in terms of where you are now then, okay, it's not over. It's never over.  You've got to stay competitive. So, where do you find that? Because, you know, with powers being what they are, with speed and board it is, how much more is there to squeeze out of this rock? There's a lot more to squeeze out of the rock. If you think about what we've done over the past year, it's about creating sort of a new, minimum viable product for infrastructure. So we've sort of raised the bar and created an environment upon which we can continue to innovate. That innovation is going to continue sort of forever at this point. The next focus for us is how to identify the business processes that deliver the greatest value ultimately to our patients and use the modern platform that we've just built to improve those processes to deliver things faster, deliver new capabilities. Pfizer is making a huge investment in digital medicines, therapies that are delivered through smart devices, through wearables, using, as I said, technology that didn't exist before that wouldn't be possible without the platform that we've built. So, over the past year, we've come a long way but I think that we've effectively set the table for all of the things that are yet to come. So, John, how do you then, as you've learned a lot about life science or certainly Pfizer with what they're up to, how do you then apply what you know about their world to what you know about the tech world and make it actionable for growth, to make it actionable for future expansion? Yeah, I mean, we start by doing it together, right? I think that's a really important part. Accenture brings a wealth of knowledge, both industry experience and expertise, technology experience and expertise. We work together with our clients like Pfizer with our partners like AWS to bring the best across that power of three, to meet clients where they're at, to understand where they want to go and then create a bespoke approach that meets their business needs. And that's effectively what we're doing now, right? I mean, if you think about the phase that we've just went through, I mean, a couple of fast facts here, no pun intended, right? 7,800 server instances across 11 operating system versions, 7,500 databases across 20 database versions, right? 4,700 applications, 350,000 migration activities managed across an eight month period. In eight months. Yeah, but that's not the goal, right? The goal is now to take to West's point that platform that's been developed and leverage that to the benefit of the business, ultimately to the benefit of the patient. Yeah, why them? We've talked a lot about Pfizer, but why Accenture? What's, because it's got to be a two-way street, right? We've had a long partnership with Accenture. Accenture supports a huge component of our application environment at Pfizer and has for quite a long time. Look, we didn't make it easy on them. We put them up against a large number of world-class SIs. But look, Accenture brought, you know, sort of what I think of as the trifecta here. They brought the technical capabilities and knowledge of the AWS environment. They brought the ability to really understand the business outcomes that we were trying to achieve and a program leadership capability that, you know, I think is world-class. And John talked about MyNAV. We recognized that doing what we were trying to do in a time that we were doing it required new machinery, new analytics and data capabilities that just didn't exist, automation that didn't exist, some people experience capabilities that would allow us to interface with application owners and users at a velocity and a pace and a scale that just hasn't been seen before at Pfizer. Accenture brought all three of those things together and I think they did a great job helping us get to where we need to be. When you hear John rattle through the stats like he just did, right, when you talk about, I mean, not that I'm going to ask you to pat yourself on the back, but do you ever? Does it blow your mind a little bit honestly that you're talking about that magnitude of activity in that compressed period of time? That's extraordinary. It's 75% of our global IT footprint now in the public cloud, which is fantastic. I mean, look, I think the timing was right. I think Pfizer is in a little bit of a unique position coming off of COVID. We are incredibly motivated to keep the pace up, I mean, across all lines of business. So what we found is a really willing leadership team, executive leadership team, digital leadership team to endorse a change of this magnitude. Well, it's a great success story. It's beyond impressive. So congratulations to both of you on that front and certainly you wish you continued success down the road as well. Thank you, gentlemen. Thank you. Thank you. Welcome to Pfizer and boy, you talk about a job well done, just spectacular. All right, you are watching our coverage here on theCUBE or the AWS re-invent 22 show. This is the executive summit sponsored by Accenture and you're watching theCUBE, the leader in high tech coverage.


Good morning everyone and welcome. This is Melissa Arma with the Stock Swoosh and today I'm doing a market review here in the room live so that room people can ask questions about the market. First of all does anyone have any questions about the market? I mean let me just go back here. Trader Gal was saying this is what we have classified as a high or high for those of watch that watch swing tops. You're talking about this. Is that what you're talking about? Trader Gal? Well let's go over it. The spy gapped up today. It gapped up. Open was $199.32. Let's take a look at it. This is what you're talking about. You're saying you August 24th? No August 24th was the day of the anomaly. The high in the day of the anomaly was $197.47. We're above that. We're above that today. We got above that three days after it happened. So I don't know why you're bringing that up. We're through it. Like that's the point I'm trying to make. We got through this. This anomaly, this gap down which was not a good gap down. We've been over this before. Did not rate well. Open and swooshed. Then negated the swoosh reversed. Then after this horrendous bar the next day that happened on a gap up we still recover the following day and then on through here in a bullish gut and we actually gapped up here and here and carried over ourselves. So it literally we were above the high of the anomaly within two days and that to me is a sign of strength. Now when this gap happened here I was like oh interesting but then we got above over it and then this gap happened here and I said no we're not going anywhere with this. It's neutral. It'd be done with it. And then yesterday I called the market law. Now today I didn't call the market long and today I said I didn't say anything about this at all. I just said we gapped up today and again until we get over 200 we're not going to go off like the moon. You're pointing out this area here. You're saying that you're looking at this as a top. But remember I don't trade like that and I'm not sure why you do either because I've talked to so many things and you've been in here for so long now. I don't even know why you would think like that. Again let's revamp the brain. Let's revamp it. Okay the market is still in an uptrend. I don't care how many toppy toppy toppies it does. It's still in an uptrend. This could hit on this number 55 times. It's still going to get above it as long as the market holds the uptrend which it's still doing. And actually I see nothing but signs of weakness here ever since this anomaly. You're saying that many people look at swings. A lot of people looking at that and bounced off of that today. Yes you are right that a lot of people look at it that way and a lot of people are short now this market. And guess what? Guess what? They are going to lose money because no one should be short this market. No one on the planet.  You could have gone along the gap down that happened on the 24th. Now I don't do that and it's not the right thing to do. But I'm telling you you could have. Why? At that point the market was still in an uptrend and I knew it wasn't a gap down that would fall through lower. Therefore you could have actually theoretically gone along it. I don't go long in the support. That's not the right thing to do as far as the brain goes. But I'm telling you that you are right that people have shorted the market. They're looking at this like top. People are probably going to enter more short in the market today. But I will tell you that it's not a good trade. It's not a good trade because the market's in an uptrend and we will get over 200. We have a situation where we're in this area of congestion. I don't know how long it takes us to get over it. But I did say that in an ideal world the market gaps up over 200. I thought we could rally above it yesterday. We did have a rally. It was a nice rally. It was a good rally. It was a solid rally. And then we followed through in the gap up today from the rally into the close last night. However, it is summer still. It is three days after Labor Day. People are still off for the holiday week. We did not train up over 200 and we didn't gap up over it today. But that's what we need to do to follow through to keep going. We will do it. I do not know when we do it. But I did say it in ideal world we gap up over it. Don't be surprised if it happens tomorrow. Don't be surprised if it happens Friday. Don't be surprised if it happens this month because it's going to happen. And no one should be surprised about anything I say about the market to the upside. I'd be more surprised if I rolled out a bed and saw the market completely obliterate this trend. If it does, I will be the first person here bright and early on the morning that it doesn't at 5 a.m. ready to short everything on the planet. Until I say short the world, no one should be short this market. I mean like that right there just says something right there of volumes. Like there's no one that loves a short more than me. Like don't you think that if I thought the market was a short I would scream and yell and jump up and down and sell my class like so next Tuesday. I mean the reality is I could be talking bearish and screaming up and down red because I loved a short and I love to teach people how to short. I'm not saying it. I'm not saying it because I'd be saying something that's false and my reputation is sterling because everything I say actually believe and is correct and is right and the fact is the market's higher. But if I loved a short and then the bearish queen of gaps and shorting and telling the market's higher it's really actually higher. It's like every once in a while when I call a bullish gap when we go long everyone should just we should just do them because I hardly ever say it but it's the same thing in the opposite. If I'm telling you the market's higher what do you think it's higher because it'd be a lot easier for me to say it's lower.  Instead I got up this morning I'm looking at myself and saying I'm scratching my head like gosh should I should I should I have bought that down gap like how could I be I'm calling the market so well so phenomenally well for so long now in a way that's almost seems impossible because everyone else is saying the opposite of me and I'm like I should be making millions of dollars in my market calls this is actually silly now it's almost silliness. I'm scratching my head this morning like why aren't aren't I up a million dollars for my market call right now so the market is higher. The shorts will get stopped out some will get stopped out over 200 some will not they will hold it through the next resistance level I wish there really is none but some people will say it's 205 201 205 203 I can name a hundred thousand numbers but none of them are gonna hold why we talked about this the other day we talked about this the other week in the class and what did I say I said there is no resistance level here that is gonna hold at all in this expect everyone to get up and above it the level of 200 to me Melissa Armo is the one that is very significant that means we should just stick like glue and blow through the wind and have a nice concentrated rally we haven't had a nice concentrated consecutive rally we've had we had this rally we had this rally we had this rally what I'm looking for the 200 number is to have a nice consecutive rally I'm not saying it has to hold 200 for the rest of its life I'm saying at that level if the market gaps up or we trade over 200 we will have a nice consecutive rally that will that will be nice it will be lovely it could go for three days or five days or one massive green bar we will have a beautiful lovely rally that doesn't mean people will all get out of the people that are shorting this market some will give it up to 205 and beyond but some will give it up to here easy who think this market's short or lower because it's not but I'm telling you though that the nice lovely beautiful follow through rally should happen over 200 it has not happened yet I don't know when it does yes people are looking at this is another top yes people looking at this is resistance yes many people in the markets lower but I'm telling you it's not and I guess you'll just have to see how it plays out to see whether or not you believe me there's something else I was going to say that I saw in here I don't even remember what I saw this day was it Friday I don't know what I saw that day but I mean everybody was here and I was like oh this is interesting because I really didn't expect the market to gap down on Friday morning so I was like oh this is hmm and I looked at it I almost was going to rate this gap because I really didn't think we were going to gap down but we did I didn't rate it I looked at it and I said you know what we're not going anywhere and you know what we didn't and and then I think I even talked about it after the fact because I said you know what we could have fallen off a planet here now I didn't rate this gap I didn't but I'm telling you I looked at it in my mind I was like we're not going anywhere and I'm not sure what I saw I really don't know because I never really the gap but when I saw how we closed over the weekend and looked at it and I thought yeah because we could have fallen off the planet here and we didn't do it we didn't and then we gapped up on Monday so there's a lot of signs in here bullishness if you know how to read price action in the way that I do one of them is this one of them is today one of them is here one of them is here one of them is here one of them is here one of them is here one of them is the gap here even despite the red day there's there's actually we've had nothing but signs of bullishness except for this day here there's only one day that was I would say that was a sign of bearishness since the anomaly and was here let me just count the days one two three four and 11 days of trading there's only been one sign of bearishness in the market how I read price okay everything else in here actually is a sign of strength to me of the confirmation that we're higher which I'm not going to go into detail about because I'll be talking for 10 hours but you'll just have to trust me wonderful day everyone thank you yes Monday bright and early be very careful if you train Thursday and Friday pass the market to gap up in the next two days I'm not saying it does but I wouldn't put it past it but I'm telling you whatever day it does there's a huge possibility that actually you can't short anything so I'm just letting you know and it could happen in the next two days work can happen next week but I'm just telling you whatever day that happens expect everything to rally like John Mungusley so the overall analysis here of the spy is that we're still higher people are shorting this market today people are short the market are ready and some will get stopped out and exit the short you'll have short covering over 200 and some actually won't they'll give it even more room they'll give it a lot of room they'll give it as much room as they can not believing not understanding not looking at the right thing okay but I saw one sign of bearishness since an anomaly and that to me gives me again the confirmation that in fact we are higher plus the way the market's trading here every day and you see it's working through itself it's working through itself trying to hold every day even yesterday it broke the load and it's working through it it's trying to hold it's trying to hold it is holding it's trying to hold it's trying to hold it's trying to hold it's rallying it's holding it's rallying it's holding it gapped up today it's trying to hold it's trying to hold it's trying to hold it's situating itself this is you're watching a live time the market working through the situation the situation of the situation of this and the market's working through it it's like like situating a cell phone working through it. And it's working through it on low volume in a week of a holiday. So let it work through it. I don't know when we get up on over it. As far as I'm concerned, we already are, because we are actually, but 200 is the level, all right? If you're interested in more information on the GoldenGat class, email me at melissathestockswush.com. The next class is September 19th and 20th. Have a great day, everyone.


Hello and welcome to the very first episode of Nicolò tries to do something useful for KDE in a totally new and different way by making an application for it. So that is actually something I never did. Like I did some contributions to other KDE applications, but usually not even that. Like my main field of work is KDE Plasma, which is the desktop and usually just the panel actually, because that's where most of my work goes and, you know, stuff that goes inside the panel. So we just that's what I usually do. But, you know, I had to do a different project for this time. I'm still working on the panel query. But at the same time, I've been preparing this other thing. So this is an application for KDE in theory, if everything goes well, that's a big if and it should be an app reader. Now you might ask, why does KDE need yet another application to read EPUBs? The answer is that surprisingly enough, currently no KDE application that I know of, maybe I missed some, but no KDE application that I know of can read EPUBs. Now, there is a plugin for Ocular. The problem is that it uses a very, very, very, very, very old library for reading EPUBs that mostly doesn't support anything. So what you get is not pretty. And of course, you lack everything that you are supposed to find in a EPUB reader like the ability to change the colors. Maybe you like dark mode, better or sepia and also the ability to change the text size. These kind of things are pretty important in a EPUB reader. Ocular doesn't have them. So I've actually been asked a lot to do videos on how explaining how to do KDE applets or how to do KDE applications. And usually I can't really act on that because that is such a wide range of topics to cover and it really depends on what you're trying to do. But I can talk and show you how I'm doing my thing. But keep in mind that again, this is not something that I usually do. Usually working, I'm working on something else entirely. But nonetheless, I do know some stuff. So it may be invite me. I hope it is a learning experience for you to to a certain extent. So this is my test app. Sorry, this is my test app. It's a great book. I suggest you that you already did if you're into it. This is a pub.js. A pub.js is a library for reading a pubs that is based on JavaScript. And it's kind of the standard nowadays, I think, like I've seen multiple appabreaders in the Linux world use it. I'm using as a reference for Lyate, I think it's called, which does that. Like it reads a pubs. This is introduction to topology, as an example. And this uses a pub.js. And you can see that you have options such as changing the colors, which is, again, not something you have in ocular. Then what else? There's also the elementary OS appabreader, whose name I currently forgot. They also use appab.js. I haven't used them much because I'm trying to read the source code of those projects to learn from it. But the elementary application source code is not for me. Like I don't understand anything. Foliati is slightly easier, so I can kind of get a screen on. This is because appab.js, in my very frank opinion, has terrible documentation. Like I cannot understand barely anything of how it's supposed to be used. So this is actually why I'm doing progress so slowly. But let me finally show you four minutes in what I have so far. This is just, you know, raw stuff that I'm working. So you can see that you do have the first page. You do have the ebook title. No, you don't, actually. But you do have the first page, which is great. And with these two arrows, you can switch pages. So right now you, like, I'm covering basic functionalities, but, you know, I'm trying. And the next step after being able to switch pages for me is being able to show the progress on this slider and, you know, being able to set the slider. But now it doesn't do anything. I'm just working on it. So how does this work code wise? Let's see very quickly the code. It's nothing particularly fancy. Again, it's me trying. So first, we have an HTML file because app.js is meant to be used in, like, a web page. So what we do is that we actually have a web page where we use app.js. And then we embed that web page inside the view of the Krugam application. Now, this is very different from doing something like Electron where the whole UI is a web page. I'm not doing that. Obviously, it's just what you see as the app, which is an embedded web view. So nothing particularly fancy. We have a div, which is an area which covers the entire screen where we actually render the app. We load this thing, which I kind of forgot about. Maybe it's not necessary. Like, I probably don't want to have this. I think it's for unzipping some compressed app. So I completely forgot about this, sorry. Then we load, you know, app.js. We create an app object reading the test app. We create a rendition object, which is the thing that actually manages the rendering of the app. And we tell it to render it to area, which is this thing. I could probably just say document body instead of area. I think I'm still learning. That's something to be investigated. Flow paginated, which means that you have like pages. I didn't show this, but if you resize this window, it will become multiple pages like this. That's pretty, I think. And this is what is meant with paginated. And I also tell it, please don't use more than two columns. Just that random value right now. I have nothing, I guess, like four pages if you have very big monitors. It's just right now. And then we got this displayed object, which was in the documentation. I have no clue right now how to use it, I think. So right now I'm not doing anything to it. Then we have a test function because I was trying how to, I was testing some of the objects to try to learn from them. This is just the web view. Now we get to the actual application, which is a Kuri-Gami application. And this is the most basic stuff. You have an application window, you set some sizes, and then you have page stack, which is like the pages of the application. If you add something to the page stack, it adds a page to the right for you it's here. So, you know, if you use Kuri-Gami applications, you know what I'm talking about. So we just set an initial page, which is probably the only page I'll ever need for this application. It's supposed to be simple and easy and everything. I'm hoping I'm not doing a mess. So we set the title, which in the future will actually be the title of the e-book, in theory. And then we take off all the padding because by default, we do have some padding on top, left, bottom, by default. We don't want that. We want the web view to touch the borders. So I just go with that. And then we add the two buttons that are on the top bar. We set the arrows. This is on the right. This is pointing on the right. This is pointing on the left. This is the action on the right. This is the action on the left, obviously. When this is trigger, we call view next, which I'll get to. When this is trigger, we'll call now it's a test, but it's view, sorry, prep, which these two functions will change the pages. We'll see now how. Here we have a column layout, which is completely useless actually. That was a mistake of mine. I don't actually need it, but what is important is this element, which is the web engine view. It's actually the webpage we just saw, but embedded in this component. And we're just saying, fill all the width, fill all the height. You gotta be as big as you want. Like try to be as big as you want. The URL of the HTML file is here. Now in theory, I guess, I shouldn't even rely on an external.html file. And I should just create the DOM instead, like the relevant elements inside of here. And then I can just run the JavaScript that you see here, but directly here. I guess that's another way to do it. Probably a better way. I will investigate. Again, I'm just trying to get things work. Then we'll see how to make them pretty. I also saw that for some reason, this object only gives me the errors that we get here. But if I have a console.logs, that gets ignored for some reason. So with this on JavaScript console message, console.logs message, this actually shows me every message that I console log inside of here, which is nice. And finally, we have the two functions that I talked about, which are our next and preview to change pages. And these just run some JavaScript inside of here, because of course, rendition and the book, all these important things are inside min.html. So if I want to do anything, I gotta run some JavaScript inside of here. And easy enough, I just called rendition.next and .rev, which changed the pages. Now, then I will have to do some more complex stuff. I'm not exactly sure how yet, especially because to be honest, the documentation just, I don't understand anything. I'm trying, I'm trying. And then finally, we have a footer, which is on the bottom with a slider. We had some padding around it, otherwise it's too cramped. And then we tell it to be as wide as possible. And in the future, I want like my next goal is to be able to read at like how many pages are there, what percentage are we currently of the book? But the point is that it's very difficult to talk about pages for an app, like an app itself. I think it doesn't actually have pages. It really depends on how you display it, like the size of the window and the size of font, these kinds of things. So pages should probably be dynamically calculated. And I think kpop.js does that. I just haven't understood how. But something I'm learning from is that there's this CFI, I think it's called, way to express precise locations inside of a app. And then I do see lots of methods called like percentage from CFI. I've understood how to calculate what CFI I'm currently displaying, which is great. I haven't understood how to get a percentage out of the CFI. And of course, I cannot get the general idea of a CFI, but it's weird. Can I show it? I think I can show it like here. I can console here, yes. So what I can do is take the element that manages the rendering, take the location of it. Now location has start and end, because I guess that the point, I think that start refers to the first line that you're rendering and the last line, these kind of things. I take the last point just, I think it's the same. And then I take the CFI and this actually works. And this test function now is called as a debugging way when I click on the left button. And if I get back here, you can see that if I press left, it tells me yes, app up CFI 6, 8, 4, 28, 2, 1, 18. Okay. Okay. I'm a trust you. Like I get the general idea, but I have no clue what those, all of those elements actually mean. Stuff like 1, 18, maybe this is a range. I don't know. I'm not an app expert. I'm just trying to do something. So are you an app expert? Trudy Kanavan, please don't sue me. I don't think it's illegal to show a couple of pages from the book, like just as an example on how the application works. But don't sue me, please. If you're an app expert and show about this stuff, maybe you've used app.js before. I don't know, you can write me a message. I'm sure I will be very happy to learn more, but nonetheless, I hope that provided some insightful commentary.  Like literally the only thing that makes my work. So I'm close enough to get to the goal of November, but I won't reach it because November is too far close to the end. So nonetheless, I'm trying my best. So if you could like throw in the donations, if you haven't yet, if you are able to, that would be awesome. You know, I'm just trying my best. So thanks everybody for following and see you tomorrow with yet another video. Hopefully I will publish these videos with my progress sort of regularly, not every day, but every time I make some progress. Bye.


Hey guys, my name is Uma, welcome to Trending Reviews, so I'm wearing the Samsung Galaxy Watch I've got the 46 millimeter silver edition. I've been using this for the past couple of weeks Over the past two weeks I've just been experiencing a couple of things that I really like about it Which I think is worth mentioning to you guys and a few things that I dislike about the watch in general So I just wanted to give you an update of my top five likes and dislikes of using this Samsung Galaxy watch So let's get straight into it Right, so running through the top five likes about this watch in no particular order One of the things I really like about it is the battery life It comes with a wireless charger as you can see here Just place it on there and it charges within an hour to full battery and it lasts up to seven days And I've experienced really good battery life of it. I've seen a lot of smart watches out there on the market Some of them have got one day battery life I know the Apple watches is about a day some of them say two days three days four days But none of them really go as long as seven days for a watch of this level So personally for me, that's actually one of the reasons why I actually bought this watch is mainly for that battery life Of course, I've used things like the Fitbit before this which has similar battery lives But again, it can't do the same amount of things as this watch. Obviously, this is a big color screen Mammoth of a watch with loads of apps integrated into it So it's a little bit different to those types of little fitness watches and fitness armbands But nonetheless, that's one of the top things I really like about this watch The next thing I really like about it is the cover to lock So what that means is if you're reading through messages, you're cycling through You're going through the watch and you don't want people next to you just having a look around at what you're doing There's a quick way to actually just lock the screen rather than always looking at the buttons and just waiting for the time out So all you have to do is just cover it and it disappears So let me show you that again Just cover the watch and it detects that there's no light coming through and just turns the screen off and locks it So it's quick and easy for me. So the next thing I really like is the power saving mode So when I have about 15% battery life, it gives me an alert to tell me if I'd like to switch it to power saving mode Click yes, and it extends the battery quite extensively. So 15% will probably last me Maybe half a day or something like that So this will give me an extra full day for just in power saving mode with that 15%. It cuts off the color screen It makes it black and white It reduces in the number of notifications and it just gives that little bit of longevity on the actual watch itself So for me, that's very beneficial. So another feature I really like is about the voice to text command in replying to messages So let me give you an example So as you can see, I'll just receive the message Hey, are you free today? So if I just scroll down, I choose this microphone icon Hey, I'm busy today. Maybe tomorrow As you can see it translated and I just click send Then the person will just receive that message and sometimes it might not pick up exactly the same Translation as you're saying but you can repeat that and try again as you can see Okay, I'll call you tomorrow It did a pretty good job picking that up And I think that's really useful when you don't have your phone out with you You've got it in your pocket and it's not in an environment where you'd like to pull it up Then you could just do that by using your watch as well Just make it easier when you're in a hurry walking on the street or so on the next thing I'd like to mention is the ability to link your watch to your laptop for example, so Here's an option for PowerPoint slider So I've tried this with a couple of presentations on my laptop This basically allows you to connect the watch to the presentation using PowerPoint at the moment I don't have it with me But then again it has to connect first and pick it up on your laptop You can use this to go to the next slide to the previous slide or just go through the various transitions in your PowerPoint slideshow and Sometimes you can do this with a swipe or you can use the buttons or the swivel and generally it does work very well Sometimes I found it disconnects in the middle of a presentation as well Which is not ideal, but it's on the right track and if I was presenting to various amount of people in a workshop or training session for example Then this would come very handy for me Right, so running through some of the things I dislike about using this watch over the past couple of weeks Firstly, I wanted to utilize Samsung Pay so I can just make payments wirelessly by using my watch Maybe using it on the tube as a wireless payment But I've realized that Samsung Pay is incompatible with my bank account I'm actually currently with Barclays and there's no way for me to connect to Samsung Pay with them They have their own sort of mobile payments through NFC. They don't really get compatible with the Samsung Pay options I think that's a little bit similar. I've had problems with Android Pay as well But nonetheless, I can't really use that so I won't be using payments with this anytime soon Secondly as I showed earlier, I did like the voice to text feature in replying back to messages One thing I really like in a feature update It does have a microphone so I'd like to be able to reply with voice notes So when you receive a WhatsApp message you click on the microphone icon to actually send a voice note Maybe limit the recording to 60 seconds or something, but I think that's very beneficial. It's just a lot easier When I first saw the microphone icon in the replying to text message feature I assumed they were voice notes until I realized they're actually voice to text commands So if that can happen in the future, that would be great and I'd be looking forward to that But one of the other things I really struggle with is actually getting the text recognition to be 100% accurate So that's one of the dislikes of using that Another one I've come across is the wet marks and sort of scratches that you can easily get on this screen So when I'm out and about and maybe it's raining just ever so slightly The wet marks on there it stays and you can see it very visibly indoors outdoors You just have to always make sure you have a cleaning cloth with you I find myself just rubbing against my shirt to keep clearing it But nonetheless it's supposed to be waterproof. It is waterproof and I just think it's Should be a little bit easier to clean especially when you are washing your hands regularly throughout the day as well You get splashes on there. They'll stay on the screen So you have to make sure you continuously make it clean and one of the other things I find as well The fingerprint marks are quite visible as well So possibly if there's a way for them to make that screen a little bit easier to wipe and More resistant to wet marks and fingerprints. I think that would be a big win The other thing I wanted to mention which I was actually quite surprised is for a fitness watch It actually doesn't come with a timer or a stopwatch app So there's multiple widgets that come on this but timer and stopwatch is something I use when I'm in the gym I want to be able to time myself Now what I realized afterwards is that I have to go to the galaxy app store separately to actually download that So for me, that's not a really good way to you know Utilize really good fitness features that already come with this watch But again, those are the two most commonly used fitness apps our guests I mean, what do you guys think you use a timer and stopwatch more than anything? Took me a while to figure out that it wasn't actually available with the watch I had to download it separately, but nonetheless, that's what it is And lastly with one of the dislikes is the actual weight of the watch I've noticed when I've shown people the watch as well. They've all said the same thing That is pretty heavy now this comes in at 63 grams for the 46 millimeter silver edition model Now if I just compare that with something like the Apple watch series three, that's around 40 grams. It's slightly more heavier But overall, I don't think there's a lot of watches out there that are gonna be heavier than this And when you first start using it, it does feel quite bulky on your arm But then when you get used to it after a couple of weeks, it just becomes natural to you You don't start thinking about the weight anymore. It's the features of the watch outweigh the actual physicality and the the weight on the pressure of the watch itself on your arm So it's a minor thing, but it's one thing just worth to mention All right guys So those are my top five things that I like and dislike about the Samsung Galaxy watch If there's anything else that you think is worth mentioning then please do let me know in the comments below As always check out my Instagram at trending reviews. You'll find some more pictures of the galaxy watch I tend to download widgets, which I think are useful and I think you guys will like it So I will post them on my Instagram there. I hope you subscribe I hope you like the video and I will catch you guys at the next one. Take care


So this summer at the FPA Professional Institute, we're offering a course on policy advocacy and social change. And the idea behind this course is to offer new researchers, students, people who are interested in social movements and people who want to be organizers to come to this course and learn about the ways in which social movements can work together in order to bring their policy analysis out into the public sphere, out into the community and actually work together to find the conditions for a real social change. So what we want to do is offer people an opportunity to see the different stages that policy advocacy happens in. And that has to do with education, it has to do with reaching out, it has to do with organizing internally, it has to do with strategy, it has to do with thinking about the stages of a campaign so that it can really flourish. Well we really hope that you join us at the FPA Professional Institute for this course on policy advocacy and social change because it's going to be a great conversation, it will be a wonderful dialogue and we hope that you'll be there.