motiondesk-studio 0.0.0-stage → 1.3.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.
Files changed (506) hide show
  1. package/LICENSE +8 -0
  2. package/README.md +53 -2
  3. package/THIRD_PARTY_NOTICES.md +13 -0
  4. package/app/assets/ai-assistant-DOEK1wrr.js +138 -0
  5. package/app/assets/annual-report-C59pnbh2.js +147 -0
  6. package/app/assets/app-tour-B8525Qt1.js +164 -0
  7. package/app/assets/apps-DwnIwigQ.js +1 -0
  8. package/app/assets/arrows-_CCvumhN.js +1 -0
  9. package/app/assets/auto-CJsCPj1R.js +1 -0
  10. package/app/assets/badges-BPgMBVy0.js +1 -0
  11. package/app/assets/balloon-party-BDWzrF-Z.js +160 -0
  12. package/app/assets/beauty-DgeCsQdf.js +1 -0
  13. package/app/assets/boarding-pass-i17EemsZ.js +192 -0
  14. package/app/assets/business-BQslCr0i.js +1 -0
  15. package/app/assets/business-DfyVziqj.js +1 -0
  16. package/app/assets/catalog-Cdx5nbp0.js +1 -0
  17. package/app/assets/celebration-COCZTKjl.js +1 -0
  18. package/app/assets/celebrations-CkfTGLEK.js +1 -0
  19. package/app/assets/chalk-menu-CQSqwxNP.js +158 -0
  20. package/app/assets/claim-steps-BNFeoYYZ.js +180 -0
  21. package/app/assets/clinic-booking-CvQEpBWn.js +178 -0
  22. package/app/assets/community-BV13F-Wp.js +1 -0
  23. package/app/assets/concert-poster-iUOM-elw.js +189 -0
  24. package/app/assets/course-syllabus-CnM_03XP.js +164 -0
  25. package/app/assets/culture-DpL14_5r.js +1 -0
  26. package/app/assets/cyber-shield-B_6oatye.js +192 -0
  27. package/app/assets/data-DgES5FIF.js +1 -0
  28. package/app/assets/dev-hiring-code-Bg00S1Iz.js +138 -0
  29. package/app/assets/devices-D1500q8F.js +1 -0
  30. package/app/assets/donation-meter-C3wuRmFA.js +164 -0
  31. package/app/assets/editorial-mag-DsTVzQMx.js +180 -0
  32. package/app/assets/education-CGTOg3_0.js +1 -0
  33. package/app/assets/ev-charge-KaMIQd_s.js +218 -0
  34. package/app/assets/event-announce-cLmuvt45.js +147 -0
  35. package/app/assets/events-kZ6HshfK.js +1 -0
  36. package/app/assets/family-De56hVSo.js +1 -0
  37. package/app/assets/fashion-DbGAD96W.js +1 -0
  38. package/app/assets/finance-BUdlKAud.js +1 -0
  39. package/app/assets/finance-growth-CYgFE0RC.js +140 -0
  40. package/app/assets/fitness-rings-streak-Cp7n4zq_.js +141 -0
  41. package/app/assets/flash-sale-Tc0Jw34H.js +143 -0
  42. package/app/assets/flipclock-countdown-BkrU9ZhF.js +153 -0
  43. package/app/assets/floorplan-linedraw-B4ZwEDv3.js +192 -0
  44. package/app/assets/food-CiEyQAd1.js +1 -0
  45. package/app/assets/food-PijmcKM-.js +1 -0
  46. package/app/assets/gaming-DnzPj6Uv.js +1 -0
  47. package/app/assets/glass-product-CsUqplIf.js +139 -0
  48. package/app/assets/glossy-cosmetics-DBb-YonD.js +203 -0
  49. package/app/assets/gold-couture-e6c5nsVY.js +190 -0
  50. package/app/assets/gradient-blobs-Daiu9eFf.js +139 -0
  51. package/app/assets/graduation-day-vdz-kGI1.js +134 -0
  52. package/app/assets/headline-news-ticker-GgZ_nRXK.js +181 -0
  53. package/app/assets/health-CbyTqvSM.js +1 -0
  54. package/app/assets/health-DMeKWmDa.js +1 -0
  55. package/app/assets/hiring-team-Bia3GQaH.js +137 -0
  56. package/app/assets/holiday-greeting-B7TFl0_5.js +144 -0
  57. package/app/assets/holidays-BmXfhKdf.js +1 -0
  58. package/app/assets/hr-2i-f-S-M.js +1 -0
  59. package/app/assets/hyperframes-BM7eWgx2.js +1 -0
  60. package/app/assets/index-BlSoi5FK.css +1 -0
  61. package/app/assets/index-D3rEDfqX.js +290 -0
  62. package/app/assets/index-b2-CMdBrCiU.js +1 -0
  63. package/app/assets/index-b3-egAjkT9z.js +1 -0
  64. package/app/assets/index-b4-Cnj_xde0.js +1 -0
  65. package/app/assets/index-b5-CoZgwX8-.js +1 -0
  66. package/app/assets/iso-product-3d-DQT1lHDq.js +229 -0
  67. package/app/assets/itinerary-map-pins-BTX0ZebL.js +201 -0
  68. package/app/assets/key-handover-DuIj4oKe.js +171 -0
  69. package/app/assets/kids-BNwXKe4O.js +1 -0
  70. package/app/assets/kinetic-launch-D2rSnewM.js +161 -0
  71. package/app/assets/launch-DqkMfeFI.js +1 -0
  72. package/app/assets/legal-Caoeh9dp.js +1 -0
  73. package/app/assets/legal-trust-T01BmIDB.js +186 -0
  74. package/app/assets/level-up-CBXf6nj2.js +205 -0
  75. package/app/assets/logo-sting-Uf0nckUQ.js +106 -0
  76. package/app/assets/manifesto-quote-DCIONyzh.js +120 -0
  77. package/app/assets/match-day-p25bzqbq.js +146 -0
  78. package/app/assets/match-score-CSZ4Tx4B.js +210 -0
  79. package/app/assets/music-hbnVS8dK.js +1 -0
  80. package/app/assets/nature-Bj99iNsv.js +1 -0
  81. package/app/assets/neighborhood-map-BpbZiy-v.js +158 -0
  82. package/app/assets/neon-grid-Bo0xfsL6.js +159 -0
  83. package/app/assets/nonprofit-DK7XI33A.js +1 -0
  84. package/app/assets/objects-DD8bqyWR.js +1 -0
  85. package/app/assets/org-chart-hiring-tGX1UpiJ.js +161 -0
  86. package/app/assets/paper-collage-CK-XODvZ.js +181 -0
  87. package/app/assets/paw-adopt-D5hKgsaL.js +173 -0
  88. package/app/assets/people-l3GsDfAr.js +1 -0
  89. package/app/assets/pets-Dp8EeTjS.js +1 -0
  90. package/app/assets/playful-blocks-BGXW4vra.js +162 -0
  91. package/app/assets/podcast-waveform-promo-D-h_ydpJ.js +182 -0
  92. package/app/assets/premium-Cy680sWT.js +1 -0
  93. package/app/assets/price-grid-DbYGPlJt.js +176 -0
  94. package/app/assets/quote-carousel-bold-D5fpKgSS.js +143 -0
  95. package/app/assets/realestate-BXW-rsfP.js +1 -0
  96. package/app/assets/recipe-ingredients-B_bSw3x_.js +162 -0
  97. package/app/assets/retail-D-XWCWed.js +1 -0
  98. package/app/assets/retro-80s-CCZc9S6x.js +141 -0
  99. package/app/assets/roadmap-timeline-BpbNdfCr.js +164 -0
  100. package/app/assets/saas-dashboard-s-2gR3AN.js +195 -0
  101. package/app/assets/sale-wheel-24h-CsiOja2Z.js +153 -0
  102. package/app/assets/save-the-date-C6O8fH8f.js +141 -0
  103. package/app/assets/seasons-BFYc_klb.js +1 -0
  104. package/app/assets/services-DRPQcCXX.js +1 -0
  105. package/app/assets/shapes-AVMwC-FR.js +1 -0
  106. package/app/assets/social-CNpE0GKG.js +1 -0
  107. package/app/assets/split-wipe-before-after-Lg-NbF0V.js +198 -0
  108. package/app/assets/sports-DyBfpPm5.js +1 -0
  109. package/app/assets/stats-dashboard-CxxFtNfj.js +149 -0
  110. package/app/assets/stickers-J4NDCW2L.js +1 -0
  111. package/app/assets/stock-portfolio-DFpeHEjJ.js +174 -0
  112. package/app/assets/swiss-grid-jfcgySaJ.js +153 -0
  113. package/app/assets/tech-BaRjeFZ0.js +1 -0
  114. package/app/assets/tech-D-xc9pRv.js +1 -0
  115. package/app/assets/transport-Bolufhfq.js +1 -0
  116. package/app/assets/travel-DoqS5vPB.js +1 -0
  117. package/app/assets/travel-route-DUPXi7Qa.js +169 -0
  118. package/app/assets/tutorial-steps-Ep2JeqXu.js +160 -0
  119. package/app/assets/wallet-card-transactions-DtI9Usn9.js +188 -0
  120. package/app/assets/wedding-invite-BhgqMwO7.js +142 -0
  121. package/app/catalog/bank-previews/01-car-choice.webp +0 -0
  122. package/app/catalog/bank-previews/02-holiday-budget.webp +0 -0
  123. package/app/catalog/bank-previews/03-one-click.webp +0 -0
  124. package/app/catalog/bank-previews/04-career-course.webp +0 -0
  125. package/app/catalog/bank-previews/05-home-refresh.webp +0 -0
  126. package/app/catalog/bank-previews/06-summer-plans.webp +0 -0
  127. package/app/catalog/bank-previews/07-car-upgrade.webp +0 -0
  128. package/app/catalog/bank-previews/08-wedding-plan.webp +0 -0
  129. package/app/catalog/bank-previews/09-share-intro.webp +0 -0
  130. package/app/catalog/bank-previews/10-suspicious-message.webp +0 -0
  131. package/app/catalog/bank-previews/11-student-routine.webp +0 -0
  132. package/app/catalog/bank-previews/12-investing-first-step.webp +0 -0
  133. package/app/catalog/bank-previews/13-fomo.webp +0 -0
  134. package/app/catalog/bank-previews/14-market-timing.webp +0 -0
  135. package/app/catalog/bank-previews/15-investing-for-all.webp +0 -0
  136. package/app/catalog/bank-previews/16-two-paths.webp +0 -0
  137. package/app/catalog/bank-previews/17-small-business.webp +0 -0
  138. package/app/catalog/bank-previews/18-travel-forex.webp +0 -0
  139. package/app/catalog/bank-previews/19-mortgage-questions.webp +0 -0
  140. package/app/catalog/bank-previews/20-market-app.webp +0 -0
  141. package/app/catalog/enhanced-v2/01-revenue-quarter/config.motiondesk-config.json +54 -0
  142. package/app/catalog/enhanced-v2/01-revenue-quarter/poster.jpg +0 -0
  143. package/app/catalog/enhanced-v2/01-revenue-quarter/preview.mp4 +0 -0
  144. package/app/catalog/enhanced-v2/01-revenue-quarter/project.motiondesk.json +5127 -0
  145. package/app/catalog/enhanced-v2/02-daily-workout/config.motiondesk-config.json +54 -0
  146. package/app/catalog/enhanced-v2/02-daily-workout/poster.jpg +0 -0
  147. package/app/catalog/enhanced-v2/02-daily-workout/preview.mp4 +0 -0
  148. package/app/catalog/enhanced-v2/02-daily-workout/project.motiondesk.json +5747 -0
  149. package/app/catalog/enhanced-v2/03-italy-trip/config.motiondesk-config.json +44 -0
  150. package/app/catalog/enhanced-v2/03-italy-trip/poster.jpg +0 -0
  151. package/app/catalog/enhanced-v2/03-italy-trip/preview.mp4 +0 -0
  152. package/app/catalog/enhanced-v2/03-italy-trip/project.motiondesk.json +5139 -0
  153. package/app/catalog/enhanced-v2/04-smart-savings/config.motiondesk-config.json +41 -0
  154. package/app/catalog/enhanced-v2/04-smart-savings/poster.jpg +0 -0
  155. package/app/catalog/enhanced-v2/04-smart-savings/preview.mp4 +0 -0
  156. package/app/catalog/enhanced-v2/04-smart-savings/project.motiondesk.json +5322 -0
  157. package/app/catalog/enhanced-v2/05-weekly-challenge/config.motiondesk-config.json +45 -0
  158. package/app/catalog/enhanced-v2/05-weekly-challenge/poster.jpg +0 -0
  159. package/app/catalog/enhanced-v2/05-weekly-challenge/preview.mp4 +0 -0
  160. package/app/catalog/enhanced-v2/05-weekly-challenge/project.motiondesk.json +5442 -0
  161. package/app/catalog/enhanced-v2/06-flash-sale/config.motiondesk-config.json +42 -0
  162. package/app/catalog/enhanced-v2/06-flash-sale/poster.jpg +0 -0
  163. package/app/catalog/enhanced-v2/06-flash-sale/preview.mp4 +0 -0
  164. package/app/catalog/enhanced-v2/06-flash-sale/project.motiondesk.json +5616 -0
  165. package/app/catalog/enhanced-v2/07-flight-savings/config.motiondesk-config.json +43 -0
  166. package/app/catalog/enhanced-v2/07-flight-savings/poster.jpg +0 -0
  167. package/app/catalog/enhanced-v2/07-flight-savings/preview.mp4 +0 -0
  168. package/app/catalog/enhanced-v2/07-flight-savings/project.motiondesk.json +6319 -0
  169. package/app/catalog/enhanced-v2/08-team-dashboard/config.motiondesk-config.json +52 -0
  170. package/app/catalog/enhanced-v2/08-team-dashboard/poster.jpg +0 -0
  171. package/app/catalog/enhanced-v2/08-team-dashboard/preview.mp4 +0 -0
  172. package/app/catalog/enhanced-v2/08-team-dashboard/project.motiondesk.json +5327 -0
  173. package/app/catalog/showcase-v3/11-flow-finance/poster.jpg +0 -0
  174. package/app/catalog/showcase-v3/11-flow-finance/preview.mp4 +0 -0
  175. package/app/catalog/showcase-v3/11-flow-finance/project.motiondesk.json +5690 -0
  176. package/app/catalog/showcase-v3/12-pulse-training/poster.jpg +0 -0
  177. package/app/catalog/showcase-v3/12-pulse-training/preview.mp4 +0 -0
  178. package/app/catalog/showcase-v3/12-pulse-training/project.motiondesk.json +3643 -0
  179. package/app/catalog/showcase-v3/13-orbit-travel/poster.jpg +0 -0
  180. package/app/catalog/showcase-v3/13-orbit-travel/preview.mp4 +0 -0
  181. package/app/catalog/showcase-v3/13-orbit-travel/project.motiondesk.json +3939 -0
  182. package/app/catalog/showcase-v3/14-nova-product/config.motiondesk-config.json +163 -0
  183. package/app/catalog/showcase-v3/14-nova-product/poster.jpg +0 -0
  184. package/app/catalog/showcase-v3/14-nova-product/preview.mp4 +0 -0
  185. package/app/catalog/showcase-v3/14-nova-product/project.motiondesk.json +11196 -0
  186. package/app/catalog/showcase-v3/15-tempo-motion/config.motiondesk-config.json +122 -0
  187. package/app/catalog/showcase-v3/15-tempo-motion/poster.jpg +0 -0
  188. package/app/catalog/showcase-v3/15-tempo-motion/preview.mp4 +0 -0
  189. package/app/catalog/showcase-v3/15-tempo-motion/project.motiondesk.json +7424 -0
  190. package/app/catalog/showcase-v3/16-atlas-journey/config.motiondesk-config.json +132 -0
  191. package/app/catalog/showcase-v3/16-atlas-journey/poster.jpg +0 -0
  192. package/app/catalog/showcase-v3/16-atlas-journey/preview.mp4 +0 -0
  193. package/app/catalog/showcase-v3/16-atlas-journey/project.motiondesk.json +9257 -0
  194. package/app/catalog/showcase-v3/17-revenue-quarter/config.motiondesk-config.json +151 -0
  195. package/app/catalog/showcase-v3/17-revenue-quarter/poster.jpg +0 -0
  196. package/app/catalog/showcase-v3/17-revenue-quarter/preview.mp4 +0 -0
  197. package/app/catalog/showcase-v3/17-revenue-quarter/project.motiondesk.json +10473 -0
  198. package/app/catalog/showcase-v3/18-daily-workout/config.motiondesk-config.json +139 -0
  199. package/app/catalog/showcase-v3/18-daily-workout/poster.jpg +0 -0
  200. package/app/catalog/showcase-v3/18-daily-workout/preview.mp4 +0 -0
  201. package/app/catalog/showcase-v3/18-daily-workout/project.motiondesk.json +8656 -0
  202. package/app/catalog/showcase-v3/19-italy-trip/config.motiondesk-config.json +132 -0
  203. package/app/catalog/showcase-v3/19-italy-trip/poster.jpg +0 -0
  204. package/app/catalog/showcase-v3/19-italy-trip/preview.mp4 +0 -0
  205. package/app/catalog/showcase-v3/19-italy-trip/project.motiondesk.json +9690 -0
  206. package/app/catalog/showcase-v3/20-smart-savings/config.motiondesk-config.json +152 -0
  207. package/app/catalog/showcase-v3/20-smart-savings/poster.jpg +0 -0
  208. package/app/catalog/showcase-v3/20-smart-savings/preview.mp4 +0 -0
  209. package/app/catalog/showcase-v3/20-smart-savings/project.motiondesk.json +9770 -0
  210. package/app/catalog/showcase-v3/21-weekly-challenge/config.motiondesk-config.json +125 -0
  211. package/app/catalog/showcase-v3/21-weekly-challenge/poster.jpg +0 -0
  212. package/app/catalog/showcase-v3/21-weekly-challenge/preview.mp4 +0 -0
  213. package/app/catalog/showcase-v3/21-weekly-challenge/project.motiondesk.json +8404 -0
  214. package/app/catalog/showcase-v3/22-flash-sale/config.motiondesk-config.json +116 -0
  215. package/app/catalog/showcase-v3/22-flash-sale/poster.jpg +0 -0
  216. package/app/catalog/showcase-v3/22-flash-sale/preview.mp4 +0 -0
  217. package/app/catalog/showcase-v3/22-flash-sale/project.motiondesk.json +7482 -0
  218. package/app/catalog/showcase-v3/23-flight-savings/config.motiondesk-config.json +139 -0
  219. package/app/catalog/showcase-v3/23-flight-savings/poster.jpg +0 -0
  220. package/app/catalog/showcase-v3/23-flight-savings/preview.mp4 +0 -0
  221. package/app/catalog/showcase-v3/23-flight-savings/project.motiondesk.json +9205 -0
  222. package/app/catalog/showcase-v3/24-team-dashboard/config.motiondesk-config.json +155 -0
  223. package/app/catalog/showcase-v3/24-team-dashboard/poster.jpg +0 -0
  224. package/app/catalog/showcase-v3/24-team-dashboard/preview.mp4 +0 -0
  225. package/app/catalog/showcase-v3/24-team-dashboard/project.motiondesk.json +10735 -0
  226. package/app/catalog/v4/bank-01-car-choice/config.motiondesk-config.json +86 -0
  227. package/app/catalog/v4/bank-01-car-choice/poster.webp +0 -0
  228. package/app/catalog/v4/bank-01-car-choice/project.motiondesk.json +6962 -0
  229. package/app/catalog/v4/bank-02-holiday-budget/config.motiondesk-config.json +98 -0
  230. package/app/catalog/v4/bank-02-holiday-budget/poster.webp +0 -0
  231. package/app/catalog/v4/bank-02-holiday-budget/project.motiondesk.json +7242 -0
  232. package/app/catalog/v4/bank-03-one-click/config.motiondesk-config.json +97 -0
  233. package/app/catalog/v4/bank-03-one-click/poster.webp +0 -0
  234. package/app/catalog/v4/bank-03-one-click/project.motiondesk.json +6789 -0
  235. package/app/catalog/v4/bank-04-career-course/config.motiondesk-config.json +88 -0
  236. package/app/catalog/v4/bank-04-career-course/poster.webp +0 -0
  237. package/app/catalog/v4/bank-04-career-course/project.motiondesk.json +6514 -0
  238. package/app/catalog/v4/bank-05-five-years-new-word/config.motiondesk-config.json +86 -0
  239. package/app/catalog/v4/bank-05-five-years-new-word/poster.webp +0 -0
  240. package/app/catalog/v4/bank-05-five-years-new-word/project.motiondesk.json +5865 -0
  241. package/app/catalog/v4/bank-06-home-upgrade/config.motiondesk-config.json +88 -0
  242. package/app/catalog/v4/bank-06-home-upgrade/poster.webp +0 -0
  243. package/app/catalog/v4/bank-06-home-upgrade/project.motiondesk.json +7187 -0
  244. package/app/catalog/v4/bank-07-car-upgrade/config.motiondesk-config.json +87 -0
  245. package/app/catalog/v4/bank-07-car-upgrade/poster.webp +0 -0
  246. package/app/catalog/v4/bank-07-car-upgrade/project.motiondesk.json +6018 -0
  247. package/app/catalog/v4/bank-08-summer-dollar/config.motiondesk-config.json +85 -0
  248. package/app/catalog/v4/bank-08-summer-dollar/poster.webp +0 -0
  249. package/app/catalog/v4/bank-08-summer-dollar/project.motiondesk.json +6291 -0
  250. package/app/catalog/v4/bank-09-wedding/config.motiondesk-config.json +88 -0
  251. package/app/catalog/v4/bank-09-wedding/poster.webp +0 -0
  252. package/app/catalog/v4/bank-09-wedding/project.motiondesk.json +6517 -0
  253. package/app/catalog/v4/bank-10-family-dinner-pay/config.motiondesk-config.json +100 -0
  254. package/app/catalog/v4/bank-10-family-dinner-pay/poster.webp +0 -0
  255. package/app/catalog/v4/bank-10-family-dinner-pay/project.motiondesk.json +7053 -0
  256. package/app/catalog/v4/bank-11-youth-pitch-creator/config.motiondesk-config.json +100 -0
  257. package/app/catalog/v4/bank-11-youth-pitch-creator/poster.webp +0 -0
  258. package/app/catalog/v4/bank-11-youth-pitch-creator/project.motiondesk.json +6820 -0
  259. package/app/catalog/v4/bank-12-gift-shares/config.motiondesk-config.json +90 -0
  260. package/app/catalog/v4/bank-12-gift-shares/poster.webp +0 -0
  261. package/app/catalog/v4/bank-12-gift-shares/project.motiondesk.json +6025 -0
  262. package/app/catalog/v4/bank-13-suspicious-call/config.motiondesk-config.json +96 -0
  263. package/app/catalog/v4/bank-13-suspicious-call/poster.webp +0 -0
  264. package/app/catalog/v4/bank-13-suspicious-call/project.motiondesk.json +6734 -0
  265. package/app/catalog/v4/bank-14-urgent-message/config.motiondesk-config.json +89 -0
  266. package/app/catalog/v4/bank-14-urgent-message/poster.webp +0 -0
  267. package/app/catalog/v4/bank-14-urgent-message/project.motiondesk.json +6724 -0
  268. package/app/catalog/v4/bank-15-olympic-excellence/config.motiondesk-config.json +88 -0
  269. package/app/catalog/v4/bank-15-olympic-excellence/poster.webp +0 -0
  270. package/app/catalog/v4/bank-15-olympic-excellence/project.motiondesk.json +6431 -0
  271. package/app/catalog/v4/bank-16-savings-pocket/config.motiondesk-config.json +97 -0
  272. package/app/catalog/v4/bank-16-savings-pocket/poster.webp +0 -0
  273. package/app/catalog/v4/bank-16-savings-pocket/project.motiondesk.json +6628 -0
  274. package/app/catalog/v4/bank-17-students/config.motiondesk-config.json +91 -0
  275. package/app/catalog/v4/bank-17-students/poster.webp +0 -0
  276. package/app/catalog/v4/bank-17-students/project.motiondesk.json +6629 -0
  277. package/app/catalog/v4/bank-18-phone-phobia/config.motiondesk-config.json +86 -0
  278. package/app/catalog/v4/bank-18-phone-phobia/poster.webp +0 -0
  279. package/app/catalog/v4/bank-18-phone-phobia/project.motiondesk.json +6140 -0
  280. package/app/catalog/v4/bank-19-financial-fomo/config.motiondesk-config.json +91 -0
  281. package/app/catalog/v4/bank-19-financial-fomo/poster.webp +0 -0
  282. package/app/catalog/v4/bank-19-financial-fomo/project.motiondesk.json +7189 -0
  283. package/app/catalog/v4/bank-20-start-investing/config.motiondesk-config.json +95 -0
  284. package/app/catalog/v4/bank-20-start-investing/poster.webp +0 -0
  285. package/app/catalog/v4/bank-20-start-investing/project.motiondesk.json +7149 -0
  286. package/app/catalog/v4/bank-21-market-timing/config.motiondesk-config.json +95 -0
  287. package/app/catalog/v4/bank-21-market-timing/poster.webp +0 -0
  288. package/app/catalog/v4/bank-21-market-timing/project.motiondesk.json +6166 -0
  289. package/app/catalog/v4/bank-22-market-vs-realestate/config.motiondesk-config.json +88 -0
  290. package/app/catalog/v4/bank-22-market-vs-realestate/poster.webp +0 -0
  291. package/app/catalog/v4/bank-22-market-vs-realestate/project.motiondesk.json +7698 -0
  292. package/app/catalog/v4/bank-23-investing-for-all/config.motiondesk-config.json +92 -0
  293. package/app/catalog/v4/bank-23-investing-for-all/poster.webp +0 -0
  294. package/app/catalog/v4/bank-23-investing-for-all/project.motiondesk.json +6150 -0
  295. package/app/catalog/v4/bank-24-business-loan/config.motiondesk-config.json +85 -0
  296. package/app/catalog/v4/bank-24-business-loan/poster.webp +0 -0
  297. package/app/catalog/v4/bank-24-business-loan/project.motiondesk.json +6804 -0
  298. package/app/catalog/v4/bank-25-open-door/config.motiondesk-config.json +84 -0
  299. package/app/catalog/v4/bank-25-open-door/poster.webp +0 -0
  300. package/app/catalog/v4/bank-25-open-door/project.motiondesk.json +5976 -0
  301. package/app/catalog/v4/bank-26-first-card-challenge/config.motiondesk-config.json +84 -0
  302. package/app/catalog/v4/bank-26-first-card-challenge/poster.webp +0 -0
  303. package/app/catalog/v4/bank-26-first-card-challenge/project.motiondesk.json +6167 -0
  304. package/app/catalog/v4/bank-27-holiday-trip/config.motiondesk-config.json +85 -0
  305. package/app/catalog/v4/bank-27-holiday-trip/poster.webp +0 -0
  306. package/app/catalog/v4/bank-27-holiday-trip/project.motiondesk.json +6291 -0
  307. package/app/catalog/v4/bank-28-renew-home/config.motiondesk-config.json +87 -0
  308. package/app/catalog/v4/bank-28-renew-home/poster.webp +0 -0
  309. package/app/catalog/v4/bank-28-renew-home/project.motiondesk.json +6489 -0
  310. package/app/catalog/v4/bank-29-fastest-way-to-pay/config.motiondesk-config.json +98 -0
  311. package/app/catalog/v4/bank-29-fastest-way-to-pay/poster.webp +0 -0
  312. package/app/catalog/v4/bank-29-fastest-way-to-pay/project.motiondesk.json +6915 -0
  313. package/app/catalog/v4/bank-30-forex-terminal/config.motiondesk-config.json +103 -0
  314. package/app/catalog/v4/bank-30-forex-terminal/poster.webp +0 -0
  315. package/app/catalog/v4/bank-30-forex-terminal/project.motiondesk.json +6997 -0
  316. package/app/catalog/v4/bank-31-youth-campaign-brief/config.motiondesk-config.json +103 -0
  317. package/app/catalog/v4/bank-31-youth-campaign-brief/poster.webp +0 -0
  318. package/app/catalog/v4/bank-31-youth-campaign-brief/project.motiondesk.json +7136 -0
  319. package/app/catalog/v4/bank-32-dream-vacation/config.motiondesk-config.json +87 -0
  320. package/app/catalog/v4/bank-32-dream-vacation/poster.webp +0 -0
  321. package/app/catalog/v4/bank-32-dream-vacation/project.motiondesk.json +6531 -0
  322. package/app/catalog/v4/bank-33-mortgage-advice/config.motiondesk-config.json +87 -0
  323. package/app/catalog/v4/bank-33-mortgage-advice/poster.webp +0 -0
  324. package/app/catalog/v4/bank-33-mortgage-advice/project.motiondesk.json +6767 -0
  325. package/app/catalog/v4/bank-34-who-are-you-saver/config.motiondesk-config.json +97 -0
  326. package/app/catalog/v4/bank-34-who-are-you-saver/poster.webp +0 -0
  327. package/app/catalog/v4/bank-34-who-are-you-saver/project.motiondesk.json +6309 -0
  328. package/app/catalog/v4/bank-35-strange-calls/config.motiondesk-config.json +85 -0
  329. package/app/catalog/v4/bank-35-strange-calls/poster.webp +0 -0
  330. package/app/catalog/v4/bank-35-strange-calls/project.motiondesk.json +7034 -0
  331. package/app/catalog/v4/bank-36-one-shekel-flight/config.motiondesk-config.json +91 -0
  332. package/app/catalog/v4/bank-36-one-shekel-flight/poster.webp +0 -0
  333. package/app/catalog/v4/bank-36-one-shekel-flight/project.motiondesk.json +6364 -0
  334. package/app/catalog/v4/bank-37-street-quiz-pay/config.motiondesk-config.json +81 -0
  335. package/app/catalog/v4/bank-37-street-quiz-pay/poster.webp +0 -0
  336. package/app/catalog/v4/bank-37-street-quiz-pay/project.motiondesk.json +6466 -0
  337. package/app/catalog/v4/bank-38-pension-compare/config.motiondesk-config.json +92 -0
  338. package/app/catalog/v4/bank-38-pension-compare/poster.webp +0 -0
  339. package/app/catalog/v4/bank-38-pension-compare/project.motiondesk.json +6752 -0
  340. package/app/catalog/v4/bank-39-new-look-app/config.motiondesk-config.json +103 -0
  341. package/app/catalog/v4/bank-39-new-look-app/poster.webp +0 -0
  342. package/app/catalog/v4/bank-39-new-look-app/project.motiondesk.json +6954 -0
  343. package/app/catalog/v4/bank-40-interest-pocket/config.motiondesk-config.json +83 -0
  344. package/app/catalog/v4/bank-40-interest-pocket/poster.webp +0 -0
  345. package/app/catalog/v4/bank-40-interest-pocket/project.motiondesk.json +5783 -0
  346. package/app/catalog/v4/bank-41-young-telenovela/config.motiondesk-config.json +95 -0
  347. package/app/catalog/v4/bank-41-young-telenovela/poster.webp +0 -0
  348. package/app/catalog/v4/bank-41-young-telenovela/project.motiondesk.json +5967 -0
  349. package/app/catalog/v4/bank-42-market-app/config.motiondesk-config.json +103 -0
  350. package/app/catalog/v4/bank-42-market-app/poster.webp +0 -0
  351. package/app/catalog/v4/bank-42-market-app/project.motiondesk.json +6766 -0
  352. package/app/catalog/v4/bank-43-passover-sites/config.motiondesk-config.json +92 -0
  353. package/app/catalog/v4/bank-43-passover-sites/poster.webp +0 -0
  354. package/app/catalog/v4/bank-43-passover-sites/project.motiondesk.json +7173 -0
  355. package/app/catalog/v4/bank-44-end-of-excuses/config.motiondesk-config.json +93 -0
  356. package/app/catalog/v4/bank-44-end-of-excuses/poster.webp +0 -0
  357. package/app/catalog/v4/bank-44-end-of-excuses/project.motiondesk.json +6010 -0
  358. package/app/catalog/v4/bank-45-good-reasons/config.motiondesk-config.json +90 -0
  359. package/app/catalog/v4/bank-45-good-reasons/poster.webp +0 -0
  360. package/app/catalog/v4/bank-45-good-reasons/project.motiondesk.json +7122 -0
  361. package/app/catalog/v4/bank-46-mortgage-hotline/config.motiondesk-config.json +99 -0
  362. package/app/catalog/v4/bank-46-mortgage-hotline/poster.webp +0 -0
  363. package/app/catalog/v4/bank-46-mortgage-hotline/project.motiondesk.json +6923 -0
  364. package/app/catalog/v4/bank-47-financial-growth-center/config.motiondesk-config.json +84 -0
  365. package/app/catalog/v4/bank-47-financial-growth-center/poster.webp +0 -0
  366. package/app/catalog/v4/bank-47-financial-growth-center/project.motiondesk.json +6424 -0
  367. package/app/catalog/v4/bank-48-judo-grand-prix/config.motiondesk-config.json +88 -0
  368. package/app/catalog/v4/bank-48-judo-grand-prix/poster.webp +0 -0
  369. package/app/catalog/v4/bank-48-judo-grand-prix/project.motiondesk.json +6335 -0
  370. package/app/catalog/v4/bank-49-currency-convert/config.motiondesk-config.json +98 -0
  371. package/app/catalog/v4/bank-49-currency-convert/poster.webp +0 -0
  372. package/app/catalog/v4/bank-49-currency-convert/project.motiondesk.json +7036 -0
  373. package/app/catalog/v4/bank-50-salary-young/config.motiondesk-config.json +95 -0
  374. package/app/catalog/v4/bank-50-salary-young/poster.webp +0 -0
  375. package/app/catalog/v4/bank-50-salary-young/project.motiondesk.json +6414 -0
  376. package/app/catalog/v4/v4-onboarding-beats-16x9/config.motiondesk-config.json +162 -0
  377. package/app/catalog/v4/v4-onboarding-beats-16x9/poster.webp +0 -0
  378. package/app/catalog/v4/v4-onboarding-beats-16x9/project.motiondesk.json +9796 -0
  379. package/app/catalog/v4/v4-savings-goal-9x16/config.motiondesk-config.json +151 -0
  380. package/app/catalog/v4/v4-savings-goal-9x16/poster.webp +0 -0
  381. package/app/catalog/v4/v4-savings-goal-9x16/project.motiondesk.json +11847 -0
  382. package/app/catalog/v4/v4-trip-planner-1x1/config.motiondesk-config.json +137 -0
  383. package/app/catalog/v4/v4-trip-planner-1x1/poster.webp +0 -0
  384. package/app/catalog/v4/v4-trip-planner-1x1/project.motiondesk.json +10797 -0
  385. package/app/catalog/v4/v4-wallet-launch-16x9/config.motiondesk-config.json +172 -0
  386. package/app/catalog/v4/v4-wallet-launch-16x9/poster.webp +0 -0
  387. package/app/catalog/v4/v4-wallet-launch-16x9/project.motiondesk.json +14270 -0
  388. package/app/fonts/heebo-hebrew-400-normal.woff2 +0 -0
  389. package/app/fonts/heebo-hebrew-700-normal.woff2 +0 -0
  390. package/app/fonts/heebo-latin-400-normal.woff2 +0 -0
  391. package/app/fonts/heebo-latin-700-normal.woff2 +0 -0
  392. package/app/fonts/motiondesk-symbols.ttf +0 -0
  393. package/app/fonts/noto-sans-math-OFL.txt +93 -0
  394. package/app/index.html +15 -0
  395. package/app/studio-hf/fonts/heebo-hebrew-400-normal.woff2 +0 -0
  396. package/app/studio-hf/fonts/heebo-hebrew-700-normal.woff2 +0 -0
  397. package/app/studio-hf/fonts/heebo-latin-400-normal.woff2 +0 -0
  398. package/app/studio-hf/fonts/heebo-latin-700-normal.woff2 +0 -0
  399. package/app/studio-hf/frame.html +21 -0
  400. package/app/studio-hf/vendor/gsap.min.js +11 -0
  401. package/bin/motiondesk-studio.mjs +244 -0
  402. package/lib/catalog/hyperframes/ai-assistant.html +137 -0
  403. package/lib/catalog/hyperframes/annual-report.html +146 -0
  404. package/lib/catalog/hyperframes/app-tour.html +163 -0
  405. package/lib/catalog/hyperframes/balloon-party.html +159 -0
  406. package/lib/catalog/hyperframes/boarding-pass.html +191 -0
  407. package/lib/catalog/hyperframes/chalk-menu.html +157 -0
  408. package/lib/catalog/hyperframes/claim-steps.html +179 -0
  409. package/lib/catalog/hyperframes/clinic-booking.html +177 -0
  410. package/lib/catalog/hyperframes/concert-poster.html +188 -0
  411. package/lib/catalog/hyperframes/course-syllabus.html +163 -0
  412. package/lib/catalog/hyperframes/cyber-shield.html +191 -0
  413. package/lib/catalog/hyperframes/dev-hiring-code.html +137 -0
  414. package/lib/catalog/hyperframes/donation-meter.html +163 -0
  415. package/lib/catalog/hyperframes/editorial-mag.html +179 -0
  416. package/lib/catalog/hyperframes/ev-charge.html +217 -0
  417. package/lib/catalog/hyperframes/event-announce.html +146 -0
  418. package/lib/catalog/hyperframes/finance-growth.html +139 -0
  419. package/lib/catalog/hyperframes/fitness-rings-streak.html +140 -0
  420. package/lib/catalog/hyperframes/flash-sale.html +142 -0
  421. package/lib/catalog/hyperframes/flipclock-countdown.html +152 -0
  422. package/lib/catalog/hyperframes/floorplan-linedraw.html +191 -0
  423. package/lib/catalog/hyperframes/glass-product.html +138 -0
  424. package/lib/catalog/hyperframes/glossy-cosmetics.html +202 -0
  425. package/lib/catalog/hyperframes/gold-couture.html +189 -0
  426. package/lib/catalog/hyperframes/gradient-blobs.html +138 -0
  427. package/lib/catalog/hyperframes/graduation-day.html +133 -0
  428. package/lib/catalog/hyperframes/headline-news-ticker.html +180 -0
  429. package/lib/catalog/hyperframes/hiring-team.html +136 -0
  430. package/lib/catalog/hyperframes/holiday-greeting.html +143 -0
  431. package/lib/catalog/hyperframes/index-b2.json +194 -0
  432. package/lib/catalog/hyperframes/index-b3.json +194 -0
  433. package/lib/catalog/hyperframes/index-b4.json +162 -0
  434. package/lib/catalog/hyperframes/index-b5.json +130 -0
  435. package/lib/catalog/hyperframes/index.json +322 -0
  436. package/lib/catalog/hyperframes/iso-product-3d.html +228 -0
  437. package/lib/catalog/hyperframes/itinerary-map-pins.html +200 -0
  438. package/lib/catalog/hyperframes/key-handover.html +170 -0
  439. package/lib/catalog/hyperframes/kinetic-launch.html +160 -0
  440. package/lib/catalog/hyperframes/legal-trust.html +185 -0
  441. package/lib/catalog/hyperframes/level-up.html +204 -0
  442. package/lib/catalog/hyperframes/logo-sting.html +105 -0
  443. package/lib/catalog/hyperframes/manifesto-quote.html +119 -0
  444. package/lib/catalog/hyperframes/match-day.html +145 -0
  445. package/lib/catalog/hyperframes/match-score.html +209 -0
  446. package/lib/catalog/hyperframes/neighborhood-map.html +157 -0
  447. package/lib/catalog/hyperframes/neon-grid.html +158 -0
  448. package/lib/catalog/hyperframes/org-chart-hiring.html +160 -0
  449. package/lib/catalog/hyperframes/paper-collage.html +180 -0
  450. package/lib/catalog/hyperframes/paw-adopt.html +172 -0
  451. package/lib/catalog/hyperframes/playful-blocks.html +161 -0
  452. package/lib/catalog/hyperframes/podcast-waveform-promo.html +181 -0
  453. package/lib/catalog/hyperframes/price-grid.html +175 -0
  454. package/lib/catalog/hyperframes/quote-carousel-bold.html +142 -0
  455. package/lib/catalog/hyperframes/recipe-ingredients.html +161 -0
  456. package/lib/catalog/hyperframes/retro-80s.html +140 -0
  457. package/lib/catalog/hyperframes/roadmap-timeline.html +163 -0
  458. package/lib/catalog/hyperframes/saas-dashboard.html +194 -0
  459. package/lib/catalog/hyperframes/sale-wheel-24h.html +152 -0
  460. package/lib/catalog/hyperframes/save-the-date.html +140 -0
  461. package/lib/catalog/hyperframes/split-wipe-before-after.html +197 -0
  462. package/lib/catalog/hyperframes/stats-dashboard.html +148 -0
  463. package/lib/catalog/hyperframes/stock-portfolio.html +173 -0
  464. package/lib/catalog/hyperframes/swiss-grid.html +152 -0
  465. package/lib/catalog/hyperframes/travel-route.html +168 -0
  466. package/lib/catalog/hyperframes/tutorial-steps.html +159 -0
  467. package/lib/catalog/hyperframes/wallet-card-transactions.html +187 -0
  468. package/lib/catalog/hyperframes/wedding-invite.html +141 -0
  469. package/lib/catalog/studio/apps.json +2134 -0
  470. package/lib/catalog/studio/auto.json +2019 -0
  471. package/lib/catalog/studio/beauty.json +1630 -0
  472. package/lib/catalog/studio/business.json +2064 -0
  473. package/lib/catalog/studio/celebrations.json +2142 -0
  474. package/lib/catalog/studio/community.json +1926 -0
  475. package/lib/catalog/studio/culture.json +2156 -0
  476. package/lib/catalog/studio/data.json +1934 -0
  477. package/lib/catalog/studio/education.json +1914 -0
  478. package/lib/catalog/studio/events.json +1921 -0
  479. package/lib/catalog/studio/family.json +2159 -0
  480. package/lib/catalog/studio/fashion.json +1958 -0
  481. package/lib/catalog/studio/finance.json +1922 -0
  482. package/lib/catalog/studio/food.json +2128 -0
  483. package/lib/catalog/studio/gaming.json +1756 -0
  484. package/lib/catalog/studio/health.json +1934 -0
  485. package/lib/catalog/studio/hr.json +1860 -0
  486. package/lib/catalog/studio/kids.json +1697 -0
  487. package/lib/catalog/studio/launch.json +2161 -0
  488. package/lib/catalog/studio/legal.json +1732 -0
  489. package/lib/catalog/studio/music.json +1721 -0
  490. package/lib/catalog/studio/nonprofit.json +1665 -0
  491. package/lib/catalog/studio/pets.json +2196 -0
  492. package/lib/catalog/studio/premium.json +5577 -0
  493. package/lib/catalog/studio/realestate.json +2018 -0
  494. package/lib/catalog/studio/retail.json +1959 -0
  495. package/lib/catalog/studio/services.json +2154 -0
  496. package/lib/catalog/studio/social.json +2004 -0
  497. package/lib/catalog/studio/sports.json +1999 -0
  498. package/lib/catalog/studio/tech.json +2124 -0
  499. package/lib/catalog/studio/travel.json +1966 -0
  500. package/lib/core-v4.cjs +4897 -0
  501. package/lib/core.cjs +4223 -0
  502. package/lib/motion-blur.cjs +36 -0
  503. package/lib/studio.cjs +4419 -0
  504. package/lib/vercel-render.mjs +494 -0
  505. package/lib/vercel-source.cjs +88 -0
  506. package/package.json +16 -4
