'm going to call this here position because you can change actually position of your gradients so for example where should red start and where should yellow start and so on so I'm going to say position background webkit gradient going to say here from the left so red, yellow and a green one and see what it looks like looks like this and now I'm going to manipulate the yellow where it should start let's say 20% open this reload you see it starts now much earlier of course you can also use pixels so let's say we have 50 pixels width so let's say 300 pixels reload see it starts now here 300 pixels you can do that of course also with auto colors let's say red 20 pixels reload if you say now here of course like let's say 200 pixels you have a much larger red here section if you say now here yellow starts much earlier then something like this will happen because there will no gradient of course you see you can do a lot of stuff with this linear gradient already and play just a little bit around with it and get familiar with the syntax and everything and in the next episode I'm going to show you how to create radial gradients let's come now to radial gradients we will do exactly the same as we did in linear gradients so I'm going to create a diff container with the class box and extra class default now I'm going to define the box class give it a width 300 pixels and a height of 200 pixels I'm going to say margin 25 pixels now I'm going to create a default class and I'm going to say background webkit prefix and radial gradient like in the previous episode where we talked about linear gradients we also can need two colors to start and stop so I'm going to use white again and then black now I'm going to open the browser and see what it looks like and you see we have here a radial gradient it is though a little bit stretched you can actually kind of change that with a special keyword here and to do that I'm just going to create another one diff box this we call directly circle and now I'm just going to define the circle class background webkit radial gradient I'm just going to do exactly the same from white to black but in the beginning now we are going to add our keyword and the keyword is circle empty surface semicolon and slow this in the browser now you see it actually has perfect circle shape on our gradient also it's a little bit overlapping because the shape of our rectangle here but we can change that too by saying contain circle refresh now the browser you see it stops actually at the closest borders of our parent here our element or html element or rectangle we can change also this kind of behavior by saying farthest farthest side now I'm going to reload okay that doesn't load probably say closest side which is actually opposite I forgot of course contain has to build in now it works okay and now we set here farthest side and you see it stretches now to this border here because this is the farthest most far away but for our purpose now contain is actually perfect here we set to contain and you see we have our little circle here now I'm going to create another one a narrative container and give it this time a class called ball and I'm going to give it a class called colors first I'm going to define the class ball 150 pixels height 250 pixels much in the same 25 pixels and auto and I'm going to say more radius 100% so we have a perfect little circle and then I'm going to define our colors class I'm going to say background what kids and radio gradient I'm going to say it goes from from red fire brick load is now browser you see we have a little circle here you don't see much the difference of the colors let's say we go from red to orange and now you see it has a nice gradient here and we can add the same kind of options here like we previously did in the linear one so I can say here as well bottom going to reload it you see it starts from the bottom I can of course also define here starting points and end points so let's say here 100 pixels and do if you remember what we did in the previous one we set that actually in lower than what red one starts so we actually don't have any gradient let's say 50 pixels and you see we have this kind of shape here just a little I don't know what it is like kind of mountain here and then this background pretty nice you could do some nice things here you can say now here instead of orange I'm going to use white see what it looks like and you have a nice little shape actually here alright let's do another one and this time we do again add the container we call it we use again ball and I'm going to say multiple multiple colors multiple background webkit radio gradient I'm going to say now from the left we start and I'm going to say go from red to yellow to green to blue to black what it looks like here you have this nice interesting created shape here this radiant because it's so nice let's do another one a little bit more complex one say diff class complex first of course we say ball and then complex this time let's make a box so let's create a complex class background webkit radio gradient we are going to start from 40% 50% I'm going to say circle and I want the closest site and I want it from white to black 25% starting then again white 75% red starts and then again black let's load this in a browser and see we have a nice little kind of a donut shape and a little circle and you can see you can do all kind of shapes here you can just just experiment and play around with it but we are still going to create a little I don't think we are going to create a background with our gradient because there is something special about it I will show you so I'm going to say here of course if you want to make a background we would do that in our body because we want it for the whole page of course so I'm going to say background webkit for the linear gradient here and I'm going to say I want to start from the top and I want a light gray darker gray let's say here and I'm going to load this done as you see here we have a nice gradient now on some browsers it can come to problems actually so you should add here background peat no peat and background attachment fixed because in some browsers it will actually repeat this kind of gradient so it means like you have just always this short little gradient and you have some kind of weird shape design pattern then this will just you make sure that you have very perfect background with the knowledge of our previous lessons it shouldn't be a problem to create the diagonal gradients that works pretty easy by showing you actually again like creating a diffcontainer giving it a default value I'm going to say again box with pixels 300 pixels margin 35 pixels auto give it a default class background webkit linear gradient and all we are going to do is using the first option that we write into our arguments is just saying how many degrees 45 degrees going from white and from black to white and again to black and let's look at the browser what it looks like and you see it starts diagonal and we can change that of course let's play on a little bit 15 degrees with more let's say we have now 90 and of course we are again on this way here and let's say 12 you see it's really easy to make diagonal gradients create finally now our first pattern and our first pattern will be CSS blueprint pattern which is just a blue background and a white grid of it let's get started we don't need any further HTML elements because we will apply everything directly to our body so I'm going to say body background color and set it to this blue we want to use going to open this quickly in a browser so you see what that blue looks like then I'm going to attach the background image and here is where we are going to use the linear gradients I just leave here the web kit actually so otherwise it wouldn't work the browser support is anyways here so we don't need really the web kit transparent to pixel then we start a new line and do exactly the same gradient just this time we were at 90 degrees but again white to pixels and transparent to pixels then the line again linear gradient this time we use RGBA as a color 255 255 and as opacity 0.3 after the presets we add one pixel and transparent one pixel then I can come up and another line linear gradient 90 degrees again then we say again RGBA make it here nice black and opacity 0.3 then one pixel and we set again transparent one pixel now I'm going to add the background size 100 pixel 100 pixel calmer 20 pixels 20 pixels and again 20 pixels 20 pixels this will give us this grid system actually and the background position minus 2 pixels minus 2 pixels minus 2 pixels minus 2 pixels minus 1 pixel minus 1 pixel and again 1 minus 1 minus 1 now I'm going to load in the browser let's see what it looks like and we have our blueprint background here now I wanted to show you something else and I'm going to show you that actually in the next episode I think this is better this will be another background and I will also apply to it how to use gradients on text and fonts let's get started with CSS clipping to show you CSS clipping I have here a div class with BG background and I'm going to give this class some background image I'm going to use here unsplash dot it again you just can't copy this URL here and then paste it in that was the wrong one and then replace this with 250 250 so we have even sides so each side is same size and then I'm going to say with 250 pixels height 250 pixels let's look in our browser show it repeat of course class is right here it is here's our picture I'm quickly going to reset our browser settings because I see there's a little margin here let's reload the browser now it's perfectly in the corner now I'm just going to position this thing here position absolute left 50% top 50% and transform translate minus 50 let's reload and there it is perfectly centered now we are going to use a clipping path and a great help for that is the page clippy or this tool clippy which you find on this URL here www.benethafili.com clippy where you have some predefined shapes and clip paths you can just click on whatever you want to let's take this heptagon here copy stuff here and just paste it in and save and now we open our browser page and here we go we see how the clipping works and we have a beautiful nice shape let's try to do something else let's take maybe a star here same way we just copy that paste it and reload and again we have our star here because it's a random picture we can just reload and get a different picture looks pretty nice I would say of course you can make your own clip paths you just actually define this points here and you see also if you just move this little circle here which value is changing so you could just create your own little clip paths here and make some art because css provides us with this css pseudo class we can check the html input field with the type of radio button or check box which state we have checked between two states so checked or not checked which gives us the opportunity to create something like a full screen slider with pure css without any help of javascript that's pretty cool I think and I'm going to show you how to do that and so we're going to create a full screen slider and we do that by creating a new index.html file I already put in the folder here and normalize css which will just reset the preset styles of the proleter looks like this you can just batch that online if you google normalize.css and you just copy then the content and create a new file and paste it and say that then I created a styles.css where we will save our styles specifically for our slider everything on the page and index.html which holds our slider of course so I'm going to say html and we want of course a header and we want the body tag not a header I mean of course we want a head not a header and ok now we'll do that of course here let's just create like this and let me look better like this then I'm going to create a title a meta tag and a link actually we need two links because we have our normalize and our normal styles.css so normalize.css and here our styles.css the title I'm going to name css fullscreen slider and a meta tag just for health trusted information UTS it's then I'm going to create a container first this will be a dupe tag the class container and with an arrow container I'm going to create a header and with a header I'm going to create four labels these four labels will help us navigate or set our state for our input fields for our radio buttons because if you click on a label and it's linked to the input fields with this for attribute you actually just check that radio button or you set it so now I'm just leaving it blank and just give here each one a container so let's say always slide and then a number and each one will have a number of course two, three, four then underneath the header right away I'm going to create an input field which will be of the type radio and right afterwards I'm going to create a section tag and I will do that four times so I'm going to do that by saying input first I need this presence here input and I need a section then I'm going to say times four and you see that does it for us now I'm going to select all these types here by shift command of L and I'm going to say radio then I'm also going to add ID this ID will link the input field or the input tag to our label so I'm going to call this here slide then a number one and then I call it trigger because the triggers are actually slides and now I'm going to say here two, three four and our sections before we actually do our sections I'm going to add the same one in our four attributes here this is important so otherwise we can trigger it of course slide one trigger and here we are going to say two three four and now we're going to go to the section fields each section will have a class of slides so I'm going to select this we do that again by shift command in L now I've selected all the queries let's do it like this shift command L and then I'm going to say class slide then specifically also I'm going to add each one has of course own class so with a number so say class one has slide one two three four section we are going to add content or this the content which should be like on our overlay like some text some headline so I'm going to add a headline there by best would be like selecting all of this again shift command L then a little bit space and then I'm going to add a headline let's say a tree headline should be enough it doesn't do that so let's do it manually and say headline number then we give here number two three four now we have all our actually HTML we are going to need let's see how it looks like in our browser opening the browser and zero around of course one second okay now reload and you see our input fields here our input tags our radio buttons and click now on slide here it's going to select these because I told you they are linked to them via the for attribute now I'm going to add some style so let me open the styles that CSS first of all some global style so HTML and body I'm going to set both with and height 200% and margin and padding zero we don't need actually because we use our normalize then I'm going to use the container click and I'm going to add here it's same like with and height 100% and set the position to relative and overflow to hit give it a background let's say some dark gray I give it a color I'm going to set it to white text line let me make it a little darker let's say just here free now I'm going to style a header the header will have a background too I'm going to make this a little darker let's make it completely black let's make it like this and the box shadow of 0.5 4 AM 1 AM and black then I'm going to say precision absolute now positioning it on top 0 left 0 and give it a width of 100% and I'm using a set index because I want all this to have it on top so let's say 1000 then we go to label text and give it a color I'm going to use here white or let's say a lighter gray let's say a more light gray and the cursor should be the pointer so you see actually we are on a link this play will be inline block next to each other of course and I'm going to say set a line height to say 3.75 and font size to 7 AM font weight to bold and padding to 1, 0 and 1 AM then I'm going to style a little with the hover effect I'm going to change the background for lights let's see how it looks like in our browser in the browser we have sender everything we have here where we later have our slides and now we can select each radio button here it looks fine so far from me and the rest I'm going to do in part 2 so I hope to see you there and you hope you liked it welcome to the second part of our CSS full screen sliver in the first part we created the html structure and I want you to please in each input field here input radio button the name attribute and the content slides for each of our input fields please this is important so we can select each slide separately not this so it doesn't keeps the state always on because if we sleeve that out so it will be always selected and we can actually change the state between them so please add that and we edit the styles of course up to the hovering effect of our labels and repeat again our navigation contains just label elements because with the full attribute and the idea of our input fields we can link them to each other and can so change the state by just clicking on the label now I'm going to continue here where we stopped by adding the styles to our slide I'm going to say with 100% and height 100% then I'm going to set the precision to absolute I'm going to set the top 0 and left 100% later we are going to set it back to 0 to make this effect of sliding now the set index I'm going to set it to 10 that padding to 8, em, 1 em and 0 and the background something that's black here and the background position to 50% 50% and the background size to cover and at transition we're going to say left 0 seconds 0.75 seconds delay and now I'm going to add to each slide our background image I'm going to do that by using external page called unsplash.it I'm going to show you quickly what it looks like unsplash.it and actually it just gives you placeholder images randomly from the web you can use you can set after the slashes here always the size on your pictures you can also just get randomly in pictures by just adding this this question mark random here and you can also greyscale it by adding a view between it and you can also use you're getting a list here you get an adjacent object back and then what we are going to use is a specific image and we will use this one here we will do that now by slide 1 image URL and I'm going just to copy this just go here and take this here copy this in here I'm going this we leave here but I am changing the sizes so they won't be so pixeled say 800 and now I'm going to copy this whole thing here 3 times and say here 1, 2 and 3 and of course I'm going to change the numbers here too 3 4 and then I'm going to select our slides we will use now our attribute selector remember we can just there is here id and I'm going to select the first one each id which has slide the string here in the beginning this will select all our slide sections and our input fields now I'm going to add the attributes added the pseudo class checked so we want it checked and add then point slide the class and setting the left back to 0 remember we set it previously to 100% now we are going to set it back to 0 so it gives the slide effect set in the 100 and the transition of course of left 5 seconds and is out now I'm going to show you how it looks like and our browser by reloading the page let's see we have our nice full screen pure CSS slider now just let's add a little bit of transition cure animation for h1 here by saying slide h3 and setting the opacity to 0 and transform it translate y to 100% this will make it like slide up to our animation then let's say transition left not left, we want to transform and 0.5 seconds 0.5 seconds and then we are going to change the opacity 0.5 seconds now I'm going to select this the same way with the attribute selector ID first everyone with this slide on the first checked plus slide and h3 take of course now I'm setting back the opacity to 1 transform translate y back to 0 and transition 0.5 seconds 0.5 seconds 0.5 seconds that's actually all let's see how it looks like reload now you see it has a really nice effect when we change the slides this is all about our full screen slider I hope you liked it and you see that you don't always need javascript to create a slider if it's much easier to do it with css it's actually not that much code and I'll see you on the next list the second project in this project we will create a little css terminal and we are going to start right away with the cancel body so I'm going to create a div tag cancel I'm going to nest within it a navbar and a screen element both divs so navbar screen within the navbar I'm going to add 3 buttons will be both, or 3 will be divs so I'm going to give them all a button class say a times 3 then each one gets a separate class so I'm just going to score and then I'm just going to say red and this one I'm going to give orange and this one green to set the colors later and within the screen I'm going to add another div tag with the class first line and within the first line I'm going to add some text I say home pc and then till the space hello world another span with the class cursor and this is actually all about our html support now we are going to add some style so we start with the cancel element and I give the width 500 pixels now hide 300 pixels background slightly not that dark black and position relative and margin to center it let's say from the top one pixels and then auto and then I want to add border radius to the top and left and the top right border top left radius 10 pixels border top right radius 10 pixels and this I'm going to open in the browser and reload it and we see here our window now I'm going to add the nav bar so the top value three buttons will be placed going to do it by nav bar and going to say position absolute top zero left zero width of 100% background I give it a light gray and a height of 25 pixels I say here again the same I'll give it a border top left radius 8 pixels because otherwise a little bit overlapping and you see a little bit black so you can border top right radius of 8 pixels now I'm going to open in the browser again reload you see our macro now I'm going to add the styles for buttons so the button class each button will have a height of 10 pixels and the position will be absolute as well I'm going to say top 50% then transform translate y minus 50% to center perfectly in the middle and from the left I just want 10 pixels then I'm going to say border radius 100% let's open the browser to see how it looks like and now we don't see it yet because I didn't give it any color so let's add quickly a color by selecting the button red and saying background red we will use fire brick now open and we see the first button now I'm going to add the orange one setting the background to orange and I'm going to say left 28 pixels open the browser and see what it looks like and I'm going to see how this looks good now the last button green background green and left 46 pixels let's open that looks good so we have all the buttons now I'm going to add the screen or let's say style the screen so the screen all I have to push that text style position relative top 30 pixels let's see if that is looking right then left 10 pixels that should be fine now I'm giving the text a little bit style so I'm going to I'll start at first the line the color white text a little bit better alright so now I'm going to add the plank effect so we also need a little bit of animation at least so I'm going to select our cursor and I'm going to say border right one pixel solid see if you see it here here is the cursor now a little bit of march into the left pixels looks good now I'm going to create keyframes animations I'm calling it blink as a 0% I'm going to say border color transparent 100% border color white now I'm going to add this our cursor so I say animation blink and then say 0.75 seconds should be alright I'm going to say infinite and open the browser see what it looks like looks good that's how we create a little CSS terminal now we could add of course other lines and add the cursor and the end and do a little bit of JavaScript but I'll leave that to you that should be enough for now so I'm going to see you see in our first how to I'm going to show you how to customize your select fields or your select drop down input fields and for that I'm going to create first a diff container and with the container I'm going to create another diff and give it the name give it the class drop down and if this drop within this drop down element I'm giving the select field and some options and I'm going to give it four options I'm going to give the name of this select field again job and id jobs and now I'm giving it some jobs adding to the options let's say your web developer maybe something like engineer cashier content so these are our jobs I'm going to select the container first and say your margin is 0 auto with 2% here yeah, like this or yeah, let's select it a little bit so we can see that better and now I'm going to style or try to style the select field the thing is select fields have some kind of problem or some kind of reason to have some issues to style them because they have preset styles you can't just get rid of and you will additionally have problems if you can get rid of them with cross browser support so on internet explorer I especially make some problems there but I'm going to show you some workarounds and some fixes that will help you to solve these problems so first of all let's try to give it some style in general for example if you try to give your select field some padding like 200 pixels here nothing will happen so because of our preset default styles here so what you can do here is adding something called appearance did I write it right appearance like this and set it to none nothing will happen here because you have to add some prefixes here for each browser capability so I'm going to add here the webkit appearance and set it to none too and you see all the styles disappear except the border actually and for Firefox you're going to add the master prefix appearance appearance set it to none too but you won't have to do that you're just going to try here some stuff in Codepan for example you just can add the auto prefixer then you don't need anything of this you just need appearance and the rest will Codepan do for you well like I said you will have some problems in internet explorer there is a walkaround and you simply just select the select field add absolute element ns expand here and set the display to none well this will do an internet explorer 10 and 11 it will hide the default error so this error you would have usually of your these errors here so I'm going to put this back here and now you're going to style our select field so first of all I'm going to give it a padding I'm going to give it a padding of 8 pixels this is fine for me and I'm going to get rid of this border radius I won't want any border radius in this case set it to zero looks awesome good to me now I want to add some after element I want to add an arrow so I can't do this with select after as you might think it will have some problems so because of that I created a parent for our select field the drop down class here if it has a drop down class and I'm going to style the drop down instead the select field itself I'm going to make display inline block because I don't want it to have to hold it actually here and I'm going to give the drop down display inline block 2 and that's actually all I'm going to add the drop down after element and what we don't forget, set the position to relative here so first we need of course the content again and the content will be here not empty we will add here some icon and the standard font comes actually some cool icons you can find on the website like topdoll.com or some other websites too and you always find something like the CSS code here so you're going to just have to copy the CSS code and paste it into your content here and you can see already here is this icon a little arrow and that arrow I want on top zero right zero and to align it like this of course you have to set the position to absolute awesome I'm going to increase the width of this whole select field so I'm going to give it 165 pixels slightly then I am going to say line height I'm going to change the line height to center that whole icon here let's go 35 pixels it's pretty much the center, let's make it 8 root more let's leave it to 07 then I give it a padding right of 5 pixels exactly around say 8 and we have our icon here we can try some other icons here we'll see if we find something interesting here let's say we want like this here for example this looks good let's take this code just copy and paste it in your code here good, now we have here this little arrow looking right here, this graded end thing and this is how you actually style your your drop down or your select field your select element you can also change the border here if you want to all kind of stuff if you have problems like I said before, repeating if you have problems with Internet Explorer to make your form elements display correctly, especially here use select fields add always these lines here and for all the other browsers you add appearance none or if you don't use auto prefix you compile your files then you just add a prefix like mos or webkit and you're really fine to go so I hope to see you in the next how to lecture and I hope I could help you with that issue I'm going to add here the normalize and the auto prefixer then I'm going to create the html which will be a diffcontainer diff input group and another one and within the input group I'm going to add a label this label will be for mail so I'm going to say mail here then I'm going to create input and this will be a radio and I give the idea of mail then I'm going to create another one and say here female female and the input again the type of radio and the idea of female alright this should be all now I'm going to create the css first of all I'm going to take the container here and say what you wanted to send it a little bit I don't know, 300 pixels then I might say also I want a little bit distance from the top now I'm going to create an input group selector and I'm going to say this block is automatically set to 100% and padding 12px0 so from the top and the bottom it will give a little bit space so now we are coming to the radio button itself maybe first let's create first the radio button so first of all say input and I'm going to use selector here and say radio and then I'm going to say appearance appearance should write it correct of course so the radio button is actually gone but now I'm going to bring it back by saying the same selector here and say before first of all we have to give it a content then position absolute left 0 say top 0 bottom 0 width 10 pixels and height 10 pixels background just color here so we see it already appears on the top left corner of our screen but of course have to set the position of the parent relative alright so this is now on the very left and actually let us do a little bit different here I'm going to put the radio button before the label actually so let's just copy this here so I don't have to worry about the lighting for now I think I just deleted the label let's create a cleanlabel mail mail and that's alright, okay good now I'm going to say that our label so let's make our label maybe here so label is margin left 12 pixels and then a little bit distance between and except background this I'm going to say here border 1 pixels solid same color then I'll say border radius 100% perfect I have bottom top to zero left to zero to the right now I'm going to change here the line height have to try a little bit and of course it also says display inline block let's make it a block level element actually and then I'll say line height pixels is a little too much let's say 8 better 6 6 is good margin left a little bit more let's make 24 and now we have this our little radio buttons already cut up I forgot to put actually let's see the form so let's do this clearly just going to copy all this here and put it in a form like this maybe a little bit more structure ok now I have everything we continue with so I'm going to say input type radio and use here the after but before I use the after I want to say checked after and the same thing content position absolute left two pixels maybe top two pixels bottom I'll leave now so with 8 pixels height 8 pixels background same color border radius 100% now I'm going to click here and you see the radio button is there and it works this is our little radio button of course let's make it actually a little bit bigger here so it looks a little bit cooler so I'm going to say before one 15 maybe that's pretty big and going to say here not 14 what does it look like here a little bit too much let's say 12 yeah that's not a bad 12 minutes say 3 3 that's not a great actually doesn't look that good we can make 4 that's too much probably let's leave it to 2 and just make the width a little bit smaller that fits all right perfect now I'm going just to save this quickly here and click and perfect so this is how you create custom made radio buttons


