Hello, please make a complete, full-fledged, high-quality website with a gradient across the entire site. I’ll say in advance that my knowledge about gradients is superficial, I will describe everything approximately and subjectively, so any improvements, recommendations in any aspect from you are welcome! The gradient should be animated, dynamic and smooth. The choice of colors is unlimited! The gradient should be “classic”, a single whole, a single canvas, that is, there should be no shapes/objects/anything related to the gradient that would not be one whole with the canvas/gradient, in other words, everything should merge together like a gradient, or as the effect when “you mix paints of different colors.” The gradient/gradients must have parameters/values, such as: the direction of the gradient, its bend, shape, speed, colors (they are not limited), ways of merging gradients (like “real paints”), inclusions/shapes of other gradients on the canvas, and so on. A set of parameters, this is a sketch from me, I ask you to supplement it, modify it, perhaps make some improvements (if necessary), make sure that this set is complete, complete. Any part of the gradient should not be independent, that is, it should not have precise boundaries (shapes, inclusions, etc.), it should all be on one canvas and be ONE WHOLE and by merging it turns into one beautiful gradient. No part of the gradient or its parameter should conflict with each other or with other parts/parameters, but should form a single gradient/main gradient. By inclusions or shapes (different figures), I mean particles in a single/main gradient, like “conditionally” in a lava lamp, when in its gradient some amorphous particle moves somewhere. All particles/shapes (shapes) on the gradient canvas are amorphous and shimmer/change as the gradient/gradients shimmer/“flow”. All parameters/values should not be limited or predefined, they should be created arbitrarily, the same with shapes. The parameters are determined/set once when the page is loaded, and do not change until the next page load, while the shapes (blocs) do not have clear boundaries and are amorphous and change gradually, as the main gradient “lifes”. The parameters are saved until the next page reload if there are no other factors (for example, saving). The inclusions (shapes) should also have their own parameters, please create them) There should be a function for saving the gradient (the entire gradient canvas) and its parameters, and the ability to load it, as well as the ability to enable/disable the function of saving the loaded gradient when reloading the page, and also the ability to select saves (if there are more than 1) from the list. All control of functions must be implemented through the keyboard (keyboard type 60%), for control ergonomics let’s take “VIM” as an example, this does not mean that you need to copy everything as in “VIM”. UI/UX must be of high quality, carefully implemented and not cumbersome; you must work out the concept of all this yourself. When the page is loaded for the first time (when there is no cache and no saves), a temporary (for 10s) neat notification with a cross (to close it) and a progress bar should appear at the bottom edge in the center, indicating that when you press such and such a key, you can open information about the keys for controlling the functionality of the site. UI/UX must be of high quality, carefully implemented and not cumbersome; you must work out the concept of all this yourself. When the page is loaded for the first time (when there is no cache and no saves), a temporary (for 10s) neat notification with a cross (to close it) and a progress bar should appear at the bottom edge in the center, indicating that when you press such and such a key, you can open information about the keys for controlling the functionality of the site. Add a function that when you press a certain key on the left side, a neat non-modal window appears (with a cross to close it) with all the information about the functions assigned to certain keys (including information about the key to open this window), the window should be draggable around the site (when the “focus” is on the window, it should also be controlled from the keyboard). Any interface elements should not overlap or conflict with each other. The entire site is “focused” around the gradient, so all interface elements must be temporary, and if the user does not interact with the site in any way for more than 30 seconds, any UI disappears. Also, when interacting with assigned functions via the keyboard, there should be visual “feedback” so that the user understands what he is doing, it should also be presented concisely, with a cross to close, and look like a notification (with a progress bar for 5s after this time this notification disappears), this notification should appear in the lower right corner. If there are several such notifications, they should appear on top of each other. Regarding the UI, the list of selection of loaded gradient saves, etc., develop it yourself, thanks. That's it. I'm waiting for your thoughts. Then we'll start creating. All of the above requirements must be taken into account when implementing a website! **************Meta.ai huggingchat https://twitter.com/chrx_h chat.reka.ai https://twitter.com/avstorm/status/1777732780811489561 https://youtube.com/@EmergentGarden?si=Gr3krwQnj41rjB25-the Life Engine
