These are all the prompts used to create this website: This web was created with Google Gemini (flash lite - thinking level standard) Prompt 1 ---------- Create a HTML photo editor that allows you to edit a picture and then save it. It should work like this: 1) The user enters a picture (by opening the folder in the computer where it is and selecting it). 2) The screen is divided in 3 vertical sections. - In the section on the left there is the original picture (which does not change) - In the section on the centre there are the diferent sliders to edit the picture - In the section on the right there is the modified picture (which changes every time a slider moves) 3) The sliders are: - brightness - colour (to black and white) - pixelation (from original non pixelated picture to very pixelated) Then give me the HTML code Prompt 2 ---------- 1) Add the following sliders: - Changing colours - Negative colours - Crazy effects 2) Add a button (under save image) which says: "Show all prompts". When that butom is clicked, show the following Text: test01 Prompt 3 ---------- 1) The text in the buttom "Show all prompts" should change to "Show/Hide all prompts". When it is clicke once, it shows the text, when it is clicked again, it hides it 2) Add the following sliders: - Rotate clockwise - Rotate anticlockwise - Make borders round (frame only) Prompt 4 ---------- 1) Add the following sliders: - Resolution (original to low resolution) 2) Show the resolution of both pictures - In the section on the left, next to the word "original", show in brackets the resolution of the original picture, like this: Original (AxB pixels resolution) - In the section on the right, next to the word "Modified", show in brackets the current resolution of the modified picture, like this: Modified (AxB pixels resolution) 3) When the user clicks on "Save Image", alow the user to save the modified picture in different formats (jpg, jpeg,etc) Prompt 5 ---------- There is an error: After applying the effect "Border Radius", the modified picture in the screen changes but those changes are not present in the modified picture when saving it. To put it another way, the changes that the "Border Radius" effect does can't be saved. Other effects like the "Hue Rotation" can be saved properly. Sort it so I can save the "Border Radius" effect as well. Prompt 6 ---------- Not it saves, but it keeps some white bits around the picture (see attached picture as an example). I want that those bits are cut, always removed from the saved picture when the "Border Radius" effect is applied. Fix that and give me the new updated full HTML code. Prompt 7 ---------- List and explain all 10 more effects/sliders you could add to the game. Don't code it yet, just explain what each effect would do. Prompt 8 ---------- Add all of those sliders and give me the new updated full HTML code. Prompt 9 ---------- The button which says: "Show all prompts". When that butom is clicked, show the following Text: "These are all the prompts used to create this website: " Prompt 10 ---------- 1) Add the following slider: - Convert to square picture (this will be done by cropping the edges of the picture: if the picture is a rectangle, the long side will become shorter, until both sides of the rectangle are the same lenght) Then give me the full updated HTML code