Didn't really get much. I got one pair maybe two pair of shoes a year and Clothes I said we're cheaper clothes. That's why I do like Walmart stuff because I was made fun of For a low price of 159 25 I got 12 kids a pair of shoes When you buying a $70 a pair of shoes for one child, I got 12 kids 12 kids Shoes for 159. I'm giving away for free because I had old-ass and one's owner I'm wearing Walmart clothes. I used to be embarrassed to go on Walmart and I know there's kids out there That's as embarrassed that they can't wear with all the other kids is wearing an artist of my stature being big as I am I put on that Walmart clothes You know, but we didn't have much yeah, that made you grow up really quick. There's like my family lived off my Ground was disability. Yeah, that's the way we was too Everybody coming when the first and end of the month to come get some money to pay they bill did that make you mad Yeah, I mean, yeah, cuz I didn't really get much. I got one pair. Maybe two pair shoes a year and Clothes I said we're cheaper clothes That's why I do like Walmart stuff because I was made fun of because I had old-ass and one's owner I'm wearing Walmart clothes. I used to be embarrassed to go on Walmart And I know there's kids out there. That's it's embarrassed that they can't wear With all the other kids is wearing and an artist of my stature being big as I am I put on that Walmart clothes For a low price of 159 25. I got 12 kids a pair of shoes When you buying a 70 dollar pair of shoes for one child, I got 12 kids 12 kids Shoes for 159. I'm giving away for free. It's alright to wear. It's okay. Yeah, I love that I'm smarter cuz I wear it You know I'm an artist. I wear these cut-off t-shirts cuz I wear a t-shirt a day. I sweat it out Well, I'm gonna sweat out Balenciaga shirt that cost me 1500 not wear up a one-time But I can put this this one hundred I like the fact you have your head on your shoulder, but have you always been like that or something that you had to Grow into I mean, yeah, I always wanted those things, but I had to get smart.  He said when you're not wearing it. They go call you broke You know, but right now you wear a Walmart, right? Which it all makes sense, but it's just that everybody I know that comes into the game because they never had it Mm-hmm. They have to like in their mind, okay Give me the six months to just blow it and that's not have a good time with it I never had it because my my son got cancer early in my career And I used my money to to save his life Because his insurance when it covers chemo, so I didn't get to buy cars. I didn't get to buy houses This is my first chain. Wow. This is my first roly. I he's in remission now, you know now Thank God, you know, thank God. So I didn't get to do those things. I didn't get to do I didn't get to start my stuff was saving my kids life and that's that's the biggest flex I can ever give you man. I'll find your in your career Did you? Were you when you found out about right when my dog came out? My dog came out.   I was using everything I had just to go on tour with them So right after I did my first tour at Boosie.  I didn't know about doing mixed tapes and albums I had a hot single. All I knew is I had a one-track mind I got getting money to feed exactly to take care of my kids health So I was doing show after show after show and it kind of drowned my buzz out because I was doing so many cities You know, then there was artists like today kills people buzz. Yeah, when you drop it when you drop in constant projects This is singing the same things over and yeah, cuz I'm really trying to get out here and make some money Oh man, cuz chemo's do yeah, yeah, it's hard. I can't go in the studio and think and be an artist all I think about is Yeah, and I didn't have a good manager to say sing about what you're going to exact That's what exactly what I was thinking about. That's real. That's real Anybody around you doesn't even always have to be a manager. There's somebody to this, you know plug that into your I didn't tell people I was going through when I was going through it.  Yeah, my manager was he was a promoter He didn't know how to manage He never he just got me a deal with Empire and then he went off by himself I basically was managing myself after a while. I was fine random people to come on the road with me Right with me rolling you play like my manager so I can do these shows I'm from Kansas to pica. We don't got everything. We don't got nothing Boss talk one-on-one one-on-one. Yeah, we gonna


