@prestyj/cli 5.26.0 → 5.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -7
- package/assets/motion/BRAG-LICENSE +21 -0
- package/assets/motion/HYPERFRAMES-LICENSE +190 -0
- package/assets/motion/THIRD-PARTY.md +57 -0
- package/assets/motion/assets/music/README.md +20 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.json +3846 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.json +1826 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.json +2266 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.json +2806 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.json +2796 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-1-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-10-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-11-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-12-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-9-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/sfx/casino/card-fan-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-fan-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-place-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-place-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-place-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-place-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shove-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shove-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shove-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shove-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shuffle.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-5.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-6.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-7.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-8.ogg +0 -0
- package/assets/motion/assets/sfx/casino/cards-pack-open-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/cards-pack-open-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chip-lay-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chip-lay-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chip-lay-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-collide-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-collide-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-collide-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-collide-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-6.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-5.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-6.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-grab-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-grab-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-shake-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-shake-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-shake-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-throw-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-throw-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-throw-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/die-throw-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/die-throw-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/die-throw-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/die-throw-4.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_carpet_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_carpet_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_carpet_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactBell_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactBell_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactBell_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_light_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMining_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/interface/bong_001.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_001.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_002.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_003.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_004.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_005.ogg +0 -0
- package/assets/motion/assets/sfx/interface/drop_001.ogg +0 -0
- package/assets/motion/assets/sfx/interface/drop_002.ogg +0 -0
- package/assets/motion/assets/sfx/interface/drop_003.ogg +0 -0
- package/assets/motion/assets/sfx/interface/error_005.ogg +0 -0
- package/assets/motion/assets/sfx/interface/error_006.ogg +0 -0
- package/assets/motion/assets/sfx/interface/glitch_002.ogg +0 -0
- package/assets/motion/assets/sfx/interface/glitch_004.ogg +0 -0
- package/assets/motion/assets/sfx/interface/select_008.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_001.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_002.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_004.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_005.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_006.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_007.ogg +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-001.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-002.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-003.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-004.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-005.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-006.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-007.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-008.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-009.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-010.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-011.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-012.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-013.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-014.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-015.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-016.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-017.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-018.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-019.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-020.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-021.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-022.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-023.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-024.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-025.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-026.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-027.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-028.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-029.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-030.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-031.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-032.wav +0 -0
- package/assets/motion/assets/sfx/sfx-analysis.json +15584 -0
- package/assets/motion/assets/sfx/sfx-analysis.md +75 -0
- package/assets/motion/assets/sfx/ui/click1.ogg +0 -0
- package/assets/motion/assets/sfx/ui/click2.ogg +0 -0
- package/assets/motion/assets/sfx/ui/click3.ogg +0 -0
- package/assets/motion/assets/sfx/ui/click4.ogg +0 -0
- package/assets/motion/assets/sfx/ui/click5.ogg +0 -0
- package/assets/motion/assets/sfx/ui/mouseclick1.ogg +0 -0
- package/assets/motion/assets/sfx/ui/rollover1.ogg +0 -0
- package/assets/motion/assets/sfx/ui/rollover2.ogg +0 -0
- package/assets/motion/assets/sfx/ui/rollover4.ogg +0 -0
- package/assets/motion/assets/sfx/ui/rollover5.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch1.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch10.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch11.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch12.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch13.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch14.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch15.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch16.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch17.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch18.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch19.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch2.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch20.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch21.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch22.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch23.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch24.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch25.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch26.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch27.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch28.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch29.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch3.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch30.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch31.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch32.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch33.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch34.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch35.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch36.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch37.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch38.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch4.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch5.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch6.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch7.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch8.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch9.ogg +0 -0
- package/assets/motion/bin/contact-sheet.mjs +87 -0
- package/assets/motion/bin/fonts.mjs +107 -0
- package/assets/motion/bin/hyperframes.mjs +122 -0
- package/assets/motion/bin/library.mjs +210 -0
- package/assets/motion/bin/media-binaries.mjs +49 -0
- package/assets/motion/bin/motion-check.mjs +250 -0
- package/assets/motion/bin/pdf-extract.mjs +133 -0
- package/assets/motion/bin/reveal.mjs +76 -0
- package/assets/motion/bin/review-frames.mjs +328 -0
- package/assets/motion/bin/score-synth.mjs +486 -0
- package/assets/motion/bin/three.mjs +55 -0
- package/assets/motion/fonts/anybody/OFL.txt +93 -0
- package/assets/motion/fonts/anybody/anybody-normal.woff2 +0 -0
- package/assets/motion/fonts/archivo/OFL.txt +93 -0
- package/assets/motion/fonts/archivo/archivo-normal.woff2 +0 -0
- package/assets/motion/fonts/big-shoulders/OFL.txt +93 -0
- package/assets/motion/fonts/big-shoulders/big-shoulders-normal.woff2 +0 -0
- package/assets/motion/fonts/bricolage-grotesque/OFL.txt +93 -0
- package/assets/motion/fonts/bricolage-grotesque/bricolage-grotesque-normal.woff2 +0 -0
- package/assets/motion/fonts/doto/OFL.txt +93 -0
- package/assets/motion/fonts/doto/doto-normal.woff2 +0 -0
- package/assets/motion/fonts/fonts.json +209 -0
- package/assets/motion/fonts/fraunces/OFL.txt +93 -0
- package/assets/motion/fonts/fraunces/fraunces-italic.woff2 +0 -0
- package/assets/motion/fonts/fraunces/fraunces-normal.woff2 +0 -0
- package/assets/motion/fonts/funnel-display/OFL.txt +93 -0
- package/assets/motion/fonts/funnel-display/funnel-display-normal.woff2 +0 -0
- package/assets/motion/fonts/gloock/OFL.txt +93 -0
- package/assets/motion/fonts/gloock/gloock-normal.woff2 +0 -0
- package/assets/motion/fonts/host-grotesk/OFL.txt +93 -0
- package/assets/motion/fonts/host-grotesk/host-grotesk-normal.woff2 +0 -0
- package/assets/motion/fonts/hubot-sans/OFL.txt +93 -0
- package/assets/motion/fonts/hubot-sans/hubot-sans-normal.woff2 +0 -0
- package/assets/motion/fonts/martian-mono/OFL.txt +93 -0
- package/assets/motion/fonts/martian-mono/martian-mono-normal.woff2 +0 -0
- package/assets/motion/fonts/mona-sans/OFL.txt +93 -0
- package/assets/motion/fonts/mona-sans/mona-sans-normal.woff2 +0 -0
- package/assets/motion/fonts/newsreader/OFL.txt +93 -0
- package/assets/motion/fonts/newsreader/newsreader-italic.woff2 +0 -0
- package/assets/motion/fonts/newsreader/newsreader-normal.woff2 +0 -0
- package/assets/motion/fonts/schibsted-grotesk/OFL.txt +93 -0
- package/assets/motion/fonts/schibsted-grotesk/schibsted-grotesk-normal.woff2 +0 -0
- package/assets/motion/fonts/specimen.jpg +0 -0
- package/assets/motion/fonts/young-serif/OFL.txt +93 -0
- package/assets/motion/fonts/young-serif/young-serif-normal.woff2 +0 -0
- package/assets/motion/library/README.md +104 -0
- package/assets/motion/library/library.json +1384 -0
- package/assets/motion/library/looks/acid-poster/look.md +82 -0
- package/assets/motion/library/looks/acid-poster/meta.json +11 -0
- package/assets/motion/library/looks/acid-poster/preview.jpg +0 -0
- package/assets/motion/library/looks/acid-poster/sample.html +177 -0
- package/assets/motion/library/looks/acid-poster/tokens.css +16 -0
- package/assets/motion/library/looks/blueprint/look.md +22 -0
- package/assets/motion/library/looks/blueprint/meta.json +11 -0
- package/assets/motion/library/looks/blueprint/preview.jpg +0 -0
- package/assets/motion/library/looks/blueprint/sample.html +301 -0
- package/assets/motion/library/looks/blueprint/tokens.css +16 -0
- package/assets/motion/library/looks/dark-studio/look.md +85 -0
- package/assets/motion/library/looks/dark-studio/meta.json +11 -0
- package/assets/motion/library/looks/dark-studio/preview.jpg +0 -0
- package/assets/motion/library/looks/dark-studio/sample.html +324 -0
- package/assets/motion/library/looks/dark-studio/tokens.css +16 -0
- package/assets/motion/library/looks/data-desk/look.md +19 -0
- package/assets/motion/library/looks/data-desk/meta.json +9 -0
- package/assets/motion/library/looks/data-desk/preview.jpg +0 -0
- package/assets/motion/library/looks/data-desk/sample.html +17 -0
- package/assets/motion/library/looks/data-desk/tokens.css +15 -0
- package/assets/motion/library/looks/duotone-broadcast/look.md +53 -0
- package/assets/motion/library/looks/duotone-broadcast/meta.json +11 -0
- package/assets/motion/library/looks/duotone-broadcast/preview.jpg +0 -0
- package/assets/motion/library/looks/duotone-broadcast/sample.html +45 -0
- package/assets/motion/library/looks/duotone-broadcast/tokens.css +16 -0
- package/assets/motion/library/looks/editorial-ink/look.md +80 -0
- package/assets/motion/library/looks/editorial-ink/meta.json +11 -0
- package/assets/motion/library/looks/editorial-ink/preview.jpg +0 -0
- package/assets/motion/library/looks/editorial-ink/sample.html +203 -0
- package/assets/motion/library/looks/editorial-ink/tokens.css +16 -0
- package/assets/motion/library/looks/mono-luxe/look.md +19 -0
- package/assets/motion/library/looks/mono-luxe/meta.json +9 -0
- package/assets/motion/library/looks/mono-luxe/preview.jpg +0 -0
- package/assets/motion/library/looks/mono-luxe/sample.html +12 -0
- package/assets/motion/library/looks/mono-luxe/tokens.css +15 -0
- package/assets/motion/library/looks/soft-light-ad/look.md +63 -0
- package/assets/motion/library/looks/soft-light-ad/meta.json +39 -0
- package/assets/motion/library/looks/soft-light-ad/preview.jpg +0 -0
- package/assets/motion/library/looks/soft-light-ad/sample.html +44 -0
- package/assets/motion/library/looks/soft-light-ad/tokens.css +17 -0
- package/assets/motion/library/looks/sunlit-consumer/look.md +19 -0
- package/assets/motion/library/looks/sunlit-consumer/meta.json +9 -0
- package/assets/motion/library/looks/sunlit-consumer/preview.jpg +0 -0
- package/assets/motion/library/looks/sunlit-consumer/sample.html +12 -0
- package/assets/motion/library/looks/sunlit-consumer/tokens.css +15 -0
- package/assets/motion/library/looks/swiss-grid/look.md +81 -0
- package/assets/motion/library/looks/swiss-grid/meta.json +11 -0
- package/assets/motion/library/looks/swiss-grid/preview.jpg +0 -0
- package/assets/motion/library/looks/swiss-grid/sample.html +209 -0
- package/assets/motion/library/looks/swiss-grid/tokens.css +16 -0
- package/assets/motion/library/looks/terminal-phosphor/look.md +77 -0
- package/assets/motion/library/looks/terminal-phosphor/meta.json +11 -0
- package/assets/motion/library/looks/terminal-phosphor/preview.jpg +0 -0
- package/assets/motion/library/looks/terminal-phosphor/sample.html +182 -0
- package/assets/motion/library/looks/terminal-phosphor/tokens.css +16 -0
- package/assets/motion/library/pieces/animated-beam/LICENSE +21 -0
- package/assets/motion/library/pieces/animated-beam/meta.json +16 -0
- package/assets/motion/library/pieces/animated-beam/piece.html +273 -0
- package/assets/motion/library/pieces/animated-beam/preview.jpg +0 -0
- package/assets/motion/library/pieces/animated-list/LICENSE +21 -0
- package/assets/motion/library/pieces/animated-list/meta.json +16 -0
- package/assets/motion/library/pieces/animated-list/piece.html +189 -0
- package/assets/motion/library/pieces/animated-list/preview.jpg +0 -0
- package/assets/motion/library/pieces/before-after-split/meta.json +12 -0
- package/assets/motion/library/pieces/before-after-split/piece.html +262 -0
- package/assets/motion/library/pieces/before-after-split/preview.jpg +0 -0
- package/assets/motion/library/pieces/blueprint-grid/meta.json +12 -0
- package/assets/motion/library/pieces/blueprint-grid/piece.html +209 -0
- package/assets/motion/library/pieces/blueprint-grid/preview.jpg +0 -0
- package/assets/motion/library/pieces/broadcast-frame/meta.json +12 -0
- package/assets/motion/library/pieces/broadcast-frame/piece.html +100 -0
- package/assets/motion/library/pieces/broadcast-frame/preview.jpg +0 -0
- package/assets/motion/library/pieces/browser-window/meta.json +12 -0
- package/assets/motion/library/pieces/browser-window/piece.html +331 -0
- package/assets/motion/library/pieces/browser-window/preview.jpg +0 -0
- package/assets/motion/library/pieces/chapter-card/meta.json +6 -0
- package/assets/motion/library/pieces/chapter-card/piece.html +12 -0
- package/assets/motion/library/pieces/chapter-card/preview.jpg +0 -0
- package/assets/motion/library/pieces/chat-thread/meta.json +12 -0
- package/assets/motion/library/pieces/chat-thread/piece.html +272 -0
- package/assets/motion/library/pieces/chat-thread/preview.jpg +0 -0
- package/assets/motion/library/pieces/clay-drop-3d/meta.json +13 -0
- package/assets/motion/library/pieces/clay-drop-3d/piece.html +224 -0
- package/assets/motion/library/pieces/clay-drop-3d/preview.jpg +0 -0
- package/assets/motion/library/pieces/color-flip-field/meta.json +12 -0
- package/assets/motion/library/pieces/color-flip-field/piece.html +81 -0
- package/assets/motion/library/pieces/color-flip-field/preview.jpg +0 -0
- package/assets/motion/library/pieces/color-wipe/meta.json +6 -0
- package/assets/motion/library/pieces/color-wipe/piece.html +10 -0
- package/assets/motion/library/pieces/color-wipe/preview.jpg +0 -0
- package/assets/motion/library/pieces/command-palette/meta.json +12 -0
- package/assets/motion/library/pieces/command-palette/piece.html +339 -0
- package/assets/motion/library/pieces/command-palette/preview.jpg +0 -0
- package/assets/motion/library/pieces/comparison-bars/meta.json +12 -0
- package/assets/motion/library/pieces/comparison-bars/piece.html +191 -0
- package/assets/motion/library/pieces/comparison-bars/preview.jpg +0 -0
- package/assets/motion/library/pieces/counter-number/meta.json +12 -0
- package/assets/motion/library/pieces/counter-number/piece.html +131 -0
- package/assets/motion/library/pieces/counter-number/preview.jpg +0 -0
- package/assets/motion/library/pieces/cursor-click/meta.json +12 -0
- package/assets/motion/library/pieces/cursor-click/piece.html +242 -0
- package/assets/motion/library/pieces/cursor-click/preview.jpg +0 -0
- package/assets/motion/library/pieces/dock-magnify/LICENSE +21 -0
- package/assets/motion/library/pieces/dock-magnify/meta.json +16 -0
- package/assets/motion/library/pieces/dock-magnify/piece.html +234 -0
- package/assets/motion/library/pieces/dock-magnify/preview.jpg +0 -0
- package/assets/motion/library/pieces/donut-fill/meta.json +12 -0
- package/assets/motion/library/pieces/donut-fill/piece.html +156 -0
- package/assets/motion/library/pieces/donut-fill/preview.jpg +0 -0
- package/assets/motion/library/pieces/dot-grid-field/meta.json +12 -0
- package/assets/motion/library/pieces/dot-grid-field/piece.html +61 -0
- package/assets/motion/library/pieces/dot-grid-field/preview.jpg +0 -0
- package/assets/motion/library/pieces/ease-curve/meta.json +12 -0
- package/assets/motion/library/pieces/ease-curve/piece.html +103 -0
- package/assets/motion/library/pieces/ease-curve/preview.jpg +0 -0
- package/assets/motion/library/pieces/end-card/meta.json +6 -0
- package/assets/motion/library/pieces/end-card/piece.html +11 -0
- package/assets/motion/library/pieces/end-card/preview.jpg +0 -0
- package/assets/motion/library/pieces/film-grain/meta.json +12 -0
- package/assets/motion/library/pieces/film-grain/piece.html +93 -0
- package/assets/motion/library/pieces/film-grain/preview.jpg +0 -0
- package/assets/motion/library/pieces/flickering-grid/LICENSE +21 -0
- package/assets/motion/library/pieces/flickering-grid/meta.json +16 -0
- package/assets/motion/library/pieces/flickering-grid/piece.html +112 -0
- package/assets/motion/library/pieces/flickering-grid/preview.jpg +0 -0
- package/assets/motion/library/pieces/flow-nodes/meta.json +12 -0
- package/assets/motion/library/pieces/flow-nodes/piece.html +230 -0
- package/assets/motion/library/pieces/flow-nodes/preview.jpg +0 -0
- package/assets/motion/library/pieces/highlight-sweep/meta.json +12 -0
- package/assets/motion/library/pieces/highlight-sweep/piece.html +132 -0
- package/assets/motion/library/pieces/highlight-sweep/preview.jpg +0 -0
- package/assets/motion/library/pieces/iris-circle/meta.json +6 -0
- package/assets/motion/library/pieces/iris-circle/piece.html +6 -0
- package/assets/motion/library/pieces/iris-circle/preview.jpg +0 -0
- package/assets/motion/library/pieces/kinetic-letters/meta.json +12 -0
- package/assets/motion/library/pieces/kinetic-letters/piece.html +103 -0
- package/assets/motion/library/pieces/kinetic-letters/preview.jpg +0 -0
- package/assets/motion/library/pieces/light-leak-soft/meta.json +12 -0
- package/assets/motion/library/pieces/light-leak-soft/piece.html +102 -0
- package/assets/motion/library/pieces/light-leak-soft/preview.jpg +0 -0
- package/assets/motion/library/pieces/line-stack-reveal/meta.json +12 -0
- package/assets/motion/library/pieces/line-stack-reveal/piece.html +98 -0
- package/assets/motion/library/pieces/line-stack-reveal/preview.jpg +0 -0
- package/assets/motion/library/pieces/lower-third/meta.json +6 -0
- package/assets/motion/library/pieces/lower-third/piece.html +11 -0
- package/assets/motion/library/pieces/lower-third/preview.jpg +0 -0
- package/assets/motion/library/pieces/marquee-strip/meta.json +12 -0
- package/assets/motion/library/pieces/marquee-strip/piece.html +132 -0
- package/assets/motion/library/pieces/marquee-strip/preview.jpg +0 -0
- package/assets/motion/library/pieces/mesh-gradient/meta.json +12 -0
- package/assets/motion/library/pieces/mesh-gradient/piece.html +131 -0
- package/assets/motion/library/pieces/mesh-gradient/preview.jpg +0 -0
- package/assets/motion/library/pieces/orbiting-circles/LICENSE +21 -0
- package/assets/motion/library/pieces/orbiting-circles/meta.json +16 -0
- package/assets/motion/library/pieces/orbiting-circles/piece.html +185 -0
- package/assets/motion/library/pieces/orbiting-circles/preview.jpg +0 -0
- package/assets/motion/library/pieces/phone-frame/meta.json +12 -0
- package/assets/motion/library/pieces/phone-frame/piece.html +252 -0
- package/assets/motion/library/pieces/phone-frame/preview.jpg +0 -0
- package/assets/motion/library/pieces/pricing-toggle/meta.json +6 -0
- package/assets/motion/library/pieces/pricing-toggle/piece.html +18 -0
- package/assets/motion/library/pieces/pricing-toggle/preview.jpg +0 -0
- package/assets/motion/library/pieces/retro-grid/LICENSE +21 -0
- package/assets/motion/library/pieces/retro-grid/meta.json +16 -0
- package/assets/motion/library/pieces/retro-grid/piece.html +139 -0
- package/assets/motion/library/pieces/retro-grid/preview.jpg +0 -0
- package/assets/motion/library/pieces/scale-through-word/meta.json +12 -0
- package/assets/motion/library/pieces/scale-through-word/piece.html +139 -0
- package/assets/motion/library/pieces/scale-through-word/preview.jpg +0 -0
- package/assets/motion/library/pieces/serif-quote/meta.json +12 -0
- package/assets/motion/library/pieces/serif-quote/piece.html +145 -0
- package/assets/motion/library/pieces/serif-quote/preview.jpg +0 -0
- package/assets/motion/library/pieces/slam-word/meta.json +12 -0
- package/assets/motion/library/pieces/slam-word/piece.html +72 -0
- package/assets/motion/library/pieces/slam-word/preview.jpg +0 -0
- package/assets/motion/library/pieces/soft-light-field/meta.json +12 -0
- package/assets/motion/library/pieces/soft-light-field/piece.html +83 -0
- package/assets/motion/library/pieces/soft-light-field/preview.jpg +0 -0
- package/assets/motion/library/pieces/sparkline-draw/meta.json +12 -0
- package/assets/motion/library/pieces/sparkline-draw/piece.html +204 -0
- package/assets/motion/library/pieces/sparkline-draw/preview.jpg +0 -0
- package/assets/motion/library/pieces/stack-layers/meta.json +12 -0
- package/assets/motion/library/pieces/stack-layers/piece.html +239 -0
- package/assets/motion/library/pieces/stack-layers/preview.jpg +0 -0
- package/assets/motion/library/pieces/stat-grid/meta.json +12 -0
- package/assets/motion/library/pieces/stat-grid/piece.html +200 -0
- package/assets/motion/library/pieces/stat-grid/preview.jpg +0 -0
- package/assets/motion/library/pieces/studio-backdrop/meta.json +12 -0
- package/assets/motion/library/pieces/studio-backdrop/piece.html +83 -0
- package/assets/motion/library/pieces/studio-backdrop/preview.jpg +0 -0
- package/assets/motion/library/pieces/tile-flip/meta.json +6 -0
- package/assets/motion/library/pieces/tile-flip/piece.html +6 -0
- package/assets/motion/library/pieces/tile-flip/preview.jpg +0 -0
- package/assets/motion/library/pieces/timeline-track/meta.json +12 -0
- package/assets/motion/library/pieces/timeline-track/piece.html +227 -0
- package/assets/motion/library/pieces/timeline-track/preview.jpg +0 -0
- package/assets/motion/library/pieces/toast-stack/meta.json +12 -0
- package/assets/motion/library/pieces/toast-stack/piece.html +185 -0
- package/assets/motion/library/pieces/toast-stack/preview.jpg +0 -0
- package/assets/motion/library/pieces/typewriter-caption/meta.json +12 -0
- package/assets/motion/library/pieces/typewriter-caption/piece.html +112 -0
- package/assets/motion/library/pieces/typewriter-caption/preview.jpg +0 -0
- package/assets/motion/library/pieces/ui-stack-3d/meta.json +12 -0
- package/assets/motion/library/pieces/ui-stack-3d/piece.html +236 -0
- package/assets/motion/library/pieces/ui-stack-3d/preview.jpg +0 -0
- package/assets/motion/library/pieces/vignette/meta.json +12 -0
- package/assets/motion/library/pieces/vignette/piece.html +85 -0
- package/assets/motion/library/pieces/vignette/preview.jpg +0 -0
- package/assets/motion/library/pieces/word-swap/meta.json +12 -0
- package/assets/motion/library/pieces/word-swap/piece.html +122 -0
- package/assets/motion/library/pieces/word-swap/preview.jpg +0 -0
- package/assets/motion/library/sheets/3d.jpg +0 -0
- package/assets/motion/library/sheets/background.jpg +0 -0
- package/assets/motion/library/sheets/data.jpg +0 -0
- package/assets/motion/library/sheets/diagram.jpg +0 -0
- package/assets/motion/library/sheets/frame.jpg +0 -0
- package/assets/motion/library/sheets/looks.jpg +0 -0
- package/assets/motion/library/sheets/texture.jpg +0 -0
- package/assets/motion/library/sheets/transition.jpg +0 -0
- package/assets/motion/library/sheets/type.jpg +0 -0
- package/assets/motion/library/sheets/ui.jpg +0 -0
- package/assets/motion/plugin.json +5 -0
- package/assets/motion/references/README.md +20 -0
- package/assets/motion/references/index.json +25 -0
- package/assets/motion/references/runtime/data-attributes.md +78 -0
- package/assets/motion/references/runtime/determinism-rules.md +53 -0
- package/assets/motion/references/runtime/doctor-browser.md +57 -0
- package/assets/motion/references/runtime/gsap-easing-and-stagger.md +199 -0
- package/assets/motion/references/runtime/gsap-timeline-and-labels.md +96 -0
- package/assets/motion/references/runtime/gsap-transforms-and-perf.md +129 -0
- package/assets/motion/references/runtime/gsap.md +105 -0
- package/assets/motion/references/runtime/inputs-and-assets.md +52 -0
- package/assets/motion/references/runtime/lint-validate-inspect.md +131 -0
- package/assets/motion/references/runtime/minimal-composition.md +69 -0
- package/assets/motion/references/runtime/preview-render.md +156 -0
- package/assets/motion/references/runtime/sub-compositions.md +176 -0
- package/assets/motion/references/runtime/tracks-and-clips.md +87 -0
- package/assets/motion/references/runtime/variables-and-media.md +107 -0
- package/assets/motion/references/signal-study.html +39 -0
- package/assets/motion/references/signal-temporal.jpg +0 -0
- package/assets/motion/references/type-temporal.jpg +0 -0
- package/assets/motion/skills/brand-kit/SKILL.md +70 -0
- package/assets/motion/skills/mixkit-split-text-617/SKILL.md +115 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-480.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-494.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-5.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-508.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6525.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6539.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6647.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6663.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6677.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6691.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6706.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6722.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6736.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6750.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6764.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6780.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6794.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6810.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6823.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6872.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6936.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-76.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/manifest.json +495 -0
- package/assets/motion/skills/mixkit-split-text-617/references/RECONSTRUCTION.md +201 -0
- package/assets/motion/skills/mixkit-split-text-617/references/VERIFICATION.md +107 -0
- package/assets/motion/skills/mixkit-split-text-617/tools/inspect_motion.py +130 -0
- package/assets/motion/skills/motion/SKILL.md +102 -0
- package/assets/motion/skills/source-ingest/SKILL.md +48 -0
- package/assets/motion/skills/video-qa/SKILL.md +66 -0
- package/assets/motion/vendor/three/LICENSE +21 -0
- package/assets/motion/vendor/three/addons/environments/RoomEnvironment.js +182 -0
- package/assets/motion/vendor/three/addons/geometries/RoundedBoxGeometry.js +216 -0
- package/assets/motion/vendor/three/addons/geometries/TextGeometry.js +84 -0
- package/assets/motion/vendor/three/addons/lights/RectAreaLightTexturesLib.js +127 -0
- package/assets/motion/vendor/three/addons/lights/RectAreaLightUniformsLib.js +40 -0
- package/assets/motion/vendor/three/addons/loaders/FontLoader.js +260 -0
- package/assets/motion/vendor/three/addons/loaders/GLTFLoader.js +4892 -0
- package/assets/motion/vendor/three/addons/loaders/HDRLoader.js +486 -0
- package/assets/motion/vendor/three/addons/loaders/SVGLoader.js +3267 -0
- package/assets/motion/vendor/three/addons/math/SimplexNoise.js +470 -0
- package/assets/motion/vendor/three/addons/objects/Reflector.js +338 -0
- package/assets/motion/vendor/three/addons/postprocessing/BokehPass.js +218 -0
- package/assets/motion/vendor/three/addons/postprocessing/EffectComposer.js +363 -0
- package/assets/motion/vendor/three/addons/postprocessing/FilmPass.js +113 -0
- package/assets/motion/vendor/three/addons/postprocessing/MaskPass.js +195 -0
- package/assets/motion/vendor/three/addons/postprocessing/OutputPass.js +139 -0
- package/assets/motion/vendor/three/addons/postprocessing/Pass.js +191 -0
- package/assets/motion/vendor/three/addons/postprocessing/RenderPass.js +183 -0
- package/assets/motion/vendor/three/addons/postprocessing/ShaderPass.js +135 -0
- package/assets/motion/vendor/three/addons/postprocessing/UnrealBloomPass.js +494 -0
- package/assets/motion/vendor/three/addons/renderers/CSS3DRenderer.js +454 -0
- package/assets/motion/vendor/three/addons/shaders/BokehShader.js +151 -0
- package/assets/motion/vendor/three/addons/shaders/CopyShader.js +52 -0
- package/assets/motion/vendor/three/addons/shaders/FilmShader.js +72 -0
- package/assets/motion/vendor/three/addons/shaders/LuminosityHighPassShader.js +68 -0
- package/assets/motion/vendor/three/addons/shaders/OutputShader.js +103 -0
- package/assets/motion/vendor/three/addons/utils/BufferGeometryUtils.js +1435 -0
- package/assets/motion/vendor/three/build/three.core.min.js +6 -0
- package/assets/motion/vendor/three/build/three.module.min.js +6 -0
- package/assets/motion/vendor/three/three.json +54 -0
- package/dist/app-sidecar-sessions.js +5 -0
- package/dist/app-sidecar-sessions.js.map +1 -1
- package/dist/app-sidecar.js +52 -16
- package/dist/app-sidecar.js.map +1 -1
- package/dist/cli.js +1 -1
- package/dist/cli.js.map +1 -1
- package/dist/core/agent-session.d.ts +39 -0
- package/dist/core/agent-session.js +160 -11
- package/dist/core/agent-session.js.map +1 -1
- package/dist/core/agents.js +14 -42
- package/dist/core/agents.js.map +1 -1
- package/dist/core/auth-providers.js +6 -6
- package/dist/core/auth-providers.js.map +1 -1
- package/dist/core/bundled-agents.js +9 -7
- package/dist/core/bundled-agents.js.map +1 -1
- package/dist/core/completion-review.d.ts +24 -0
- package/dist/core/completion-review.js +2 -0
- package/dist/core/completion-review.js.map +1 -0
- package/dist/core/context-limits.d.ts +6 -0
- package/dist/core/context-limits.js +8 -0
- package/dist/core/context-limits.js.map +1 -1
- package/dist/core/fast-apply-benchmark.d.ts +1 -1
- package/dist/core/fast-apply-benchmark.js +2 -2
- package/dist/core/fast-apply-benchmark.js.map +1 -1
- package/dist/core/frontmatter.d.ts +22 -0
- package/dist/core/frontmatter.js +90 -0
- package/dist/core/frontmatter.js.map +1 -0
- package/dist/core/lsp/pool.d.ts +2 -0
- package/dist/core/lsp/pool.js +4 -0
- package/dist/core/lsp/pool.js.map +1 -1
- package/dist/core/network-guard.d.ts +2 -0
- package/dist/core/network-guard.js +37 -0
- package/dist/core/network-guard.js.map +1 -1
- package/dist/core/project-discovery.js +3 -0
- package/dist/core/project-discovery.js.map +1 -1
- package/dist/core/regrounding.d.ts +7 -0
- package/dist/core/regrounding.js +27 -0
- package/dist/core/regrounding.js.map +1 -1
- package/dist/core/semantic-search-benchmark.d.ts +1 -1
- package/dist/core/semantic-search-benchmark.js +2 -2
- package/dist/core/semantic-search-benchmark.js.map +1 -1
- package/dist/core/session-export.d.ts +2 -2
- package/dist/core/session-export.js +6 -2
- package/dist/core/session-export.js.map +1 -1
- package/dist/core/skills.d.ts +16 -1
- package/dist/core/skills.js +40 -25
- package/dist/core/skills.js.map +1 -1
- package/dist/core/subagent-policy.js +1 -4
- package/dist/core/subagent-policy.js.map +1 -1
- package/dist/core/verification-evidence.js +7 -2
- package/dist/core/verification-evidence.js.map +1 -1
- package/dist/motion-agent/motion-agent.d.ts +35 -0
- package/dist/motion-agent/motion-agent.js +117 -0
- package/dist/motion-agent/motion-agent.js.map +1 -0
- package/dist/motion-agent/motion-check-tool.d.ts +21 -0
- package/dist/motion-agent/motion-check-tool.js +206 -0
- package/dist/motion-agent/motion-check-tool.js.map +1 -0
- package/dist/motion-agent/motion-prompt.d.ts +2 -0
- package/dist/motion-agent/motion-prompt.js +48 -0
- package/dist/motion-agent/motion-prompt.js.map +1 -0
- package/dist/motion-agent/motion-review-coverage.d.ts +12 -0
- package/dist/motion-agent/motion-review-coverage.js +33 -0
- package/dist/motion-agent/motion-review-coverage.js.map +1 -0
- package/dist/motion-agent/motion-review-gate.d.ts +48 -0
- package/dist/motion-agent/motion-review-gate.js +88 -0
- package/dist/motion-agent/motion-review-gate.js.map +1 -0
- package/dist/motion-agent/motion-review-session.d.ts +65 -0
- package/dist/motion-agent/motion-review-session.js +418 -0
- package/dist/motion-agent/motion-review-session.js.map +1 -0
- package/dist/motion-agent/motion-review.d.ts +76 -0
- package/dist/motion-agent/motion-review.js +225 -0
- package/dist/motion-agent/motion-review.js.map +1 -0
- package/dist/motion-agent/motion-studio-context.d.ts +44 -0
- package/dist/motion-agent/motion-studio-context.js +65 -0
- package/dist/motion-agent/motion-studio-context.js.map +1 -0
- package/dist/system-prompt.d.ts +3 -0
- package/dist/system-prompt.js +5 -1
- package/dist/system-prompt.js.map +1 -1
- package/dist/tools/bash.js +2 -2
- package/dist/tools/bash.js.map +1 -1
- package/dist/tools/edit.js +8 -1
- package/dist/tools/edit.js.map +1 -1
- package/dist/tools/redaction-guard.d.ts +10 -0
- package/dist/tools/redaction-guard.js +55 -0
- package/dist/tools/redaction-guard.js.map +1 -0
- package/dist/tools/steroids.d.ts +1 -1
- package/dist/tools/steroids.js +20 -4
- package/dist/tools/steroids.js.map +1 -1
- package/dist/tools/web-fetch.js +38 -32
- package/dist/tools/web-fetch.js.map +1 -1
- package/dist/tools/web-search.js +2 -2
- package/dist/tools/web-search.js.map +1 -1
- package/dist/tools/write.js +12 -5
- package/dist/tools/write.js.map +1 -1
- package/dist/ui/components/Footer.js +1 -5
- package/dist/ui/components/Footer.js.map +1 -1
- package/package.json +7 -4
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
phone-frame: a CSS phone (rounded body, dynamic island, side buttons,
|
|
4
|
+
subtle edge highlight) rises in with a gentle 3D tilt (CSS perspective)
|
|
5
|
+
and settles upright; then its default app screen builds in.
|
|
6
|
+
Transparent background.
|
|
7
|
+
The screen (.pf-screen) is a slot: drop a real screenshot in as an <img>
|
|
8
|
+
(see the comment inside it) and delete the default screen.
|
|
9
|
+
Params: --pf-h (phone height; width follows 9:19.5), --pf-x / --pf-y
|
|
10
|
+
(center), TILT_Y / TILT_X (entry rotation, deg), ENTER_AT (s).
|
|
11
|
+
-->
|
|
12
|
+
<html lang="en">
|
|
13
|
+
<head>
|
|
14
|
+
<meta charset="UTF-8" />
|
|
15
|
+
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
|
16
|
+
</head>
|
|
17
|
+
<body>
|
|
18
|
+
<div
|
|
19
|
+
id="phone-frame-root"
|
|
20
|
+
data-composition-id="phone-frame"
|
|
21
|
+
data-start="0"
|
|
22
|
+
data-duration="4"
|
|
23
|
+
data-width="1920"
|
|
24
|
+
data-height="1080"
|
|
25
|
+
>
|
|
26
|
+
<style>
|
|
27
|
+
[data-composition-id="phone-frame"] {
|
|
28
|
+
--pf-h: 900px;
|
|
29
|
+
--pf-w: calc(var(--pf-h) * 0.4865);
|
|
30
|
+
--pf-x: 960px;
|
|
31
|
+
--pf-y: 540px;
|
|
32
|
+
--pf-bezel: 14px;
|
|
33
|
+
position: absolute;
|
|
34
|
+
inset: 0;
|
|
35
|
+
color: var(--ink, #111);
|
|
36
|
+
font-family: var(--text, sans-serif);
|
|
37
|
+
perspective: 2200px;
|
|
38
|
+
}
|
|
39
|
+
[data-composition-id="phone-frame"] .pf-phone {
|
|
40
|
+
position: absolute;
|
|
41
|
+
left: calc(var(--pf-x) - var(--pf-w) / 2);
|
|
42
|
+
top: calc(var(--pf-y) - var(--pf-h) / 2);
|
|
43
|
+
width: var(--pf-w);
|
|
44
|
+
height: var(--pf-h);
|
|
45
|
+
box-sizing: border-box;
|
|
46
|
+
padding: var(--pf-bezel);
|
|
47
|
+
border-radius: calc(var(--pf-w) * 0.17);
|
|
48
|
+
background: linear-gradient(145deg, color-mix(in srgb, var(--ink, #111) 70%, #fff), var(--ink, #111) 40%, color-mix(in srgb, var(--ink, #111) 85%, #000));
|
|
49
|
+
box-shadow:
|
|
50
|
+
inset 0 0 0 2px rgba(255, 255, 255, 0.16),
|
|
51
|
+
inset 0 0 0 5px rgba(0, 0, 0, 0.5),
|
|
52
|
+
0 1px 2px rgba(0, 0, 0, 0.1),
|
|
53
|
+
0 20px 40px rgba(0, 0, 0, 0.14),
|
|
54
|
+
0 60px 120px -30px color-mix(in srgb, var(--ink, #111) 45%, transparent);
|
|
55
|
+
transform-style: preserve-3d;
|
|
56
|
+
}
|
|
57
|
+
/* side buttons */
|
|
58
|
+
[data-composition-id="phone-frame"] .pf-btn {
|
|
59
|
+
position: absolute;
|
|
60
|
+
width: 6px;
|
|
61
|
+
border-radius: 3px;
|
|
62
|
+
background: color-mix(in srgb, var(--ink, #111) 80%, #fff);
|
|
63
|
+
}
|
|
64
|
+
[data-composition-id="phone-frame"] .pf-btn.l1 { left: -5px; top: 17%; height: 5%; }
|
|
65
|
+
[data-composition-id="phone-frame"] .pf-btn.l2 { left: -5px; top: 25%; height: 9%; }
|
|
66
|
+
[data-composition-id="phone-frame"] .pf-btn.l3 { left: -5px; top: 36%; height: 9%; }
|
|
67
|
+
[data-composition-id="phone-frame"] .pf-btn.r1 { right: -5px; top: 28%; height: 13%; }
|
|
68
|
+
[data-composition-id="phone-frame"] .pf-screen {
|
|
69
|
+
position: relative;
|
|
70
|
+
width: 100%;
|
|
71
|
+
height: 100%;
|
|
72
|
+
border-radius: calc(var(--pf-w) * 0.17 - var(--pf-bezel));
|
|
73
|
+
overflow: hidden;
|
|
74
|
+
background: color-mix(in srgb, var(--field, #f3f4f6) 45%, #fff);
|
|
75
|
+
}
|
|
76
|
+
[data-composition-id="phone-frame"] .pf-screen img {
|
|
77
|
+
position: absolute;
|
|
78
|
+
inset: 0;
|
|
79
|
+
width: 100%;
|
|
80
|
+
height: 100%;
|
|
81
|
+
object-fit: cover;
|
|
82
|
+
}
|
|
83
|
+
[data-composition-id="phone-frame"] .pf-island {
|
|
84
|
+
position: absolute;
|
|
85
|
+
z-index: 3;
|
|
86
|
+
left: 50%;
|
|
87
|
+
top: 18px;
|
|
88
|
+
width: 32%;
|
|
89
|
+
height: 36px;
|
|
90
|
+
transform: translateX(-50%);
|
|
91
|
+
border-radius: 18px;
|
|
92
|
+
background: #000;
|
|
93
|
+
}
|
|
94
|
+
/* glass sheen */
|
|
95
|
+
[data-composition-id="phone-frame"] .pf-glare {
|
|
96
|
+
position: absolute;
|
|
97
|
+
inset: 0;
|
|
98
|
+
z-index: 4;
|
|
99
|
+
border-radius: inherit;
|
|
100
|
+
background: linear-gradient(115deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.22) 50%, rgba(255, 255, 255, 0) 62%);
|
|
101
|
+
background-size: 300% 100%;
|
|
102
|
+
pointer-events: none;
|
|
103
|
+
}
|
|
104
|
+
/* default screen */
|
|
105
|
+
[data-composition-id="phone-frame"] .pf-app {
|
|
106
|
+
position: absolute;
|
|
107
|
+
inset: 0;
|
|
108
|
+
padding: 84px 30px 30px;
|
|
109
|
+
display: flex;
|
|
110
|
+
flex-direction: column;
|
|
111
|
+
gap: 22px;
|
|
112
|
+
}
|
|
113
|
+
[data-composition-id="phone-frame"] .pf-status {
|
|
114
|
+
position: absolute;
|
|
115
|
+
top: 20px;
|
|
116
|
+
left: 42px;
|
|
117
|
+
right: 38px;
|
|
118
|
+
display: flex;
|
|
119
|
+
justify-content: space-between;
|
|
120
|
+
font-size: 22px;
|
|
121
|
+
font-weight: 600;
|
|
122
|
+
}
|
|
123
|
+
[data-composition-id="phone-frame"] .pf-hello {
|
|
124
|
+
font-size: 26px;
|
|
125
|
+
color: var(--muted, #888);
|
|
126
|
+
}
|
|
127
|
+
[data-composition-id="phone-frame"] .pf-big {
|
|
128
|
+
font-family: var(--display, sans-serif);
|
|
129
|
+
font-weight: var(--display-weight, 600);
|
|
130
|
+
letter-spacing: var(--display-tracking, -0.02em);
|
|
131
|
+
font-size: 40px;
|
|
132
|
+
line-height: 1.1;
|
|
133
|
+
margin-top: -12px;
|
|
134
|
+
}
|
|
135
|
+
[data-composition-id="phone-frame"] .pf-hero {
|
|
136
|
+
border-radius: 26px;
|
|
137
|
+
padding: 26px;
|
|
138
|
+
color: #fff;
|
|
139
|
+
background: var(--accent, #2f5bff);
|
|
140
|
+
box-shadow: 0 10px 24px color-mix(in srgb, var(--accent, #2f5bff) 30%, transparent);
|
|
141
|
+
}
|
|
142
|
+
[data-composition-id="phone-frame"] .pf-hero small {
|
|
143
|
+
font-size: 22px;
|
|
144
|
+
opacity: 0.8;
|
|
145
|
+
}
|
|
146
|
+
[data-composition-id="phone-frame"] .pf-hero strong {
|
|
147
|
+
display: block;
|
|
148
|
+
font-size: 48px;
|
|
149
|
+
font-weight: 650;
|
|
150
|
+
letter-spacing: -0.02em;
|
|
151
|
+
margin: 4px 0 16px;
|
|
152
|
+
}
|
|
153
|
+
[data-composition-id="phone-frame"] .pf-spark {
|
|
154
|
+
display: block;
|
|
155
|
+
width: 100%;
|
|
156
|
+
height: 70px;
|
|
157
|
+
}
|
|
158
|
+
[data-composition-id="phone-frame"] .pf-row {
|
|
159
|
+
display: flex;
|
|
160
|
+
align-items: center;
|
|
161
|
+
gap: 18px;
|
|
162
|
+
padding: 18px;
|
|
163
|
+
border-radius: 22px;
|
|
164
|
+
background: #fff;
|
|
165
|
+
box-shadow:
|
|
166
|
+
0 0 0 1.5px color-mix(in srgb, var(--ink, #111) 6%, transparent),
|
|
167
|
+
0 4px 12px rgba(0, 0, 0, 0.04);
|
|
168
|
+
}
|
|
169
|
+
[data-composition-id="phone-frame"] .pf-dot {
|
|
170
|
+
flex: none;
|
|
171
|
+
width: 54px;
|
|
172
|
+
height: 54px;
|
|
173
|
+
border-radius: 16px;
|
|
174
|
+
background: color-mix(in srgb, var(--accent, #2f5bff) 14%, #fff);
|
|
175
|
+
}
|
|
176
|
+
[data-composition-id="phone-frame"] .pf-lines {
|
|
177
|
+
flex: 1;
|
|
178
|
+
display: flex;
|
|
179
|
+
flex-direction: column;
|
|
180
|
+
gap: 10px;
|
|
181
|
+
}
|
|
182
|
+
[data-composition-id="phone-frame"] .pf-lines b {
|
|
183
|
+
font-size: 24px;
|
|
184
|
+
font-weight: 600;
|
|
185
|
+
}
|
|
186
|
+
[data-composition-id="phone-frame"] .pf-lines i {
|
|
187
|
+
display: block;
|
|
188
|
+
height: 12px;
|
|
189
|
+
width: 60%;
|
|
190
|
+
border-radius: 6px;
|
|
191
|
+
background: color-mix(in srgb, var(--ink, #111) 9%, #fff);
|
|
192
|
+
}
|
|
193
|
+
[data-composition-id="phone-frame"] .pf-amt {
|
|
194
|
+
font-size: 24px;
|
|
195
|
+
font-weight: 600;
|
|
196
|
+
}
|
|
197
|
+
</style>
|
|
198
|
+
<div class="pf-phone" id="pf-phone">
|
|
199
|
+
<i class="pf-btn l1"></i><i class="pf-btn l2"></i><i class="pf-btn l3"></i><i class="pf-btn r1"></i>
|
|
200
|
+
<div class="pf-screen">
|
|
201
|
+
<div class="pf-island"></div>
|
|
202
|
+
<div class="pf-glare" id="pf-glare"></div>
|
|
203
|
+
<!-- slot: replace .pf-app below with a real screenshot, e.g.
|
|
204
|
+
<img src="assets/app-screen.png" alt="" /> -->
|
|
205
|
+
<div class="pf-app">
|
|
206
|
+
<div class="pf-status"><span>9:41</span><span>●●●</span></div>
|
|
207
|
+
<!-- edit: greeting + headline -->
|
|
208
|
+
<div class="pf-hello pf-in">Good morning, Sam</div>
|
|
209
|
+
<div class="pf-big pf-in">Your week at a glance</div>
|
|
210
|
+
<div class="pf-hero pf-in">
|
|
211
|
+
<!-- edit: hero stat -->
|
|
212
|
+
<small>Balance</small>
|
|
213
|
+
<strong>$12,480</strong>
|
|
214
|
+
<svg class="pf-spark" viewBox="0 0 300 70" preserveAspectRatio="none">
|
|
215
|
+
<path id="pf-spark" d="M0 58 C30 52 45 60 70 46 S110 30 135 38 S175 22 200 24 S250 6 300 8" fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" />
|
|
216
|
+
</svg>
|
|
217
|
+
</div>
|
|
218
|
+
<!-- edit: list rows -->
|
|
219
|
+
<div class="pf-row pf-in"><span class="pf-dot"></span><span class="pf-lines"><b>Stripe payout</b><i></i></span><span class="pf-amt">+$840</span></div>
|
|
220
|
+
<div class="pf-row pf-in"><span class="pf-dot"></span><span class="pf-lines"><b>Figma</b><i style="width: 45%"></i></span><span class="pf-amt">−$45</span></div>
|
|
221
|
+
<div class="pf-row pf-in"><span class="pf-dot"></span><span class="pf-lines"><b>Northwind</b><i style="width: 70%"></i></span><span class="pf-amt">+$2.4k</span></div>
|
|
222
|
+
</div>
|
|
223
|
+
</div>
|
|
224
|
+
</div>
|
|
225
|
+
</div>
|
|
226
|
+
<script>
|
|
227
|
+
(function () {
|
|
228
|
+
const ENTER_AT = 0.1;
|
|
229
|
+
const TILT_Y = -28;
|
|
230
|
+
const TILT_X = 12;
|
|
231
|
+
const root = document.querySelector('[data-composition-id="phone-frame"]');
|
|
232
|
+
const tl = gsap.timeline({ paused: true });
|
|
233
|
+
const spark = root.querySelector("#pf-spark");
|
|
234
|
+
const len = spark.getTotalLength();
|
|
235
|
+
|
|
236
|
+
tl.fromTo("#pf-phone", { opacity: 0 }, { opacity: 1, duration: 0.4, ease: "power1.out" }, ENTER_AT);
|
|
237
|
+
tl.fromTo(
|
|
238
|
+
"#pf-phone",
|
|
239
|
+
{ y: 220, rotationY: TILT_Y, rotationX: TILT_X, rotationZ: 4, scale: 0.9 },
|
|
240
|
+
{ y: 0, rotationY: 0, rotationX: 0, rotationZ: 0, scale: 1, duration: 2.1, ease: "power3.out" },
|
|
241
|
+
ENTER_AT,
|
|
242
|
+
);
|
|
243
|
+
tl.fromTo("#pf-glare", { backgroundPosition: "100% 0" }, { backgroundPosition: "0% 0", duration: 1.8, ease: "power2.out" }, ENTER_AT);
|
|
244
|
+
tl.fromTo(root.querySelectorAll(".pf-in"), { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.55, ease: "power3.out", stagger: 0.07 }, ENTER_AT + 0.55);
|
|
245
|
+
tl.fromTo(spark, { strokeDasharray: len, strokeDashoffset: len }, { strokeDashoffset: 0, duration: 1.1, ease: "power2.inOut" }, ENTER_AT + 0.9);
|
|
246
|
+
tl.to({}, { duration: 4 - tl.duration() });
|
|
247
|
+
window.__timelines = window.__timelines || {};
|
|
248
|
+
window.__timelines["phone-frame"] = tl;
|
|
249
|
+
})();
|
|
250
|
+
</script>
|
|
251
|
+
</body>
|
|
252
|
+
</html>
|
|
Binary file
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "pricing-toggle", "name": "Pricing toggle", "kind": "ui",
|
|
3
|
+
"description": "An illustrative monthly-to-yearly plan switch with an animated rate and explicit billing terms. Replace sample prices before use.",
|
|
4
|
+
"tags": ["pricing", "product", "toggle"], "fonts": [], "duration": 5,
|
|
5
|
+
"previewAt": 3, "license": "original", "previewLook": "soft-light-ad"
|
|
6
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!-- Illustrative pricing UI, not a live checkout. Edit plan/copy in markup and MONTHLY/ANNUAL rates below. -->
|
|
3
|
+
<html lang="en"><head><meta charset="UTF-8"><script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script></head><body>
|
|
4
|
+
<div id="pricing-toggle-root" data-composition-id="pricing-toggle" data-start="0" data-duration="5" data-width="1920" data-height="1080">
|
|
5
|
+
<style>
|
|
6
|
+
[data-composition-id="pricing-toggle"]{position:absolute;inset:0;color:var(--ink);font-family:var(--text)}
|
|
7
|
+
[data-composition-id="pricing-toggle"] .card{position:absolute;left:610px;top:150px;width:700px;height:780px;box-sizing:border-box;padding:56px;background:var(--field);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius)}
|
|
8
|
+
[data-composition-id="pricing-toggle"] .switch{display:flex;position:relative;border:2px solid var(--ink);border-radius:var(--radius);height:72px;overflow:hidden}
|
|
9
|
+
[data-composition-id="pricing-toggle"] .thumb{position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--ink);color:var(--field)}
|
|
10
|
+
[data-composition-id="pricing-toggle"] .option{width:50%;position:relative;text-align:center;font-size:26px;line-height:72px}
|
|
11
|
+
[data-composition-id="pricing-toggle"] .monthly{color:var(--field)}
|
|
12
|
+
[data-composition-id="pricing-toggle"] h2{font:40px/1.2 var(--display);margin:55px 0 18px}
|
|
13
|
+
[data-composition-id="pricing-toggle"] .price{font-family:var(--display);font-weight:var(--display-weight);font-size:140px;line-height:1.15;letter-spacing:var(--display-tracking);font-variant-numeric:tabular-nums}
|
|
14
|
+
[data-composition-id="pricing-toggle"] .unit{font-size:26px;color:var(--muted)}
|
|
15
|
+
[data-composition-id="pricing-toggle"] .terms{font-size:24px;line-height:1.4;color:var(--muted);min-height:68px;margin-top:24px}
|
|
16
|
+
[data-composition-id="pricing-toggle"] .cta{margin-top:28px;padding:22px;background:var(--ink);color:var(--field);font-size:26px;line-height:1.3;text-align:center;border-radius:var(--radius)}
|
|
17
|
+
</style><div class="card"><div class="switch"><div class="thumb"></div><span class="option monthly">Monthly</span><span class="option annual">Yearly</span></div><!-- edit: plan name, sample price and action --><h2>Studio</h2><span class="price">$24</span><span class="unit"> / month</span><p class="terms">Billed monthly. Cancel anytime.</p><div class="cta">Choose Studio</div></div></div>
|
|
18
|
+
<script>(()=>{const MONTHLY=24,ANNUAL=18;const root=document.querySelector('[data-composition-id="pricing-toggle"]');const style=getComputedStyle(root);const state={progress:0};const draw=()=>{root.querySelector('.price').textContent='$'+Math.round(MONTHLY+(ANNUAL-MONTHLY)*state.progress);root.querySelector('.terms').textContent=state.progress<.5?'Billed monthly. Cancel anytime.':`$${ANNUAL*12} billed yearly. Save 25%.`;};const tl=gsap.timeline({paused:true});tl.from(root.querySelector('.card'),{y:45,opacity:0,duration:.6,ease:'power3.out'},0).to(root.querySelector('.thumb'),{xPercent:100,duration:.5,ease:'power3.inOut'},1.6).to(root.querySelector('.monthly'),{color:style.getPropertyValue('--ink').trim(),duration:.5},1.6).to(root.querySelector('.annual'),{color:style.getPropertyValue('--field').trim(),duration:.5},1.6).to(state,{progress:1,duration:.5,ease:'power3.inOut',onUpdate:draw},1.6).to({},{duration:2.9});draw();window.__timelines=window.__timelines||{};window.__timelines["pricing-toggle"]=tl;})();</script></body></html>
|
|
Binary file
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) Magic UI
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "retro-grid",
|
|
3
|
+
"name": "Retro grid",
|
|
4
|
+
"kind": "background",
|
|
5
|
+
"description": "A perspective grid floor scrolling steadily toward the viewer and fading into a hazy horizon. Synthwave-adjacent depth kept restrained in the look's line color; a backdrop for launches, titles and tech intros. Converted from Magic UI's Retro Grid.",
|
|
6
|
+
"tags": ["grid", "perspective", "floor", "retro", "synthwave", "horizon", "scrolling", "depth", "tech", "magic-ui"],
|
|
7
|
+
"fonts": [],
|
|
8
|
+
"duration": 6,
|
|
9
|
+
"previewAt": 3,
|
|
10
|
+
"license": "MIT",
|
|
11
|
+
"source": {
|
|
12
|
+
"url": "https://github.com/magicuidesign/magicui/blob/main/apps/www/registry/magicui/retro-grid.tsx",
|
|
13
|
+
"author": "Magic UI"
|
|
14
|
+
},
|
|
15
|
+
"previewLook": "duotone-broadcast"
|
|
16
|
+
}
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
retro-grid: a perspective grid plane scrolling toward the viewer, fading
|
|
4
|
+
out at the horizon. Converted from Magic UI's "Retro Grid" (MIT, see
|
|
5
|
+
LICENSE): the upstream WebGL shader / CSS-keyframe fallback runs on the
|
|
6
|
+
wall clock; here the plane is projected analytically on a 2D canvas and
|
|
7
|
+
the scroll offset is a pure function of timeline time (offset = t * SPEED),
|
|
8
|
+
redrawn from a tween's onUpdate. Lines use --line (strengthened by
|
|
9
|
+
OPACITY), the plane sits on --field.
|
|
10
|
+
Params (top of script): CELL (grid cell, plane units), SPEED (plane units
|
|
11
|
+
per second toward the camera), HORIZON (px from top), CAM_HEIGHT, FOCAL
|
|
12
|
+
(camera), FAR (depth where lines have faded out), OPACITY (line strength,
|
|
13
|
+
upstream default 0.5 → here a multiplier on --line's alpha).
|
|
14
|
+
-->
|
|
15
|
+
<html lang="en">
|
|
16
|
+
<head>
|
|
17
|
+
<meta charset="UTF-8" />
|
|
18
|
+
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
|
19
|
+
</head>
|
|
20
|
+
<body>
|
|
21
|
+
<div
|
|
22
|
+
id="retro-grid-root"
|
|
23
|
+
data-composition-id="retro-grid"
|
|
24
|
+
data-start="0"
|
|
25
|
+
data-duration="6"
|
|
26
|
+
data-width="1920"
|
|
27
|
+
data-height="1080"
|
|
28
|
+
>
|
|
29
|
+
<style>
|
|
30
|
+
[data-composition-id="retro-grid"] {
|
|
31
|
+
position: absolute;
|
|
32
|
+
inset: 0;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
background: var(--field, #eef1f7);
|
|
35
|
+
}
|
|
36
|
+
[data-composition-id="retro-grid"] canvas {
|
|
37
|
+
position: absolute;
|
|
38
|
+
left: 0;
|
|
39
|
+
top: 0;
|
|
40
|
+
width: 1920px;
|
|
41
|
+
height: 1080px;
|
|
42
|
+
}
|
|
43
|
+
[data-composition-id="retro-grid"] .rg-probe {
|
|
44
|
+
color: var(--line, rgba(0, 0, 0, 0.2));
|
|
45
|
+
}
|
|
46
|
+
/* Horizon haze: the field color softens the far plane. */
|
|
47
|
+
[data-composition-id="retro-grid"] .rg-haze {
|
|
48
|
+
position: absolute;
|
|
49
|
+
inset: 0;
|
|
50
|
+
background: linear-gradient(
|
|
51
|
+
180deg,
|
|
52
|
+
var(--field, #eef1f7) 0%,
|
|
53
|
+
var(--field, #eef1f7) 38%,
|
|
54
|
+
transparent 62%
|
|
55
|
+
);
|
|
56
|
+
}
|
|
57
|
+
</style>
|
|
58
|
+
<canvas id="rg-canvas" width="1920" height="1080"></canvas>
|
|
59
|
+
<div class="rg-haze"></div>
|
|
60
|
+
<i class="rg-probe" id="rg-probe"></i>
|
|
61
|
+
</div>
|
|
62
|
+
<script>
|
|
63
|
+
(function () {
|
|
64
|
+
const CELL = 60;
|
|
65
|
+
const SPEED = 40;
|
|
66
|
+
const HORIZON = 380;
|
|
67
|
+
const CAM_HEIGHT = 150;
|
|
68
|
+
const FOCAL = 1100;
|
|
69
|
+
const FAR = 5200;
|
|
70
|
+
const OPACITY = 2.4;
|
|
71
|
+
const DURATION = 6;
|
|
72
|
+
const W = 1920;
|
|
73
|
+
const H = 1080;
|
|
74
|
+
const CX = W / 2;
|
|
75
|
+
|
|
76
|
+
const probe = getComputedStyle(document.getElementById("rg-probe")).color;
|
|
77
|
+
const parts = probe.match(/[\d.]+/g).map(Number);
|
|
78
|
+
const RGB = parts.slice(0, 3).join(",");
|
|
79
|
+
const BASE_A = Math.min(1, (parts[3] ?? 1) * OPACITY);
|
|
80
|
+
|
|
81
|
+
const canvas = document.getElementById("rg-canvas");
|
|
82
|
+
const ctx = canvas.getContext("2d");
|
|
83
|
+
const NEAR = (FOCAL * CAM_HEIGHT) / (H - HORIZON);
|
|
84
|
+
const sy = (z) => HORIZON + (FOCAL * CAM_HEIGHT) / z;
|
|
85
|
+
const sx = (x, z) => CX + (FOCAL * x) / z;
|
|
86
|
+
// Depth fade: full strength near, gone by FAR.
|
|
87
|
+
const fade = (z) => {
|
|
88
|
+
const v = Math.max(0, Math.min(1, (z - NEAR) / (FAR - NEAR)));
|
|
89
|
+
return Math.pow(1 - v, 1.6);
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
const state = { t: 0 };
|
|
93
|
+
function draw() {
|
|
94
|
+
ctx.clearRect(0, 0, W, H);
|
|
95
|
+
const offset = (state.t * SPEED) % CELL;
|
|
96
|
+
// Horizontal lines: plane rows moving toward the camera.
|
|
97
|
+
for (let z = NEAR - offset + CELL; z < FAR; z += CELL) {
|
|
98
|
+
const a = BASE_A * fade(z);
|
|
99
|
+
if (a < 0.003) continue;
|
|
100
|
+
const y = sy(z);
|
|
101
|
+
ctx.strokeStyle = `rgba(${RGB},${a})`;
|
|
102
|
+
ctx.lineWidth = Math.max(0.75, (1.6 * NEAR) / z);
|
|
103
|
+
ctx.beginPath();
|
|
104
|
+
ctx.moveTo(0, y);
|
|
105
|
+
ctx.lineTo(W, y);
|
|
106
|
+
ctx.stroke();
|
|
107
|
+
}
|
|
108
|
+
// Vertical lines: converge on the vanishing point, drawn as
|
|
109
|
+
// segments so each part fades with its own depth.
|
|
110
|
+
const xMax = (CX * FAR) / FOCAL;
|
|
111
|
+
const STEPS = 24;
|
|
112
|
+
for (let x = -Math.ceil(xMax / CELL) * CELL; x <= xMax; x += CELL) {
|
|
113
|
+
for (let i = 0; i < STEPS; i++) {
|
|
114
|
+
const z0 = NEAR * Math.pow(FAR / NEAR, i / STEPS);
|
|
115
|
+
const z1 = NEAR * Math.pow(FAR / NEAR, (i + 1) / STEPS);
|
|
116
|
+
const a = BASE_A * fade((z0 + z1) / 2);
|
|
117
|
+
if (a < 0.003) continue;
|
|
118
|
+
const x0 = sx(x, z0);
|
|
119
|
+
const x1 = sx(x, z1);
|
|
120
|
+
if ((x0 < -50 && x1 < -50) || (x0 > W + 50 && x1 > W + 50)) continue;
|
|
121
|
+
ctx.strokeStyle = `rgba(${RGB},${a})`;
|
|
122
|
+
ctx.lineWidth = Math.max(0.75, (1.6 * NEAR) / z0);
|
|
123
|
+
ctx.beginPath();
|
|
124
|
+
ctx.moveTo(x0, sy(z0));
|
|
125
|
+
ctx.lineTo(x1, sy(z1));
|
|
126
|
+
ctx.stroke();
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
const tl = gsap.timeline({ paused: true });
|
|
132
|
+
tl.fromTo(state, { t: 0 }, { t: DURATION, duration: DURATION, ease: "none", onUpdate: draw }, 0);
|
|
133
|
+
draw();
|
|
134
|
+
window.__timelines = window.__timelines || {};
|
|
135
|
+
window.__timelines["retro-grid"] = tl;
|
|
136
|
+
})();
|
|
137
|
+
</script>
|
|
138
|
+
</body>
|
|
139
|
+
</html>
|
|
Binary file
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "scale-through-word",
|
|
3
|
+
"name": "Scale through word",
|
|
4
|
+
"kind": "type",
|
|
5
|
+
"description": "A big uppercase word rises in, then the camera dives through one of its letters: the word scales ~1 to 48x around the letter's counter, which floods with --field-2 until it fills the frame and becomes the next scene's background. A type-driven scene transition; cut to a --field-2 scene right after.",
|
|
6
|
+
"tags": ["zoom", "scale", "transition", "zoom-through", "counter", "handoff", "field-cut", "dive", "kinetic", "headline"],
|
|
7
|
+
"fonts": [],
|
|
8
|
+
"duration": 3,
|
|
9
|
+
"previewAt": 2.05,
|
|
10
|
+
"license": "original",
|
|
11
|
+
"previewLook": "soft-light-ad"
|
|
12
|
+
}
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<!--
|
|
3
|
+
scale-through-word: a big word rises in, then the camera dives through one
|
|
4
|
+
of its letters — the word scales ~1 → 48× around that letter's counter,
|
|
5
|
+
which floods with --field-2 and becomes the next scene's background.
|
|
6
|
+
Ends on a full --field-2 frame: cut to a scene whose field is --field-2.
|
|
7
|
+
Mark the letter to dive through with .stw-target (a letter with a closed
|
|
8
|
+
counter: O, D, A, B, P, Q, 0, 8...). Transparent until the handoff.
|
|
9
|
+
Params: --stw-size (font size); --stw-cx / --stw-cy (counter center inside
|
|
10
|
+
the letter box) and --stw-cw / --stw-ch (counter size, may overshoot a little: the glyph paints over it) — tune these if the
|
|
11
|
+
display face changes; SCALE_TO, ZOOM_AT, ZOOM (seconds).
|
|
12
|
+
-->
|
|
13
|
+
<html lang="en">
|
|
14
|
+
<head>
|
|
15
|
+
<meta charset="UTF-8" />
|
|
16
|
+
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
|
17
|
+
</head>
|
|
18
|
+
<body>
|
|
19
|
+
<div
|
|
20
|
+
id="scale-through-word-root"
|
|
21
|
+
data-composition-id="scale-through-word"
|
|
22
|
+
data-start="0"
|
|
23
|
+
data-duration="3"
|
|
24
|
+
data-width="1920"
|
|
25
|
+
data-height="1080"
|
|
26
|
+
>
|
|
27
|
+
<style>
|
|
28
|
+
[data-composition-id="scale-through-word"] {
|
|
29
|
+
--stw-size: 300px;
|
|
30
|
+
--stw-cx: 50%;
|
|
31
|
+
--stw-cy: 0.47em;
|
|
32
|
+
--stw-cw: 0.5em;
|
|
33
|
+
--stw-ch: 0.62em;
|
|
34
|
+
position: absolute;
|
|
35
|
+
inset: 0;
|
|
36
|
+
overflow: hidden;
|
|
37
|
+
color: var(--ink, #111);
|
|
38
|
+
}
|
|
39
|
+
[data-composition-id="scale-through-word"] .stw-word {
|
|
40
|
+
position: absolute;
|
|
41
|
+
left: 50%;
|
|
42
|
+
top: 50%;
|
|
43
|
+
font-family: var(--display, sans-serif);
|
|
44
|
+
font-weight: var(--display-weight, 800);
|
|
45
|
+
font-stretch: var(--display-stretch, 100%);
|
|
46
|
+
letter-spacing: var(--display-tracking, -0.03em);
|
|
47
|
+
font-size: var(--stw-size);
|
|
48
|
+
line-height: 1;
|
|
49
|
+
text-transform: uppercase;
|
|
50
|
+
white-space: nowrap;
|
|
51
|
+
transform: translate(-50%, -50%);
|
|
52
|
+
}
|
|
53
|
+
[data-composition-id="scale-through-word"] .stw-mask {
|
|
54
|
+
display: block;
|
|
55
|
+
overflow: hidden;
|
|
56
|
+
padding: 0.04em 0.02em;
|
|
57
|
+
}
|
|
58
|
+
[data-composition-id="scale-through-word"] .stw-inner {
|
|
59
|
+
display: inline-block;
|
|
60
|
+
}
|
|
61
|
+
[data-composition-id="scale-through-word"] .stw-target {
|
|
62
|
+
position: relative;
|
|
63
|
+
display: inline-block;
|
|
64
|
+
}
|
|
65
|
+
[data-composition-id="scale-through-word"] .stw-glyph {
|
|
66
|
+
position: relative;
|
|
67
|
+
}
|
|
68
|
+
[data-composition-id="scale-through-word"] .stw-counter {
|
|
69
|
+
position: absolute;
|
|
70
|
+
left: var(--stw-cx);
|
|
71
|
+
top: var(--stw-cy);
|
|
72
|
+
width: var(--stw-cw);
|
|
73
|
+
height: var(--stw-ch);
|
|
74
|
+
margin: calc(var(--stw-ch) / -2) 0 0 calc(var(--stw-cw) / -2);
|
|
75
|
+
border-radius: 46%;
|
|
76
|
+
background: var(--field-2, #123);
|
|
77
|
+
transform: scale(0);
|
|
78
|
+
}
|
|
79
|
+
[data-composition-id="scale-through-word"] .stw-flood {
|
|
80
|
+
position: absolute;
|
|
81
|
+
inset: 0;
|
|
82
|
+
background: var(--field-2, #123);
|
|
83
|
+
opacity: 0;
|
|
84
|
+
}
|
|
85
|
+
</style>
|
|
86
|
+
<!-- edit: the word; wrap the letter to dive through in .stw-target -->
|
|
87
|
+
<div class="stw-word" id="stw-word">
|
|
88
|
+
<span class="stw-mask"
|
|
89
|
+
><span class="stw-inner" id="stw-inner"
|
|
90
|
+
>F<span class="stw-target" id="stw-target"
|
|
91
|
+
><i class="stw-counter" id="stw-counter"></i><span class="stw-glyph">O</span></span
|
|
92
|
+
>CUS</span
|
|
93
|
+
></span
|
|
94
|
+
>
|
|
95
|
+
</div>
|
|
96
|
+
<div class="stw-flood" id="stw-flood"></div>
|
|
97
|
+
</div>
|
|
98
|
+
<script>
|
|
99
|
+
(function () {
|
|
100
|
+
const SCALE_TO = 48;
|
|
101
|
+
const ZOOM_AT = 1.1;
|
|
102
|
+
const ZOOM = 1.4;
|
|
103
|
+
const word = document.getElementById("stw-word");
|
|
104
|
+
const target = document.getElementById("stw-target");
|
|
105
|
+
const counter = document.getElementById("stw-counter");
|
|
106
|
+
const flood = document.getElementById("stw-flood");
|
|
107
|
+
const state = { z: 0 };
|
|
108
|
+
// Offsets ignore transforms, so the counter center is measured in the
|
|
109
|
+
// word's own box every frame (robust to late font loads).
|
|
110
|
+
function draw() {
|
|
111
|
+
let ox = counter.offsetLeft + counter.offsetWidth / 2;
|
|
112
|
+
let oy = counter.offsetTop + counter.offsetHeight / 2;
|
|
113
|
+
for (let el = target; el && el !== word; el = el.offsetParent) {
|
|
114
|
+
ox += el.offsetLeft;
|
|
115
|
+
oy += el.offsetTop;
|
|
116
|
+
}
|
|
117
|
+
const s = Math.pow(SCALE_TO, state.z);
|
|
118
|
+
const k = Math.min(1, Math.log(s) / Math.log(4));
|
|
119
|
+
const dx = -(ox - word.offsetWidth / 2) * k;
|
|
120
|
+
const dy = -(oy - word.offsetHeight / 2) * k;
|
|
121
|
+
word.style.transformOrigin = `${ox.toFixed(2)}px ${oy.toFixed(2)}px`;
|
|
122
|
+
word.style.transform = `translate(-50%, -50%) translate(${dx.toFixed(2)}px, ${dy.toFixed(2)}px) scale(${s.toFixed(4)})`;
|
|
123
|
+
counter.style.transform = `scale(${Math.min(1, state.z / 0.3).toFixed(4)})`;
|
|
124
|
+
flood.style.opacity = state.z >= 0.985 ? "1" : "0";
|
|
125
|
+
// Once the cut field covers the frame, retire the outgoing glyphs.
|
|
126
|
+
// Derive this from seek time so scrubbing backward restores them.
|
|
127
|
+
word.style.visibility = state.z >= 0.985 ? "hidden" : "visible";
|
|
128
|
+
}
|
|
129
|
+
const tl = gsap.timeline({ paused: true });
|
|
130
|
+
tl.fromTo("#stw-inner", { yPercent: 110 }, { yPercent: 0, duration: 0.8, ease: "expo.out" }, 0.1);
|
|
131
|
+
tl.fromTo(state, { z: 0 }, { z: 1, duration: ZOOM, ease: "power2.in", onUpdate: draw }, ZOOM_AT);
|
|
132
|
+
tl.to({}, { duration: Math.max(0, 3 - tl.duration()) });
|
|
133
|
+
draw();
|
|
134
|
+
window.__timelines = window.__timelines || {};
|
|
135
|
+
window.__timelines["scale-through-word"] = tl;
|
|
136
|
+
})();
|
|
137
|
+
</script>
|
|
138
|
+
</body>
|
|
139
|
+
</html>
|
|
Binary file
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "serif-quote",
|
|
3
|
+
"name": "Pull quote",
|
|
4
|
+
"kind": "type",
|
|
5
|
+
"description": "A large pull quote that builds word by word, each word rising and sharpening from a soft blur, with a hanging accent quote mark, <em> words in the accent color and a mono attribution under a short rule. Editorial with a serif display look, clean with a grotesk. For testimonials, manifesto lines and founder quotes. Transparent.",
|
|
6
|
+
"tags": ["quote", "pull-quote", "testimonial", "editorial", "serif", "blur", "word-by-word", "attribution", "manifesto"],
|
|
7
|
+
"fonts": [],
|
|
8
|
+
"duration": 4,
|
|
9
|
+
"previewAt": 3.4,
|
|
10
|
+
"license": "original",
|
|
11
|
+
"previewLook": "soft-light-ad"
|
|
12
|
+
}
|