Dorian
5ebb3e20f9
Add heavily staggered border drawing animation
...
Draw sequence (cascading):
- 0.0s: Top left block starts
- 0.2s: Top right block
- 0.4s: Center circle
- 0.6s: Diagonal 1
- 0.8s: Diagonal 2
- 1.0s: Diagonal 3
- 1.2s: Diagonal 4
- 1.4s: Bottom left block
- 1.6s: Bottom center block
- 1.8s: Bottom right block
Undraw mirrors this in perfect reverse!
Creates a beautiful cascading effect.
Co-authored-by: Cursor <cursoragent@cursor.com >
2026-02-03 00:15:26 +00:00
Dorian
33eb672b36
Slow down background fade out to 1.5s
...
Co-authored-by: Cursor <cursoragent@cursor.com >
2026-02-03 00:13:00 +00:00
Dorian
8f1db67c61
Reverse undraw animation - mirror of draw sequence
...
Changes:
- Fills disappear in reverse order (last-in, first-out)
- Strokes undraw using reverse dasharray animation
- Diagonals undraw with reverse 0.3s stagger
- Circle undraws slower (2s) like it drew
- Background still fades out smoothly after undraw completes
Animation now perfectly mirrors itself!
Co-authored-by: Cursor <cursoragent@cursor.com >
2026-02-03 00:12:36 +00:00
Dorian
896e5d3ced
Add splash intro animation with logo
...
Animation Sequence (5 seconds total):
1. Borders draw (0-1.5s): Stroke dasharray animation
2. Fills appear (1.2-2.1s): Staggered opacity fade-in for each shape
3. Hold (2.1-3s): Logo fully visible
4. Undraw (3-4.5s): Scale down + fade out
5. Reveal (4.5-5s): Interface fades in
Features:
- Black background (#0a0a0a)
- SVG stroke-dasharray for border drawing effect
- Staggered fill animations for depth
- Center circle draws slower for emphasis
- Scale + fade undraw effect
- Fixed z-index: 9999 overlay
- Smooth transition when removing splash
Draft implementation ready for refinement!
Co-authored-by: Cursor <cursoragent@cursor.com >
2026-02-03 00:11:08 +00:00
