motiondesk-studio 0.0.0-stage → 1.5.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 (574) hide show
  1. package/LICENSE +8 -0
  2. package/README.md +58 -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/bank-banker-chat-B_iF_sFM.js +257 -0
  13. package/app/assets/bank-business-loan-BFWWaq-c.js +247 -0
  14. package/app/assets/bank-car-choice-DLE2OVcc.js +229 -0
  15. package/app/assets/bank-card-freeze-J1JfFmLr.js +281 -0
  16. package/app/assets/bank-code-never-CQDlq8GN.js +234 -0
  17. package/app/assets/bank-dark-interlude-DhcdkPP1.js +190 -0
  18. package/app/assets/bank-digital-JTuIxFOJ.js +1 -0
  19. package/app/assets/bank-dinner-split-Be1e7DOQ.js +246 -0
  20. package/app/assets/bank-fast-pay-DoW0ClI6.js +230 -0
  21. package/app/assets/bank-first-salary-D9WxYgJf.js +212 -0
  22. package/app/assets/bank-fomo-stop-uEzdT0HP.js +230 -0
  23. package/app/assets/bank-forex-trip-BHW39y4z.js +205 -0
  24. package/app/assets/bank-growth-bars-DirAz4xB.js +203 -0
  25. package/app/assets/bank-holiday-budget-J41dLHwR.js +224 -0
  26. package/app/assets/bank-invest-B--KJb5m.js +1 -0
  27. package/app/assets/bank-life-C-4wZKyu.js +1 -0
  28. package/app/assets/bank-mortgage-papers-DMtx0XsI.js +214 -0
  29. package/app/assets/bank-new-app-look-CKmeKBU6.js +228 -0
  30. package/app/assets/bank-one-click-loan-BVhe1AGv.js +223 -0
  31. package/app/assets/bank-paper-explainer-CD8mPtnJ.js +191 -0
  32. package/app/assets/bank-pension-compare-BArvoVu7.js +243 -0
  33. package/app/assets/bank-remote-access-Df8UNpc7.js +257 -0
  34. package/app/assets/bank-safety-CBkr-iwJ.js +1 -0
  35. package/app/assets/bank-savings-pocket-B53nO1Z_.js +220 -0
  36. package/app/assets/bank-share-explained-DCp805RD.js +228 -0
  37. package/app/assets/bank-small-business-Bc7Ad4GW.js +217 -0
  38. package/app/assets/bank-student-routine-CnPPhtoV.js +224 -0
  39. package/app/assets/bank-suspicious-sms-CwOrdi3d.js +229 -0
  40. package/app/assets/bank-wedding-budget-CDM2kO0R.js +230 -0
  41. package/app/assets/bank-young-BwV6418l.js +1 -0
  42. package/app/assets/beauty-DgeCsQdf.js +1 -0
  43. package/app/assets/boarding-pass-i17EemsZ.js +192 -0
  44. package/app/assets/business-BQslCr0i.js +1 -0
  45. package/app/assets/business-DfyVziqj.js +1 -0
  46. package/app/assets/catalog-CDdvrdnk.js +1 -0
  47. package/app/assets/celebration-COCZTKjl.js +1 -0
  48. package/app/assets/celebrations-CkfTGLEK.js +1 -0
  49. package/app/assets/chalk-menu-CQSqwxNP.js +158 -0
  50. package/app/assets/claim-steps-BNFeoYYZ.js +180 -0
  51. package/app/assets/clinic-booking-CvQEpBWn.js +178 -0
  52. package/app/assets/community-BV13F-Wp.js +1 -0
  53. package/app/assets/concert-poster-iUOM-elw.js +189 -0
  54. package/app/assets/course-syllabus-CnM_03XP.js +164 -0
  55. package/app/assets/culture-DpL14_5r.js +1 -0
  56. package/app/assets/cyber-shield-B_6oatye.js +192 -0
  57. package/app/assets/data-DgES5FIF.js +1 -0
  58. package/app/assets/dev-hiring-code-Bg00S1Iz.js +138 -0
  59. package/app/assets/devices-D1500q8F.js +1 -0
  60. package/app/assets/donation-meter-C3wuRmFA.js +164 -0
  61. package/app/assets/editorial-mag-DsTVzQMx.js +180 -0
  62. package/app/assets/education-CGTOg3_0.js +1 -0
  63. package/app/assets/ev-charge-KaMIQd_s.js +218 -0
  64. package/app/assets/event-announce-cLmuvt45.js +147 -0
  65. package/app/assets/events-kZ6HshfK.js +1 -0
  66. package/app/assets/family-De56hVSo.js +1 -0
  67. package/app/assets/fashion-DbGAD96W.js +1 -0
  68. package/app/assets/finance-BUdlKAud.js +1 -0
  69. package/app/assets/finance-growth-CYgFE0RC.js +140 -0
  70. package/app/assets/fitness-rings-streak-Cp7n4zq_.js +141 -0
  71. package/app/assets/flash-sale-Tc0Jw34H.js +143 -0
  72. package/app/assets/flipclock-countdown-BkrU9ZhF.js +153 -0
  73. package/app/assets/floorplan-linedraw-B4ZwEDv3.js +192 -0
  74. package/app/assets/food-CiEyQAd1.js +1 -0
  75. package/app/assets/food-PijmcKM-.js +1 -0
  76. package/app/assets/gaming-DnzPj6Uv.js +1 -0
  77. package/app/assets/glass-product-CsUqplIf.js +139 -0
  78. package/app/assets/glossy-cosmetics-DBb-YonD.js +203 -0
  79. package/app/assets/gold-couture-e6c5nsVY.js +190 -0
  80. package/app/assets/gradient-blobs-Daiu9eFf.js +139 -0
  81. package/app/assets/graduation-day-vdz-kGI1.js +134 -0
  82. package/app/assets/headline-news-ticker-GgZ_nRXK.js +181 -0
  83. package/app/assets/health-CbyTqvSM.js +1 -0
  84. package/app/assets/health-DMeKWmDa.js +1 -0
  85. package/app/assets/hiring-team-Bia3GQaH.js +137 -0
  86. package/app/assets/holiday-greeting-B7TFl0_5.js +144 -0
  87. package/app/assets/holidays-BmXfhKdf.js +1 -0
  88. package/app/assets/hr-2i-f-S-M.js +1 -0
  89. package/app/assets/hyperframes-BM7eWgx2.js +1 -0
  90. package/app/assets/index-BRse9TUl.js +290 -0
  91. package/app/assets/index-BlSoi5FK.css +1 -0
  92. package/app/assets/index-b2-CMdBrCiU.js +1 -0
  93. package/app/assets/index-b3-egAjkT9z.js +1 -0
  94. package/app/assets/index-b4-Cnj_xde0.js +1 -0
  95. package/app/assets/index-b5-CoZgwX8-.js +1 -0
  96. package/app/assets/index-b6-Cm4vot4j.js +1 -0
  97. package/app/assets/index-b7-BLEay8YC.js +1 -0
  98. package/app/assets/index-b8-Jbh-zOZB.js +1 -0
  99. package/app/assets/index-b9-caOB8GyX.js +1 -0
  100. package/app/assets/iso-product-3d-DQT1lHDq.js +229 -0
  101. package/app/assets/itinerary-map-pins-BTX0ZebL.js +201 -0
  102. package/app/assets/key-handover-DuIj4oKe.js +171 -0
  103. package/app/assets/kids-BNwXKe4O.js +1 -0
  104. package/app/assets/kinetic-launch-D2rSnewM.js +161 -0
  105. package/app/assets/launch-DqkMfeFI.js +1 -0
  106. package/app/assets/legal-Caoeh9dp.js +1 -0
  107. package/app/assets/legal-trust-T01BmIDB.js +186 -0
  108. package/app/assets/level-up-CBXf6nj2.js +205 -0
  109. package/app/assets/logo-sting-Uf0nckUQ.js +106 -0
  110. package/app/assets/manifesto-quote-DCIONyzh.js +120 -0
  111. package/app/assets/match-day-p25bzqbq.js +146 -0
  112. package/app/assets/match-score-CSZ4Tx4B.js +210 -0
  113. package/app/assets/music-hbnVS8dK.js +1 -0
  114. package/app/assets/nature-Bj99iNsv.js +1 -0
  115. package/app/assets/neighborhood-map-BpbZiy-v.js +158 -0
  116. package/app/assets/neon-grid-Bo0xfsL6.js +159 -0
  117. package/app/assets/nonprofit-DK7XI33A.js +1 -0
  118. package/app/assets/objects-DD8bqyWR.js +1 -0
  119. package/app/assets/org-chart-hiring-tGX1UpiJ.js +161 -0
  120. package/app/assets/paper-collage-CK-XODvZ.js +181 -0
  121. package/app/assets/paw-adopt-D5hKgsaL.js +173 -0
  122. package/app/assets/people-l3GsDfAr.js +1 -0
  123. package/app/assets/pets-Dp8EeTjS.js +1 -0
  124. package/app/assets/playful-blocks-BGXW4vra.js +162 -0
  125. package/app/assets/podcast-waveform-promo-D-h_ydpJ.js +182 -0
  126. package/app/assets/premium-Cy680sWT.js +1 -0
  127. package/app/assets/price-grid-DbYGPlJt.js +176 -0
  128. package/app/assets/quote-carousel-bold-D5fpKgSS.js +143 -0
  129. package/app/assets/realestate-BXW-rsfP.js +1 -0
  130. package/app/assets/recipe-ingredients-B_bSw3x_.js +162 -0
  131. package/app/assets/retail-D-XWCWed.js +1 -0
  132. package/app/assets/retro-80s-CCZc9S6x.js +141 -0
  133. package/app/assets/roadmap-timeline-BpbNdfCr.js +164 -0
  134. package/app/assets/saas-dashboard-s-2gR3AN.js +195 -0
  135. package/app/assets/sale-wheel-24h-CsiOja2Z.js +153 -0
  136. package/app/assets/save-the-date-C6O8fH8f.js +141 -0
  137. package/app/assets/seasons-BFYc_klb.js +1 -0
  138. package/app/assets/services-DRPQcCXX.js +1 -0
  139. package/app/assets/shapes-AVMwC-FR.js +1 -0
  140. package/app/assets/social-CNpE0GKG.js +1 -0
  141. package/app/assets/split-wipe-before-after-Lg-NbF0V.js +198 -0
  142. package/app/assets/sports-DyBfpPm5.js +1 -0
  143. package/app/assets/stats-dashboard-CxxFtNfj.js +149 -0
  144. package/app/assets/stickers-J4NDCW2L.js +1 -0
  145. package/app/assets/stock-portfolio-DFpeHEjJ.js +174 -0
  146. package/app/assets/swiss-grid-jfcgySaJ.js +153 -0
  147. package/app/assets/tech-BaRjeFZ0.js +1 -0
  148. package/app/assets/tech-D-xc9pRv.js +1 -0
  149. package/app/assets/transport-Bolufhfq.js +1 -0
  150. package/app/assets/travel-DoqS5vPB.js +1 -0
  151. package/app/assets/travel-route-DUPXi7Qa.js +169 -0
  152. package/app/assets/tutorial-steps-Ep2JeqXu.js +160 -0
  153. package/app/assets/wallet-card-transactions-DtI9Usn9.js +188 -0
  154. package/app/assets/wedding-invite-BhgqMwO7.js +142 -0
  155. package/app/catalog/bank-previews/01-car-choice.webp +0 -0
  156. package/app/catalog/bank-previews/02-holiday-budget.webp +0 -0
  157. package/app/catalog/bank-previews/03-one-click.webp +0 -0
  158. package/app/catalog/bank-previews/04-career-course.webp +0 -0
  159. package/app/catalog/bank-previews/05-home-refresh.webp +0 -0
  160. package/app/catalog/bank-previews/06-summer-plans.webp +0 -0
  161. package/app/catalog/bank-previews/07-car-upgrade.webp +0 -0
  162. package/app/catalog/bank-previews/08-wedding-plan.webp +0 -0
  163. package/app/catalog/bank-previews/09-share-intro.webp +0 -0
  164. package/app/catalog/bank-previews/10-suspicious-message.webp +0 -0
  165. package/app/catalog/bank-previews/11-student-routine.webp +0 -0
  166. package/app/catalog/bank-previews/12-investing-first-step.webp +0 -0
  167. package/app/catalog/bank-previews/13-fomo.webp +0 -0
  168. package/app/catalog/bank-previews/14-market-timing.webp +0 -0
  169. package/app/catalog/bank-previews/15-investing-for-all.webp +0 -0
  170. package/app/catalog/bank-previews/16-two-paths.webp +0 -0
  171. package/app/catalog/bank-previews/17-small-business.webp +0 -0
  172. package/app/catalog/bank-previews/18-travel-forex.webp +0 -0
  173. package/app/catalog/bank-previews/19-mortgage-questions.webp +0 -0
  174. package/app/catalog/bank-previews/20-market-app.webp +0 -0
  175. package/app/catalog/enhanced-v2/01-revenue-quarter/config.motiondesk-config.json +54 -0
  176. package/app/catalog/enhanced-v2/01-revenue-quarter/poster.jpg +0 -0
  177. package/app/catalog/enhanced-v2/01-revenue-quarter/preview.mp4 +0 -0
  178. package/app/catalog/enhanced-v2/01-revenue-quarter/project.motiondesk.json +5127 -0
  179. package/app/catalog/enhanced-v2/02-daily-workout/config.motiondesk-config.json +54 -0
  180. package/app/catalog/enhanced-v2/02-daily-workout/poster.jpg +0 -0
  181. package/app/catalog/enhanced-v2/02-daily-workout/preview.mp4 +0 -0
  182. package/app/catalog/enhanced-v2/02-daily-workout/project.motiondesk.json +5747 -0
  183. package/app/catalog/enhanced-v2/03-italy-trip/config.motiondesk-config.json +44 -0
  184. package/app/catalog/enhanced-v2/03-italy-trip/poster.jpg +0 -0
  185. package/app/catalog/enhanced-v2/03-italy-trip/preview.mp4 +0 -0
  186. package/app/catalog/enhanced-v2/03-italy-trip/project.motiondesk.json +5139 -0
  187. package/app/catalog/enhanced-v2/04-smart-savings/config.motiondesk-config.json +41 -0
  188. package/app/catalog/enhanced-v2/04-smart-savings/poster.jpg +0 -0
  189. package/app/catalog/enhanced-v2/04-smart-savings/preview.mp4 +0 -0
  190. package/app/catalog/enhanced-v2/04-smart-savings/project.motiondesk.json +5322 -0
  191. package/app/catalog/enhanced-v2/05-weekly-challenge/config.motiondesk-config.json +45 -0
  192. package/app/catalog/enhanced-v2/05-weekly-challenge/poster.jpg +0 -0
  193. package/app/catalog/enhanced-v2/05-weekly-challenge/preview.mp4 +0 -0
  194. package/app/catalog/enhanced-v2/05-weekly-challenge/project.motiondesk.json +5442 -0
  195. package/app/catalog/enhanced-v2/06-flash-sale/config.motiondesk-config.json +42 -0
  196. package/app/catalog/enhanced-v2/06-flash-sale/poster.jpg +0 -0
  197. package/app/catalog/enhanced-v2/06-flash-sale/preview.mp4 +0 -0
  198. package/app/catalog/enhanced-v2/06-flash-sale/project.motiondesk.json +5616 -0
  199. package/app/catalog/enhanced-v2/07-flight-savings/config.motiondesk-config.json +43 -0
  200. package/app/catalog/enhanced-v2/07-flight-savings/poster.jpg +0 -0
  201. package/app/catalog/enhanced-v2/07-flight-savings/preview.mp4 +0 -0
  202. package/app/catalog/enhanced-v2/07-flight-savings/project.motiondesk.json +6319 -0
  203. package/app/catalog/enhanced-v2/08-team-dashboard/config.motiondesk-config.json +52 -0
  204. package/app/catalog/enhanced-v2/08-team-dashboard/poster.jpg +0 -0
  205. package/app/catalog/enhanced-v2/08-team-dashboard/preview.mp4 +0 -0
  206. package/app/catalog/enhanced-v2/08-team-dashboard/project.motiondesk.json +5327 -0
  207. package/app/catalog/showcase-v3/11-flow-finance/poster.jpg +0 -0
  208. package/app/catalog/showcase-v3/11-flow-finance/preview.mp4 +0 -0
  209. package/app/catalog/showcase-v3/11-flow-finance/project.motiondesk.json +5690 -0
  210. package/app/catalog/showcase-v3/12-pulse-training/poster.jpg +0 -0
  211. package/app/catalog/showcase-v3/12-pulse-training/preview.mp4 +0 -0
  212. package/app/catalog/showcase-v3/12-pulse-training/project.motiondesk.json +3643 -0
  213. package/app/catalog/showcase-v3/13-orbit-travel/poster.jpg +0 -0
  214. package/app/catalog/showcase-v3/13-orbit-travel/preview.mp4 +0 -0
  215. package/app/catalog/showcase-v3/13-orbit-travel/project.motiondesk.json +3939 -0
  216. package/app/catalog/showcase-v3/14-nova-product/config.motiondesk-config.json +163 -0
  217. package/app/catalog/showcase-v3/14-nova-product/poster.jpg +0 -0
  218. package/app/catalog/showcase-v3/14-nova-product/preview.mp4 +0 -0
  219. package/app/catalog/showcase-v3/14-nova-product/project.motiondesk.json +11196 -0
  220. package/app/catalog/showcase-v3/15-tempo-motion/config.motiondesk-config.json +122 -0
  221. package/app/catalog/showcase-v3/15-tempo-motion/poster.jpg +0 -0
  222. package/app/catalog/showcase-v3/15-tempo-motion/preview.mp4 +0 -0
  223. package/app/catalog/showcase-v3/15-tempo-motion/project.motiondesk.json +7424 -0
  224. package/app/catalog/showcase-v3/16-atlas-journey/config.motiondesk-config.json +132 -0
  225. package/app/catalog/showcase-v3/16-atlas-journey/poster.jpg +0 -0
  226. package/app/catalog/showcase-v3/16-atlas-journey/preview.mp4 +0 -0
  227. package/app/catalog/showcase-v3/16-atlas-journey/project.motiondesk.json +9257 -0
  228. package/app/catalog/showcase-v3/17-revenue-quarter/config.motiondesk-config.json +151 -0
  229. package/app/catalog/showcase-v3/17-revenue-quarter/poster.jpg +0 -0
  230. package/app/catalog/showcase-v3/17-revenue-quarter/preview.mp4 +0 -0
  231. package/app/catalog/showcase-v3/17-revenue-quarter/project.motiondesk.json +10473 -0
  232. package/app/catalog/showcase-v3/18-daily-workout/config.motiondesk-config.json +139 -0
  233. package/app/catalog/showcase-v3/18-daily-workout/poster.jpg +0 -0
  234. package/app/catalog/showcase-v3/18-daily-workout/preview.mp4 +0 -0
  235. package/app/catalog/showcase-v3/18-daily-workout/project.motiondesk.json +8656 -0
  236. package/app/catalog/showcase-v3/19-italy-trip/config.motiondesk-config.json +132 -0
  237. package/app/catalog/showcase-v3/19-italy-trip/poster.jpg +0 -0
  238. package/app/catalog/showcase-v3/19-italy-trip/preview.mp4 +0 -0
  239. package/app/catalog/showcase-v3/19-italy-trip/project.motiondesk.json +9690 -0
  240. package/app/catalog/showcase-v3/20-smart-savings/config.motiondesk-config.json +152 -0
  241. package/app/catalog/showcase-v3/20-smart-savings/poster.jpg +0 -0
  242. package/app/catalog/showcase-v3/20-smart-savings/preview.mp4 +0 -0
  243. package/app/catalog/showcase-v3/20-smart-savings/project.motiondesk.json +9770 -0
  244. package/app/catalog/showcase-v3/21-weekly-challenge/config.motiondesk-config.json +125 -0
  245. package/app/catalog/showcase-v3/21-weekly-challenge/poster.jpg +0 -0
  246. package/app/catalog/showcase-v3/21-weekly-challenge/preview.mp4 +0 -0
  247. package/app/catalog/showcase-v3/21-weekly-challenge/project.motiondesk.json +8404 -0
  248. package/app/catalog/showcase-v3/22-flash-sale/config.motiondesk-config.json +116 -0
  249. package/app/catalog/showcase-v3/22-flash-sale/poster.jpg +0 -0
  250. package/app/catalog/showcase-v3/22-flash-sale/preview.mp4 +0 -0
  251. package/app/catalog/showcase-v3/22-flash-sale/project.motiondesk.json +7482 -0
  252. package/app/catalog/showcase-v3/23-flight-savings/config.motiondesk-config.json +139 -0
  253. package/app/catalog/showcase-v3/23-flight-savings/poster.jpg +0 -0
  254. package/app/catalog/showcase-v3/23-flight-savings/preview.mp4 +0 -0
  255. package/app/catalog/showcase-v3/23-flight-savings/project.motiondesk.json +9205 -0
  256. package/app/catalog/showcase-v3/24-team-dashboard/config.motiondesk-config.json +155 -0
  257. package/app/catalog/showcase-v3/24-team-dashboard/poster.jpg +0 -0
  258. package/app/catalog/showcase-v3/24-team-dashboard/preview.mp4 +0 -0
  259. package/app/catalog/showcase-v3/24-team-dashboard/project.motiondesk.json +10735 -0
  260. package/app/catalog/v4/bank-01-car-choice/config.motiondesk-config.json +86 -0
  261. package/app/catalog/v4/bank-01-car-choice/poster.webp +0 -0
  262. package/app/catalog/v4/bank-01-car-choice/project.motiondesk.json +6962 -0
  263. package/app/catalog/v4/bank-02-holiday-budget/config.motiondesk-config.json +98 -0
  264. package/app/catalog/v4/bank-02-holiday-budget/poster.webp +0 -0
  265. package/app/catalog/v4/bank-02-holiday-budget/project.motiondesk.json +7242 -0
  266. package/app/catalog/v4/bank-03-one-click/config.motiondesk-config.json +97 -0
  267. package/app/catalog/v4/bank-03-one-click/poster.webp +0 -0
  268. package/app/catalog/v4/bank-03-one-click/project.motiondesk.json +6789 -0
  269. package/app/catalog/v4/bank-04-career-course/config.motiondesk-config.json +88 -0
  270. package/app/catalog/v4/bank-04-career-course/poster.webp +0 -0
  271. package/app/catalog/v4/bank-04-career-course/project.motiondesk.json +6514 -0
  272. package/app/catalog/v4/bank-05-five-years-new-word/config.motiondesk-config.json +86 -0
  273. package/app/catalog/v4/bank-05-five-years-new-word/poster.webp +0 -0
  274. package/app/catalog/v4/bank-05-five-years-new-word/project.motiondesk.json +5865 -0
  275. package/app/catalog/v4/bank-06-home-upgrade/config.motiondesk-config.json +88 -0
  276. package/app/catalog/v4/bank-06-home-upgrade/poster.webp +0 -0
  277. package/app/catalog/v4/bank-06-home-upgrade/project.motiondesk.json +7187 -0
  278. package/app/catalog/v4/bank-07-car-upgrade/config.motiondesk-config.json +87 -0
  279. package/app/catalog/v4/bank-07-car-upgrade/poster.webp +0 -0
  280. package/app/catalog/v4/bank-07-car-upgrade/project.motiondesk.json +6018 -0
  281. package/app/catalog/v4/bank-08-summer-dollar/config.motiondesk-config.json +85 -0
  282. package/app/catalog/v4/bank-08-summer-dollar/poster.webp +0 -0
  283. package/app/catalog/v4/bank-08-summer-dollar/project.motiondesk.json +6291 -0
  284. package/app/catalog/v4/bank-09-wedding/config.motiondesk-config.json +88 -0
  285. package/app/catalog/v4/bank-09-wedding/poster.webp +0 -0
  286. package/app/catalog/v4/bank-09-wedding/project.motiondesk.json +6517 -0
  287. package/app/catalog/v4/bank-10-family-dinner-pay/config.motiondesk-config.json +100 -0
  288. package/app/catalog/v4/bank-10-family-dinner-pay/poster.webp +0 -0
  289. package/app/catalog/v4/bank-10-family-dinner-pay/project.motiondesk.json +7053 -0
  290. package/app/catalog/v4/bank-11-youth-pitch-creator/config.motiondesk-config.json +100 -0
  291. package/app/catalog/v4/bank-11-youth-pitch-creator/poster.webp +0 -0
  292. package/app/catalog/v4/bank-11-youth-pitch-creator/project.motiondesk.json +6820 -0
  293. package/app/catalog/v4/bank-12-gift-shares/config.motiondesk-config.json +90 -0
  294. package/app/catalog/v4/bank-12-gift-shares/poster.webp +0 -0
  295. package/app/catalog/v4/bank-12-gift-shares/project.motiondesk.json +6025 -0
  296. package/app/catalog/v4/bank-13-suspicious-call/config.motiondesk-config.json +96 -0
  297. package/app/catalog/v4/bank-13-suspicious-call/poster.webp +0 -0
  298. package/app/catalog/v4/bank-13-suspicious-call/project.motiondesk.json +6734 -0
  299. package/app/catalog/v4/bank-14-urgent-message/config.motiondesk-config.json +89 -0
  300. package/app/catalog/v4/bank-14-urgent-message/poster.webp +0 -0
  301. package/app/catalog/v4/bank-14-urgent-message/project.motiondesk.json +6724 -0
  302. package/app/catalog/v4/bank-15-olympic-excellence/config.motiondesk-config.json +88 -0
  303. package/app/catalog/v4/bank-15-olympic-excellence/poster.webp +0 -0
  304. package/app/catalog/v4/bank-15-olympic-excellence/project.motiondesk.json +6431 -0
  305. package/app/catalog/v4/bank-16-savings-pocket/config.motiondesk-config.json +97 -0
  306. package/app/catalog/v4/bank-16-savings-pocket/poster.webp +0 -0
  307. package/app/catalog/v4/bank-16-savings-pocket/project.motiondesk.json +6628 -0
  308. package/app/catalog/v4/bank-17-students/config.motiondesk-config.json +91 -0
  309. package/app/catalog/v4/bank-17-students/poster.webp +0 -0
  310. package/app/catalog/v4/bank-17-students/project.motiondesk.json +6629 -0
  311. package/app/catalog/v4/bank-18-phone-phobia/config.motiondesk-config.json +86 -0
  312. package/app/catalog/v4/bank-18-phone-phobia/poster.webp +0 -0
  313. package/app/catalog/v4/bank-18-phone-phobia/project.motiondesk.json +6140 -0
  314. package/app/catalog/v4/bank-19-financial-fomo/config.motiondesk-config.json +91 -0
  315. package/app/catalog/v4/bank-19-financial-fomo/poster.webp +0 -0
  316. package/app/catalog/v4/bank-19-financial-fomo/project.motiondesk.json +7189 -0
  317. package/app/catalog/v4/bank-20-start-investing/config.motiondesk-config.json +95 -0
  318. package/app/catalog/v4/bank-20-start-investing/poster.webp +0 -0
  319. package/app/catalog/v4/bank-20-start-investing/project.motiondesk.json +7149 -0
  320. package/app/catalog/v4/bank-21-market-timing/config.motiondesk-config.json +95 -0
  321. package/app/catalog/v4/bank-21-market-timing/poster.webp +0 -0
  322. package/app/catalog/v4/bank-21-market-timing/project.motiondesk.json +6166 -0
  323. package/app/catalog/v4/bank-22-market-vs-realestate/config.motiondesk-config.json +88 -0
  324. package/app/catalog/v4/bank-22-market-vs-realestate/poster.webp +0 -0
  325. package/app/catalog/v4/bank-22-market-vs-realestate/project.motiondesk.json +7698 -0
  326. package/app/catalog/v4/bank-23-investing-for-all/config.motiondesk-config.json +92 -0
  327. package/app/catalog/v4/bank-23-investing-for-all/poster.webp +0 -0
  328. package/app/catalog/v4/bank-23-investing-for-all/project.motiondesk.json +6150 -0
  329. package/app/catalog/v4/bank-24-business-loan/config.motiondesk-config.json +85 -0
  330. package/app/catalog/v4/bank-24-business-loan/poster.webp +0 -0
  331. package/app/catalog/v4/bank-24-business-loan/project.motiondesk.json +6804 -0
  332. package/app/catalog/v4/bank-25-open-door/config.motiondesk-config.json +84 -0
  333. package/app/catalog/v4/bank-25-open-door/poster.webp +0 -0
  334. package/app/catalog/v4/bank-25-open-door/project.motiondesk.json +5976 -0
  335. package/app/catalog/v4/bank-26-first-card-challenge/config.motiondesk-config.json +84 -0
  336. package/app/catalog/v4/bank-26-first-card-challenge/poster.webp +0 -0
  337. package/app/catalog/v4/bank-26-first-card-challenge/project.motiondesk.json +6167 -0
  338. package/app/catalog/v4/bank-27-holiday-trip/config.motiondesk-config.json +85 -0
  339. package/app/catalog/v4/bank-27-holiday-trip/poster.webp +0 -0
  340. package/app/catalog/v4/bank-27-holiday-trip/project.motiondesk.json +6291 -0
  341. package/app/catalog/v4/bank-28-renew-home/config.motiondesk-config.json +87 -0
  342. package/app/catalog/v4/bank-28-renew-home/poster.webp +0 -0
  343. package/app/catalog/v4/bank-28-renew-home/project.motiondesk.json +6489 -0
  344. package/app/catalog/v4/bank-29-fastest-way-to-pay/config.motiondesk-config.json +98 -0
  345. package/app/catalog/v4/bank-29-fastest-way-to-pay/poster.webp +0 -0
  346. package/app/catalog/v4/bank-29-fastest-way-to-pay/project.motiondesk.json +6915 -0
  347. package/app/catalog/v4/bank-30-forex-terminal/config.motiondesk-config.json +103 -0
  348. package/app/catalog/v4/bank-30-forex-terminal/poster.webp +0 -0
  349. package/app/catalog/v4/bank-30-forex-terminal/project.motiondesk.json +6997 -0
  350. package/app/catalog/v4/bank-31-youth-campaign-brief/config.motiondesk-config.json +103 -0
  351. package/app/catalog/v4/bank-31-youth-campaign-brief/poster.webp +0 -0
  352. package/app/catalog/v4/bank-31-youth-campaign-brief/project.motiondesk.json +7136 -0
  353. package/app/catalog/v4/bank-32-dream-vacation/config.motiondesk-config.json +87 -0
  354. package/app/catalog/v4/bank-32-dream-vacation/poster.webp +0 -0
  355. package/app/catalog/v4/bank-32-dream-vacation/project.motiondesk.json +6531 -0
  356. package/app/catalog/v4/bank-33-mortgage-advice/config.motiondesk-config.json +87 -0
  357. package/app/catalog/v4/bank-33-mortgage-advice/poster.webp +0 -0
  358. package/app/catalog/v4/bank-33-mortgage-advice/project.motiondesk.json +6767 -0
  359. package/app/catalog/v4/bank-34-who-are-you-saver/config.motiondesk-config.json +97 -0
  360. package/app/catalog/v4/bank-34-who-are-you-saver/poster.webp +0 -0
  361. package/app/catalog/v4/bank-34-who-are-you-saver/project.motiondesk.json +6309 -0
  362. package/app/catalog/v4/bank-35-strange-calls/config.motiondesk-config.json +85 -0
  363. package/app/catalog/v4/bank-35-strange-calls/poster.webp +0 -0
  364. package/app/catalog/v4/bank-35-strange-calls/project.motiondesk.json +7034 -0
  365. package/app/catalog/v4/bank-36-one-shekel-flight/config.motiondesk-config.json +91 -0
  366. package/app/catalog/v4/bank-36-one-shekel-flight/poster.webp +0 -0
  367. package/app/catalog/v4/bank-36-one-shekel-flight/project.motiondesk.json +6364 -0
  368. package/app/catalog/v4/bank-37-street-quiz-pay/config.motiondesk-config.json +81 -0
  369. package/app/catalog/v4/bank-37-street-quiz-pay/poster.webp +0 -0
  370. package/app/catalog/v4/bank-37-street-quiz-pay/project.motiondesk.json +6466 -0
  371. package/app/catalog/v4/bank-38-pension-compare/config.motiondesk-config.json +92 -0
  372. package/app/catalog/v4/bank-38-pension-compare/poster.webp +0 -0
  373. package/app/catalog/v4/bank-38-pension-compare/project.motiondesk.json +6752 -0
  374. package/app/catalog/v4/bank-39-new-look-app/config.motiondesk-config.json +103 -0
  375. package/app/catalog/v4/bank-39-new-look-app/poster.webp +0 -0
  376. package/app/catalog/v4/bank-39-new-look-app/project.motiondesk.json +6954 -0
  377. package/app/catalog/v4/bank-40-interest-pocket/config.motiondesk-config.json +83 -0
  378. package/app/catalog/v4/bank-40-interest-pocket/poster.webp +0 -0
  379. package/app/catalog/v4/bank-40-interest-pocket/project.motiondesk.json +5783 -0
  380. package/app/catalog/v4/bank-41-young-telenovela/config.motiondesk-config.json +95 -0
  381. package/app/catalog/v4/bank-41-young-telenovela/poster.webp +0 -0
  382. package/app/catalog/v4/bank-41-young-telenovela/project.motiondesk.json +5967 -0
  383. package/app/catalog/v4/bank-42-market-app/config.motiondesk-config.json +103 -0
  384. package/app/catalog/v4/bank-42-market-app/poster.webp +0 -0
  385. package/app/catalog/v4/bank-42-market-app/project.motiondesk.json +6766 -0
  386. package/app/catalog/v4/bank-43-passover-sites/config.motiondesk-config.json +92 -0
  387. package/app/catalog/v4/bank-43-passover-sites/poster.webp +0 -0
  388. package/app/catalog/v4/bank-43-passover-sites/project.motiondesk.json +7173 -0
  389. package/app/catalog/v4/bank-44-end-of-excuses/config.motiondesk-config.json +93 -0
  390. package/app/catalog/v4/bank-44-end-of-excuses/poster.webp +0 -0
  391. package/app/catalog/v4/bank-44-end-of-excuses/project.motiondesk.json +6010 -0
  392. package/app/catalog/v4/bank-45-good-reasons/config.motiondesk-config.json +90 -0
  393. package/app/catalog/v4/bank-45-good-reasons/poster.webp +0 -0
  394. package/app/catalog/v4/bank-45-good-reasons/project.motiondesk.json +7122 -0
  395. package/app/catalog/v4/bank-46-mortgage-hotline/config.motiondesk-config.json +99 -0
  396. package/app/catalog/v4/bank-46-mortgage-hotline/poster.webp +0 -0
  397. package/app/catalog/v4/bank-46-mortgage-hotline/project.motiondesk.json +6923 -0
  398. package/app/catalog/v4/bank-47-financial-growth-center/config.motiondesk-config.json +84 -0
  399. package/app/catalog/v4/bank-47-financial-growth-center/poster.webp +0 -0
  400. package/app/catalog/v4/bank-47-financial-growth-center/project.motiondesk.json +6424 -0
  401. package/app/catalog/v4/bank-48-judo-grand-prix/config.motiondesk-config.json +88 -0
  402. package/app/catalog/v4/bank-48-judo-grand-prix/poster.webp +0 -0
  403. package/app/catalog/v4/bank-48-judo-grand-prix/project.motiondesk.json +6335 -0
  404. package/app/catalog/v4/bank-49-currency-convert/config.motiondesk-config.json +98 -0
  405. package/app/catalog/v4/bank-49-currency-convert/poster.webp +0 -0
  406. package/app/catalog/v4/bank-49-currency-convert/project.motiondesk.json +7036 -0
  407. package/app/catalog/v4/bank-50-salary-young/config.motiondesk-config.json +95 -0
  408. package/app/catalog/v4/bank-50-salary-young/poster.webp +0 -0
  409. package/app/catalog/v4/bank-50-salary-young/project.motiondesk.json +6414 -0
  410. package/app/catalog/v4/v4-onboarding-beats-16x9/config.motiondesk-config.json +162 -0
  411. package/app/catalog/v4/v4-onboarding-beats-16x9/poster.webp +0 -0
  412. package/app/catalog/v4/v4-onboarding-beats-16x9/project.motiondesk.json +9796 -0
  413. package/app/catalog/v4/v4-savings-goal-9x16/config.motiondesk-config.json +151 -0
  414. package/app/catalog/v4/v4-savings-goal-9x16/poster.webp +0 -0
  415. package/app/catalog/v4/v4-savings-goal-9x16/project.motiondesk.json +11847 -0
  416. package/app/catalog/v4/v4-trip-planner-1x1/config.motiondesk-config.json +137 -0
  417. package/app/catalog/v4/v4-trip-planner-1x1/poster.webp +0 -0
  418. package/app/catalog/v4/v4-trip-planner-1x1/project.motiondesk.json +10797 -0
  419. package/app/catalog/v4/v4-wallet-launch-16x9/config.motiondesk-config.json +172 -0
  420. package/app/catalog/v4/v4-wallet-launch-16x9/poster.webp +0 -0
  421. package/app/catalog/v4/v4-wallet-launch-16x9/project.motiondesk.json +14270 -0
  422. package/app/fonts/heebo-hebrew-400-normal.woff2 +0 -0
  423. package/app/fonts/heebo-hebrew-700-normal.woff2 +0 -0
  424. package/app/fonts/heebo-latin-400-normal.woff2 +0 -0
  425. package/app/fonts/heebo-latin-700-normal.woff2 +0 -0
  426. package/app/fonts/motiondesk-symbols.ttf +0 -0
  427. package/app/fonts/noto-sans-math-OFL.txt +93 -0
  428. package/app/index.html +15 -0
  429. package/app/studio-hf/fonts/heebo-hebrew-400-normal.woff2 +0 -0
  430. package/app/studio-hf/fonts/heebo-hebrew-700-normal.woff2 +0 -0
  431. package/app/studio-hf/fonts/heebo-latin-400-normal.woff2 +0 -0
  432. package/app/studio-hf/fonts/heebo-latin-700-normal.woff2 +0 -0
  433. package/app/studio-hf/frame.html +21 -0
  434. package/app/studio-hf/vendor/gsap.min.js +11 -0
  435. package/bin/motiondesk-studio.mjs +251 -0
  436. package/lib/catalog/hyperframes/ai-assistant.html +137 -0
  437. package/lib/catalog/hyperframes/annual-report.html +146 -0
  438. package/lib/catalog/hyperframes/app-tour.html +163 -0
  439. package/lib/catalog/hyperframes/balloon-party.html +159 -0
  440. package/lib/catalog/hyperframes/bank-banker-chat.html +256 -0
  441. package/lib/catalog/hyperframes/bank-business-loan.html +246 -0
  442. package/lib/catalog/hyperframes/bank-car-choice.html +228 -0
  443. package/lib/catalog/hyperframes/bank-card-freeze.html +280 -0
  444. package/lib/catalog/hyperframes/bank-code-never.html +233 -0
  445. package/lib/catalog/hyperframes/bank-dark-interlude.html +189 -0
  446. package/lib/catalog/hyperframes/bank-dinner-split.html +245 -0
  447. package/lib/catalog/hyperframes/bank-fast-pay.html +229 -0
  448. package/lib/catalog/hyperframes/bank-first-salary.html +211 -0
  449. package/lib/catalog/hyperframes/bank-fomo-stop.html +229 -0
  450. package/lib/catalog/hyperframes/bank-forex-trip.html +204 -0
  451. package/lib/catalog/hyperframes/bank-growth-bars.html +202 -0
  452. package/lib/catalog/hyperframes/bank-holiday-budget.html +223 -0
  453. package/lib/catalog/hyperframes/bank-mortgage-papers.html +213 -0
  454. package/lib/catalog/hyperframes/bank-new-app-look.html +227 -0
  455. package/lib/catalog/hyperframes/bank-one-click-loan.html +222 -0
  456. package/lib/catalog/hyperframes/bank-paper-explainer.html +190 -0
  457. package/lib/catalog/hyperframes/bank-pension-compare.html +242 -0
  458. package/lib/catalog/hyperframes/bank-remote-access.html +256 -0
  459. package/lib/catalog/hyperframes/bank-savings-pocket.html +219 -0
  460. package/lib/catalog/hyperframes/bank-share-explained.html +227 -0
  461. package/lib/catalog/hyperframes/bank-small-business.html +216 -0
  462. package/lib/catalog/hyperframes/bank-student-routine.html +223 -0
  463. package/lib/catalog/hyperframes/bank-suspicious-sms.html +228 -0
  464. package/lib/catalog/hyperframes/bank-wedding-budget.html +229 -0
  465. package/lib/catalog/hyperframes/boarding-pass.html +191 -0
  466. package/lib/catalog/hyperframes/chalk-menu.html +157 -0
  467. package/lib/catalog/hyperframes/claim-steps.html +179 -0
  468. package/lib/catalog/hyperframes/clinic-booking.html +177 -0
  469. package/lib/catalog/hyperframes/concert-poster.html +188 -0
  470. package/lib/catalog/hyperframes/course-syllabus.html +163 -0
  471. package/lib/catalog/hyperframes/cyber-shield.html +191 -0
  472. package/lib/catalog/hyperframes/dev-hiring-code.html +137 -0
  473. package/lib/catalog/hyperframes/donation-meter.html +163 -0
  474. package/lib/catalog/hyperframes/editorial-mag.html +179 -0
  475. package/lib/catalog/hyperframes/ev-charge.html +217 -0
  476. package/lib/catalog/hyperframes/event-announce.html +146 -0
  477. package/lib/catalog/hyperframes/finance-growth.html +139 -0
  478. package/lib/catalog/hyperframes/fitness-rings-streak.html +140 -0
  479. package/lib/catalog/hyperframes/flash-sale.html +142 -0
  480. package/lib/catalog/hyperframes/flipclock-countdown.html +152 -0
  481. package/lib/catalog/hyperframes/floorplan-linedraw.html +191 -0
  482. package/lib/catalog/hyperframes/glass-product.html +138 -0
  483. package/lib/catalog/hyperframes/glossy-cosmetics.html +202 -0
  484. package/lib/catalog/hyperframes/gold-couture.html +189 -0
  485. package/lib/catalog/hyperframes/gradient-blobs.html +138 -0
  486. package/lib/catalog/hyperframes/graduation-day.html +133 -0
  487. package/lib/catalog/hyperframes/headline-news-ticker.html +180 -0
  488. package/lib/catalog/hyperframes/hiring-team.html +136 -0
  489. package/lib/catalog/hyperframes/holiday-greeting.html +143 -0
  490. package/lib/catalog/hyperframes/index-b2.json +194 -0
  491. package/lib/catalog/hyperframes/index-b3.json +194 -0
  492. package/lib/catalog/hyperframes/index-b4.json +162 -0
  493. package/lib/catalog/hyperframes/index-b5.json +130 -0
  494. package/lib/catalog/hyperframes/index-b6.json +146 -0
  495. package/lib/catalog/hyperframes/index-b7.json +121 -0
  496. package/lib/catalog/hyperframes/index-b8.json +92 -0
  497. package/lib/catalog/hyperframes/index-b9.json +87 -0
  498. package/lib/catalog/hyperframes/index.json +322 -0
  499. package/lib/catalog/hyperframes/iso-product-3d.html +228 -0
  500. package/lib/catalog/hyperframes/itinerary-map-pins.html +200 -0
  501. package/lib/catalog/hyperframes/key-handover.html +170 -0
  502. package/lib/catalog/hyperframes/kinetic-launch.html +160 -0
  503. package/lib/catalog/hyperframes/legal-trust.html +185 -0
  504. package/lib/catalog/hyperframes/level-up.html +204 -0
  505. package/lib/catalog/hyperframes/logo-sting.html +105 -0
  506. package/lib/catalog/hyperframes/manifesto-quote.html +119 -0
  507. package/lib/catalog/hyperframes/match-day.html +145 -0
  508. package/lib/catalog/hyperframes/match-score.html +209 -0
  509. package/lib/catalog/hyperframes/neighborhood-map.html +157 -0
  510. package/lib/catalog/hyperframes/neon-grid.html +158 -0
  511. package/lib/catalog/hyperframes/org-chart-hiring.html +160 -0
  512. package/lib/catalog/hyperframes/paper-collage.html +180 -0
  513. package/lib/catalog/hyperframes/paw-adopt.html +172 -0
  514. package/lib/catalog/hyperframes/playful-blocks.html +161 -0
  515. package/lib/catalog/hyperframes/podcast-waveform-promo.html +181 -0
  516. package/lib/catalog/hyperframes/price-grid.html +175 -0
  517. package/lib/catalog/hyperframes/quote-carousel-bold.html +142 -0
  518. package/lib/catalog/hyperframes/recipe-ingredients.html +161 -0
  519. package/lib/catalog/hyperframes/retro-80s.html +140 -0
  520. package/lib/catalog/hyperframes/roadmap-timeline.html +163 -0
  521. package/lib/catalog/hyperframes/saas-dashboard.html +194 -0
  522. package/lib/catalog/hyperframes/sale-wheel-24h.html +152 -0
  523. package/lib/catalog/hyperframes/save-the-date.html +140 -0
  524. package/lib/catalog/hyperframes/split-wipe-before-after.html +197 -0
  525. package/lib/catalog/hyperframes/stats-dashboard.html +148 -0
  526. package/lib/catalog/hyperframes/stock-portfolio.html +173 -0
  527. package/lib/catalog/hyperframes/swiss-grid.html +152 -0
  528. package/lib/catalog/hyperframes/travel-route.html +168 -0
  529. package/lib/catalog/hyperframes/tutorial-steps.html +159 -0
  530. package/lib/catalog/hyperframes/wallet-card-transactions.html +187 -0
  531. package/lib/catalog/hyperframes/wedding-invite.html +141 -0
  532. package/lib/catalog/studio/apps.json +2134 -0
  533. package/lib/catalog/studio/auto.json +2019 -0
  534. package/lib/catalog/studio/bank-digital.json +3586 -0
  535. package/lib/catalog/studio/bank-invest.json +3653 -0
  536. package/lib/catalog/studio/bank-life.json +3605 -0
  537. package/lib/catalog/studio/bank-safety.json +3198 -0
  538. package/lib/catalog/studio/bank-young.json +3426 -0
  539. package/lib/catalog/studio/beauty.json +1630 -0
  540. package/lib/catalog/studio/business.json +2064 -0
  541. package/lib/catalog/studio/celebrations.json +2142 -0
  542. package/lib/catalog/studio/community.json +1926 -0
  543. package/lib/catalog/studio/culture.json +2156 -0
  544. package/lib/catalog/studio/data.json +1934 -0
  545. package/lib/catalog/studio/education.json +1914 -0
  546. package/lib/catalog/studio/events.json +1921 -0
  547. package/lib/catalog/studio/family.json +2159 -0
  548. package/lib/catalog/studio/fashion.json +1958 -0
  549. package/lib/catalog/studio/finance.json +1922 -0
  550. package/lib/catalog/studio/food.json +2128 -0
  551. package/lib/catalog/studio/gaming.json +1756 -0
  552. package/lib/catalog/studio/health.json +1934 -0
  553. package/lib/catalog/studio/hr.json +1860 -0
  554. package/lib/catalog/studio/kids.json +1697 -0
  555. package/lib/catalog/studio/launch.json +2161 -0
  556. package/lib/catalog/studio/legal.json +1732 -0
  557. package/lib/catalog/studio/music.json +1721 -0
  558. package/lib/catalog/studio/nonprofit.json +1665 -0
  559. package/lib/catalog/studio/pets.json +2196 -0
  560. package/lib/catalog/studio/premium.json +5577 -0
  561. package/lib/catalog/studio/realestate.json +2018 -0
  562. package/lib/catalog/studio/retail.json +1959 -0
  563. package/lib/catalog/studio/services.json +2154 -0
  564. package/lib/catalog/studio/social.json +2004 -0
  565. package/lib/catalog/studio/sports.json +1999 -0
  566. package/lib/catalog/studio/tech.json +2124 -0
  567. package/lib/catalog/studio/travel.json +1966 -0
  568. package/lib/core-v4.cjs +4897 -0
  569. package/lib/core.cjs +4223 -0
  570. package/lib/motion-blur.cjs +36 -0
  571. package/lib/studio.cjs +4419 -0
  572. package/lib/vercel-render.mjs +509 -0
  573. package/lib/vercel-source.cjs +88 -0
  574. package/package.json +39 -4
