Spaces:
Running
Running
Commit History
-
Create a **single, self‑contained HTML file** (HTML + CSS + vanilla JavaScript) that implements a modern, interactive loading screen.
Verified signatureThe loader must meet the following requirements: 1. **Visual design** - Full‑screen glass‑morphism overlay (`backdrop‑filter: blur(5px)`) with a dark semi‑transparent background. - A horizontal progress bar centered on the screen: * Gradient fill from `--gradient-start` to `--gradient-end` (both exposed as CSS variables for easy theming). * A subtle moving diagonal pattern over the bar (`repeating‑linear‑gradient`). - Animated “Loading…” text with an ellipsis that cycles (`.loading-dots::after`). - A small “Skip” button below the bar that changes opacity/scale on hover. - When loading finishes, a burst of confetti fireworks should explode from the centre, then the overlay fades out. 2. **Interactivity** - A particle system that follows the mouse/finger pointer, emitting small coloured circles. (Disabled when the user prefers reduced motion.) - Clicking anywhere on the overlay (except the Skip button) **doubles the loading speed** each clic…9b6bd9c -
initial commit
Verified signaturec4055b4