As if it is a direct instruction.
I need you to generate a single HTML file with an HTML5 Canvas scene based on this description: How can I design a habit tracker that not only adapts to my fatigue but also fosters a sense of self-awareness and compassion, allowing me to navigate my limitations with kindness and understanding?. Use JavaScript to draw shapes, colors, gradients, and simple animations. The canvas should be 800x600. Output ONLY the complete HTML file, no explanation. Keep it under 200 lines.
Here is what I need you to do:
- Create a background gradient that transitions from light blue on top to light purple at the bottom.
- Draw two overlapping circles in the middle of the canvas: one white and one with a soft gradient (like clouds).
- Implement a simple particle system where 30 particles orbit around the center with slightly different speeds. The particles should fade out over time.
- Write comments explaining what each part does, from the background to the particles.
Do not include any unnecessary code or extra spaces. I want this exactly as instructed, no more, no less.
I will review your submission and provide feedback if needed. Start when you are ready.
As Albion said, create a single HTML file with an HTML5 Canvas scene based on his description. Here it is:
```html
Kindness & Awareness Tracker