package/app/assets/recipe-ingredients-B_bSw3x_.js ADDED
@@ -0,0 +1,162 @@
1
+ var e=`<!doctype html>
2
+ <html lang="he" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=1080, 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:#fbf1de;--fg:#2b1d14;--accent:#e8552d;--green:#4f9a3a;--yolk:#ffc23a}
14
+ *{box-sizing:border-box;margin:0;padding:0}
15
+ html,body{width:1080px;height:1080px;overflow:hidden;background:var(--bg)}
16
+ body{font-family:"Heebo",Arial,sans-serif;-webkit-font-smoothing:antialiased}
17
+ #root{position:relative;width:1080px;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
+ .dots{position:absolute;inset:-60px;background:radial-gradient(circle,color-mix(in srgb,var(--fg) 9%,transparent) 2.5px,transparent 3px) 0 0/36px 36px}
24
+ .pan{position:absolute;border-radius:50%}
25
+ .rim{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--fg) 75%,var(--bg)),var(--fg) 70%);box-shadow:0 40px 70px color-mix(in srgb,var(--fg) 35%,transparent)}
26
+ .hndl{position:absolute;left:-36%;top:72%;width:48%;height:10%;border-radius:40px;background:linear-gradient(var(--fg),color-mix(in srgb,var(--fg) 70%,var(--bg)));transform:rotate(-32deg);transform-origin:100% 50%}
27
+ .sauce{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 45% 40%,color-mix(in srgb,var(--green) 75%,var(--yolk)),var(--green) 55%,color-mix(in srgb,var(--green) 70%,var(--fg)));overflow:hidden}
28
+ .lf{position:absolute;width:7%;height:3.6%;border-radius:0 100% 0 100%;background:color-mix(in srgb,var(--green) 60%,var(--fg));display:block}
29
+ .egg{position:absolute;width:27%;height:25%;margin:-12.5% 0 0 -13.5%;border-radius:48% 52% 44% 56%/55% 45% 55% 45%;background:radial-gradient(circle at 40% 35%,var(--bg),color-mix(in srgb,var(--bg) 88%,var(--fg)));box-shadow:0 4px 10px color-mix(in srgb,var(--fg) 25%,transparent)}
30
+ .yk{position:absolute;left:32%;top:30%;width:38%;height:40%;border-radius:50%;background:radial-gradient(circle at 38% 35%,color-mix(in srgb,var(--yolk) 60%,var(--bg)),var(--yolk) 45%,color-mix(in srgb,var(--yolk) 75%,var(--accent)));display:block}
31
+ .rg{position:absolute;width:5%;height:5%;border-radius:50%;border:5px solid var(--accent);display:block}
32
+ .cr{position:absolute;width:3.4%;height:3%;border-radius:4px;background:var(--bg);display:block;transform:rotate(20deg)}
33
+ .ttl{font-size:118px;font-weight:700;line-height:1.05;white-space:nowrap;letter-spacing:-.02em}
34
+ .chip{display:inline-block;padding:12px 30px;border-radius:40px;font-size:34px;font-weight:700;white-space:nowrap;border:3px solid var(--fg)}
35
+ .tile{position:absolute;width:290px;height:330px;border-radius:34px;background:var(--bg);box-shadow:0 18px 40px color-mix(in srgb,var(--fg) 12%,transparent);border:3px solid color-mix(in srgb,var(--fg) 8%,transparent)}
36
+ .icon{position:absolute;left:75px;top:34px;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--yolk) 22%,var(--bg))}
37
+ .icon i{position:absolute;display:block}
38
+ .tn{position:absolute;left:0;right:0;top:196px;text-align:center;font-size:44px;font-weight:700;white-space:nowrap}
39
+ .tq{position:absolute;left:0;right:0;top:256px;text-align:center;font-size:32px;color:color-mix(in srgb,var(--fg) 60%,var(--bg));white-space:nowrap}
40
+ .i-egg{left:38px;top:22px;width:64px;height:90px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,var(--bg),color-mix(in srgb,var(--bg) 80%,var(--fg)));box-shadow:0 6px 0 color-mix(in srgb,var(--fg) 12%,transparent)}
41
+ .i-leaf{left:24px;top:34px;width:70px;height:56px;border-radius:0 100% 0 100%;background:var(--green);transform:rotate(-20deg)}
42
+ .i-lemon{left:24px;top:24px;width:92px;height:92px;border-radius:50%;background:repeating-conic-gradient(color-mix(in srgb,var(--yolk) 65%,var(--bg)) 0 40deg,var(--bg) 40deg 45deg);border:8px solid var(--yolk);box-shadow:inset 0 0 0 4px var(--bg)}
43
+ .i-lemc{left:62px;top:62px;width:16px;height:16px;border-radius:50%;background:var(--bg)}
44
+ .i-gar{left:30px;top:40px;width:80px;height:74px;border-radius:50% 50% 46% 46%/58% 58% 42% 42%;background:radial-gradient(circle at 40% 40%,var(--bg),color-mix(in srgb,var(--bg) 82%,var(--fg)));box-shadow:inset -10px 0 0 color-mix(in srgb,var(--fg) 7%,transparent)}
45
+ .i-gar2{left:62px;top:22px;width:16px;height:28px;border-radius:50% 50% 10% 10%;background:color-mix(in srgb,var(--bg) 82%,var(--fg))}
46
+ .i-chi{left:22px;top:52px;width:96px;height:38px;border-radius:70px 18px 18px 70px/30px 19px 19px 30px;clip-path:polygon(0 60%,30% 10%,100% 0,100% 100%,30% 92%);background:linear-gradient(170deg,color-mix(in srgb,var(--accent) 70%,var(--bg)),var(--accent) 45%,color-mix(in srgb,var(--accent) 80%,var(--fg)));transform:rotate(-28deg)}
47
+ .i-stem{left:104px;top:26px;width:14px;height:32px;border-radius:7px;background:var(--green);transform:rotate(34deg)}
48
+ .i-feta{left:36px;top:36px;width:62px;height:62px;border-radius:10px;background:var(--bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--fg) 12%,transparent);transform:rotate(12deg)}
49
+ .srow{position:absolute;left:90px;right:90px;height:170px}
50
+ .num{position:absolute;right:0;top:20px;width:120px;height:120px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:64px;font-weight:700;display:flex;align-items:center;justify-content:center}
51
+ .st{position:absolute;right:160px;top:26px;font-size:54px;font-weight:700;white-space:nowrap}
52
+ .ss{position:absolute;right:160px;top:96px;font-size:34px;color:color-mix(in srgb,var(--fg) 60%,var(--bg));white-space:nowrap}
53
+ .vl{position:absolute;right:146px;width:8px;border-radius:4px;background:color-mix(in srgb,var(--accent) 35%,var(--bg))}
54
+ .timer{position:absolute;width:250px;height:250px}
55
+ .timer svg{position:absolute;left:0;top:0;transform:rotate(-90deg)}
56
+ .steam{position:absolute;left:0;top:0;fill:none;stroke:var(--bg);stroke-width:20;stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--fg) 35%,transparent))}
57
+ .stamp{position:absolute;width:230px;height:230px;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px var(--bg),0 0 0 14px var(--accent)}
58
+ </style>
59
+ </head>
60
+ <body>
61
+ <div id="root" data-composition-id="recipe-ingredients" data-start="0" data-width="1080" data-height="1080" data-duration="16.4">
62
+ <section id="s1" class="clip scene" data-start="0" data-duration="3.6">
63
+ <div class="cam" id="c1">
64
+ <div class="dots" id="dt1"></div>
65
+ <div class="abs" style="left:0;right:0;top:56px;display:flex;justify-content:center;gap:34px"><span class="m"><span class="w ttl" id="t1a">שקשוקה</span></span><span class="m"><span class="w ttl" id="t1b" style="color:var(--green)">ירוקה</span></span></div>
66
+ <div class="abs" style="left:0;right:0;top:206px;display:flex;justify-content:center;gap:18px"><span class="chip" id="ch1">4 מנות</span><span class="chip" id="ch2">25 דקות</span><span class="chip" id="ch3" style="background:var(--fg);color:var(--bg)">קל להכנה</span></div>
67
+ <div class="abs" id="pw1" style="left:250px;top:330px;width:620px;height:620px"><div class="pan" style="inset:0" id="pn1">
68
+ <div class="hndl"></div><div class="rim"></div>
69
+ <div class="sauce" id="pn1s"><i class="lf" style="left:22%;top:40%;transform:rotate(20deg)"></i><i class="lf" style="left:46%;top:20%;transform:rotate(-30deg)"></i><i class="lf" style="left:72%;top:38%;transform:rotate(60deg)"></i><i class="lf" style="left:50%;top:48%;transform:rotate(10deg)"></i><i class="lf" style="left:36%;top:76%;transform:rotate(-50deg)"></i><i class="lf" style="left:66%;top:74%;transform:rotate(35deg)"></i><i class="lf" style="left:80%;top:56%;transform:rotate(-15deg)"></i><i class="lf" style="left:18%;top:64%;transform:rotate(70deg)"></i><i class="lf" style="left:44%;top:34%;transform:rotate(120deg)"></i><i class="lf" style="left:58%;top:84%;transform:rotate(-80deg)"></i>
70
+ <div class="egg" style="left:33%;top:30%;transform:rotate(-10deg)"><i class="yk"></i></div><div class="egg" style="left:62%;top:31%;transform:rotate(20deg)"><i class="yk"></i></div><div class="egg" style="left:29%;top:61%;transform:rotate(40deg)"><i class="yk"></i></div><div class="egg" style="left:61%;top:62%;transform:rotate(-30deg)"><i class="yk"></i></div>
71
+ <i class="rg" style="left:34%;top:22%"></i><i class="rg" style="left:74%;top:28%"></i><i class="rg" style="left:20%;top:50%"></i><i class="rg" style="left:56%;top:50%"></i><i class="rg" style="left:44%;top:86%"></i>
72
+ <i class="cr" style="left:40%;top:42%"></i><i class="cr" style="left:62%;top:46%"></i><i class="cr" style="left:30%;top:46%"></i><i class="cr" style="left:52%;top:70%"></i><i class="cr" style="left:70%;top:66%"></i><i class="cr" style="left:26%;top:30%"></i><i class="cr" style="left:76%;top:44%"></i><i class="cr" style="left:48%;top:58%"></i></div></div></div>
73
+ </div>
74
+ </section>
75
+ <section id="s2" class="clip scene" data-start="3.6" data-duration="4.8">
76
+ <div class="cam" id="c2">
77
+ <div class="dots" id="dt2"></div>
78
+ <p class="abs" id="t2a" style="right:76px;top:70px;font-size:92px;font-weight:700;white-space:nowrap">מה צריך?</p>
79
+ <p class="abs" id="t2b" style="left:76px;top:100px;font-size:36px;font-weight:700;color:var(--accent);white-space:nowrap;direction:rtl">6 מצרכים בלבד</p>
80
+ <div class="tile" id="tl1" style="left:715px;top:250px"><div class="icon" id="ic1"><i class="i-egg"></i></div><p class="tn" id="tl1n">ביצים</p><p class="tq" id="tl1q">6 יחידות</p></div><div class="tile" id="tl2" style="left:395px;top:250px"><div class="icon" id="ic2"><i class="i-leaf"></i><i class="i-leaf" style="left:62px;top:40px;transform:rotate(80deg) scale(.8)"></i></div><p class="tn" id="tl2n">תרד טרי</p><p class="tq" id="tl2q">2 כוסות</p></div><div class="tile" id="tl3" style="left:75px;top:250px"><div class="icon" id="ic3"><i class="i-lemon"></i><i class="i-lemc"></i></div><p class="tn" id="tl3n">לימון</p><p class="tq" id="tl3q">חצי, סחוט</p></div><div class="tile" id="tl4" style="left:715px;top:620px"><div class="icon" id="ic4"><i class="i-gar"></i><i class="i-gar2"></i></div><p class="tn" id="tl4n">שום</p><p class="tq" id="tl4q">3 שיניים</p></div><div class="tile" id="tl5" style="left:395px;top:620px"><div class="icon" id="ic5"><i class="i-chi"></i><i class="i-stem"></i></div><p class="tn" id="tl5n">צ׳ילי חריף</p><p class="tq" id="tl5q">2 יחידות</p></div><div class="tile" id="tl6" style="left:75px;top:620px"><div class="icon" id="ic6"><i class="i-feta"></i><i class="i-feta" style="left:70px;top:58px;transform:rotate(-14deg) scale(.7)"></i></div><p class="tn" id="tl6n">גבינת פטה</p><p class="tq" id="tl6q">100 גרם</p></div>
81
+ </div>
82
+ </section>
83
+ <section id="s3" class="clip scene" data-start="8.4" data-duration="4.4">
84
+ <div class="cam" id="c3">
85
+ <div class="dots"></div>
86
+ <p class="abs" id="t3a" style="right:90px;top:80px;font-size:92px;font-weight:700;white-space:nowrap">איך מכינים</p>
87
+ <div class="timer" id="tm" style="left:80px;top:60px"><svg width="250" height="250"><circle cx="125" cy="125" r="105" style="fill:none;stroke:color-mix(in srgb,var(--fg) 10%,transparent);stroke-width:18"/><circle id="tmc" cx="125" cy="125" r="105" pathLength="1" style="fill:none;stroke:var(--accent);stroke-width:18;stroke-linecap:round"/></svg><p class="abs" id="tmn" style="left:0;right:0;top:66px;text-align:center;font-size:84px;font-weight:700;line-height:1">25</p><p class="abs" id="tml" style="left:0;right:0;top:156px;text-align:center;font-size:30px;font-weight:700;color:color-mix(in srgb,var(--fg) 60%,var(--bg))">דקות</p></div>
88
+ <i class="vl" id="vl" style="top:440px;height:440px"></i>
89
+ <div class="srow" id="sr1" style="top:360px"><div class="num" id="sn1"><span id="sn1t">1</span></div><p class="st" id="st1">מטגנים שום וצ׳ילי</p><p class="ss" id="ss1">3 דקות על אש בינונית</p></div><div class="srow" id="sr2" style="top:580px"><div class="num" id="sn2"><span id="sn2t">2</span></div><p class="st" id="st2">מוסיפים תרד ולימון</p><p class="ss" id="ss2">עד שהתרד מתרכך</p></div><div class="srow" id="sr3" style="top:800px"><div class="num" id="sn3"><span id="sn3t">3</span></div><p class="st" id="st3">שוברים ביצים ומכסים</p><p class="ss" id="ss3">6 דקות, ומפזרים פטה</p></div>
90
+ </div>
91
+ </section>
92
+ <section id="s4" class="clip scene" data-start="12.8" data-duration="3.6">
93
+ <div class="cam" id="c4">
94
+ <div class="dots" id="dt4"></div>
95
+ <div class="abs" id="pw4" style="left:160px;top:420px;width:760px;height:760px"><div class="pan" style="inset:0" id="pn4">
96
+ <div class="hndl"></div><div class="rim"></div>
97
+ <div class="sauce" id="pn4s"><i class="lf" style="left:22%;top:40%;transform:rotate(20deg)"></i><i class="lf" style="left:46%;top:20%;transform:rotate(-30deg)"></i><i class="lf" style="left:72%;top:38%;transform:rotate(60deg)"></i><i class="lf" style="left:50%;top:48%;transform:rotate(10deg)"></i><i class="lf" style="left:36%;top:76%;transform:rotate(-50deg)"></i><i class="lf" style="left:66%;top:74%;transform:rotate(35deg)"></i><i class="lf" style="left:80%;top:56%;transform:rotate(-15deg)"></i><i class="lf" style="left:18%;top:64%;transform:rotate(70deg)"></i><i class="lf" style="left:44%;top:34%;transform:rotate(120deg)"></i><i class="lf" style="left:58%;top:84%;transform:rotate(-80deg)"></i>
98
+ <div class="egg" style="left:33%;top:30%;transform:rotate(-10deg)"><i class="yk"></i></div><div class="egg" style="left:62%;top:31%;transform:rotate(20deg)"><i class="yk"></i></div><div class="egg" style="left:29%;top:61%;transform:rotate(40deg)"><i class="yk"></i></div><div class="egg" style="left:61%;top:62%;transform:rotate(-30deg)"><i class="yk"></i></div>
99
+ <i class="rg" style="left:34%;top:22%"></i><i class="rg" style="left:74%;top:28%"></i><i class="rg" style="left:20%;top:50%"></i><i class="rg" style="left:56%;top:50%"></i><i class="rg" style="left:44%;top:86%"></i>
100
+ <i class="cr" style="left:40%;top:42%"></i><i class="cr" style="left:62%;top:46%"></i><i class="cr" style="left:30%;top:46%"></i><i class="cr" style="left:52%;top:70%"></i><i class="cr" style="left:70%;top:66%"></i><i class="cr" style="left:26%;top:30%"></i><i class="cr" style="left:76%;top:44%"></i><i class="cr" style="left:48%;top:58%"></i></div></div></div>
101
+ <svg class="steam" id="stm" width="1080" height="1080"><path pathLength="1" d="M430 760 C 390 690, 470 640, 430 570 S 450 470, 420 400"/><path pathLength="1" d="M545 730 C 505 660, 585 610, 545 540 S 565 440, 535 370"/><path pathLength="1" d="M660 760 C 620 690, 700 640, 660 570 S 680 470, 650 400"/></svg>
102
+ <div class="abs" style="left:0;right:0;top:70px;text-align:center"><span class="m"><span class="w ttl" id="t4a" style="font-size:150px">בתיאבון!</span></span></div>
103
+ <p class="abs" id="t4b" style="left:0;right:0;top:250px;text-align:center;font-size:40px;white-space:nowrap">המתכון המלא מחכה לכם בפרופיל</p>
104
+ <div class="stamp" id="sp4" style="left:800px;top:740px"><p id="sp4t" style="font-size:44px;font-weight:700;line-height:1.05;text-align:center;white-space:nowrap">סיר פתוח</p></div>
105
+ </div>
106
+ </section>
107
+ </div>
108
+ <script>
109
+ const tl=gsap.timeline({paused:true});
110
+ const S=[0,3.6,8.4,12.8,16.4],D=16.4;
111
+ const X="expo.out",P="power3.out",B="back.out(2.2)";
112
+ // s1: pan slides in, eggs pop, herbs rain
113
+ tl.fromTo("#dt1",{y:0},{y:-60,duration:S[1]-S[0],ease:"none"},S[0]);
114
+ tl.fromTo(["#t1a","#t1b"],{yPercent:110},{yPercent:0,duration:.8,ease:X,stagger:.14},S[0]+.15);
115
+ tl.fromTo(["#ch1","#ch2","#ch3"],{scale:0},{scale:1,duration:.5,ease:B,stagger:.1},S[0]+.6);
116
+ tl.fromTo("#pw1",{y:520,rotation:-50},{y:0,rotation:0,duration:1.2,ease:X},S[0]+.1);
117
+ tl.fromTo("#pn1s",{scale:.3,opacity:0},{scale:1,opacity:1,duration:.8,ease:P},S[0]+.5);
118
+ tl.fromTo("#pn1 .egg",{scale:0},{scale:1,duration:.5,ease:B,stagger:.12},S[0]+.9);
119
+ tl.fromTo("#pn1 .lf",{y:-220,opacity:0,rotation:-120},{y:0,opacity:1,rotation:0,duration:.6,ease:"power2.out",stagger:.04},S[0]+1.4);
120
+ tl.fromTo("#pn1 .rg,#pn1 .cr",{scale:0},{scale:1,duration:.35,ease:B,stagger:.035},S[0]+1.7);
121
+ tl.to("#pn1s",{rotation:14,duration:2.2,ease:"sine.inOut"},S[0]+1.3);
122
+ tl.to("#c1",{opacity:0,scale:.96,duration:.35,ease:"power2.in"},S[1]-.35);
123
+ // s2: ingredient tiles pop with springy icons
124
+ tl.fromTo("#c2",{opacity:0},{opacity:1,duration:.25},S[1]);
125
+ tl.fromTo("#dt2",{y:0},{y:-60,duration:S[2]-S[1],ease:"none"},S[1]);
126
+ tl.fromTo("#t2a",{opacity:0,x:60},{opacity:1,x:0,duration:.7,ease:X},S[1]+.1);
127
+ tl.fromTo("#t2b",{opacity:0},{opacity:1,duration:.5},S[1]+.4);
128
+ for(let i=1;i<=6;i++){const t=S[1]+.35+i*.2;
129
+ tl.fromTo("#tl"+i,{scale:.3,opacity:0,rotation:(i%2?-10:10),y:60},{scale:1,opacity:1,rotation:0,y:0,duration:.6,ease:"back.out(1.7)"},t);
130
+ tl.fromTo("#ic"+i,{scale:0,rotation:-90},{scale:1,rotation:0,duration:.55,ease:"back.out(2.6)"},t+.18);
131
+ tl.fromTo("#ic"+i+" i",{y:-20},{y:0,duration:.5,ease:"bounce.out"},t+.3);
132
+ }
133
+ tl.to(["#ic1","#ic3","#ic5"],{rotation:8,duration:.5,ease:"sine.inOut",yoyo:true,repeat:1},S[1]+2.6);
134
+ tl.to(["#ic2","#ic4","#ic6"],{rotation:-8,duration:.5,ease:"sine.inOut",yoyo:true,repeat:1},S[1]+2.8);
135
+ tl.to("#c2",{opacity:0,y:-40,duration:.35,ease:"power2.in"},S[2]-.35);
136
+ // s3: steps + timer ring
137
+ tl.fromTo("#c3",{opacity:0},{opacity:1,duration:.25},S[2]);
138
+ tl.fromTo("#t3a",{opacity:0,x:60},{opacity:1,x:0,duration:.7,ease:X},S[2]+.1);
139
+ tl.fromTo("#tm",{scale:0,rotation:-90},{scale:1,rotation:0,duration:.7,ease:"back.out(1.6)"},S[2]+.2);
140
+ tl.fromTo("#tmc",{strokeDasharray:1,strokeDashoffset:1},{strokeDashoffset:0,duration:3,ease:"power1.inOut",autoRound:false},S[2]+.5);
141
+ tl.fromTo("#vl",{scaleY:0,transformOrigin:"50% 0%"},{scaleY:1,duration:1.6,ease:"power2.inOut"},S[2]+.5);
142
+ for(let i=1;i<=3;i++){const t=S[2]+.45+i*.4;
143
+ tl.fromTo("#sn"+i,{scale:0,borderRadius:"20%",rotation:-120},{scale:1,borderRadius:"50%",rotation:0,duration:.6,ease:"back.out(2)"},t);
144
+ tl.fromTo(["#st"+i,"#ss"+i],{opacity:0,x:-40},{opacity:1,x:0,duration:.55,ease:X,stagger:.08},t+.15);
145
+ }
146
+ tl.to("#c3",{opacity:0,duration:.3},S[3]-.3);
147
+ // s4: hero pan + steam
148
+ tl.fromTo("#c4",{opacity:0},{opacity:1,duration:.25},S[3]);
149
+ tl.fromTo("#dt4",{y:0},{y:-50,duration:S[4]-S[3],ease:"none"},S[3]);
150
+ tl.fromTo("#pw4",{y:300,scale:.8},{y:0,scale:1,duration:1,ease:X},S[3]);
151
+ tl.fromTo("#pn4s",{rotation:-30},{rotation:10,duration:S[4]-S[3],ease:"power2.out"},S[3]);
152
+ tl.fromTo("#stm path",{strokeDasharray:"0.42 1",strokeDashoffset:.42,opacity:0},{strokeDashoffset:-1,opacity:1,duration:2.4,ease:"sine.inOut",stagger:.25,autoRound:false},S[3]+.6);
153
+ tl.fromTo("#t4a",{yPercent:110},{yPercent:0,duration:.8,ease:X},S[3]+.3);
154
+ tl.fromTo("#t4b",{opacity:0,y:20},{opacity:1,y:0,duration:.6,ease:P},S[3]+.6);
155
+ tl.fromTo("#sp4",{scale:0,rotation:-200},{scale:1,rotation:-12,duration:.8,ease:"back.out(1.8)"},S[3]+1);
156
+ tl.to("#sp4",{rotation:6,duration:1.4,ease:"sine.inOut"},S[3]+1.8);
157
+ tl.set({},{},D);
158
+ window.__timelines=window.__timelines||{};window.__timelines["recipe-ingredients"]=tl;
159
+ <\/script>
160
+ </body>
161
+ </html>
162
+ `;export{e as default};
package/app/assets/retail-D-XWCWed.js ADDED
@@ -0,0 +1 @@
1
+ var e={category:{id:`retail`,title:`מבצעים וקמעונאות`,description:`מבצעי סוף עונה, קולקציות חדשות, דילים וחנויות אונליין.`,icon:`gift`},templates:[{id:`retail-end-of-season`,title:`סוף העונה`,description:`מבצע גדול עם מונה הנחה, מרקיזה של קטגוריות וקריאה לפעולה.`,tags:[`מבצע`,`הנחות`,`חנות`],config:{format:`motiondesk-config/v4`,title:`סוף העונה`,theme:`warm`,aspectRatio:`16:9`,fps:24,palette:{background:`#FFF4E6`,foreground:`#2B1A12`,accent:`#B93A0B`,secondary:`#7C2D12`},seed:1101,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:3,title:`סוף העונה הגיע`,emphasis:`סוף`,icon:`gift`,variant:`split`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`marquee`,duration:3,title:`הכול יורד בחנות`,words:[`נעליים`,`מעילים`,`תיקים`,`אקססוריז`],cta:`עד גמר המלאי`,variant:`centered`,energy:`punchy`,background:`gradient`,camera:`drift`,transition:`whip`},{type:`big-number`,duration:3,title:`הנחות שמרגישים`,emphasis:`מרגישים`,value:70,label:`אחוזי הנחה עד, להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`zoom`},{type:`cards`,duration:3.6,title:`מה כדאי לתפוס`,emphasis:`לתפוס`,items:[`מעילי חורף`,`נעלי ריצה`,`תיקי גב`,`צעיפים וכובעים`],icons:[`gift`,`zap`,`briefcase`,`sparkles`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`counter`,duration:3.4,title:`ימים לסיום המבצע`,emphasis:`סיום`,value:5,from:12,max:12,suffix:` ימים`,ring:!0,label:`נתוני הדגמה`,variant:`centered`,energy:`normal`,background:`grid`,camera:`orbit`,transition:`iris`},{type:`coins`,duration:3,title:`חוסכים בכל סל`,emphasis:`חוסכים`,value:240,prefix:`₪`,label:`חיסכון לדוגמה, להמחשה בלבד`,variant:`centered`,energy:`normal`,background:`gradient`,camera:`push-in`,transition:`zoom`},{type:`endcard`,duration:3.4,title:`מבצע ONELINE`,emphasis:`מבצע`,icon:`gift`,cta:`מהרו לחנות הקרובה`,subtitle:`המבצע בכפוף לתקנון`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-new-collection`,title:`קולקציה חדשה`,description:`השקת קולקציה בקו אופנתי כהה עם לוגו, ציטוט והבטחת מותג.`,tags:[`אופנה`,`השקה`,`קולקציה`],config:{format:`motiondesk-config/v4`,title:`קולקציה חדשה`,theme:`midnight`,aspectRatio:`16:9`,fps:24,palette:{background:`#121018`,foreground:`#F5F1EA`,accent:`#F2B8D0`,secondary:`#9C7BD6`},seed:1102,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`subtle`,fixes:!0,scenes:[{type:`logo`,duration:3,title:`LUMA`,label:`קולקציית סתיו חדשה`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`},{type:`kinetic`,duration:3.2,title:`סתיו בא בסגנון`,emphasis:`סגנון`,words:[`צבעים`,`בדים`,`גזרות`,`חופש`],variant:`split`,energy:`punchy`,background:`grid`,camera:`drift`,transition:`wipe`},{type:`quote`,duration:3.4,title:`לבוש שמרגיש כמו בית`,variant:`centered`,energy:`calm`,background:`gradient`,camera:`push-in`,transition:`fade`},{type:`cards`,duration:3.6,title:`שלושה קווים חדשים`,emphasis:`חדשים`,items:[`חליפות רכות`,`סריגים עבים`,`שמלות ערב`],icons:[`sparkles`,`gift`,`trophy`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`orbit`,transition:`wipe`},{type:`timeline`,duration:4.4,title:`מסע הקולקציה`,emphasis:`מסע`,items:[`סקיצה ראשונה`,`בחירת בדים`,`תפירה בסטודיו`,`הגעה לחנות`],icons:[`lightbulb`,`globe`,`briefcase`,`gift`],variant:`split`,energy:`calm`,background:`aurora`,camera:`drift`,transition:`push`},{type:`freeze`,duration:3,label:`חדש בחנות → עכשיו`,cta:`LUMA, סתיו חדש`,variant:`centered`,energy:`punchy`,background:`solid`,camera:`push-in`,transition:`zoom`},{type:`endcard`,duration:3.4,title:`הקולקציה כבר כאן`,emphasis:`כאן`,icon:`sparkles`,cta:`לצפייה בכל הפריטים`,subtitle:`בחנויות ובאתר`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-flash-deal`,title:`דיל בזק`,description:`מבצע בזק של 24 שעות עם ספירה לאחור, התראות וחגיגה.`,tags:[`דיל בזק`,`התראות`,`מבצע`],config:{format:`motiondesk-config/v4`,title:`דיל בזק`,theme:`pulse`,aspectRatio:`16:9`,fps:24,palette:{background:`#0B0F1A`,foreground:`#FFFFFF`,accent:`#FFD23F`,secondary:`#FF4D6D`},seed:1103,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:2.8,title:`רק ל-24 שעות`,emphasis:`24 שעות`,icon:`zap`,variant:`split`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`notification-stack`,duration:3.6,title:`מה מחכה בדיל`,emphasis:`בדיל`,items:[`אוזניות אלחוטיות`,`שעון חכם`,`רמקול נייד`,`מטען מהיר`],icons:[`zap`,`clock`,`bell`,`smartphone`],variant:`stacked`,energy:`punchy`,background:`grid`,camera:`orbit`,transition:`whip`},{type:`counter`,duration:3.4,title:`שעות נותרו`,emphasis:`נותרו`,value:6,from:24,max:24,suffix:` שעות`,ring:!0,label:`נתוני הדגמה`,variant:`centered`,energy:`punchy`,background:`dots`,camera:`push-in`,transition:`zoom`},{type:`bars`,duration:3.6,title:`כמה חוסכים בכל מוצר`,emphasis:`חוסכים`,values:[30,45,25,50],items:[`אוזניות`,`שעון`,`רמקול`,`מטען`],subtitle:`אחוזי הנחה, נתוני הדגמה`,variant:`stacked`,energy:`normal`,background:`gradient`,camera:`drift`,transition:`push`},{type:`freeze`,duration:2.8,label:`המחיר יורד → עכשיו`,cta:`לא מחכים עד הערב`,variant:`centered`,energy:`punchy`,background:`solid`,camera:`push-in`,transition:`whip`},{type:`confetti`,duration:2.8,emphasis:`הדיל שלכם`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`zoom`},{type:`endcard`,duration:3.2,title:`סוגרים עסקה מהר`,emphasis:`מהר`,icon:`rocket`,cta:`לקנייה באתר`,subtitle:`בכפוף לתקנון המבצע`,variant:`centered`,energy:`normal`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-loyalty-club`,title:`מועדון לקוחות`,description:`מועדון הטבות עם התקדמות נקודות, אפליקציה ומתנה בסוף.`,tags:[`מועדון`,`הטבות`,`נקודות`],config:{format:`motiondesk-config/v4`,title:`מועדון לקוחות`,theme:`summer_ice`,aspectRatio:`16:9`,fps:24,palette:{background:`#EAF6FB`,foreground:`#10222E`,accent:`#0B6E99`,secondary:`#1F9D8A`},seed:1104,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:3,title:`קונים ומרוויחים`,emphasis:`מרוויחים`,icon:`trophy`,variant:`split`,energy:`normal`,background:`aurora`,camera:`push-in`},{type:`checklist`,duration:3.6,title:`מה מקבלים בהצטרפות`,emphasis:`מקבלים`,items:[`מתנת הצטרפות`,`הטבות בימי הולדת`,`מבצעים לחברים`,`משלוח ללא עלות`],icon:`circle-check`,variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`slide`},{type:`progress`,duration:3.4,title:`עוד קצת למתנה`,emphasis:`למתנה`,value:80,max:100,suffix:`%`,label:`התקדמות לדוגמה, נתוני הדגמה`,variant:`centered`,energy:`calm`,background:`gradient`,camera:`push-in`,transition:`iris`},{type:`phone`,duration:4.6,title:`הכול באפליקציה`,emphasis:`באפליקציה`,product:`מועדון NOVA`,rows:[[`נקודות`,`1,250`],[`הטבה`,`קפה חינם`],[`רמה`,`כסף`]],icons:[`coins`,`gift`,`trophy`],cta:`מימוש בלחיצה`,subtitle:`נתוני הדגמה בלבד`,variant:`split`,energy:`normal`,background:`aurora`,camera:`orbit`,transition:`push`},{type:`coins`,duration:3,title:`כל קנייה מחזירה`,emphasis:`מחזירה`,value:50,prefix:`₪`,label:`זיכוי לדוגמה, להמחשה בלבד`,variant:`centered`,energy:`normal`,background:`grid`,camera:`push-in`,transition:`zoom`},{type:`endcard`,duration:3.4,title:`מצטרפים בחינם`,emphasis:`בחינם`,icon:`gift`,cta:`להצטרפות לסרוק בקופה`,subtitle:`המועדון של NOVA`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-online-store`,title:`חנות אונליין`,description:`מסע הזמנה דיגיטלי: גלישה, צ׳אט שירות, מסלול משלוח ואפליקציה.`,tags:[`איקומרס`,`משלוח`,`אונליין`],config:{format:`motiondesk-config/v4`,title:`חנות אונליין`,theme:`flow`,aspectRatio:`16:9`,fps:24,palette:{background:`#F7F8FC`,foreground:`#141B34`,accent:`#4338CA`,secondary:`#0EA5A4`},seed:1105,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`ui-cursor`,duration:3.4,product:`הזמנה בשתי דקות`,label:`בוחרים מוצר ומוסיפים לסל`,cta:`לתשלום`,variant:`centered`,energy:`normal`,background:`aurora`,camera:`push-in`},{type:`chat`,duration:4,title:`שירות שעונה מהר`,emphasis:`מהר`,items:[`יש מידה M במלאי?`,`כן, ואפשר גם משלוח לבית`,`מעולה, תוסיפו לסל`,`נעשה, ההזמנה בדרך`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`slide`},{type:`map-route`,duration:4,title:`הדרך אליכם`,emphasis:`אליכם`,items:[`מחסן מרכזי`,`מרכז מיון`,`הדלת שלכם`],variant:`split`,energy:`normal`,background:`grid`,camera:`orbit`,transition:`push`},{type:`checklist`,duration:3.4,title:`למה לקנות אצלנו`,emphasis:`אצלנו`,items:[`החזרה תוך 30 יום`,`תשלום בכמה דרכים`,`מעקב משלוח חי`],icon:`circle-check`,variant:`stacked`,energy:`calm`,background:`gradient`,camera:`drift`,transition:`wipe`},{type:`phone`,duration:4.6,title:`המשלוח בכף היד`,emphasis:`בכף היד`,product:`ההזמנות שלי`,rows:[[`הזמנה`,`בדרך`],[`הגעה`,`מחר`],[`שליח`,`בתנועה`]],icons:[`send`,`calendar`,`map-pin`],cta:`מעקב חי`,subtitle:`נתוני הדגמה בלבד`,variant:`split`,energy:`normal`,background:`aurora`,camera:`orbit`,transition:`push`},{type:`endcard`,duration:3.4,title:`החנות פתוחה תמיד`,emphasis:`תמיד`,icon:`globe`,cta:`להתחיל לקנות`,subtitle:`חנות SHOPLY`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-black-week`,title:`שבוע השחור`,description:`שבוע מבצעים בסגנון מונוכרום חד עם השוואת מחירים וגרף ביקוש.`,tags:[`שבוע שחור`,`השוואה`,`מבצע`],config:{format:`motiondesk-config/v4`,title:`שבוע השחור`,theme:`mono`,aspectRatio:`16:9`,fps:24,palette:{background:`#0A0A0A`,foreground:`#F5F5F5`,accent:`#FF5A36`,secondary:`#BDBDBD`},seed:1106,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`kinetic`,duration:3.2,title:`שבוע שלם של מבצעים`,emphasis:`מבצעים`,words:[`שבעה`,`ימים`,`אלף`,`הצעות`],variant:`split`,energy:`punchy`,background:`grid`,camera:`push-in`},{type:`compare`,duration:3.6,title:`לפני ואחרי`,emphasis:`אחרי`,items:[`מחיר רגיל, 100%`,`מחיר השבוע, 60%`],variant:`stacked`,energy:`punchy`,background:`solid`,camera:`drift`,transition:`whip`},{type:`marquee`,duration:3,title:`מה בפנים`,words:[`מסכים`,`מטבחים`,`ספורט`,`משחקים`],cta:`הכול במחיר חדש`,variant:`centered`,energy:`punchy`,background:`dots`,camera:`push-in`,transition:`diagonal-wipe`},{type:`line-chart`,duration:3.8,title:`העניין עולה כל יום`,emphasis:`עולה`,values:[12,18,26,34,47,63,85],subtitle:`נתוני הדגמה`,variant:`stacked`,energy:`normal`,background:`gradient`,camera:`drift`,transition:`push`},{type:`big-number`,duration:3,title:`הנחה שמורגשת`,emphasis:`שמורגשת`,value:60,label:`אחוזי הנחה עד, להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`zoom`},{type:`freeze`,duration:2.8,label:`מתחיל ביום ראשון → בחנות`,cta:`שבוע השחור של BLOKK`,variant:`centered`,energy:`punchy`,background:`solid`,camera:`push-in`,transition:`whip`},{type:`endcard`,duration:3.2,title:`נתראה בקופה`,emphasis:`בקופה`,icon:`target`,cta:`לכל המבצעים`,subtitle:`הנחות בכפוף לתקנון`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-gift-guide`,title:`מדריך מתנות`,description:`מדריך מתנות חגיגי עם שלושה סוגי מתנות, קונפטי ומסלול קנייה.`,tags:[`מתנות`,`חג`,`מדריך`],config:{format:`motiondesk-config/v4`,title:`מדריך מתנות`,theme:`orbit`,aspectRatio:`16:9`,fps:24,palette:{background:`#FDF2F4`,foreground:`#2A1320`,accent:`#BE123C`,secondary:`#7E22CE`},seed:1107,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:3,title:`מה קונים לכולם?`,emphasis:`לכולם`,icon:`gift`,variant:`split`,energy:`normal`,background:`aurora`,camera:`push-in`},{type:`cards`,duration:3.8,title:`מתנה לכל אחד`,emphasis:`לכל אחד`,items:[`להורים, ארוחה זוגית`,`לחברים, חוויה`,`לילדים, משחק`],icons:[`users`,`sparkles`,`gift`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`slide`},{type:`donut`,duration:3.4,title:`איפה מתחילים`,emphasis:`מתחילים`,value:65,max:100,suffix:`%`,label:`בוחרים לפי תקציב, נתוני הדגמה`,variant:`centered`,energy:`calm`,background:`gradient`,camera:`push-in`,transition:`iris`},{type:`timeline`,duration:4.4,title:`ארבעה צעדים למתנה`,emphasis:`מתנה`,items:[`בוחרים אדם`,`קובעים תקציב`,`מוסיפים ברכה`,`שולחים בזמן`],icons:[`users`,`wallet`,`send`,`clock`],variant:`split`,energy:`calm`,background:`grid`,camera:`orbit`,transition:`push`},{type:`confetti`,duration:2.8,emphasis:`יש מתנה`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`zoom`},{type:`endcard`,duration:3.4,title:`מדריך המתנות מחכה`,emphasis:`מחכה`,icon:`gift`,cta:`לצפייה בכל הרעיונות`,subtitle:`אתר GIFTLY`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-parcel-vertical`,title:`חבילה בדרך`,description:`סרטון אנכי על משלוח מהיר עם מסלול, התראות וצ׳אט קצר.`,tags:[`משלוח`,`אנכי`,`סטורי`],config:{format:`motiondesk-config/v4`,title:`חבילה בדרך`,theme:`flow`,aspectRatio:`9:16`,fps:24,palette:{background:`#0E1B2C`,foreground:`#F4F8FB`,accent:`#5CE1C6`,secondary:`#F6C453`},seed:1108,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`hook`,duration:2.8,title:`החבילה בדרך`,emphasis:`בדרך`,icon:`send`,variant:`stacked`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`map-route`,duration:3.8,title:`המסלול שלה`,emphasis:`מסלול`,items:[`יוצאת מהמחסן`,`עוברת במרכז`,`מגיעה אליכם`],variant:`stacked`,energy:`normal`,background:`grid`,camera:`drift`,transition:`push`},{type:`notification-stack`,duration:3.6,title:`עדכונים חיים`,emphasis:`חיים`,items:[`נארזה בהצלחה`,`יצאה לדרך`,`השליח קרוב`],icons:[`circle-check`,`send`,`map-pin`],variant:`stacked`,energy:`punchy`,background:`dots`,camera:`orbit`,transition:`slide`},{type:`chat`,duration:3.8,title:`שליח בצ׳אט`,items:[`אני בדרך אליכם`,`מתי תגיעו?`,`בעוד עשר דקות`,`מחכים לכם`],variant:`stacked`,energy:`normal`,background:`gradient`,camera:`drift`,transition:`push`},{type:`big-number`,duration:3,title:`משלוח באותו יום`,emphasis:`אותו יום`,value:24,label:`שעות, להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`zoom`},{type:`endcard`,duration:3.2,title:`מזמינים ומחכים`,emphasis:`מחכים`,icon:`rocket`,cta:`להזמנה באתר`,subtitle:`חנות SHOPLY`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-story-sale`,title:`סטורי מבצע`,description:`סטורי אנכי קצר: מבצע סופ״ש עם מרקיזה, מספר גדול וקונפטי.`,tags:[`סטורי`,`מבצע`,`אנכי`],config:{format:`motiondesk-config/v4`,title:`סטורי מבצע`,theme:`summer_ice`,aspectRatio:`9:16`,fps:24,palette:{background:`#FFF8E1`,foreground:`#1F2933`,accent:`#B45309`,secondary:`#0E7490`},seed:1109,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`kinetic`,duration:3,title:`סופ״ש של מבצעים`,emphasis:`מבצעים`,words:[`שישי`,`שבת`,`הנחות`],variant:`stacked`,energy:`punchy`,background:`aurora`,camera:`push-in`},{type:`big-number`,duration:3,title:`חצי מחיר`,emphasis:`חצי`,value:50,label:`אחוזי הנחה, להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`gradient`,camera:`push-in`,transition:`zoom`},{type:`marquee`,duration:3,title:`בחרו לעצמכם`,words:[`קפה`,`ספרים`,`בית`,`גינה`],cta:`עד יום ראשון`,variant:`centered`,energy:`punchy`,background:`dots`,camera:`drift`,transition:`whip`},{type:`checklist`,duration:3.4,title:`מה כלול`,emphasis:`כלול`,items:[`משלוח חינם`,`אריזת מתנה`,`החזרה קלה`],icon:`circle-check`,variant:`stacked`,energy:`normal`,background:`grid`,camera:`drift`,transition:`slide`},{type:`confetti`,duration:2.6,emphasis:`סופ״ש טוב`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`zoom`},{type:`endcard`,duration:3.2,title:`רצים לחנות`,emphasis:`רצים`,icon:`zap`,cta:`לקנייה עכשיו`,subtitle:`חנויות HOMELY`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-coupon-square`,title:`קופון מתנה`,description:`פוסט מרובע על קופון הטבה עם לוגו, מטבעות וספירה.`,tags:[`קופון`,`פוסט`,`ריבוע`],config:{format:`motiondesk-config/v4`,title:`קופון מתנה`,theme:`warm`,aspectRatio:`1:1`,fps:24,palette:{background:`#14213D`,foreground:`#FFF7E6`,accent:`#FCA311`,secondary:`#8FB8DE`},seed:1110,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`logo`,duration:2.8,title:`BONUS`,label:`קופון חבר מועדון`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`},{type:`coins`,duration:3,title:`קופון על הקנייה`,emphasis:`קופון`,value:100,prefix:`₪`,label:`שווי לדוגמה, להמחשה בלבד`,variant:`centered`,energy:`normal`,background:`gradient`,camera:`push-in`,transition:`zoom`},{type:`checklist`,duration:3.4,title:`איך מממשים`,emphasis:`מממשים`,items:[`סורקים בקופה`,`בוחרים מוצרים`,`החיסכון יורד מיד`],icon:`circle-check`,variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`slide`},{type:`counter`,duration:3.2,title:`ימים לסיום התוקף`,emphasis:`התוקף`,value:7,from:14,max:14,suffix:` ימים`,ring:!0,label:`נתוני הדגמה`,variant:`centered`,energy:`normal`,background:`grid`,camera:`orbit`,transition:`iris`},{type:`freeze`,duration:2.8,label:`הקופון שלכם → מחכה`,cta:`תוקף מוגבל`,variant:`centered`,energy:`punchy`,background:`solid`,camera:`push-in`,transition:`whip`},{type:`endcard`,duration:3.2,title:`שומרים ומממשים`,emphasis:`ומממשים`,icon:`gift`,cta:`לשמירה באפליקציה`,subtitle:`בכפוף לתקנון`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-blackfriday-countdown-story`,title:`בלאק פריידיי בספירה לאחור`,description:`סטורי ספירה לאחור לפתיחת מבצעי בלאק פריידיי: שעות לפתיחה, הנחות, הטבות ומחיר פתיחה.`,tags:[`בלאק פריידיי`,`ספירה לאחור`,`מבצע`,`סטורי`,`הנחות`],config:{format:`motiondesk-config/v4`,title:`בלאק פריידיי בספירה לאחור`,theme:`pulse`,aspectRatio:`9:16`,fps:24,palette:{background:`#1B0A1F`,foreground:`#FFF0FA`,accent:`#FF4FB0`,secondary:`#7C3AED`},seed:9021,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`counter`,duration:3,title:`שעות לפתיחת המבצע`,emphasis:`לפתיחת`,value:24,from:48,max:48,suffix:` שעות`,ring:!0,label:`ספירה להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`orbit`},{type:`marquee`,duration:2.6,title:`עד 50% הנחה`,emphasis:`50%`,words:[`אופנה`,`בית`,`גאדג׳טים`],cta:`שוק העיר`,beat:.5,variant:`stacked`,energy:`punchy`,background:`motif`,camera:`drift`,transition:`whip`,build:`beats`},{type:`notification-stack`,duration:3.2,title:`מה מחכה בפנים`,emphasis:`מחכה`,items:[`משלוח חינם מעל ₪199`,`החזרה עד 30 יום`,`הטבה לחברי מועדון`],icons:[`send`,`shield-check`,`gift`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`stack`},{type:`coins`,duration:2.8,title:`מחיר פתיחה`,emphasis:`פתיחה`,value:99,prefix:`₪`,label:`מחיר להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`gradient`,camera:`push-in`,transition:`iris`},{type:`endcard`,duration:3,title:`שמרו סל מראש`,emphasis:`מראש`,cta:`הוסיפו לעגלה עכשיו`,subtitle:`ההנחות נפתחות בחצות`,icon:`clock`,variant:`stacked`,energy:`normal`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-summer-sale-story`,title:`סייל קיץ`,description:`סטורי מבצעי קיץ לחנות: הנחה גדולה, שלוש חבילות במחיר, ספירה לסוף הסייל וקריאה לחנות.`,tags:[`קיץ`,`סייל`,`בגדי ים`,`חבילות`,`סטורי`],config:{format:`motiondesk-config/v4`,title:`סייל קיץ`,theme:`summer_ice`,aspectRatio:`9:16`,fps:24,palette:{background:`#F1F8D8`,foreground:`#1B2A0E`,accent:`#3F6212`,secondary:`#F97316`},seed:9022,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`marquee`,duration:2.6,title:`הקיץ בהנחה`,emphasis:`בהנחה`,words:[`בגדי ים`,`מגבות`,`כובעים`],cta:`שוק העיר`,beat:.5,variant:`stacked`,energy:`punchy`,background:`motif`,camera:`drift`,build:`beats`},{type:`big-number`,duration:2.8,title:`הנחה על בגדי ים`,emphasis:`הנחה`,value:40,from:0,label:`אחוז · להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`iris`},{type:`cards`,duration:3.4,title:`שלוש חבילות קיץ`,emphasis:`חבילות`,items:[`חבילת חוף · ₪99`,`חבילת בריכה · ₪129`,`חבילת משפחה · ₪199`],icons:[`gift`,`sparkles`,`users`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`counter`,duration:2.8,title:`ימים לסוף הסייל`,emphasis:`הסייל`,value:3,from:7,max:7,suffix:` ימים`,ring:!0,label:`ספירה להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`grid`,camera:`orbit`,transition:`zoom-through`},{type:`endcard`,duration:3,title:`קיץ משתלם`,emphasis:`משתלם`,cta:`לחנות המקוונת`,subtitle:`עד גמר המלאי`,icon:`gift`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-back-to-school-square`,title:`חוזרים ללימודים: מחירון`,description:`פוסט ריבועי לחזרה ללימודים: מחירון ציוד, ספירה לאחור ליום הראשון והשוואה בין תור לאונליין.`,tags:[`חזרה ללימודים`,`מחירון`,`ציוד לימודי`,`פוסט`,`ספירה לאחור`],config:{format:`motiondesk-config/v4`,title:`חוזרים ללימודים: מחירון`,theme:`orbit`,aspectRatio:`1:1`,fps:24,palette:{background:`#FFD84D`,foreground:`#1A1A1A`,accent:`#1F2A8A`,secondary:`#E4572E`},seed:9023,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`kinetic`,duration:2.8,title:`חוזרים ללימודים`,emphasis:`ללימודים`,words:[`מחברות`,`תיקים`,`עטים`],beat:.4,variant:`stacked`,energy:`punchy`,background:`gradient`,camera:`drift`,build:`beats`},{type:`cards`,duration:3.8,title:`מחירי חזרה ללימודים`,emphasis:`מחירי`,items:[`תיק גב · ₪89`,`קלמר מלא · ₪39`,`סט מחברות · ₪29`],icons:[`briefcase`,`gift`,`lightbulb`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`counter`,duration:3,title:`ימים ליום הראשון`,emphasis:`הראשון`,value:5,from:14,max:14,suffix:` ימים`,ring:!0,label:`ספירה להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`orbit`,transition:`iris`},{type:`compare`,duration:3.2,title:`תור או אונליין?`,emphasis:`אונליין`,items:[`שעה בתור לתיק`,`שלוש לחיצות וזה בדרך`],variant:`stacked`,energy:`normal`,background:`solid`,camera:`none`,transition:`stack`},{type:`endcard`,duration:3,title:`יום ראשון בלי מתח`,emphasis:`בלי מתח`,cta:`להזמנה עד הדלת`,subtitle:`משלוח בתוך יומיים`,icon:`gift`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-pesach-prep`,title:`הכנות לפסח`,description:`סרטון חג לחנות בית ומטבח: רשימת הכנות, לוח זמנים לפני החג, סל מוצרים ושולחן חגיגי.`,tags:[`פסח`,`הכנות לחג`,`ניקיון`,`שולחן חג`,`בית ומטבח`],config:{format:`motiondesk-config/v4`,title:`הכנות לפסח`,theme:`midnight`,aspectRatio:`16:9`,fps:24,palette:{background:`#2B1B3D`,foreground:`#FFF6E5`,accent:`#F2D388`,secondary:`#C084FC`},seed:9024,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`checklist`,duration:3.6,title:`הכנות לפסח מתחילות`,emphasis:`הכנות`,items:[`מנקים את הבית`,`מחליפים כלים`,`ממלאים את המקרר`],icon:`circle-check`,variant:`stacked`,energy:`normal`,background:`gradient`,camera:`drift`},{type:`timeline`,duration:4.2,title:`לוח זמנים לפני החג`,emphasis:`לוח זמנים`,items:[`חודש לפני · ניקיון`,`שבוע לפני · קניות`,`ערב החג · שולחן`],icons:[`sparkles`,`wallet`,`calendar`],variant:`centered`,energy:`normal`,background:`dots`,camera:`push-in`,transition:`push`},{type:`coins`,duration:3,title:`סל החג המלא`,emphasis:`המלא`,value:349,prefix:`₪`,label:`סל לדוגמה · מחיר להמחשה בלבד`,variant:`centered`,energy:`punchy`,background:`aurora`,camera:`push-in`,transition:`iris`},{type:`cards`,duration:3.8,title:`כל מה לשולחן`,emphasis:`שולחן`,items:[`כלי הגשה`,`מפות וצלחות`,`קערה לליל הסדר`],icons:[`gift`,`sparkles`,`trophy`],variant:`stacked`,energy:`normal`,background:`grid`,camera:`drift`,transition:`wipe`},{type:`marquee`,duration:2.8,title:`חג פסח שמח`,emphasis:`שמח`,words:[`נקי`,`מסודר`,`חגיגי`],cta:`שוק העיר`,beat:.5,variant:`stacked`,energy:`punchy`,background:`motif`,camera:`drift`,transition:`whip`,build:`beats`},{type:`endcard`,duration:3.2,title:`מוכנים לחג`,emphasis:`מוכנים`,cta:`הזמינו עד הבית`,subtitle:`אספקה לפני ערב החג`,icon:`calendar`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}},{id:`retail-three-reasons-story`,title:`למה לקנות אצלנו`,description:`סטורי שלוש סיבות לקנות בחנות: הבטחת איכות, שלוש הטבות, נתון מרשים וציטוט לקוחות לדוגמה.`,tags:[`שלוש סיבות`,`ציטוט`,`שירות`,`סטורי`,`חנות`],config:{format:`motiondesk-config/v4`,title:`למה לקנות אצלנו`,theme:`flow`,aspectRatio:`9:16`,fps:24,palette:{background:`#E4E9F2`,foreground:`#131A2B`,accent:`#3730A3`,secondary:`#F59E0B`},seed:9025,motionBlur:{samples:3,shutterAngle:180},direction:`rtl`,build:`sequence`,life:`lively`,fixes:!0,scenes:[{type:`quote`,duration:3,title:`קונים פעם, נהנים שנים`,emphasis:`נהנים`,label:`ההבטחה של שוק העיר`,variant:`centered`,energy:`calm`,background:`gradient`,camera:`push-in`},{type:`cards`,duration:3.4,title:`שלוש סיבות לקנות`,emphasis:`סיבות`,items:[`משלוח תוך יומיים`,`שלושים יום להחזרה`,`שירות בעברית`],icons:[`send`,`shield-check`,`users`],variant:`stacked`,energy:`normal`,background:`dots`,camera:`drift`,transition:`push`},{type:`donut`,duration:3,title:`לקוחות שחוזרים`,emphasis:`חוזרים`,value:87,max:100,suffix:`%`,label:`נתוני הדגמה בלבד`,variant:`centered`,energy:`normal`,background:`aurora`,camera:`orbit`,transition:`iris`},{type:`quote`,duration:3,title:`הגיע מהר, הכול מושלם`,emphasis:`מושלם`,label:`ציטוט לדוגמה`,variant:`centered`,energy:`calm`,background:`solid`,camera:`none`,transition:`fade`},{type:`endcard`,duration:2.8,title:`בואו לראות בעצמכם`,emphasis:`בעצמכם`,cta:`לחנות המקוונת`,subtitle:`משלוח ראשון בחינם`,icon:`send`,variant:`centered`,energy:`calm`,background:`aurora`,camera:`push-in`,transition:`fade`}]}}]};export{e as default};
package/app/assets/retro-80s-CCZc9S6x.js ADDED
@@ -0,0 +1,141 @@
1
+ var e=`<!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>מסיבת שנות ה־80</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:#1a0b2e;--fg:#fff4fb;--accent:#ff3ea5;--accent2:#ffb000;--cyan:#35f2ff}
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
+ .sky{position:absolute;inset:0;background:linear-gradient(var(--bg) 20%,color-mix(in srgb,var(--accent) 45%,var(--bg)) 62%,var(--bg) 63%)}
24
+ .star{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--fg);box-shadow:0 0 10px var(--fg)}
25
+ .sun{position:absolute;left:660px;width:600px;height:600px;border-radius:50%;background:linear-gradient(var(--accent2),var(--accent) 75%);-webkit-mask-image:linear-gradient(var(--fg) 14%,transparent 14% 16%,var(--fg) 16% 22%,transparent 22% 25%,var(--fg) 25% 31%,transparent 31% 35%,var(--fg) 35% 41%,transparent 41% 46%,var(--fg) 46%);mask-image:linear-gradient(var(--fg) 14%,transparent 14% 16%,var(--fg) 16% 22%,transparent 22% 25%,var(--fg) 25% 31%,transparent 31% 35%,var(--fg) 35% 41%,transparent 41% 46%,var(--fg) 46%);filter:drop-shadow(0 0 60px color-mix(in srgb,var(--accent) 70%,transparent))}
26
+ .mtn{position:absolute;left:-100px;right:-100px;top:440px;height:240px}
27
+ .m2{background:color-mix(in srgb,var(--accent) 30%,var(--bg));clip-path:polygon(0 100%,6% 40%,13% 70%,22% 20%,31% 66%,40% 35%,48% 72%,58% 30%,67% 64%,76% 18%,86% 58%,94% 34%,100% 60%,100% 100%)}
28
+ .m1{top:520px;height:170px;background:var(--bg);clip-path:polygon(0 100%,8% 50%,17% 78%,27% 30%,36% 74%,46% 46%,55% 80%,63% 42%,72% 76%,82% 36%,91% 70%,100% 44%,100% 100%)}
29
+ .floor{position:absolute;left:-60%;width:220%;top:680px;height:540px;transform-origin:50% 0;transform:perspective(600px) rotateX(74deg);background:linear-gradient(var(--accent) 4px,transparent 4px) 0 0/140px 140px,linear-gradient(90deg,var(--accent) 4px,transparent 4px) 0 0/140px 140px,var(--bg)}
30
+ .chrome{position:absolute;font-weight:700;white-space:nowrap;line-height:1.15;background:linear-gradient(180deg,var(--fg) 8%,var(--cyan) 46%,var(--bg) 50%,var(--accent) 56%,var(--accent2) 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 var(--bg)) drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 70%,transparent))}
31
+ .script{position:absolute;font-weight:700;white-space:nowrap;color:var(--accent);text-shadow:0 0 14px var(--accent),0 0 40px var(--accent)}
32
+ .vhs{position:absolute;inset:0;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--bg) 30%,transparent) 0 2px,transparent 2px 6px);pointer-events:none}
33
+ .band{position:absolute;left:0;right:0;height:120px;background:linear-gradient(transparent,color-mix(in srgb,var(--fg) 12%,transparent),transparent)}
34
+ .osd{position:absolute;font-size:44px;font-weight:700;color:var(--fg);direction:ltr;letter-spacing:.08em;text-shadow:3px 0 var(--accent),-3px 0 var(--cyan)}
35
+ .playtri{position:absolute;width:34px;height:40px;background:var(--fg);clip-path:polygon(0 0,100% 50%,0 100%)}
36
+ .cass{position:absolute;left:460px;top:250px;width:1000px;height:620px;border-radius:40px;background:linear-gradient(160deg,color-mix(in srgb,var(--fg) 18%,var(--bg)),var(--bg));border:6px solid color-mix(in srgb,var(--fg) 30%,transparent);box-shadow:0 40px 80px color-mix(in srgb,var(--bg) 80%,transparent)}
37
+ .lab{position:absolute;left:70px;right:70px;top:60px;height:330px;border-radius:20px;background:linear-gradient(var(--accent2) 0 22%,var(--accent) 22% 40%,var(--fg) 40%)}
38
+ .win{position:absolute;left:240px;right:240px;top:200px;height:160px;border-radius:80px;background:var(--bg);border:5px solid color-mix(in srgb,var(--fg) 40%,transparent)}
39
+ .reel{position:absolute;top:212px;width:136px;height:136px;border-radius:50%;background:repeating-conic-gradient(var(--fg) 0 20deg,color-mix(in srgb,var(--fg) 40%,var(--bg)) 20deg 60deg);border:16px solid color-mix(in srgb,var(--bg) 60%,var(--fg))}
40
+ .tape{position:absolute;top:186px;width:190px;height:190px;border-radius:50%;background:color-mix(in srgb,var(--accent2) 30%,var(--bg))}
41
+ .ctxt{position:absolute;font-weight:700;white-space:nowrap;color:var(--bg)}
42
+ .menu{position:absolute;right:300px;font-size:84px;font-weight:700;white-space:nowrap;color:var(--fg);padding:6px 40px}
43
+ .sel{position:absolute;right:270px;width:1060px;height:120px;background:var(--accent);box-shadow:0 0 40px var(--accent)}
44
+ </style>
45
+ </head>
46
+ <body>
47
+ <div id="root" data-composition-id="retro-80s" data-start="0" data-width="1920" data-height="1080" data-duration="12.4">
48
+ <section id="s1" class="clip scene" data-start="0" data-duration="3">
49
+ <div class="cam" id="c1"><div class="sky"></div><i class="star" style="left:120px;top:80px"></i><i class="star" style="left:340px;top:200px"></i><i class="star" style="left:610px;top:60px"></i><i class="star" style="left:880px;top:150px"></i><i class="star" style="left:1150px;top:90px"></i><i class="star" style="left:1400px;top:210px"></i><i class="star" style="left:1650px;top:70px"></i><i class="star" style="left:1820px;top:180px"></i><i class="star" style="left:250px;top:330px"></i><i class="star" style="left:1530px;top:320px"></i><i class="star" style="left:760px;top:280px"></i><i class="star" style="left:1010px;top:320px"></i><div class="sun" style="top:560px"></div><div class="mtn m2"></div><div class="mtn m1"></div><div class="floor"></div>
50
+ <p class="script" id="t1s" style="left:0;right:0;text-align:center;top:50px;font-size:70px">מועדון כוכב מציג</p>
51
+ <h1 class="chrome" id="t1a" style="left:0;right:0;text-align:center;top:120px;font-size:200px">חוזרים</h1>
52
+ <h1 class="chrome" id="t1b" style="left:0;right:0;text-align:center;top:350px;font-size:120px">לשנות ה־80</h1>
53
+ </div>
54
+ <div class="vhs"></div><div class="band" id="bd1"></div>
55
+ <p class="osd" id="o1" style="left:80px;top:60px">הפעלה</p><div class="playtri" id="pt1" style="left:280px;top:68px"></div>
56
+ </section>
57
+ <section id="s2" class="clip scene" data-start="3" data-duration="3">
58
+ <div class="cam" id="c2"><div class="sky"></div><i class="star" style="left:120px;top:80px"></i><i class="star" style="left:340px;top:200px"></i><i class="star" style="left:610px;top:60px"></i><i class="star" style="left:880px;top:150px"></i><i class="star" style="left:1150px;top:90px"></i><i class="star" style="left:1400px;top:210px"></i><i class="star" style="left:1650px;top:70px"></i><i class="star" style="left:1820px;top:180px"></i><i class="star" style="left:250px;top:330px"></i><i class="star" style="left:1530px;top:320px"></i><i class="star" style="left:760px;top:280px"></i><i class="star" style="left:1010px;top:320px"></i><div class="sun" style="top:200px"></div><div class="mtn m2"></div><div class="mtn m1"></div><div class="floor"></div>
59
+ <div class="cass" id="cs">
60
+ <div class="lab"><p class="ctxt" id="cl1" style="right:40px;top:12px;font-size:44px">צד א׳</p><p class="ctxt" id="cl2" style="left:40px;top:14px;font-size:40px">90 דק׳</p></div>
61
+ <div class="tape" id="tp1" style="left:200px"></div><div class="tape" id="tp2" style="right:200px"></div>
62
+ <div class="win"></div>
63
+ <div class="reel" id="rl1" style="left:226px"></div><div class="reel" id="rl2" style="right:226px"></div>
64
+ <div class="abs" style="left:300px;right:300px;bottom:40px;height:90px;border-radius:12px 12px 0 0;background:color-mix(in srgb,var(--fg) 12%,var(--bg))"></div>
65
+ </div>
66
+ <h2 class="chrome" id="t2" style="left:0;right:0;text-align:center;top:900px;font-size:90px;line-height:1">הלהיטים הגדולים, כל הלילה</h2>
67
+ </div>
68
+ <div class="vhs"></div><div class="band" id="bd2"></div>
69
+ </section>
70
+ <section id="s3" class="clip scene" data-start="6" data-duration="3">
71
+ <div class="cam" id="c3"><div class="sky"></div><i class="star" style="left:120px;top:80px"></i><i class="star" style="left:340px;top:200px"></i><i class="star" style="left:610px;top:60px"></i><i class="star" style="left:880px;top:150px"></i><i class="star" style="left:1150px;top:90px"></i><i class="star" style="left:1400px;top:210px"></i><i class="star" style="left:1650px;top:70px"></i><i class="star" style="left:1820px;top:180px"></i><i class="star" style="left:250px;top:330px"></i><i class="star" style="left:1530px;top:320px"></i><i class="star" style="left:760px;top:280px"></i><i class="star" style="left:1010px;top:320px"></i><div class="sun" style="top:620px"></div><div class="mtn m2"></div><div class="mtn m1"></div><div class="floor"></div>
72
+ <div class="abs" style="inset:0;background:color-mix(in srgb,var(--bg) 70%,transparent)"></div>
73
+ <p class="osd" id="o3" style="right:300px;top:150px;direction:rtl">על הבמה</p>
74
+ <div class="sel" id="sel" style="top:300px"></div>
75
+ <p class="menu" id="mn1" style="top:300px">די.ג׳יי ניאון</p>
76
+ <p class="menu" id="mn2" style="top:460px">להקת הקסטות</p>
77
+ <p class="menu" id="mn3" style="top:620px">המעגל החשמלי</p>
78
+ <p class="osd" id="o3b" style="left:120px;top:880px;font-size:36px">ערוץ 03</p>
79
+ </div>
80
+ <div class="vhs"></div><div class="band" id="bd3"></div>
81
+ </section>
82
+ <section id="s4" class="clip scene" data-start="9" data-duration="3.4">
83
+ <div class="cam" id="c4"><div class="sky"></div><i class="star" style="left:120px;top:80px"></i><i class="star" style="left:340px;top:200px"></i><i class="star" style="left:610px;top:60px"></i><i class="star" style="left:880px;top:150px"></i><i class="star" style="left:1150px;top:90px"></i><i class="star" style="left:1400px;top:210px"></i><i class="star" style="left:1650px;top:70px"></i><i class="star" style="left:1820px;top:180px"></i><i class="star" style="left:250px;top:330px"></i><i class="star" style="left:1530px;top:320px"></i><i class="star" style="left:760px;top:280px"></i><i class="star" style="left:1010px;top:320px"></i><div class="sun" style="top:330px"></div><div class="mtn m2"></div><div class="mtn m1"></div><div class="floor"></div>
84
+ <p class="script" id="t4s" style="left:0;right:0;text-align:center;top:70px;font-size:64px">חמישי · 21.11 · 22:00</p>
85
+ <h1 class="chrome" id="t4a" style="left:0;right:0;text-align:center;top:140px;font-size:170px">מועדון כוכב</h1>
86
+ <p class="osd" id="t4b" style="left:0;right:0;text-align:center;top:820px;direction:rtl;font-size:56px">כרטיסים בקופות ובאתר</p>
87
+ </div>
88
+ <div class="vhs"></div><div class="band" id="bd4"></div>
89
+ <p class="osd" id="o4" style="right:80px;top:60px">00:00:12</p>
90
+ </section>
91
+ </div>
92
+ <script>
93
+ const tl=gsap.timeline({paused:true});
94
+ const S=[0,3,6,9,12.4],D=12.4;
95
+ const X="expo.out",P="power3.out";
96
+ function life(i){const a=S[i],d=S[i+1]-S[i],c="#c"+(i+1);
97
+ tl.fromTo(c+" .floor",{backgroundPosition:"0px 0px"},{backgroundPosition:"0px "+(d*220)+"px",duration:d,ease:"none"},a);
98
+ tl.fromTo(c+" .star",{opacity:.2},{opacity:1,duration:.4,ease:"sine.inOut",stagger:{each:.07,yoyo:true,repeat:3}},a);
99
+ tl.fromTo(c+" .m2",{x:-40},{x:40,duration:d,ease:"none"},a);
100
+ tl.fromTo(c+" .m1",{x:-90},{x:90,duration:d,ease:"none"},a);
101
+ tl.fromTo("#bd"+(i+1),{y:-200},{y:1200,duration:d*.8,ease:"none"},a+.1);
102
+ tl.fromTo(c,{x:0},{keyframes:[{x:-18,skewX:6,duration:.04},{x:12,skewX:-4,duration:.04},{x:0,skewX:0,duration:.04}]},a);
103
+ if(i<3)tl.to(c,{keyframes:[{x:24,skewX:-8,filter:"hue-rotate(60deg)",duration:.05},{x:-30,skewX:10,duration:.05},{opacity:0,scaleY:.04,duration:.15,ease:"power3.in"}]},S[i+1]-.25);}
104
+ // s1
105
+ life(0);
106
+ tl.fromTo("#c1 .sun",{y:260},{y:-150,duration:3,ease:"power2.out"},S[0]);
107
+ tl.fromTo("#t1s",{opacity:0},{opacity:1,duration:.12,repeat:4,yoyo:true},S[0]+.3);
108
+ tl.fromTo("#t1a",{scale:2.2,opacity:0,skewX:-10},{scale:1,opacity:1,skewX:-6,duration:.8,ease:X},S[0]+.4);
109
+ tl.fromTo("#t1b",{y:120,opacity:0,skewX:-6},{y:0,opacity:1,skewX:-6,duration:.8,ease:X},S[0]+.75);
110
+ tl.fromTo(["#o1","#pt1"],{opacity:0},{opacity:1,duration:.1,repeat:6,yoyo:true},S[0]+.1);
111
+ tl.to("#t1a",{scale:1.05,duration:1.4,ease:"sine.inOut"},S[0]+1.3);
112
+ // s2
113
+ life(1);
114
+ tl.fromTo("#cs",{y:700,rotation:-12},{y:0,rotation:-3,duration:1,ease:X},S[1]+.05);
115
+ tl.to("#cs",{rotation:2,y:-10,duration:1.7,ease:"sine.inOut"},S[1]+1.05);
116
+ tl.fromTo(["#rl1","#rl2"],{rotation:0},{rotation:-900,duration:3,ease:"none"},S[1]);
117
+ tl.fromTo("#tp1",{scale:1.15},{scale:.85,duration:3,ease:"none"},S[1]);
118
+ tl.fromTo("#tp2",{scale:.85},{scale:1.15,duration:3,ease:"none"},S[1]);
119
+ tl.fromTo("#t2",{opacity:0,y:60},{opacity:1,y:0,duration:.8,ease:X},S[1]+.7);
120
+ // s3
121
+ life(2);
122
+ tl.fromTo("#o3",{opacity:0},{opacity:1,duration:.1,repeat:4,yoyo:true},S[2]+.2);
123
+ tl.fromTo(["#mn1","#mn2","#mn3"],{opacity:0,x:-300},{opacity:1,x:0,duration:.5,ease:"power4.out",stagger:.15},S[2]+.3);
124
+ tl.fromTo("#sel",{scaleX:0,transformOrigin:"100% 50%"},{scaleX:1,duration:.3,ease:"power3.out"},S[2]+.75);
125
+ tl.to("#sel",{y:160,duration:.25,ease:"steps(3)"},S[2]+1.4);
126
+ tl.to("#sel",{y:320,duration:.25,ease:"steps(3)"},S[2]+2.0);
127
+ tl.fromTo("#o3b",{opacity:0},{opacity:1,duration:.3},S[2]+.5);
128
+ // s4
129
+ life(3);
130
+ tl.fromTo("#c4 .sun",{y:300,scale:.8},{y:0,scale:1,duration:2.4,ease:"power2.out"},S[3]);
131
+ tl.fromTo("#t4s",{opacity:0},{opacity:1,duration:.12,repeat:4,yoyo:true},S[3]+.3);
132
+ tl.fromTo("#t4a",{scale:.4,opacity:0,skewX:-6},{scale:1,opacity:1,skewX:-6,duration:.9,ease:"back.out(1.6)"},S[3]+.4);
133
+ tl.fromTo("#t4b",{opacity:0,y:30},{opacity:1,y:0,duration:.6,ease:P},S[3]+1.1);
134
+ tl.fromTo("#o4",{opacity:0},{opacity:1,duration:.1,repeat:6,yoyo:true},S[3]+.2);
135
+ tl.to("#t4a",{scale:1.04,duration:1.4,ease:"sine.inOut"},S[3]+1.4);
136
+ tl.set({},{},D);
137
+ window.__timelines=window.__timelines||{};window.__timelines["retro-80s"]=tl;
138
+ <\/script>
139
+ </body>
140
+ </html>
141
+ `;export{e as default};
package/app/assets/roadmap-timeline-BpbNdfCr.js ADDED
@@ -0,0 +1,164 @@
1
+ var e=`<!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:#0c2a2e;--fg:#f4f1e8;--accent:#ffb23f;--accent2:#ff6b5b;--muted:#2f585c}
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
+ #root{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--muted) 70%,var(--bg)),var(--bg) 70%)}
24
+ .road{position:absolute;left:-100px;right:-100px;top:684px;height:32px;border-radius:16px;background:var(--muted)}
25
+ .dash{position:absolute;left:-200px;right:-200px;top:697px;height:6px;background:repeating-linear-gradient(90deg,var(--accent) 0 60px,transparent 60px 120px)}
26
+ .ghost{position:absolute;top:676px;width:48px;height:48px;border-radius:50%;background:var(--bg);border:6px solid var(--muted)}
27
+ .node{position:absolute;left:910px;top:650px;width:100px;height:100px}
28
+ .core{position:absolute;inset:0;border-radius:50%;background:var(--accent);border:10px solid var(--bg);box-shadow:0 0 0 6px var(--accent),0 0 60px color-mix(in srgb,var(--accent) 60%,transparent)}
29
+ .pulse{position:absolute;inset:0;border-radius:50%;border:4px solid var(--accent)}
30
+ .stem{position:absolute;left:958px;top:560px;width:4px;height:90px;background:color-mix(in srgb,var(--fg) 40%,transparent);transform-origin:50% 100%}
31
+ .q{position:absolute;left:0;right:0;text-align:center;top:170px;font-size:44px;font-weight:700;letter-spacing:.1em;color:var(--accent)}
32
+ .tt{position:absolute;left:0;right:0;text-align:center;top:240px;font-size:110px;font-weight:700;line-height:1.1;white-space:nowrap}
33
+ .ds{position:absolute;left:0;right:0;text-align:center;top:400px;font-size:42px;font-weight:400;color:color-mix(in srgb,var(--fg) 75%,transparent)}
34
+ .date{position:absolute;left:50%;top:790px;transform:translateX(-50%);padding:12px 32px;border-radius:40px;border:3px solid color-mix(in srgb,var(--fg) 30%,transparent);font-size:34px;font-weight:700;white-space:nowrap}
35
+ .prog{position:absolute;right:780px;top:960px;width:380px;height:20px}
36
+ .pl{position:absolute;right:10px;left:10px;top:8px;height:4px;background:var(--muted)}
37
+ .pd{position:absolute;top:0;width:20px;height:20px;border-radius:50%;background:var(--muted)}
38
+ .pd.on{background:var(--accent)}
39
+ .pd.cur{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 35%,transparent)}
40
+ .bgn{position:absolute;left:0;right:0;top:-40px;text-align:center;font-size:640px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:3px color-mix(in srgb,var(--fg) 9%,transparent);direction:ltr}
41
+ .big{position:absolute;left:0;right:0;text-align:center;font-weight:700;line-height:1;white-space:nowrap}
42
+ .out{color:transparent;-webkit-text-stroke:4px var(--accent)}
43
+ .conf{position:absolute;left:955px;top:600px;width:18px;height:30px;border-radius:4px}
44
+ .pole{position:absolute;left:956px;top:380px;width:8px;height:300px;background:var(--fg);transform-origin:50% 100%}
45
+ .flag{position:absolute;left:964px;top:384px;width:170px;height:110px;background:linear-gradient(90deg,var(--accent2),var(--accent));clip-path:polygon(0 0,100% 0,82% 50%,100% 100%,0 100%);transform-origin:0 50%}
46
+ </style>
47
+ </head>
48
+ <body>
49
+ <div id="root" data-composition-id="roadmap-timeline" data-start="0" data-width="1920" data-height="1080" data-duration="16">
50
+ <section id="s1" class="clip scene" data-start="0" data-duration="3">
51
+ <div class="cam" id="c1">
52
+ <div class="road" id="rd1"></div><div class="dash" id="ds1"></div>
53
+ <p class="big out" id="y1" style="top:140px;font-size:300px">2027</p>
54
+ <h1 class="big" id="h1" style="top:420px;font-size:130px">מפת הדרכים שלנו</h1>
55
+ <p class="ds" id="s1t" style="top:800px">ארבעה צעדים גדולים לשנה הבאה</p>
56
+ <div class="abs" id="car" style="left:1820px;top:668px;width:64px;height:64px;border-radius:50%;background:var(--accent2);box-shadow:0 0 30px var(--accent2)"></div>
57
+ </div>
58
+ </section>
59
+ <section id="s2" class="clip scene" data-start="3" data-duration="3.2">
60
+ <div class="cam" id="c2">
61
+ <p class="bgn" id="bn2">01</p>
62
+ <div class="road" id="rd2"></div><div class="dash" id="ds2"></div>
63
+ <div class="ghost" id="g2a" style="left:180px"></div><div class="ghost" id="g2b" style="left:1660px"></div>
64
+ <div class="node" id="nd2"><div class="pulse" id="pu2"></div><div class="core"></div></div>
65
+ <div class="stem" id="st2"></div>
66
+ <p class="q" id="q2">רבעון 1</p>
67
+ <h2 class="tt" id="t2">השקת האפליקציה</h2>
68
+ <p class="ds" id="d2">גרסה ראשונה לכל המשתמשים</p>
69
+ <div class="date" id="dt2"><span id="dt2t">ינואר - מרץ</span></div>
70
+ <div class="prog" id="pg2"><i class="pl"></i><b class="pd on cur" style="right:0px"></b><b class="pd" style="right:120px"></b><b class="pd" style="right:240px"></b><b class="pd" style="right:360px"></b></div>
71
+ </div>
72
+ </section>
73
+ <section id="s3" class="clip scene" data-start="6.2" data-duration="3.2">
74
+ <div class="cam" id="c3">
75
+ <p class="bgn" id="bn3">02</p>
76
+ <div class="road" id="rd3"></div><div class="dash" id="ds3"></div>
77
+ <div class="ghost" id="g3a" style="left:180px"></div><div class="ghost" id="g3b" style="left:1660px"></div>
78
+ <div class="node" id="nd3"><div class="pulse" id="pu3"></div><div class="core"></div></div>
79
+ <div class="stem" id="st3"></div>
80
+ <p class="q" id="q3">רבעון 2</p>
81
+ <h2 class="tt" id="t3">חיבור לשותפים</h2>
82
+ <p class="ds" id="d3">ממשק פתוח ל־40 שותפים עסקיים</p>
83
+ <div class="date" id="dt3"><span id="dt3t">אפריל - יוני</span></div>
84
+ <div class="prog" id="pg3"><i class="pl"></i><b class="pd on" style="right:0px"></b><b class="pd on cur" style="right:120px"></b><b class="pd" style="right:240px"></b><b class="pd" style="right:360px"></b></div>
85
+ </div>
86
+ </section>
87
+ <section id="s4" class="clip scene" data-start="9.4" data-duration="3.2">
88
+ <div class="cam" id="c4">
89
+ <p class="bgn" id="bn4">03</p>
90
+ <div class="road" id="rd4"></div><div class="dash" id="ds4"></div>
91
+ <div class="ghost" id="g4a" style="left:180px"></div><div class="ghost" id="g4b" style="left:1660px"></div>
92
+ <div class="node" id="nd4"><div class="pulse" id="pu4"></div><div class="core"></div></div>
93
+ <div class="stem" id="st4"></div>
94
+ <p class="q" id="q4">רבעון 3</p>
95
+ <h2 class="tt" id="t4">התרחבות לאירופה</h2>
96
+ <p class="ds" id="d4">שלוש מדינות חדשות ותמיכה בשש שפות</p>
97
+ <div class="date" id="dt4"><span id="dt4t">יולי - ספטמבר</span></div>
98
+ <div class="prog" id="pg4"><i class="pl"></i><b class="pd on" style="right:0px"></b><b class="pd on" style="right:120px"></b><b class="pd on cur" style="right:240px"></b><b class="pd" style="right:360px"></b></div>
99
+ </div>
100
+ </section>
101
+ <section id="s5" class="clip scene" data-start="12.6" data-duration="3.4">
102
+ <div class="cam" id="c5">
103
+ <div class="road" id="rd5"></div><div class="dash" id="ds5"></div>
104
+ <div class="ghost" style="left:180px"></div>
105
+ <div class="pole" id="pole"></div><div class="flag" id="flag"></div>
106
+ <div class="node" id="nd5"><div class="pulse" id="pu5"></div><div class="core"></div></div>
107
+ <div class="conf" style="background:var(--accent)" data-x="-380" data-y="-260"></div><div class="conf" style="background:var(--accent2)" data-x="340" data-y="-300"></div><div class="conf" style="background:var(--fg)" data-x="-260" data-y="-420"></div><div class="conf" style="background:var(--accent)" data-x="420" data-y="-140"></div><div class="conf" style="background:var(--accent2)" data-x="-480" data-y="-60"></div><div class="conf" style="background:var(--fg)" data-x="220" data-y="-460"></div><div class="conf" style="background:var(--accent)" data-x="120" data-y="-380"></div><div class="conf" style="background:var(--accent2)" data-x="-140" data-y="-500"></div>
108
+ <p class="q" id="q5" style="top:110px">רבעון 4</p>
109
+ <h2 class="tt" id="t5" style="top:800px;font-size:96px">יוצאים לדרך</h2>
110
+ <p class="ds" id="d5" style="top:930px">צוות נתיב · תוכנית עבודה 2027</p>
111
+ </div>
112
+ </section>
113
+ </div>
114
+ <script>
115
+ const tl=gsap.timeline({paused:true});
116
+ const S=[0,3,6.2,9.4,12.6,16],D=16;
117
+ const X="expo.out",P="power3.out";
118
+ function travel(i){const d=S[i+1]-S[i];tl.fromTo("#ds"+(i+1),{x:0},{x:d*160,duration:d,ease:"none"},S[i]);}
119
+ function mile(n,i){const a=S[i],d=S[i+1]-S[i];
120
+ travel(i);
121
+ tl.fromTo("#bn"+n,{x:-260,opacity:0},{x:260,opacity:1,duration:d,ease:"none"},a);
122
+ tl.fromTo(["#g"+n+"a","#g"+n+"b"],{x:-500},{x:500,duration:d,ease:"none"},a);
123
+ tl.fromTo("#nd"+n,{x:-1100},{x:0,duration:.9,ease:"power3.out"},a);
124
+ tl.fromTo("#nd"+n+" .core",{scale:.6,filter:"saturate(0)"},{scale:1,filter:"saturate(1)",duration:.4,ease:"back.out(3)"},a+.85);
125
+ tl.fromTo("#pu"+n,{scale:1,opacity:.9},{scale:2.8,opacity:0,duration:1,ease:"power1.out",stagger:{each:0,repeat:1}},a+.95);
126
+ tl.fromTo("#st"+n,{scaleY:0},{scaleY:1,duration:.4,ease:P},a+1);
127
+ tl.fromTo("#q"+n,{opacity:0,y:20},{opacity:1,y:0,duration:.5,ease:P},a+.9);
128
+ tl.fromTo("#t"+n,{opacity:0,y:60,clipPath:"inset(0 0 100% 0)"},{opacity:1,y:0,clipPath:"inset(0 0 0% 0)",duration:.8,ease:X},a+1);
129
+ tl.fromTo("#d"+n,{opacity:0},{opacity:1,duration:.6},a+1.3);
130
+ tl.fromTo("#dt"+n,{opacity:0,scale:.7,xPercent:-50,x:0},{opacity:1,scale:1,xPercent:-50,x:0,duration:.5,ease:"back.out(2)"},a+1.25);
131
+ tl.fromTo("#pg"+n+" .cur",{scale:0},{scale:1,duration:.5,ease:"back.out(3)"},a+1.1);
132
+ tl.to(["#nd"+n,"#st"+n],{x:1100,duration:.6,ease:"power3.in"},S[i+1]-.6);
133
+ tl.to(["#q"+n,"#t"+n,"#d"+n],{x:600,opacity:0,duration:.45,ease:"power2.in",stagger:.05},S[i+1]-.6);
134
+ tl.to("#dt"+n,{opacity:0,duration:.3},S[i+1]-.4);}
135
+ // s1
136
+ travel(0);
137
+ tl.fromTo("#c1",{scale:1.12},{scale:1,duration:3,ease:"power2.out"},S[0]);
138
+ tl.fromTo("#rd1",{scaleX:0,transformOrigin:"100% 50%"},{scaleX:1,duration:1.2,ease:"power3.inOut"},S[0]);
139
+ tl.fromTo("#y1",{opacity:0,scale:1.3},{opacity:1,scale:1,duration:1,ease:X},S[0]+.2);
140
+ tl.fromTo("#h1",{opacity:0,y:50},{opacity:1,y:0,duration:.8,ease:X},S[0]+.5);
141
+ tl.fromTo("#s1t",{opacity:0},{opacity:1,duration:.6},S[0]+1);
142
+ tl.fromTo("#car",{x:0},{x:-900,duration:1.6,ease:"power2.inOut"},S[0]+.8);
143
+ tl.to("#car",{x:-1900,duration:.6,ease:"power3.in"},S[1]-.6);
144
+ tl.to(["#y1","#h1","#s1t"],{x:600,opacity:0,duration:.45,ease:"power2.in",stagger:.05},S[1]-.6);
145
+ mile(2,1);mile(3,2);mile(4,3);
146
+ // s5
147
+ travel(4);
148
+ tl.fromTo("#nd5",{x:-1100},{x:0,duration:.9,ease:P},S[4]);
149
+ tl.fromTo("#pole",{scaleY:0},{scaleY:1,duration:.5,ease:P},S[4]+.8);
150
+ tl.fromTo("#flag",{scaleX:0},{scaleX:1,duration:.5,ease:"back.out(2)"},S[4]+1.2);
151
+ tl.to("#flag",{skewY:-6,scaleX:.94,duration:.4,yoyo:true,repeat:3,ease:"sine.inOut"},S[4]+1.7);
152
+ tl.fromTo("#pu5",{scale:1,opacity:.9},{scale:3.2,opacity:0,duration:1.1,ease:"power1.out",stagger:{each:0,repeat:1}},S[4]+.9);
153
+ tl.fromTo("#c5 .conf",{x:0,y:0,rotation:0,opacity:0,scale:.4},{x:(k,e)=>+e.dataset.x,y:(k,e)=>+e.dataset.y,rotation:(k)=>k%2?220:-260,opacity:1,scale:1,duration:1.1,ease:"power3.out",stagger:.03},S[4]+1.2);
154
+ tl.to("#c5 .conf",{y:"+=120",opacity:0,duration:.9,ease:"power1.in",stagger:.03},S[4]+2.25);
155
+ tl.fromTo("#q5",{opacity:0,y:20},{opacity:1,y:0,duration:.5,ease:P},S[4]+.9);
156
+ tl.fromTo("#t5",{opacity:0,scale:.8},{opacity:1,scale:1,duration:.7,ease:"back.out(1.8)"},S[4]+1.3);
157
+ tl.fromTo("#d5",{opacity:0},{opacity:1,duration:.6},S[4]+1.7);
158
+ tl.fromTo("#c5",{scale:1},{scale:1.05,duration:2.4,ease:"sine.inOut"},S[4]+1);
159
+ tl.set({},{},D);
160
+ window.__timelines=window.__timelines||{};window.__timelines["roadmap-timeline"]=tl;
161
+ <\/script>
162
+ </body>
163
+ </html>
164
+ `;export{e as default};