 Let's see if we are live or not. Okay, we should be live now, but it's all due to Twitter and also LinkedIn. It didn't suggest me putting it in another LinkedIn group or something, that's okay. So apparently, learned from LinkedIn, it's an EG1020 system, like Celebration Day, whatever international day, I don't know what it's called exactly, Wikipedia actually doesn't mention anything on the 1020 system EG page. So obviously, some marketing thing, which we are more than happy to chip in, sorry for the birds, can get quite noisy. Know how much I'll have to isolate noise in this room or you not to hear it, I think it will be probably too hard, so just give up on trying to make this room quiet. So called the EG1020, we'll add an info and later prompts, let's add prompts as well. So this is just a text file, let's start with something, EG1020 system, you'll be looking for a Flask application, eventually, or not necessarily a Flask application, any application system, let's get it running from within, normally, we'll also have a, it's normally a Python, it's a default name for a Python file, Flask application, just an app I will do, as per usual, let's ask GitHub, Ko-pal, chat to do something, just control, I will add more to it in a sec, so we are asking a template, okay, let's view this in chat, what would you like to add to the template, what, does it make any sense? So this one, we're in chat with you already, returning stuff, okay, let's go by its names, type anything, so it will be a copy pasting mainly, just rename this one quickly, just some template, a HTML file, EG HTML, need to save it, yes, a template non-file, why is it using Ginger, it's Ginger, console png, it's generating a png file now, because it's searching for HTML in a different file, in a different folder, sorry, what would be the folder, already, this was a quick bail, just started already, getting an error, it's way too quick, gg research gate, we have flask installed, so where is that CVG file, can you fix this quickly, so it's my folder, yes, templates, that's right, should have templates, HTML goes in there, we run this again, right, control file, and we have an electrode position 1020 system, that was pretty quick, probably want to overlay it over an actual image of the brain, interestingly decided to do only four electrodes, just very curious, considering the project I was working on for the last seven years, it's also having four electrodes, why did you decide to include only four electrodes, that's not a confusion, why is it so apologetic, it's actually a good thing, yes obviously we have more electrodes, we just decided to do it for mock up example, that's okay, just asking why, merely for brevity, that's okay, I'm still curious, why did you decide to include this specific four electrodes in this configuration for the example, simplicity, initial code example, for a very reason, the choice was to provide minimal and clear code illustration, basic flux application, okay, that's okay, involve larger number, if you plan to create a complete eg application, expand the example, include all the relevant electrode position based on the 1020, well considering it's a 1020 system day, could you add all the other electrode locations, is my English that bad, yes I said other, not other, right so that's adding all of them in G positions, just add it in here, everything else is the same, so just say that, right, it's weird, and don't look right, mainly, yeah they kind of just stretch down, ideas how to add an outline of a human head, top view, any idea how to add an outline image for the human head, on top of which the electrode positions will be located, if Photoshop finally created an image, in an image of human head, outline Photoshop, game safety image, modified application, to include the image, yes, modify the html template to include a human head image, as a background, can use CSS to get a background image for the SVG or a container div, here's an example how to do it, using an external CSS file, right so we need obviously a CSS file, folder name, statics, we need another folder, that's just the normal folder arrangement, we need a styles css, within the folder, and this is something we could start with, how do we get an image that is not a copyrighted, it's the one, it's the one on Wikipedia, I like to, can we generate an image, can we generate a background head image, it's generating it for us using ellipse, and this is in existing code, so we have the flask render template, so using this PL library, we sure we used it before, so we'll have it installed already, yeah the PLO library, the image, open in here, in def return, eghtml, okay, the Python code, let's check the, wait, would it generate this image for us, would the image be generated every time we run the Python code, should not be the case, don't generate the image if it doesn't really exist, minimize this, keep that for a sec, in case we're replacing this, don't know why I'm getting a microphone error, how do we modify the html script to use the image, can we save the Python script, eghtml, with this title, we need to link to a css file in the static folder, that's correct, h1, 10.26, this will eventually, we already have it, yet this width is, let's make no, oops, h1 division, let's do it one by one, circle, text, then a def eghtml position and set the background image with css, okay, egh container, so we're actually modifying the css, we already have it in there, we still need to change something in the html, position text, position text, legit and the application is not actually running, so we have to restart it, we can restart it because we're getting an error and we're getting an error because there's no such file, human had png, why won't you create it, so for the first time around, should be actually creating the file and we have a static folder, we can run it from here, sure what the problem is, we just be able to run it from there, can we regenerate this, let's create this file manually, let's run this again, now it's super weird, let's check its permissions, sure what the problem is, okay, let's try resolving it with what's called, not called a copilot, let's make it larger a bit, I'm getting this error, create the static directory, I have the static directory, its directory already exists, one sec, it already exists, the select text is simply in what's seen, what, just likely that this reference directory name static that is used, blah blah, list in the error message provided, it appears that static directory can already exist in path and that human had this directory already exist in that directory, snagging by the script is encountering error when attempting to save the head image to the same path, if you need to modify the head image on static directory in any way, you should ensure that you have appropriate permissions to modify the file's directories in that path, additionally you should be careful not to overwrite the existing path, I'm not sure what the problem is because I have read and write, obviously, permission, also nothing that if we actually delete that file, it should be able to write it again, copilot's.code shared, it turned into relative path, what did it do, it didn't do anything, how do I, hey, path till name was path, real path, how do I continue this, and by example, cg1020 plus, it's working again, there is no, the human head image, just looks like that, visible, the page, no errors, human head could be improved, create a simple head, outline, image draw and leaps, and then those, and it's actually yes, it's a top view, it could be two leapses, it should have like a yellow, yellow feel, let's change copilot, control i, change to yellow and this again, human head still white, this is not, is this yellow, and the outline is black, all right, it's not changing, obviously, it goes actually generating it, have to stop it again, the nose should be a triangle, as triangle field in red, head, ears, field in red, it should be further down the center of the head, because currently it's just weird, no caps locks in, it's filled in red to delete the file, so it's generated again, actually, I have to stop the python script, okay, I have to manually do some stuff, polygon starting from 150, 50, 140, 80, and get rid of that for a sec, how do I need to know how to do it, what is a tab, so like the opposite of tab, and omat, not for why, it's for a document that doesn't work, this quickly, it's regenerating the image, okay, this should be 50, 40, 80, how do I move it, move it up, x, y, it's actually changing though, comment this out for a sec, outside the top of the head outline, why don't you want to do it, draw a polygon, 40, that's the same, which now 60, 50, 80, okay, I can get it right, why, this is what the background image should be, whatever that is, it's not CSS, GHTML, it's also this location, those locations are not quite accurate, check some images, I can't show those images because copyright, potential copyright, it's interesting why it decided to show them this way, because it's not standard, I don't take a short break, I would like to fix the head top view outline, so that the nose is actually outside the head, the ears on the side of the head, also need to make sure that the image is actually visible in the HTML, this haven't changed, we did the 300, 300, 150, 200, this is the same, this is a bit different, can we display the image using HTML and not CSS, all right, one problem is that we didn't have an eG container, right, you can tell what the problem is, I like them longer, I really would like it in the 3D model as well, it would be nice, that's probably too much to ask, these positions are a bit odd, you should correct those, pretty off to begin with, so it can be worse, and then this can still not right, and A1 and A2 electrode located over the ears, A1, A2, so it obviously knows stuff, they seem to be, electrode positions seem to be reversed, FP1, FP2 should be on top, assuming the head is round, no, no, no, this is totally wrong, try bad as well, it won't do, using Python, generate a top view, where is the prompt in Python, generate position variable to include all n, 20, eG, electrode locations, no, the other thing is, this should be it, overlay these positions with circles, plot these positions as circles and overlay them on top of the head outlier, also create a head outlier image using a circle, come on, try the positions first, eG, add that to small, let's go over, create these electrode positions and present to you two pool of X, Y coordinates, the coordinates image, eG, how, gale, a larger head, and also pixels on the screen, this should be simple, make, can we hide, oops, no, control shift C, SVG, expected length, should this be 50, coordinates by 50, expected length,