Welcome, Internet, to the first stream of a real talk at the Kaos-Soner TV stream. And we are going to talk about social networking, which is a quite common topic. And I hope you will all have a very nice RC3, the second one, which is completely remote. And for this talk, I welcome our first speaker, which is Stefan from the E-Connet Foundation. And he will talk about solving social networking through interconnectivity. And we'll try to explain us how we can exchange messages in between different social networks and so on. So, Stefan, the stage is yours. All right, thank you very much. I will present myself in German. I hope everything works out with translation. But yes, I'm happy to be able to stream from my living room. Of course, it would be much nicer. But yes, I'm still very happy to have the space right at the beginning of the conference. And I'm also happy to have the opportunity to talk about our research. And yes, I'm excited that everything will be developed here and I hope that it will be an informative presentation. Exactly, the topic is Solving, social networking for interconnectivity. That means Solving already says that it's a problem. I think most people know that there are several negative effects on our society. I'll go into more detail on that later. But media search, radicalization, that's been going on for a long time. It's just a strange situation in which we have our private communication here. We have an infrastructure for self-determination and innovation. So it's difficult to introduce innovation in this social network market. Or even if I just want to use something else, then I'm cut off from everyone. I can't really decide for myself where I want to interact with other people and what technology I want to use. And what I also notice quite often and what bothers me is the apparent lack of alternatives in public debate. So when it comes to these negative effects on our society, I don't often hear constructive solutions. But also personally, when I meet or meet people and tell them that I work on radicalization, it's usually the first reaction, first of all, why should Facebook do that? So even here, a lot of people don't even understand that something still exists on Facebook or Instagram. And that's exactly why it's about going today. I want to hope for better results. I want to show the picture that digital communication could go even better. I want to show an infrastructure, let innovation and self-determination go and further. And show an alternative. That's exactly why it's about going today. First of all, briefly, I would like to introduce myself. First of all, I would like to introduce myself, especially in collaboration with my very good friend Martin, who has been here for the last two years. For the last six months, Realization has been around, also a large-scale team. And it's super exciting that it's with this work that we've been working on for so long, that it really goes into Realization. And we have now also founded the Iconic Foundation in September. The Iconic Foundation stands for Interconnective Networks. What does that mean today? And we are a community organization for research and consumer protection. What we do, the mission, is to spread the development of protocols for inter-connective social networks. And why do we do all of this? It's just to promote a self-determined society with healthy communication forms. That's what our core theme is about. Exactly, technical arrangement. What is it about today? It's about digital communication in general. That can be seen in different ways. Technically, central and decentralized. We are in the decentralization of digital communication. Of course, interoperability is a concept, a standard. And we want to compare what we understand with inter-connectivity. And then it's also about the utility side of compatibility. That's what we call our technologies that we've been researching. So we really get deeper into our research. Exactly, that's what it's about today. Let's get started. First of all, a very brief overview. What do I mean when I say digital communication? Digital communication can be done in a very different way. If people know each other, the communities and the public. You can exchange messages, profiles, blogs, calendars, interaction formats and media. There are all kinds of different functionalities. And the form can be private, for example. It can be asymmetrical. If I look at a YouTube video, for example, where 500,000 people watch a video and I put a comment or an interaction, then I have somehow communicated with the influencer. Even if it's asymmetrical, because I'm only one of 500,000 people for him. But it's communication. There are also specific forms of communication where processing is necessary. For example, if you just want to get a notification for every tenth of an interaction, or a classic example is often the app Tinder, where you are only informed that you were matched when you did the legs. There are also specific forms of digital communication. There are still many more examples. That's just the way it is. What do we mean here? What is digital communication technically? I have a brief overview. There is a code in the bottom. It's not that important in detail. What is important to me here is to give an understanding. Digital communication is simply programs and program codes that are executed on different devices. And in some way they have to exchange data and they have to be able to rely on it that the other device sends the data in a certain format and then continues to process it. And you call it protocol because you need it. And if you don't have it, then the communication doesn't work. And that's why we're going to talk about protocol today. So now let's get right into it. Why should the whole of my opinion be decentralized? That's not just my opinion. I will go back to another aspect. In general, I am convinced that solutions from the communities have to come in which the problems arise. So that it is not controlled centrally and that a few people in the rest of the world somehow realize how to talk, but that there where people feel a problem, they themselves have the idea that it is possible to have the idea of how to solve it. And then I think it's just a good thing for our society if this idea is also usable. And that's why it's necessary that we have an open innovation and self-sufficient infrastructure. So that we can spread these ideas organically, how we can solve different problems in our community. And that's why it's not so good in the so-called central systems. That's what we like to talk about from the network effect. The network effect is simply described as the product loss for consumers depending on the total number of users. That's intuitive for everyone. If I were to switch to a social network where there are no users, then this application has no value for me. I can't meet friends there. And that's the reason why most people are switched to networks where many people are already there. And that's why the product, this application that I choose, I don't choose after my personal preferences. And then in extreme cases, when everyone is on the same network, I have almost no choice, no self-determination. And the system will also be immune to external innovations when it can't decide for this innovation at all. And that means, there is the conservator, that only the ones in the central system can change something, which will benefit from it. And that is, in my opinion, the reason why in recent years the system has moved with the mainstream networks. I think there would be enough people who would have thought about innovation and would also be interested in it. But the whole thing was controlled, apparently nothing, otherwise it would have moved a little more. And now we jump in directly. We also have a lot in front of us here. What do I mean by inter-connectivity at all? In general, I first think that there is inter-connectivity between connections between different networks. Without this green line, I hope you know the color well, these individual networks are not connected and it is about creating connections between the end points. What does that mean specifically for social networks? Well, that contacts can interact with each other about their own network. That has the advantage that everyone can where he wants to be and still can interact freely with all his contacts in all communities. And that's the best if these work very differently and do different things. So that people who decide on a different way to communicate are still able to interact. That should be the goal. What are the technical challenges? Firstly, reachability for the contacts and the personal technical network. Your own network is already connected and you should reach the other people or you should reach me from outside. And secondly, the behavior of functionality which is not present in your own system. If someone sends me a message about a technology that does not control my own system then it would be ideal so that for personal communication it doesn't matter because I would like to receive a message even if our systems are not compatible. That would be ideal if you could ignore all of that and then we'll see how it works. Firstly, there is a form of global addressability i.e. a variable or an address where it is clear to all networks that the package should only land on me. We already know it from e-mail no matter if you have your e-mail at Yahoo, Gmail, Protonmail it all comes at the right time. Secondly, there is a real problem because there is a conflict in itself. How should my system perform a functionality that does not control it, that is not done at all? And if you put these challenges out of the box then it actually comes out that the processing of the communication and the functionality can't happen in my system it happens with my communication partner and my system has to show it properly that I can interact as a user Exactly Therefore, e.g. the initiator always determines a communication form. It's easy to say if I upload a picture then I'm looking for a way to interact with it. Exactly it becomes even more clear when compared to interoperability. Interoperability is a synonym to decentralization. It simply means that different systems can interact with each other. Here are the green lines. This is the classical decentralization. Here it's all about finding the market and functionality. I copied the list from Wikipedia with the active projects that exist to simply show that what it is can be used now that should be used now. Exactly that is an interoperability to itself. There are just a few limits that I would like to go through. First of all different interoperabilities are not compatible with each other. Interoperability makes the different systems work with the same protocols. If there are different system groups with different rules then it works in the rules but they have some interoperabilities but not in general. Of course, we can simply find a classic interoperability that is suitable for any digital communication. Let's see what it would be if we could find such an interoperability. Let's say there is a difference between non-operable, interoperability and non-operable. What does it mean? It means that a standard or you can also add new rules if you find a cool functionality. There are a lot of examples. Non-operable interoperability is an innovation hamlet. What must not be tragic for example the telephone has a clear interface. I don't say the clear interface is something bad. You can use a telephone if you call someone. You know what to expect. It's also a great thing. It's only critical when it comes to social networks because I'm not sure if we understand how to solve it and how to interact. That's why I think innovation is important in this sector. We have to do a lot and it shouldn't be too early. What happened when I said there are different sources for compatibility weaknesses. It's not just theoretical. It's what we see in the practice between the different systems that are all live. If you say we have an advanced interpretation that is made for everything, then I have compatibility weaknesses in the end applications if they are just too similar. Either if they haven't used the protocol or if they need a part of it and if there is an application that is a Twitter clone and is exchangeable for microblocks and for example another app that is for chess and a chess app then there may be a protocol that can be exchanged with the one to interact but if the application doesn't implement what is coming, then it's not compatible. Or even if if you assume that we now have a global interoperability network if it is used in different ways there is also compatibility weaknesses. Of course you can say if a protocol is not used then there are always weaknesses. Of course you can't find a real protocol but because the interoperability is in detail and then there are different data structures that are focused on different things these are real topics. And then there are also not all networks that want to be interoperable. There are the connected networks that have a business system to keep their data. On the other hand there are just communities that are very satisfied with their state I have heard that more often now. From different communities they don't want to be mainstream they are really happy with their business culture and they don't want to be featured in general. Of course there are also things that you could solve. But for us when we are almost together maybe there is this perfect interoperability today it's not like everything is interoperable. And that's why we still have big chances of interconnectivity. In short what I'm going to introduce here is more practical than final. Because this interconnectivity that I describe somehow falls again under the definition of interoperability because these systems also interoperate in a way but it's just for me to use this way that I see interoperability with the goal to achieve as much compatibility as possible in which I define formats and functionalities that can be used constructively and on the other hand with interconnectivity I actively set the goal to keep formats and functionalities as independent as possible and still have a useful compatibility. So what does it look like on different levels? For interoperability there are both interconnectivity and you can only see what is that. Not all interoperability are the same, I don't get it wrong but in general let's take a look at the upper part it works interoperability is the control and the functionality of the communication and then two different applications here in bright and a bit dark green are compatible that until the presentation all all data all functionalities are fully interpretable for the system and then the end applications because you can interpret the data because there are rules and protocols decide how they present themselves in the interconnectivity look down that we don't present the functionality that we only set rules for a general control and then in the presentation level a window can be set how it can be implemented we will go into that in a moment and here it can be that we like to have basic control which is also between systems that are not interoperable and on the bottom right are the two different green tones which are compatible that the end weather for example in the presentation there are two different slots it works in the data and in the application and if there are compatibility then you can use the format from bright green from which the message comes that's a big goal now it's very stupid to say what is the better further and you can't say what is the better what is the better, a hammer or a screwdriver but there are disadvantages we already said if you don't use interoperable it's an innovation hammer if you use it further there is a potential for compatibility and that is really decisive when different groups use different technologies and then some comments don't come that is often if it's not enough to understand why the message doesn't come it's not a good system the interconnectivity is also a disadvantage the format is completely decided by the transmitter I don't have any control over which format it is and above all data can't be interpreted because they are only shown to me and I don't have a fixed in which format these data come that's exactly what I said with different tools that's why I see in the source that the interconnectivity can help where the limits of interoperability are so for example they have a lot of different communication requirements they use something completely different and although their system doesn't make sense to create interoperable because the requirements are so different they want to be able to communicate with each other and then I hope that the interoperability in its different forms can help everywhere where the limits of interconnectivity are so if I get a great invitation it's great if it's shown to me but I also want that the data that comes will automatically be delivered and in any case the functionality and the format is definitely defined and that's why I can give you an example that it can work like this that the interconnectivity and interoperability work like this that the interconnectivity uses that there is a general user compatibility that even if the systems are not compatible at least at the end when the user has a compatibility that he can call and show everything and everywhere where it is possible through interoperability also has a processing compatibility so that you can interpret and process the incoming data in the way that the user wants we now have 6 applications that are connected to interconnectivity orange, yellow, if it's just your own centralized systems and green and cyan with different applications so this is the idea that can be imagined and now let's really how to implement it would be so far the current state of research we remember the requirements, that is to say the reachability for contacts over the technical network on the other hand the execution and interaction with functionality which is not present in the system and that's everything, of course it still has to be private and secure the user should be able to choose the technology should not be limited people should decide and the whole thing has to be realistic pragmatic we want to measure these things later so now let's bring in what do we need specifically to talk to people first we need an application at the end of the day we need some app or app or program with which you interact with the system and how do you imagine now we have a nice and exciting graphic it can be I have an application with a fixed user experience and we have an extra post where things can be connected to other formats the whole thing can be integrated into a feed directly which is connected to other formats with other technologies or you have an application where it is simply shown what is sent to you then you need a home module a home component this is analog to the email something where an inbox takes messages for me this can be either an existing network a central one a de-central one or you can say any network builds a home module and is connected to the inter-connective or you can say it is a server for personal communication and then you need communication partners they need the same infrastructure and then you need the communication partners from Alice and Bob when Bob is used to communicate Alice can't then Bob needs a function module because these bridges help to overcome and it can be either that you have an existing system that you have two modules the home module and it also makes the internal functionality available to the outside but it can also be an existing system and above all what I have already presented data-free formats are prepared the format is just sent out without listening to it who can have it this is the infrastructure these five modules we need in this simple communication case of two partners with more partners but it remains quite similar and we fill this with life we look at what we need so that everything works how we have presented it we start with identities what are digital identities everyone has information from online that he wants to share for example a profile or photo with people and that is saved in the home module now even if my phone is out people can call the pictures that I want to share with them and then in some form in the contact lists my contacts have to choose what they want to write then we need the address the home module what the inbox does the storage package what is important not to say that there should be pro-ideality to have several addresses that if you interact with a lot of different services that the trackability is reduced but for a specific implementation the modules can be very much free the transport there must be clear rules how to transport packages and where to arrive very briefly I did not say that at the beginning you can see the green and blue module but the communication can run in the other direction if it needs a inbox it will be full and invisible because the same modules are mirrored they will be seen at the end for our observation we only look at the communication that communication to Alice comes in then we need auto-inforcing and security systems on the left on the left with the two symbols I do not go into the details of asymmetric settlement but I say what is possible on the one hand there is a contract that is signed to sign the data with a private key that people who see these data know that these data come from me and then there is the possibility of asymmetric settlement that for example a lock with my public key on the right the open lock with the image is the public key with which data can be solved so that everyone knows that my private key is the hand key that is a great view because I know that it goes a little fast but such a rough idea can be found then we also need to ask for permission we will do an example then we will see exactly what it meant and then it is also about the presentation how do we connect these formats then it has to have the application module the possibility formats that come can be presented and that can be presented very analogously to an internet browser because over my internet browser I can simply show all possible functionalities that are not pre-installed I can open a social network where I convert all kinds of functionalities that are not pre-installed it is simply shown at this point there will also be a short interoperability check I have also checked if data comes in I can present them and if not they will be shown to me and then the user can interact and then at the end of the day this interaction must be processed by the foreign functional module and then we have reached the target because if I in a foreign functionality when it is converted everything that I have to do as a communication partner when it is not connected to me to interact and when they are also handled then we have our communication on the right and now let's play let's fly around let's start with Bob who made a picture that he would like to share he has just in contact he will he has the key and the address of Alice here it happens the key the first time the picture is packed in a package which is perhaps for more people from the key which is very efficient to pack a package an extra key with which only Alice can open and there will be a small preview and together with the key an extra package is sent then it is sent the notification is sent the picture stays in the package only the request is sent then the address is known by Alice the message reaches her as soon as she comes she opens the package has the request and the key then she has the request and of course she has to click on it if she wants to see it then it is asked with a signature that she sees that she is the person who can see the picture and in parallel if the function does not work the message is asked both are sent back with the personal key which was sent and she sees the picture then she can enter the interaction of the function and then it is not open what it does if it says ok there is a direct notification of the interaction maybe it can offer an external network or it goes back to Bob exactly now from the implementation of the execution which I have suggested we want to start with the prototype so that we can enter a single system we have a code here as a motto that it is important to have it programmed then it goes around the protocol so that it does not go around just to distribute these modules how the single network is implemented is in detail only for the network itself for the protocol it is important that the tools are clearly defined that there are different systems there are clear rules and in the protocol implementation it is mainly about the work I have the control here where it is always a bit different for the individual interoperable systems exactly the requirements to find the best fit and then it is about the integration when everything is done so that there can be a system that can be interconnected now the question is it possible there are reasons for this I would like to call it four reasons one is the network effect which actually brings the problem to the innovation system if we connect several small networks then they will be better because more people can interact with each other so that we can get a wave how it may spread then we should not underestimate how simple digital solutions are if I want to solve a climate change and want to produce a new car if we build applications that work in open source and just solve the problem of private communication and if everyone plays a mobile game then it is very different that is why I do not underestimate how it can be very difficult the passion and the political will is also where I am especially in the direction of interoperable systems there is a lot and then here when I wrote it the song from Casper I also found it a nice idea he says in the song Ariel at the end is it not good is it not the end it is just private communication what is what is a private digital solution but it will also take a long time and I just think about it that we as a human being can solve the whole thing now I want to talk about why this improvement is so important now at the end one topic is the media search I would like to talk about two big topics first is the media search first of all what is search that is a lack of behavior in the payment system in the brain and what has happened so far it is absolutely known that the providers aim to use their design the payment psychology to have more time to use and to have more advertising and the providers profit in the same way and that really aims to train an unhealthy environment with a lot of people I don't want to make it bad if people just find content and find it inspirational and emotional but it is really often a large area especially a pandemic when everyone was locked in and what is now an important solution is that in an open market the providers are stopped so if you really have the choice where do you go then there may be the possibility that I decide what makes me happier and second if I really want to improve myself a diagnosis needs help so far I can say I am completely locked in I don't do anything better or if I use other applications that are aimed at this we don't have to connect with my friends because social networking is connected to how it is offered to the mainstream things like communication with friends that inspire me procrastination so many values if I notice that two of them do me good two of them don't do me good then it is especially often very difficult to leave the bad work if there are still very good things connected and with inter-connectivity you can simply build applications that only do what the people do well there is no reason why it wouldn't be like that second big topic that I would like to address is the radicalization the big networks are for entertainment not for debate culture that is simply very clear and problematic applications are often blocked there I made a minus because of course it is never exactly this kind of organization and that leads people to sources if they see that what they want to discuss even if they don't believe or what they believe that it is blocked there and I definitely make it interesting other sources where there are only such content and that really creates parallel realities when people also change the network where people believe in technically separated networks completely different things and that is an effect that still comes on in the already known years before a blast training of social networks that is also in the social network that has its own echo this effect is also on top of it and that in the solution inter-connectivity network that still doesn't matter first you see what people believe all people remain connected and still remain in exchange technically ok I still have 3 minutes I just got the statement that I'm coming to the end ok thank you and then on the constructive debate platform in the middle of our society so far where there is debate culture maybe somewhere there comes a function in the newspaper there is also a lot of heated people who have a strong opinion and engage there or there is a separate expert platform but with inter-connectivity there is also the chance that such constructive designed platforms in the middle of our society and the third is then really every other reason it is simply the same I think it is very essential that everyone can seem the same in what way he interacts with whom if he says to some young person he would rather communicate with poems but through peer pressure a network is forced where only with pictures is compensated and maybe it doesn't work or in any case there are so many examples and here to this graph the pyramids inter-connectivity should promote self-determination and then people can choose a healthy environment what is long-term in our society and our society needs but really better healthy environment and for healthy environment we need people to choose better solutions without having massive disadvantages and we need some form of inter-connectivity or decentralization without disadvantages digital self-determination I said that we will start now in the meta-pro-tip development please tell me if you are interested if you are interested in the topic I would also like to ask you I have my e-mail if you are interested in the development protocol research and project coordination or if you want to do not so technical work with the scientific combination planning of events and fundraising you can also use help we are just starting to warm up we recommend this contribution if you find it helpful the exchange we absolutely want to know what other people see this topic what they think of this concept donations can help us that we can encourage people and today already use interoperable networks and propagate bring friends with good content that is the same technology just connect this network effect and let us get to a better solution how is it going on? at the conference we have two sessions we want to talk about 2 o'clock about a technical opportunity and to talk about 4 o'clock a little less technical we can simply exchange ideas how better we can be as I said on the 26th for all the developers we will meet in planning and we will do a hackathon together on digital freedom day to bring this topic into the middle and we also plan a social network developer conference I thank you very much for your attention and for the opportunity I wish us all a great conference I am very happy and I would like to hear from you we connect networks, we connect people thank you very much thank you for the contribution first of all and we also reached a few questions the first I think you answered more or less at the end it was about what work so to speak you are doing to make interconnectivity usable for people yes of course it is the core of the mission now I have to make the technology to develop, not just talk about it you also have to weigh that we are parallel to the public work that it is not overhand that we are only talking about what we are doing but if we now we have a too small team for this big task and there we decided that it is also not right to continue to research and then we try to do the weighing also with the public action but the core is definitely the development of the technology that is what we are researching what we have in common that we will publish everything the next question goes into the direction whether you have thought about it so to speak how far your concept with the existing networks is combinable yes so with closed networks we do not have to implement our technology which means after the decision of the development itself we do not have to join what is connected to open source technically we have looked at a lot technically I have not found anything where I say that per se not inter-connective of course such a network is a business model that they sit in a Swiss bunker and are not inter-connective of course they have no interest in it but technically it is possible and we will see with the prototype team which technologies we aim to start on which we will be the first prototype but I will talk about that in a moment I would like to speak in detail about individual technologies and there is also a person behind me all right no, this is not very specific where you want to go then you have to turn yourself around actually these are all questions that have reached me so far I would say we thank you again and hopefully you still have a lot of interactions on the RC3 thank you very much this is the beginning of the conference please come to our assembly we have to bring it to the run if you have questions if you still see this please write to us we will be in contact thank you very much that was the lecture Solving Social Networking Through Inter-Connectivity and on the channel of ChaosZoneTV there is the next lecture at 16 o'clock Caribals Online Exhibition See you in Singapore until then drive around on the other channels and you can see yourself Bye