package/lib/catalog/hyperframes/podcast-waveform-promo.html ADDED
@@ -0,0 +1,181 @@
1
+ <!doctype html>
2
+ <html lang="he" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=1920, height=1080">
6
+ <title>פרומו לפרק פודקאסט</title>
7
+ <script src="vendor/gsap.min.js"></script>
8
+ <style>
9
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
10
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
11
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
12
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
13
+ :root{--bg:#15120f;--fg:#f4ece0;--accent:#ff4d1f;--gold:#ffcf5a;--muted:#3b322a}
14
+ *{box-sizing:border-box;margin:0;padding:0}
15
+ html,body{width:1920px;height:1080px;overflow:hidden;background:var(--bg)}
16
+ body{font-family:"Heebo",Arial,sans-serif;-webkit-font-smoothing:antialiased}
17
+ #root{position:relative;width:1920px;height:1080px;overflow:hidden;background:var(--bg);color:var(--fg);direction:rtl;font-family:"Heebo",Arial,sans-serif}
18
+ .scene{position:absolute;inset:0;overflow:hidden}
19
+ .cam,.layer{position:absolute;inset:0}
20
+ .abs{position:absolute}
21
+ .m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .08em}
22
+ .w{display:inline-block;white-space:nowrap}
23
+ .grain{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),radial-gradient(ellipse at 85% 90%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 55%)}
24
+ .rw{position:absolute;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 70%,transparent)}
25
+ .cap{position:absolute;border-radius:110px;background:linear-gradient(90deg,color-mix(in srgb,var(--fg) 40%,var(--bg)),color-mix(in srgb,var(--fg) 85%,var(--bg)) 35%,color-mix(in srgb,var(--fg) 30%,var(--bg)));overflow:hidden}
26
+ .cap::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,color-mix(in srgb,var(--bg) 70%,transparent) 3px,transparent 3.6px) 0 0/16px 16px}
27
+ .band{position:absolute;left:0;right:0;height:26px;background:var(--accent)}
28
+ .yoke{position:absolute;border:16px solid color-mix(in srgb,var(--fg) 55%,var(--bg));border-top:none;border-radius:0 0 150px 150px}
29
+ .stem{position:absolute;width:26px;background:color-mix(in srgb,var(--fg) 45%,var(--bg))}
30
+ .onair{position:absolute;padding:16px 40px 16px 34px;border-radius:16px;border:4px solid var(--accent);display:flex;align-items:center;gap:18px;font-size:44px;font-weight:700;letter-spacing:.14em;color:var(--accent);white-space:nowrap}
31
+ .onair i{width:22px;height:22px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}
32
+ .glow{position:absolute;inset:-4px;border-radius:16px;background:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 0 70px color-mix(in srgb,var(--accent) 60%,transparent),inset 0 0 24px color-mix(in srgb,var(--accent) 50%,transparent)}
33
+ .onair span,.onair i{position:relative}
34
+ .mega{font-size:230px;font-weight:700;line-height:1;letter-spacing:-.03em;white-space:nowrap}
35
+ .tag{font-size:46px;color:color-mix(in srgb,var(--fg) 70%,var(--bg));white-space:nowrap}
36
+ .disc{position:absolute;border-radius:50%;background:repeating-radial-gradient(circle,var(--bg) 0 3px,color-mix(in srgb,var(--fg) 8%,var(--bg)) 3px 6px);box-shadow:0 30px 60px color-mix(in srgb,var(--bg) 80%,transparent)}
37
+ .disc::after{content:"";position:absolute;left:50%;top:50%;width:34%;height:34%;margin:-17% 0 0 -17%;border-radius:50%;background:radial-gradient(circle,var(--bg) 0 9%,var(--gold) 10%)}
38
+ .cover{position:absolute;border-radius:24px;overflow:hidden;background:var(--accent);box-shadow:0 40px 80px color-mix(in srgb,var(--bg) 85%,transparent)}
39
+ .cover i{position:absolute;display:block}
40
+ .k{font-size:40px;font-weight:700;letter-spacing:.2em;color:var(--accent);white-space:nowrap}
41
+ .h{font-size:124px;font-weight:700;line-height:1.05;white-space:nowrap;letter-spacing:-.02em}
42
+ .wave{position:absolute;display:flex;align-items:center;justify-content:space-between}
43
+ .wave i{display:block;width:9px;height:100%;border-radius:5px;background:var(--fg)}
44
+ .prog{position:absolute;top:0;bottom:0;right:0;overflow:hidden}
45
+ .prog .wave{right:0;top:0;bottom:0;width:1620px}
46
+ .prog .wave i{background:var(--accent)}
47
+ .ph{position:absolute;top:-16px;bottom:-16px;width:6px;margin-left:-3px;border-radius:3px;background:var(--gold);box-shadow:0 0 18px var(--gold)}
48
+ .tc{position:absolute;font-size:30px;font-weight:700;color:color-mix(in srgb,var(--fg) 55%,var(--bg));direction:ltr}
49
+ .rad{position:absolute;width:0;height:0}
50
+ .rad b{position:absolute;left:0;top:0;width:0;height:0}
51
+ .rad i{position:absolute;left:-6px;top:-300px;width:12px;height:80px;border-radius:6px;background:var(--accent);transform-origin:50% 100%;display:block}
52
+ .av{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--accent));display:flex;align-items:center;justify-content:center;font-size:120px;font-weight:700;color:var(--bg)}
53
+ .ql{position:absolute;right:150px;display:flex;gap:34px}
54
+ .qw{font-size:128px;font-weight:700;line-height:1.15;white-space:nowrap;opacity:.2}
55
+ .ul{position:absolute;height:12px;border-radius:6px;background:var(--accent)}
56
+ .play{position:absolute;border-radius:50%;background:var(--accent);box-shadow:0 0 0 18px color-mix(in srgb,var(--accent) 25%,transparent),0 30px 60px color-mix(in srgb,var(--bg) 70%,transparent)}
57
+ .tri{position:absolute;left:38%;top:28%;width:36%;height:44%;background:var(--bg);clip-path:polygon(0% 0%,100% 50%,0% 100%)}
58
+ .chip{position:absolute;padding:16px 44px;border-radius:50px;border:3px solid color-mix(in srgb,var(--fg) 30%,transparent);font-size:36px;font-weight:700;white-space:nowrap}
59
+ </style>
60
+ </head>
61
+ <body>
62
+ <div id="root" data-composition-id="podcast-waveform-promo" data-start="0" data-width="1920" data-height="1080" data-duration="16">
63
+ <section id="s1" class="clip scene" data-start="0" data-duration="3.4">
64
+ <div class="cam" id="c1">
65
+ <div class="grain" id="gr1"></div>
66
+ <div class="layer" id="rw1"><i class="rw" style="left:360px;top:340px;width:400px;height:400px"></i><i class="rw" style="left:360px;top:340px;width:400px;height:400px"></i><i class="rw" style="left:360px;top:340px;width:400px;height:400px"></i><i class="rw" style="left:360px;top:340px;width:400px;height:400px"></i></div>
67
+ <div class="abs" id="mic" style="left:0;top:0">
68
+ <div class="stem" style="left:547px;top:700px;height:240px"></div>
69
+ <div class="abs" style="left:420px;top:930px;width:280px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--fg) 45%,var(--bg))"></div>
70
+ <div class="yoke" style="left:410px;top:430px;width:300px;height:290px"></div>
71
+ <div class="cap" id="cp" style="left:460px;top:200px;width:200px;height:400px"><div class="band" style="top:250px"></div></div>
72
+ </div>
73
+ <div class="onair" id="oa" style="right:180px;top:220px"><div class="glow" id="oag"></div><i></i><span id="oat">בשידור</span></div>
74
+ <div class="abs" style="right:180px;top:330px"><span class="m"><span class="w mega" id="t1a">הקול</span></span></div>
75
+ <div class="abs" style="right:180px;top:560px"><span class="m"><span class="w mega" id="t1b" style="color:var(--gold)">השני</span></span></div>
76
+ <p class="abs tag" id="t1c" style="right:184px;top:820px">פודקאסט על אנשים שחושבים אחרת</p>
77
+ </div>
78
+ </section>
79
+ <section id="s2" class="clip scene" data-start="3.4" data-duration="4.8">
80
+ <div class="cam" id="c2">
81
+ <div class="grain"></div>
82
+ <div class="disc" id="dsc" style="left:190px;top:130px;width:500px;height:500px"></div>
83
+ <div class="cover" id="cv" style="left:150px;top:100px;width:560px;height:560px">
84
+ <i style="left:-140px;top:-120px;width:520px;height:520px;border-radius:50%;background:var(--gold)" id="cv1"></i>
85
+ <i style="left:250px;top:300px;width:420px;height:420px;border-radius:50%;background:var(--bg)" id="cv2"></i>
86
+ <i style="left:330px;top:380px;width:260px;height:260px;border-radius:50%;background:var(--fg)" id="cv3"></i>
87
+ <p class="abs" id="cvn" style="left:44px;bottom:30px;font-size:150px;font-weight:700;line-height:1;color:var(--bg);direction:ltr">47</p>
88
+ <p class="abs" id="cvt" style="right:40px;top:40px;font-size:40px;font-weight:700;color:var(--bg);white-space:nowrap">הקול השני</p>
89
+ </div>
90
+ <p class="abs k" id="t2k" style="right:150px;top:150px">פרק 47 · יוצא עכשיו</p>
91
+ <div class="abs" style="right:150px;top:206px"><span class="m"><span class="w h" id="t2a">איך נולד</span></span></div>
92
+ <div class="abs" style="right:150px;top:336px"><span class="m"><span class="w h" id="t2b" style="color:var(--gold)">רעיון?</span></span></div>
93
+ <p class="abs tag" id="t2c" style="right:154px;top:500px;color:var(--fg);font-weight:700">עם ד״ר מיכל ארד</p>
94
+ <p class="abs tag" id="t2d" style="right:154px;top:570px;font-size:36px">חוקרת יצירתיות · 52 דקות</p>
95
+ <div class="wave" id="wv" style="left:150px;right:150px;top:780px;height:150px"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><div class="prog" id="pg" style="right:150px;top:780px;height:150px"><div class="wave" id="wva"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div></div>
96
+ <div class="ph" id="ph" style="left:1770px;top:780px;height:150px"></div>
97
+ <p class="tc" id="tc1" style="right:150px;top:960px">12:40</p>
98
+ <p class="tc" id="tc2" style="left:150px;top:960px">52:00</p>
99
+ </div>
100
+ </section>
101
+ <section id="s3" class="clip scene" data-start="8.2" data-duration="4.4">
102
+ <div class="cam" id="c3">
103
+ <div class="grain"></div>
104
+ <div class="rad" id="rad" style="left:480px;top:540px"><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b><b><i></i></b></div>
105
+ <div class="av" id="av" style="left:300px;top:360px;width:360px;height:360px"><span id="avt">מא</span></div>
106
+ <div class="ql" style="top:230px"><span class="qw" id="q00">כל</span><span class="qw" id="q01" style="color:var(--gold)">רעיון</span><span class="qw" id="q02">גדול</span></div><div class="ql" style="top:400px"><span class="qw" id="q10">התחיל</span></div><div class="ql" style="top:570px"><span class="qw" id="q20">בשאלה</span><span class="qw" id="q21">קטנה.</span></div>
107
+ <i class="ul" id="ul3" style="right:150px;top:740px;width:520px"></i>
108
+ <p class="abs tag" id="t3a" style="right:150px;top:800px">ד״ר מיכל ארד, בפרק 47</p>
109
+ </div>
110
+ </section>
111
+ <section id="s4" class="clip scene" data-start="12.6" data-duration="3.4">
112
+ <div class="cam" id="c4">
113
+ <div class="grain"></div>
114
+ <div class="layer" id="rw4"><i class="rw" style="left:810px;top:180px;width:300px;height:300px"></i><i class="rw" style="left:810px;top:180px;width:300px;height:300px"></i><i class="rw" style="left:810px;top:180px;width:300px;height:300px"></i></div>
115
+ <div class="play" id="pl" style="left:810px;top:180px;width:300px;height:300px"><i class="tri" id="plt"></i></div>
116
+ <div class="abs" style="left:0;right:0;top:560px;text-align:center"><span class="m"><span class="w" id="t4a" style="font-size:160px;font-weight:700;line-height:1.05">האזינו עכשיו</span></span></div>
117
+ <p class="abs tag" id="t4b" style="left:0;right:0;top:760px;text-align:center">פרק חדש בכל יום שלישי</p>
118
+ <div class="chip" id="t4c" style="left:50%;top:850px;transform:translateX(-50%)"><span id="t4ct">בכל אפליקציות ההאזנה</span></div>
119
+ <div class="wave" id="wv4" style="left:0;right:0;top:1000px;height:60px;opacity:.35"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
120
+ </div>
121
+ </section>
122
+ </div>
123
+ <script>
124
+ const tl=gsap.timeline({paused:true});
125
+ const S=[0,3.4,8.2,12.6,16],D=16;
126
+ const X="expo.out",P="power3.out";
127
+ const hz=(i,k)=>.18+.82*Math.abs(Math.sin(i*1.73+k*2.31)*Math.cos(i*.37+k*.9));
128
+ const pulse=(sel,t0,dur,step)=>{const els=document.querySelectorAll(sel);const n=Math.floor(dur/step);els.forEach((e,i)=>{tl.to(e,{keyframes:Array.from({length:n},(_,k)=>({scaleY:hz(i,k+1),duration:step,ease:"sine.inOut"}))},t0);});};
129
+ const rings=(sel,t0,dur)=>tl.fromTo(sel,{scale:.6,opacity:.9},{scale:2.6,opacity:0,duration:1.6,ease:"power1.out",stagger:{each:.4,repeat:Math.floor((dur-1.6)/1.6)}},t0);
130
+ // s1: on-air
131
+ rings("#rw1 .rw",S[0]+.4,2.9);
132
+ tl.fromTo("#mic",{y:400},{y:0,duration:1.1,ease:X},S[0]);
133
+ tl.fromTo("#cp",{rotation:-8},{rotation:0,duration:1.4,ease:"elastic.out(1,.5)"},S[0]+.3);
134
+ tl.fromTo("#oa",{opacity:0,y:-20},{opacity:1,y:0,duration:.5,ease:P},S[0]+.3);
135
+ tl.fromTo("#oag",{opacity:0},{keyframes:[{opacity:1,duration:.06},{opacity:.2,duration:.08},{opacity:1,duration:.05},{opacity:.4,duration:.1},{opacity:1,duration:.08}],ease:"none"},S[0]+.9);
136
+ tl.fromTo(["#t1a","#t1b"],{yPercent:110},{yPercent:0,duration:.9,ease:X,stagger:.16},S[0]+.5);
137
+ tl.fromTo("#t1a",{letterSpacing:"0.2em"},{letterSpacing:"-0.03em",duration:1.4,ease:P},S[0]+.5);
138
+ tl.fromTo("#t1c",{opacity:0,y:20},{opacity:1,y:0,duration:.6,ease:P},S[0]+1.2);
139
+ tl.to("#c1",{opacity:0,duration:.35},S[1]-.35);
140
+ // s2: record slides out, waveform plays
141
+ tl.fromTo("#c2",{opacity:0},{opacity:1,duration:.3},S[1]);
142
+ tl.fromTo("#cv",{x:-300,rotation:-8,opacity:0},{x:0,rotation:0,opacity:1,duration:1,ease:X},S[1]+.1);
143
+ tl.fromTo(["#cv1","#cv2","#cv3"],{scale:0},{scale:1,duration:.8,ease:"back.out(1.4)",stagger:.12},S[1]+.4);
144
+ tl.fromTo("#dsc",{x:0},{x:250,duration:1.1,ease:"power3.inOut"},S[1]+.9);
145
+ tl.fromTo("#dsc",{rotation:0},{rotation:540,duration:S[2]-S[1]-.9,ease:"none"},S[1]+.9);
146
+ tl.fromTo("#t2k",{opacity:0,letterSpacing:"0.5em"},{opacity:1,letterSpacing:"0.2em",duration:.8,ease:P},S[1]+.4);
147
+ tl.fromTo(["#t2a","#t2b"],{yPercent:110},{yPercent:0,duration:.8,ease:X,stagger:.14},S[1]+.55);
148
+ tl.fromTo(["#t2c","#t2d"],{opacity:0,x:-30},{opacity:1,x:0,duration:.6,ease:P,stagger:.12},S[1]+1.1);
149
+ ["#wv i","#wva i"].forEach(sel=>{tl.fromTo(sel,{scaleY:0},{scaleY:(i)=>hz(i,0),duration:.5,ease:P,stagger:{each:.006,from:"end"}},S[1]+.8);pulse(sel,S[1]+1.3,3.2,.2);});
150
+ tl.fromTo("#pg",{width:0},{width:1620*.62,duration:3.3,ease:"none"},S[1]+1.2);
151
+ tl.fromTo("#ph",{x:0,opacity:0},{x:-1620*.62,opacity:1,duration:3.3,ease:"none"},S[1]+1.2);
152
+ tl.fromTo(["#tc1","#tc2"],{opacity:0},{opacity:1,duration:.5},S[1]+1.2);
153
+ tl.to("#c2",{opacity:0,duration:.3},S[2]-.3);
154
+ // s3: radial audiogram + karaoke words
155
+ tl.fromTo("#c3",{opacity:0},{opacity:1,duration:.3},S[2]);
156
+ gsap.set("#rad b",{rotation:(i)=>i*6});
157
+ tl.fromTo("#rad i",{scaleY:0},{scaleY:(i)=>hz(i,0),duration:.6,ease:P,stagger:.008},S[2]+.1);
158
+ pulse("#rad i",S[2]+.7,3.4,.17);
159
+ tl.fromTo("#rad",{rotation:0},{rotation:40,duration:S[3]-S[2],ease:"none"},S[2]);
160
+ tl.fromTo("#av",{scale:0},{scale:1,duration:.7,ease:"back.out(1.8)"},S[2]+.2);
161
+ const W=["#q00","#q01","#q02","#q10","#q20","#q21"];
162
+ tl.fromTo(W,{y:30},{y:0,duration:.6,ease:P,stagger:.05},S[2]+.1);
163
+ W.forEach((w,i)=>{const t=S[2]+.6+i*.38;tl.to(w,{opacity:1,duration:.18,ease:"none"},t);tl.fromTo(w,{scale:1},{scale:1.07,duration:.19,yoyo:true,repeat:1,ease:"sine.inOut"},t);});
164
+ tl.fromTo("#ul3",{scaleX:0,transformOrigin:"100% 50%"},{scaleX:1,duration:.6,ease:"power3.inOut"},S[2]+2.9);
165
+ tl.fromTo("#t3a",{opacity:0},{opacity:1,duration:.5},S[2]+3.1);
166
+ tl.to("#c3",{opacity:0,duration:.3},S[3]-.3);
167
+ // s4: play CTA
168
+ rings("#rw4 .rw",S[3]+.5,2.8);
169
+ tl.fromTo("#pl",{scale:0},{scale:1,duration:.7,ease:"back.out(2)"},S[3]+.1);
170
+ tl.fromTo("#plt",{rotation:-90,scale:.4},{rotation:0,scale:1,duration:.6,ease:"back.out(2)"},S[3]+.4);
171
+ tl.fromTo("#t4a",{yPercent:110},{yPercent:0,duration:.8,ease:X},S[3]+.4);
172
+ tl.fromTo("#t4b",{opacity:0,y:20},{opacity:1,y:0,duration:.6,ease:P},S[3]+.75);
173
+ tl.fromTo("#t4c",{opacity:0,scale:.7},{opacity:1,scale:1,duration:.5,ease:"back.out(2)"},S[3]+1);
174
+ tl.fromTo("#wv4 i",{scaleY:0},{scaleY:(i)=>hz(i,0),duration:.4,ease:P,stagger:.003},S[3]);
175
+ pulse("#wv4 i",S[3]+.85,2.4,.2);
176
+ tl.to("#pl",{scale:1.06,duration:.3,yoyo:true,repeat:3,ease:"sine.inOut"},S[3]+1.6);
177
+ tl.set({},{},D);
178
+ window.__timelines=window.__timelines||{};window.__timelines["podcast-waveform-promo"]=tl;
179
+ </script>
180
+ </body>
181
+ </html>
package/lib/catalog/hyperframes/price-grid.html ADDED
@@ -0,0 +1,175 @@
1
+ <!doctype html>
2
+ <html lang="he" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=1080, height=1920">
6
+ <title>גריד מחירי בזק</title>
7
+ <script src="vendor/gsap.min.js"></script>
8
+ <style>
9
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
10
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
11
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
12
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
13
+ :root{--bg:#1d3cff;--fg:#ffffff;--ink:#101010;--tile:#f4f1ea;--sticker:#ff3b30;--sun:#ffe14d}
14
+ *{box-sizing:border-box;margin:0;padding:0}
15
+ html,body{width:1080px;height:1920px;overflow:hidden;background:var(--bg)}
16
+ body{font-family:"Heebo",Arial,sans-serif;-webkit-font-smoothing:antialiased}
17
+ #root{position:relative;width:1080px;height:1920px;overflow:hidden;background:var(--bg);color:var(--fg);direction:rtl;font-family:"Heebo",Arial,sans-serif}
18
+ .scene{position:absolute;inset:0;overflow:hidden}
19
+ .cam,.layer{position:absolute;inset:0}
20
+ .abs{position:absolute}
21
+ .m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .08em}
22
+ .w{display:inline-block;white-space:nowrap}
23
+ .t{position:absolute;left:0;right:0;text-align:center;white-space:nowrap;line-height:1.05;font-weight:700}
24
+ .band{position:absolute;left:-300px;width:1680px;height:110px;background:var(--sun);overflow:hidden}
25
+ .bt{position:absolute;right:0;top:18px;font-size:56px;font-weight:700;color:var(--ink);white-space:nowrap;line-height:1.3}
26
+ .outl{color:transparent;-webkit-text-stroke:5px var(--fg)}
27
+ .burst{position:absolute;clip-path:polygon(50.0% 0.0%,58.0% 9.8%,69.1% 3.8%,72.8% 15.9%,85.4% 14.6%,84.1% 27.2%,96.2% 30.9%,90.2% 42.0%,100.0% 50.0%,90.2% 58.0%,96.2% 69.1%,84.1% 72.8%,85.4% 85.4%,72.8% 84.1%,69.1% 96.2%,58.0% 90.2%,50.0% 100.0%,42.0% 90.2%,30.9% 96.2%,27.2% 84.1%,14.6% 85.4%,15.9% 72.8%,3.8% 69.1%,9.8% 58.0%,0.0% 50.0%,9.8% 42.0%,3.8% 30.9%,15.9% 27.2%,14.6% 14.6%,27.2% 15.9%,30.9% 3.8%,42.0% 9.8%);background:var(--sticker);display:flex;align-items:center;justify-content:center}
28
+ .bst{font-size:66px;font-weight:700;color:var(--fg);direction:ltr;white-space:nowrap;line-height:1.1}
29
+ .tile{position:absolute;width:470px;height:470px;border-radius:36px;background:var(--tile)}
30
+ .prod{position:absolute;left:0;top:30px;width:470px;height:280px}
31
+ .pr{position:absolute;display:block}
32
+ .stm path{fill:none;stroke:color-mix(in srgb,var(--ink) 30%,transparent);stroke-width:6;stroke-linecap:round}
33
+ .lf{border-radius:50%;background:var(--ink);transform-origin:50% 100%}
34
+ .hand{background:var(--ink);border-radius:3px}
35
+ .nm{position:absolute;right:34px;top:316px;font-size:36px;font-weight:700;color:var(--ink);white-space:nowrap;line-height:1.2}
36
+ .np{position:absolute;right:32px;top:366px;font-size:66px;font-weight:700;color:var(--bg);white-space:nowrap;line-height:1.2}
37
+ .op{position:absolute;left:34px;top:388px}
38
+ .opt{font-size:40px;font-weight:400;color:color-mix(in srgb,var(--ink) 50%,transparent);white-space:nowrap;line-height:1.2}
39
+ .strk{position:absolute;left:-6px;right:-6px;top:52%;height:5px;border-radius:3px;background:var(--sticker);transform-origin:100% 50%}
40
+ .stk{position:absolute;left:-18px;top:-18px;width:150px;height:150px;clip-path:polygon(50.0% 0.0%,58.0% 9.8%,69.1% 3.8%,72.8% 15.9%,85.4% 14.6%,84.1% 27.2%,96.2% 30.9%,90.2% 42.0%,100.0% 50.0%,90.2% 58.0%,96.2% 69.1%,84.1% 72.8%,85.4% 85.4%,72.8% 84.1%,69.1% 96.2%,58.0% 90.2%,50.0% 100.0%,42.0% 90.2%,30.9% 96.2%,27.2% 84.1%,14.6% 85.4%,15.9% 72.8%,3.8% 69.1%,9.8% 58.0%,0.0% 50.0%,9.8% 42.0%,3.8% 30.9%,15.9% 27.2%,14.6% 14.6%,27.2% 15.9%,30.9% 3.8%,42.0% 9.8%);background:var(--sticker);display:flex;align-items:center;justify-content:center}
41
+ .stt{font-size:38px;font-weight:700;color:var(--fg);direction:ltr;line-height:1.1}
42
+ .sweep{position:absolute;top:0;bottom:0;width:300px;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--fg) 30%,transparent),transparent)}
43
+ .rays{position:absolute;left:-460px;top:-60px;width:2000px;height:2000px;border-radius:50%;background:repeating-conic-gradient(color-mix(in srgb,var(--fg) 12%,transparent) 0 7deg,transparent 7deg 15deg)}
44
+ .disc{position:absolute;left:140px;top:600px;width:800px;height:800px;border-radius:50%;background:var(--sun)}
45
+ .hero{position:absolute;left:300px;top:690px;width:470px;height:280px;transform:scale(1.7);transform-origin:50% 0}
46
+ .tag{position:absolute;left:560px;top:1260px;width:400px;height:270px;border-radius:30px;background:var(--fg);transform-origin:50% -60px}
47
+ .tag::before{content:"";position:absolute;left:182px;top:22px;width:36px;height:36px;border-radius:50%;background:var(--bg)}
48
+ .tagp{position:absolute;left:0;right:0;top:62px;text-align:center;font-size:110px;font-weight:700;color:var(--ink);line-height:1.1}
49
+ .tago{position:absolute;left:0;right:0;top:206px;text-align:center;font-size:34px;font-weight:400;color:color-mix(in srgb,var(--ink) 60%,transparent);white-space:nowrap}
50
+ .string{position:absolute;left:758px;top:1150px;width:4px;height:130px;background:var(--fg);transform-origin:50% 0}
51
+ .cta{position:absolute;left:50%;transform:translateX(-50%);padding:30px 90px;border-radius:80px;background:var(--sun);color:var(--ink);font-size:60px;font-weight:700;white-space:nowrap}
52
+ .chip{position:absolute;left:50%;transform:translateX(-50%);padding:16px 44px;border-radius:50px;border:4px solid var(--fg);font-size:44px;font-weight:700;white-space:nowrap}
53
+ .bar{position:absolute;left:290px;width:500px;height:140px;background:repeating-linear-gradient(90deg,var(--fg) 0 6px,transparent 6px 12px,var(--fg) 12px 14px,transparent 14px 22px,var(--fg) 22px 32px,transparent 32px 38px)}
54
+ </style>
55
+ </head>
56
+ <body>
57
+ <div id="root" data-composition-id="price-grid" data-start="0" data-width="1080" data-height="1920" data-duration="14.8">
58
+ <section id="s1" class="clip scene" data-start="0" data-duration="3">
59
+ <div class="cam" id="c1">
60
+ <div class="band" id="bn1" style="top:120px;transform:rotate(-6deg)"><p class="bt" id="bn1t">סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק</p></div>
61
+ <p class="t" id="k1" style="top:420px;font-size:230px">מחירי</p>
62
+ <p class="t" id="k2" style="top:650px;font-size:400px;color:var(--sun)">בזק</p>
63
+ <p class="t outl" id="k3" style="top:1080px;font-size:200px">לסופ״ש</p>
64
+ <div class="abs" id="bu1" style="left:350px;top:1310px;width:380px;height:380px"><i class="burst" id="bu1s" style="inset:0"></i><div class="abs" style="inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px"><p class="bst" id="k4" style="font-size:48px">עד</p><p class="bst" id="bu1t">-50%</p></div></div>
65
+ <div class="band" id="bn2" style="top:1730px;transform:rotate(5deg)"><p class="bt" id="bn2t">סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק</p></div>
66
+ </div>
67
+ </section>
68
+ <section id="s2" class="clip scene" data-start="3" data-duration="5.4">
69
+ <div class="cam" id="c2">
70
+ <p class="t" id="t2" style="top:130px;font-size:90px">המבצעים החמים</p>
71
+ <p class="t" id="t2s" style="top:240px;font-size:38px;font-weight:400;color:var(--sun)">עד גמר המלאי · בכל הסניפים</p>
72
+ <div class="tile" id="tl0" style="right:50px;top:300px">
73
+ <div class="prod" id="pd0"><i class="pr" style="left:125px;top:20px;width:220px;height:210px;border:26px solid var(--ink);border-bottom:none;border-radius:110px 110px 0 0"></i><i class="pr" style="left:105px;top:150px;width:70px;height:120px;border-radius:26px;background:var(--sticker)"></i><i class="pr" style="left:295px;top:150px;width:70px;height:120px;border-radius:26px;background:var(--sticker)"></i></div>
74
+ <p class="nm" id="nm0">אוזניות אלחוטיות</p><p class="np" id="np0">₪149</p><div class="op"><p class="opt" id="op0">₪299</p><i class="strk" id="sk0"></i></div>
75
+ <div class="stk" id="st0"><p class="stt" id="stt0">-50%</p></div></div><div class="tile" id="tl1" style="right:560px;top:300px">
76
+ <div class="prod" id="pd1"><i class="pr" style="left:265px;top:110px;width:90px;height:100px;border:22px solid var(--bg);border-radius:40px"></i><i class="pr" style="left:140px;top:80px;width:160px;height:180px;border-radius:12px 12px 40px 40px;background:var(--bg)"></i><i class="pr" style="left:140px;top:120px;width:160px;height:20px;background:var(--sun)"></i><svg class="pr stm" style="left:150px;top:-10px" width="140" height="80" viewBox="0 0 140 80"><path d="M30 75 C10 55 50 40 30 10 M70 75 C50 55 90 40 70 10 M110 75 C90 55 130 40 110 10"/></svg></div>
77
+ <p class="nm" id="nm1">ספל קרמיקה</p><p class="np" id="np1">₪29</p><div class="op"><p class="opt" id="op1">₪59</p><i class="strk" id="sk1"></i></div>
78
+ <div class="stk" id="st1"><p class="stt" id="stt1">-50%</p></div></div><div class="tile" id="tl2" style="right:50px;top:810px">
79
+ <div class="prod" id="pd2"><i class="pr" style="left:135px;top:20px;width:200px;height:120px;background:var(--sun);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)"></i><i class="pr" style="left:228px;top:138px;width:14px;height:110px;background:var(--ink)"></i><i class="pr" style="left:165px;top:242px;width:140px;height:28px;border-radius:50%;background:var(--ink)"></i></div>
80
+ <p class="nm" id="nm2">מנורת שולחן</p><p class="np" id="np2">₪119</p><div class="op"><p class="opt" id="op2">₪199</p><i class="strk" id="sk2"></i></div>
81
+ <div class="stk" id="st2"><p class="stt" id="stt2">-40%</p></div></div><div class="tile" id="tl3" style="right:560px;top:810px">
82
+ <div class="prod" id="pd3"><i class="pr lf" style="left:220px;top:10px;width:40px;height:140px;transform:rotate(0deg)"></i><i class="pr lf" style="left:180px;top:40px;width:40px;height:120px;transform:rotate(-34deg)"></i><i class="pr lf" style="left:262px;top:40px;width:40px;height:120px;transform:rotate(34deg)"></i><i class="pr lf" style="left:150px;top:90px;width:36px;height:90px;transform:rotate(-62deg)"></i><i class="pr lf" style="left:294px;top:90px;width:36px;height:90px;transform:rotate(62deg)"></i><i class="pr" style="left:160px;top:150px;width:160px;height:120px;background:var(--sticker);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)"></i></div>
83
+ <p class="nm" id="nm3">עציץ בטון</p><p class="np" id="np3">₪39</p><div class="op"><p class="opt" id="op3">₪69</p><i class="strk" id="sk3"></i></div>
84
+ <div class="stk" id="st3"><p class="stt" id="stt3">-43%</p></div></div><div class="tile" id="tl4" style="right:50px;top:1320px">
85
+ <div class="prod" id="pd4"><i class="pr" style="left:190px;top:0;width:90px;height:280px;border-radius:24px;background:var(--ink)"></i><i class="pr" style="left:160px;top:65px;width:150px;height:150px;border-radius:50%;background:var(--tile);border:14px solid var(--sun)"></i><i class="pr hand" style="left:232px;top:100px;width:6px;height:42px"></i><i class="pr hand" style="left:232px;top:136px;width:34px;height:6px"></i></div>
86
+ <p class="nm" id="nm4">שעון מינימליסטי</p><p class="np" id="np4">₪189</p><div class="op"><p class="opt" id="op4">₪349</p><i class="strk" id="sk4"></i></div>
87
+ <div class="stk" id="st4"><p class="stt" id="stt4">-45%</p></div></div><div class="tile" id="tl5" style="right:560px;top:1320px">
88
+ <div class="prod" id="pd5"><i class="pr" style="left:160px;top:10px;width:150px;height:260px;border-radius:30px;background:var(--ink)"></i><i class="pr" style="left:190px;top:120px;width:90px;height:90px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 18px color-mix(in srgb,var(--bg) 60%,var(--ink))"></i><i class="pr" style="left:215px;top:45px;width:40px;height:40px;border-radius:50%;background:var(--sun)"></i></div>
89
+ <p class="nm" id="nm5">רמקול נייד</p><p class="np" id="np5">₪99</p><div class="op"><p class="opt" id="op5">₪179</p><i class="strk" id="sk5"></i></div>
90
+ <div class="stk" id="st5"><p class="stt" id="stt5">-44%</p></div></div>
91
+ <div class="sweep" id="sw" style="left:-400px"></div>
92
+ </div>
93
+ </section>
94
+ <section id="s3" class="clip scene" data-start="8.4" data-duration="3.4">
95
+ <div class="cam" id="c3">
96
+ <div class="rays" id="ry"></div>
97
+ <p class="t" id="t3a" style="top:190px;font-size:70px;font-weight:400;color:var(--sun);letter-spacing:.15em">המוצר החם</p>
98
+ <p class="t" id="t3b" style="top:290px;font-size:130px">אוזניות אלחוטיות</p>
99
+ <div class="disc" id="dc"></div>
100
+ <div class="hero" id="hr"><i class="pr" style="left:125px;top:20px;width:220px;height:210px;border:26px solid var(--ink);border-bottom:none;border-radius:110px 110px 0 0"></i><i class="pr" style="left:105px;top:150px;width:70px;height:120px;border-radius:26px;background:var(--sticker)"></i><i class="pr" style="left:295px;top:150px;width:70px;height:120px;border-radius:26px;background:var(--sticker)"></i></div>
101
+ <i class="string" id="sg"></i>
102
+ <div class="tag" id="tg"><p class="tagp" id="tgp">₪149</p><p class="tago" id="tgo">במקום ₪299</p></div>
103
+ <p class="t" id="t3c" style="top:1680px;font-size:46px;font-weight:400">משלוח חינם בהזמנה מעל ₪199</p>
104
+ <div class="burst" id="bu3" style="left:90px;top:1300px;width:300px;height:300px"><p class="bst" id="bu3t">-50%</p></div>
105
+ </div>
106
+ </section>
107
+ <section id="s4" class="clip scene" data-start="11.8" data-duration="3">
108
+ <div class="cam" id="c4">
109
+ <div class="band" id="bn4" style="top:240px;transform:rotate(-4deg)"><p class="bt" id="bn4t">סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק · סופ״ש בלבד · מחירי בזק</p></div>
110
+ <p class="t" id="b4" style="top:560px;font-size:300px">לופט</p>
111
+ <p class="t" id="g4" style="top:900px;font-size:64px;font-weight:400">עיצוב לבית, במחיר של סופ״ש</p>
112
+ <div class="cta" id="cta" style="top:1080px"><p id="ctat">קונים עכשיו</p></div>
113
+ <div class="chip" id="ch4" style="top:1290px"><p id="ch4t">עד מוצאי שבת בלבד</p></div>
114
+ <div class="bar" id="br4" style="top:1540px"></div>
115
+ </div>
116
+ </section>
117
+ </div>
118
+ <script>
119
+ const tl=gsap.timeline({paused:true});
120
+ const S=[0,3,8.4,11.8,14.8],D=14.8;
121
+ const X="expo.out",P="power3.out",B="back.out(1.8)";
122
+ function slam(sel,t){tl.fromTo(sel,{scale:2.4,opacity:0,rotation:-12},{scale:1,opacity:1,rotation:0,duration:.35,ease:"power4.in"},t);}
123
+ function shake(sel,t){tl.to(sel,{keyframes:[{x:-12,y:8,duration:.04},{x:10,y:-6,duration:.04},{x:-4,y:3,duration:.04},{x:0,y:0,duration:.04}]},t);}
124
+ // s1
125
+ tl.fromTo("#bn1t",{x:-900},{x:300,duration:3,ease:"none"},S[0]);
126
+ tl.fromTo("#bn2t",{x:300},{x:-900,duration:3,ease:"none"},S[0]);
127
+ tl.fromTo("#bn1",{scaleX:0},{scaleX:1,duration:.5,ease:P},S[0]);
128
+ tl.fromTo("#bn2",{scaleX:0},{scaleX:1,duration:.5,ease:P},S[0]+.1);
129
+ slam("#k1",S[0]+.25);shake("#c1",S[0]+.6);
130
+ slam("#k2",S[0]+.55);shake("#c1",S[0]+.9);
131
+ tl.fromTo("#k3",{yPercent:100,opacity:0},{yPercent:0,opacity:1,duration:.6,ease:X},S[0]+.9);
132
+ tl.fromTo("#bu1",{scale:0},{scale:1,duration:.7,ease:"back.out(2)"},S[0]+1.2);
133
+ tl.fromTo("#bu1s",{rotation:-180},{rotation:0,duration:.7,ease:"back.out(2)"},S[0]+1.2);
134
+ tl.to("#bu1s",{rotation:30,duration:1.1,ease:"none"},S[0]+1.9);
135
+ tl.to("#c1",{scale:.7,opacity:0,duration:.35,ease:"power3.in"},S[1]-.35);
136
+ // s2
137
+ tl.fromTo("#t2",{yPercent:-100,opacity:0},{yPercent:0,opacity:1,duration:.6,ease:X},S[1]);
138
+ tl.fromTo("#t2s",{opacity:0},{opacity:1,duration:.5},S[1]+.3);
139
+ tl.fromTo("#c2 .tile",{y:300,scale:.7,rotation:(k)=>k%2?8:-8,opacity:0},{y:0,scale:1,rotation:0,opacity:1,duration:.8,ease:"back.out(1.3)",stagger:.1},S[1]+.15);
140
+ tl.fromTo("#c2 .prod",{scale:.6,opacity:0},{scale:1,opacity:1,duration:.6,ease:B,stagger:.1},S[1]+.45);
141
+ [0,1,2,3,4,5].forEach(i=>{const t=S[1]+1.4+i*.42;
142
+ tl.fromTo("#st"+i,{scale:3,rotation:-60,opacity:0},{scale:1,rotation:-12,opacity:1,duration:.32,ease:"power4.in"},t);
143
+ shake("#tl"+i,t+.32);
144
+ tl.fromTo("#sk"+i,{scaleX:0},{scaleX:1,duration:.25,ease:P},t+.1);
145
+ tl.fromTo("#np"+i,{scale:1},{scale:1.15,duration:.15,yoyo:true,repeat:1,ease:"sine.inOut"},t+.3);});
146
+ tl.fromTo("#sw",{x:0},{x:1900,duration:.9,ease:"power2.inOut"},S[1]+4.2);
147
+ tl.to("#c2",{yPercent:-100,duration:.45,ease:"power3.in"},S[2]-.45);
148
+ // s3
149
+ tl.fromTo("#c3",{yPercent:100},{yPercent:0,duration:.5,ease:"power3.out"},S[2]);
150
+ tl.fromTo("#ry",{rotation:0},{rotation:30,duration:3.4,ease:"none"},S[2]);
151
+ tl.fromTo("#dc",{scale:0},{scale:1,duration:.7,ease:"back.out(1.4)"},S[2]+.2);
152
+ tl.fromTo("#hr",{y:-300,opacity:0,rotation:-20},{y:0,opacity:1,rotation:0,duration:.8,ease:"back.out(1.5)"},S[2]+.4);
153
+ tl.to("#hr",{y:-20,duration:1,ease:"sine.inOut",yoyo:true,repeat:1},S[2]+1.2);
154
+ tl.fromTo("#t3a",{opacity:0,letterSpacing:"0.5em"},{opacity:1,letterSpacing:"0.15em",duration:.8,ease:X},S[2]+.2);
155
+ tl.fromTo("#t3b",{opacity:0,y:30},{opacity:1,y:0,duration:.6,ease:X},S[2]+.35);
156
+ tl.fromTo("#sg",{scaleY:0},{scaleY:1,duration:.3,ease:P},S[2]+.8);
157
+ tl.fromTo("#tg",{rotation:0,y:-200,opacity:0},{y:0,opacity:1,duration:.5,ease:"power3.out"},S[2]+.9);
158
+ tl.fromTo(["#tg","#sg"],{rotation:14},{keyframes:[{rotation:-10,duration:.4},{rotation:6,duration:.4},{rotation:-3,duration:.4},{rotation:0,duration:.4}],ease:"sine.inOut",transformOrigin:"50% 0"},S[2]+1.2);
159
+ tl.fromTo("#t3c",{opacity:0,y:20},{opacity:1,y:0,duration:.5,ease:P},S[2]+1.6);
160
+ tl.fromTo("#bu3",{scale:0,rotation:-200},{scale:1,rotation:-10,duration:.7,ease:"back.out(2)"},S[2]+1.4);
161
+ tl.to("#c3",{opacity:0,duration:.3},S[3]-.3);
162
+ // s4
163
+ tl.fromTo("#bn4t",{x:-900},{x:200,duration:3,ease:"none"},S[3]);
164
+ tl.fromTo("#bn4",{scaleX:0},{scaleX:1,duration:.5,ease:P},S[3]);
165
+ tl.fromTo("#b4",{scale:.4,opacity:0},{scale:1,opacity:1,duration:.7,ease:"back.out(1.6)"},S[3]+.15);
166
+ tl.fromTo("#g4",{opacity:0,y:30},{opacity:1,y:0,duration:.6,ease:P},S[3]+.5);
167
+ tl.fromTo("#cta",{opacity:0,y:60},{opacity:1,y:0,duration:.6,ease:B},S[3]+.8);
168
+ tl.to("#cta",{scale:1.08,duration:.3,yoyo:true,repeat:3,ease:"sine.inOut"},S[3]+1.5);
169
+ tl.fromTo("#ch4",{opacity:0},{opacity:1,duration:.5},S[3]+1.1);
170
+ tl.fromTo("#br4",{clipPath:"inset(0% 0% 0% 100%)"},{clipPath:"inset(0% 0% 0% 0%)",duration:.8,ease:"power2.inOut"},S[3]+1.3);
171
+ tl.set({},{},D);
172
+ window.__timelines=window.__timelines||{};window.__timelines["price-grid"]=tl;
173
+ </script>
174
+ </body>
175
+ </html>
package/lib/catalog/hyperframes/quote-carousel-bold.html ADDED
@@ -0,0 +1,142 @@
1
+ <!doctype html>
2
+ <html lang="he" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=1080, height=1920">
6
+ <title>קרוסלת ציטוטים טיפוגרפית</title>
7
+ <script src="vendor/gsap.min.js"></script>
8
+ <style>
9
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
10
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
11
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
12
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
13
+ :root{--bg:#121212;--fg:#fdf6e9;--accent:#ff4f2e;--blue:#3d5afe;--sun:#ffd23f}
14
+ *{box-sizing:border-box;margin:0;padding:0}
15
+ html,body{width:1080px;height:1920px;overflow:hidden;background:var(--bg)}
16
+ body{font-family:"Heebo",Arial,sans-serif;-webkit-font-smoothing:antialiased}
17
+ #root{position:relative;width:1080px;height:1920px;overflow:hidden;background:var(--bg);color:var(--fg);direction:rtl;font-family:"Heebo",Arial,sans-serif}
18
+ .scene{position:absolute;inset:0;overflow:hidden}
19
+ .cam,.layer{position:absolute;inset:0}
20
+ .abs{position:absolute}
21
+ .m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .05em .08em}
22
+ .w{display:inline-block;white-space:nowrap}
23
+ .prog{position:absolute;left:60px;right:60px;top:70px;height:10px;display:flex;gap:14px;direction:rtl}
24
+ .pg{flex:1;height:10px;border-radius:5px;background:color-mix(in srgb,var(--fg) 22%,transparent);overflow:hidden;display:block}
25
+ .pf{display:block;height:100%;background:var(--fg);transform-origin:100% 50%}
26
+ .card{position:absolute;left:80px;top:290px;width:920px;height:1300px;border-radius:60px;overflow:hidden;box-shadow:0 40px 80px color-mix(in srgb,var(--bg) 70%,transparent)}
27
+ .ghost{box-shadow:none}
28
+ .cn{position:absolute;left:64px;top:64px;font-size:44px;font-weight:700;direction:ltr;opacity:.75}
29
+ .qm{position:absolute;right:70px;top:70px;width:170px;height:130px}
30
+ .qm i{position:absolute;top:0;width:74px;height:74px;border-radius:50%;display:block}
31
+ .qm i::after{content:"";position:absolute;left:4px;top:44px;width:36px;height:70px;background:inherit;border-radius:0 0 0 40px;transform:skewX(-18deg)}
32
+ .qm i:first-child{right:0}.qm i:last-child{right:92px}
33
+ .ln{position:absolute;right:70px}
34
+ .qt{font-size:122px;font-weight:700;line-height:1.12;letter-spacing:-.02em;white-space:nowrap}
35
+ .dv{position:absolute;right:70px;top:960px;width:130px;height:10px;border-radius:5px;display:block}
36
+ .au{position:absolute;right:70px;top:1010px;font-size:54px;font-weight:700;white-space:nowrap}
37
+ .ar{position:absolute;right:70px;top:1085px;font-size:38px;white-space:nowrap;opacity:.8}
38
+ .mega{font-size:196px;font-weight:700;line-height:1;letter-spacing:-.03em;white-space:nowrap}
39
+ .dot{position:absolute;top:1260px;width:110px;height:110px;border-radius:55px}
40
+ .pill{position:absolute;left:540px;top:1260px;width:110px;height:110px;margin-left:-55px;border-radius:55px;background:var(--fg);overflow:hidden;display:flex;align-items:center;justify-content:center}
41
+ .pill p{font-size:56px;font-weight:700;color:var(--bg);white-space:nowrap}
42
+ </style>
43
+ </head>
44
+ <body>
45
+ <div id="root" data-composition-id="quote-carousel-bold" data-start="0" data-width="1080" data-height="1920" data-duration="17.2">
46
+ <section id="s1" class="clip scene" data-start="0" data-duration="2.8">
47
+ <div class="cam" id="c1">
48
+ <div class="qm" style="right:auto;left:80px;top:220px;transform:scale(1.6);transform-origin:0 0" id="qm1"><i style="background:var(--accent)"></i><i style="background:var(--accent)"></i></div>
49
+ <div class="abs" style="right:90px;top:520px"><span class="w mega" id="t1a">שלושה</span></div>
50
+ <div class="abs" style="right:90px;top:730px"><span class="w mega" id="t1b" style="color:var(--accent)">משפטים</span></div>
51
+ <div class="abs" style="right:90px;top:940px"><span class="w mega" id="t1c">לשבוע</span></div>
52
+ <div class="abs" style="right:90px;top:1150px"><span class="w mega" id="t1d" style="color:var(--sun)">הזה.</span></div>
53
+ <p class="abs" id="t1e" style="right:94px;top:1420px;font-size:44px;white-space:nowrap;opacity:.7">החליקו לשמאל ←</p>
54
+ </div>
55
+ </section>
56
+ <section id="s2" class="clip scene" data-start="2.8" data-duration="3.8">
57
+ <div class="cam" id="c2">
58
+ <div class="prog"><i class="pg"><b class="pf" id="pf20" style="transform:scaleX(0)"></b></i><i class="pg"><b class="pf" id="pf21" style="transform:scaleX(0)"></b></i><i class="pg"><b class="pf" id="pf22" style="transform:scaleX(0)"></b></i></div>
59
+
60
+ <div class="card ghost" id="gn2" style="background:var(--blue)"></div>
61
+ <div class="card" id="cd2" style="background:var(--accent);color:var(--fg)">
62
+ <p class="cn" id="cn2">01/03</p><div class="qm" id="qm2"><i style="background:var(--fg)"></i><i style="background:var(--fg)"></i></div>
63
+ <div class="ln" style="top:300px"><span class="m"><span class="w qt" id="q20">הדרך הכי</span></span></div><div class="ln" style="top:450px"><span class="m"><span class="w qt" id="q21">קצרה להתחיל</span></span></div><div class="ln" style="top:600px"><span class="m"><span class="w qt" id="q22">היא פשוט</span></span></div><div class="ln" style="top:750px"><span class="m"><span class="w qt" id="q23">להתחיל.</span></span></div>
64
+ <i class="dv" id="dv2" style="background:var(--fg)"></i>
65
+ <p class="au" id="au2">נועה ברק</p><p class="ar" id="ar2">מעצבת ומאיירת</p>
66
+ </div>
67
+ </div>
68
+ </section>
69
+ <section id="s3" class="clip scene" data-start="6.6" data-duration="3.8">
70
+ <div class="cam" id="c3">
71
+ <div class="prog"><i class="pg"><b class="pf" id="pf30" style="transform:scaleX(1)"></b></i><i class="pg"><b class="pf" id="pf31" style="transform:scaleX(0)"></b></i><i class="pg"><b class="pf" id="pf32" style="transform:scaleX(0)"></b></i></div>
72
+ <div class="card ghost" id="gp3" style="background:var(--accent)"></div>
73
+ <div class="card ghost" id="gn3" style="background:var(--sun)"></div>
74
+ <div class="card" id="cd3" style="background:var(--blue);color:var(--fg)">
75
+ <p class="cn" id="cn3">02/03</p><div class="qm" id="qm3"><i style="background:var(--fg)"></i><i style="background:var(--fg)"></i></div>
76
+ <div class="ln" style="top:300px"><span class="m"><span class="w qt" id="q30">כישלון הוא</span></span></div><div class="ln" style="top:450px"><span class="m"><span class="w qt" id="q31">רק טיוטה</span></span></div><div class="ln" style="top:600px"><span class="m"><span class="w qt" id="q32">של ההצלחה</span></span></div><div class="ln" style="top:750px"><span class="m"><span class="w qt" id="q33">הבאה.</span></span></div>
77
+ <i class="dv" id="dv3" style="background:var(--fg)"></i>
78
+ <p class="au" id="au3">איתי שגב</p><p class="ar" id="ar3">יזם סדרתי</p>
79
+ </div>
80
+ </div>
81
+ </section>
82
+ <section id="s4" class="clip scene" data-start="10.4" data-duration="3.8">
83
+ <div class="cam" id="c4">
84
+ <div class="prog"><i class="pg"><b class="pf" id="pf40" style="transform:scaleX(1)"></b></i><i class="pg"><b class="pf" id="pf41" style="transform:scaleX(1)"></b></i><i class="pg"><b class="pf" id="pf42" style="transform:scaleX(0)"></b></i></div>
85
+ <div class="card ghost" id="gp4" style="background:var(--blue)"></div>
86
+
87
+ <div class="card" id="cd4" style="background:var(--sun);color:var(--bg)">
88
+ <p class="cn" id="cn4">03/03</p><div class="qm" id="qm4"><i style="background:var(--bg)"></i><i style="background:var(--bg)"></i></div>
89
+ <div class="ln" style="top:300px"><span class="m"><span class="w qt" id="q40">תהיו</span></span></div><div class="ln" style="top:450px"><span class="m"><span class="w qt" id="q41">סקרנים יותר</span></span></div><div class="ln" style="top:600px"><span class="m"><span class="w qt" id="q42">ממה שאתם</span></span></div><div class="ln" style="top:750px"><span class="m"><span class="w qt" id="q43">צודקים.</span></span></div>
90
+ <i class="dv" id="dv4" style="background:var(--bg)"></i>
91
+ <p class="au" id="au4">מאיה רון</p><p class="ar" id="ar4">חוקרת מוח</p>
92
+ </div>
93
+ </div>
94
+ </section>
95
+ <section id="s5" class="clip scene" data-start="14.2" data-duration="3">
96
+ <div class="cam" id="c5">
97
+ <div class="abs" style="right:90px;top:360px"><span class="m"><span class="w mega" id="t5a">שמרו.</span></span></div>
98
+ <div class="abs" style="right:90px;top:570px"><span class="m"><span class="w mega" id="t5b" style="color:var(--accent)">שתפו.</span></span></div>
99
+ <div class="abs" style="right:90px;top:780px"><span class="m"><span class="w mega" id="t5c" style="color:var(--sun)">חזרו מחר.</span></span></div>
100
+ <i class="dot" id="d1" style="left:665px;background:var(--accent)"></i><i class="dot" id="d2" style="left:485px;background:var(--blue)"></i><i class="dot" id="d3" style="left:305px;background:var(--sun)"></i>
101
+ <div class="pill" id="pl5"><p id="pl5t">מילים טובות</p></div>
102
+ <p class="abs" id="t5d" style="left:0;right:0;top:1430px;text-align:center;font-size:42px;white-space:nowrap;opacity:.75">ציטוט חדש בכל יום ראשון</p>
103
+ </div>
104
+ </section>
105
+ </div>
106
+ <script>
107
+ const tl=gsap.timeline({paused:true});
108
+ const S=[0,2.8,6.6,10.4,14.2,17.2],D=17.2;
109
+ const X="expo.out",P="power3.out";
110
+ // s1: stacked words slam in from alternating sides
111
+ tl.fromTo("#qm1",{scale:0,rotation:-40},{scale:1.6,rotation:0,duration:.7,ease:"back.out(1.8)"},S[0]+.05);
112
+ ["#t1a","#t1b","#t1c","#t1d"].forEach((w,i)=>tl.fromTo(w,{x:i%2?-900:900,skewX:i%2?20:-20,opacity:0},{x:0,skewX:0,opacity:1,duration:.65,ease:X},S[0]+.15+i*.14));
113
+ tl.fromTo("#t1e",{opacity:0,x:40},{opacity:.7,x:0,duration:.5,ease:P},S[0]+.9);
114
+ tl.to("#t1e",{x:-30,duration:.4,ease:"sine.inOut",yoyo:true,repeat:1},S[0]+1.5);
115
+ tl.to(["#t1a","#t1b","#t1c","#t1d","#t1e","#qm1"],{x:-1100,duration:.45,ease:"power3.in",stagger:.03},S[1]-.6);
116
+ // quote scenes
117
+ [[2,0],[3,1],[4,2]].forEach(([k,i])=>{const s=S[k-1],e=S[k];
118
+ if(i>0)tl.fromTo("#gp"+k,{x:0,rotation:0,scale:1},{x:1150,rotation:10,scale:.9,duration:.6,ease:"power3.in"},s);
119
+ if(i<2)tl.fromTo("#gn"+k,{x:-1100,rotation:-14,scale:.9},{x:-70,rotation:-5,scale:.93,duration:.9,ease:X},s+.25);
120
+ tl.fromTo("#cd"+k,{x:-1150,rotation:-12},{x:0,rotation:0,duration:.85,ease:X},s+.1);
121
+ tl.fromTo("#pf"+k+i,{scaleX:0},{scaleX:1,duration:e-s-.2,ease:"none"},s+.1);
122
+ tl.fromTo("#qm"+k,{scale:0,rotation:-60},{scale:1,rotation:0,duration:.6,ease:"back.out(2)"},s+.6);
123
+ tl.fromTo("#cn"+k,{opacity:0},{opacity:.75,duration:.4},s+.6);
124
+ tl.fromTo([0,1,2,3].map(j=>"#q"+k+j),{yPercent:110},{yPercent:0,duration:.7,ease:X,stagger:.12},s+.7);
125
+ tl.fromTo("#dv"+k,{scaleX:0,transformOrigin:"100% 50%"},{scaleX:1,duration:.5,ease:P},s+1.4);
126
+ tl.fromTo(["#au"+k,"#ar"+k],{opacity:0,y:20},{opacity:1,y:0,duration:.5,ease:P,stagger:.1},s+1.5);
127
+ tl.fromTo("#q"+k+"3",{scale:1},{scale:1.05,duration:.3,yoyo:true,repeat:1,ease:"sine.inOut",transformOrigin:"100% 50%"},s+2.2);
128
+ if(k===4)tl.to("#cd4",{x:1150,rotation:10,scale:.9,duration:.5,ease:"power3.in"},e-.5);
129
+ });
130
+ // s5: outro, dots merge into a pill
131
+ tl.fromTo(["#t5a","#t5b","#t5c"],{yPercent:110},{yPercent:0,duration:.7,ease:X,stagger:.12},S[4]+.1);
132
+ tl.fromTo(["#d1","#d2","#d3"],{scale:0},{scale:1,duration:.45,ease:"back.out(2.6)",stagger:.08},S[4]+.4);
133
+ tl.to(["#d1","#d3"],{x:(i)=>i?180:-180,duration:.45,ease:"power3.in"},S[4]+1.05);
134
+ tl.to(["#d1","#d2","#d3"],{opacity:0,duration:.1},S[4]+1.45);
135
+ tl.fromTo("#pl5",{width:110,marginLeft:-55,opacity:0},{width:600,marginLeft:-300,opacity:1,duration:.6,ease:"back.out(1.6)"},S[4]+1.4);
136
+ tl.fromTo("#pl5t",{opacity:0,y:30},{opacity:1,y:0,duration:.4,ease:P},S[4]+1.75);
137
+ tl.fromTo("#t5d",{opacity:0},{opacity:.75,duration:.5},S[4]+1.9);
138
+ tl.set({},{},D);
139
+ window.__timelines=window.__timelines||{};window.__timelines["quote-carousel-bold"]=tl;
140
+ </script>
141
+ </body>
142
+ </html>