... in efektivne premafetorizacije v konto manjelji z modula v lokalnih stručičnih vsev. Interaktion. Česepes-Balita je vsev. Česepes-Balita, Marko, Roberto, Sabastiani z Universitetu of Toronto in Katie Boothby z D-Webb System ink. Jin-Wen. If you have to keep the mask, you have to shout. OK. The microphones are not recording. OK. This work is supported by QATN. So what's the prime factorization? It's a problem of decomposing a composite number into a product of prime factors. It is computationally hard and often used in cryptography to design algorithms. So far no polynomial time, classic algorithm is known yet. Solving this problem via quantum annealing was first proposed by Roth et al. in 2017. They proposed a method for encoding the prime factorization problem into Kubo and demonstrated that integers up to just 200,000 can be solved by 2x processors. And then in 2018, John et al. proposed another encoding approach and they claimed a large number up to about 250,000 can be embedded to D-Wave 2000q processors. Both state of the art use the global embedding, which is encoding the given problem first into the Kubo without considering the hardware architecture and then embed the Kubo to the architecture with generic embedding algorithms. Instead, we propose another approach for prime factorization via quantum annealing based on locally structured embedding, which we proposed for solving cell problems via quantum annealing. We produce easy models that are directly compatible with Paxes and we solve them via D-Wave advantage processors. In this talk, we will present modular encoding of bitwise multiplier into Paxes, which is synthesized offline via optimization modular series. We will show that this modular encoding can be used in combination with QB sharing to encode up to 21-bit times 12-bit multipliers on Paxes topology, ideally enabling advantage system to factor 33-bit numbers and most of this large number, 8 billion. However, in real architecture exist 40 QBs and couplings. In our experiments, we tested the multiplier encoding of up to 17-bit times 8-bit for D-Wave advantage 4.1 to do prime factorization. We demonstrate that the pulse annealing and reverse annealing to performance enhancement techniques of quantum annealing can be find solutions of the prime factorization. These two integers are the two examples factorized with non-zero energy and with zero energy respectively. Here is our encoding approach. First, we represent the multiplication as a conjunction of small Boolean functions. This is implemented by representing the bitwise multiplication with this control further and representing the connection between control further with equivalence constraints. For example, C out of the current control further equal to the carryout, equal to the carrying of the next control further. You can consider this conjunction as the end function of all components shown on the left graph. The next step is to transform this conjunction into the sum of kubos or easy models of the corresponding small Boolean functions. For control further function, we compute easy model penalty function that is compatible with PAXES via optimization module series offline. In this definition, notice that the graph VE represents the subgraph of the PAXES topology and A represents the encelers we introduced to find a valid penalty function that is existing positive gap such that for all x, the minimum of the penalty function equal to zero if x satisfies f, otherwise greater than or equal to the minimum gap. The omt problem here is to maximize the minimal gap subject to the range constraints of bias and couplings. The variable equivalence constraints is encoded in the same way. The penalty function equal to zero if the variables are equivalent, otherwise equal to the maximal minimal gap here for alternative to change, where the control further is mapped to the disjoint subgraphs of the PAXES. The equivalent variables here carry out of this control further and carrying of the next control further are forced to be equivalent with this strong coupling. We map them to the same kubit, making this blue kubit encoding two variables simultaneously. To prevent the bias of this shared kubit exceeding out of the range, we add extra constraints to the omt. Through this kubit sharing, we get two more kubits in gray for the use of ancillary variables and moral couplings, which is expected to get a larger minimal gap. These kubit sharing techniques can be also extended to compensate the lack of continuous chain in 30-degree or 60-degree direction of the PAXES. For example, if we want to propagate input A in red node here, in 60-degree there is no continuous chain in this PAXES topology, but we can introduce a fresh variable seen out here and append this variable constraint to the control further, just the same as the carryout into the carrying. Alternatively, this encoding can be used to encoding up to 21-bit times 12-bit multipliers, which has minimal gap of 4 over 3. The other multiplier encoding with larger minimal gap is 2. The size is 22-bit times 8-bit. In our experiments, we targeted at a d-wave advantage, 4.1, as shown in orange, there are some 40-kubits and couplings. So we encode up to 70-bit times 8-bit using a unified penalty function of control further with exact gap. This exact gap is guaranteed by fixing the position of the enable variable by cubic sharing and imposing strict constraints on the shared qubit and the cost of left coupling. Here is some preliminary results that encode the correct factors of the input integers. We used two initialization methods to fit inputs to the annealer. One is to substitute the inputs directly to the penalty function. The other is to first substitute the inputs into the corresponding control further and re-encoding the control further. In order to factor in large numbers, we used pulse annealing and reverse annealing. We set the pulse annealing time to 800 microseconds and total annealing time to 40 microseconds and two different time intervals for forward and reverse annealing to find the optimal starting point of the pulse. For each problem instance, we read 1000 times. As you can see, after the forward annealing, we can get a very few samples that encode the solution. And no zero energy samples. But if we reverse annealing from the local minima, we get more solution samples and even zero solution samples. Here we plot the energy distribution of the found solution samples in red and one lowest energy non-solution samples in blue. Through reverse annealing, we get lower energy. Even zero energy for bottom three cases. On the left, we plot the hamming distance from the local minima to a new solution samples through reverse annealing and extract the exact solution samples that all control further functions correctly. As you can see, the hamming distance is less than 25. For the other initialization approach, we can obtain samples with energy less than gap only with forward annealing. That is because re-encoding the control further increase the minima gap. Correspondingly, the hamming distance is smaller than the previous. To conclude, we propose another approach for solving prime factorization problems via quantum annealing base on locally structured embedding. Our approach maximizes the minima gap of the local computation via optimization series. We can produce chance of almost equivalent length or less chance, which is expected to bring better performance and global embedding. We show the QBIT sharing techniques can be used to encode up to 21-bit times 12-bit multipliers. And we demonstrate the pulse annealing and reverse annealing can be used to find the solutions of the prime factorization. Our future work goes into three-direction investigating how to make the most of reverse annealing in combination of the forward annealing to reach zero energy, try with less 40 annealing if possible, and extending our approach to the next hardware architecture, Zepha. Last time, I want to show you the energy distribution of the samples evidented from quantum annealing for single control further. The red represents the solution samples and the blue represents the non-solution samples. Among 100 samples, we can get 90 samples that encode the solution and one encode the solution but with large energy. For the control further of the 21-bit times 12-bit, we can get 84 and 17-8 samples that encode the solution. I want to leave this to you to imagine the performance of the 43-bit advantage system to factor 33-bit numbers. That's all. Thanks for your attention. Thank you. One of your collaborators wants to... Yes, second participants. Artur Sebastiani here. No, no, I don't want to speak. Just... Ah, OK. Good. I thought you wanted to speak. Is there any question? So, it seems like the embedding for Pegasus is a lot better than the embedding for the 2000q. But one thing that I remember from some detailed studies of 2000q was that as you anneal the multiplication circuit, you have qubits whose dynamics freeze at very different times based on their role in the circuit. And so, I'm wondering if you've looked at anneal offsets as a parameter for homogenizing the passage through the quantum phase transition. Yes, I tried to offset the annealing time. Since our encoding, we almost have no chain problem. We don't need to offset the annealing time for a chain. But I tried to anneal time of the ancillary bits and the variables of control parameters. It seems like if we do that way, we broke the structure of the control parameter. And we also tried to offset annealing time of border control parameters and the inner. But we haven't got a better solution, so maybe we will investigate more detail in the future. OK, thanks. Any other questions? If not, let's thank the speaker again. Thank you.


Let's let's build on what Nila said agree disagree. She's saying this shows Claudette has no self-confidence at least not yet Anyway, Jay shawna. I disagree with Nila because on page 241 when um when Mirabella bit um Jeanette's ankle the tech states I ignore her and continued on the hall this shows that Claudette is having confidence by trying to ignore Um The way that Mirabella is acting towards Jeanette So it shows that she trying to act more human like because if she still wanted to act wolf like that She would have went back. Okay. Good. So that was paragraph 61. You're saying that show she does have self-confidence All right. Good. What else?