motiondesk-studio 0.0.0-stage → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (506) hide show
  1. package/LICENSE +8 -0
  2. package/README.md +53 -2
  3. package/THIRD_PARTY_NOTICES.md +13 -0
  4. package/app/assets/ai-assistant-DOEK1wrr.js +138 -0
  5. package/app/assets/annual-report-C59pnbh2.js +147 -0
  6. package/app/assets/app-tour-B8525Qt1.js +164 -0
  7. package/app/assets/apps-DwnIwigQ.js +1 -0
  8. package/app/assets/arrows-_CCvumhN.js +1 -0
  9. package/app/assets/auto-CJsCPj1R.js +1 -0
  10. package/app/assets/badges-BPgMBVy0.js +1 -0
  11. package/app/assets/balloon-party-BDWzrF-Z.js +160 -0
  12. package/app/assets/beauty-DgeCsQdf.js +1 -0
  13. package/app/assets/boarding-pass-i17EemsZ.js +192 -0
  14. package/app/assets/business-BQslCr0i.js +1 -0
  15. package/app/assets/business-DfyVziqj.js +1 -0
  16. package/app/assets/catalog-Cdx5nbp0.js +1 -0
  17. package/app/assets/celebration-COCZTKjl.js +1 -0
  18. package/app/assets/celebrations-CkfTGLEK.js +1 -0
  19. package/app/assets/chalk-menu-CQSqwxNP.js +158 -0
  20. package/app/assets/claim-steps-BNFeoYYZ.js +180 -0
  21. package/app/assets/clinic-booking-CvQEpBWn.js +178 -0
  22. package/app/assets/community-BV13F-Wp.js +1 -0
  23. package/app/assets/concert-poster-iUOM-elw.js +189 -0
  24. package/app/assets/course-syllabus-CnM_03XP.js +164 -0
  25. package/app/assets/culture-DpL14_5r.js +1 -0
  26. package/app/assets/cyber-shield-B_6oatye.js +192 -0
  27. package/app/assets/data-DgES5FIF.js +1 -0
  28. package/app/assets/dev-hiring-code-Bg00S1Iz.js +138 -0
  29. package/app/assets/devices-D1500q8F.js +1 -0
  30. package/app/assets/donation-meter-C3wuRmFA.js +164 -0
  31. package/app/assets/editorial-mag-DsTVzQMx.js +180 -0
  32. package/app/assets/education-CGTOg3_0.js +1 -0
  33. package/app/assets/ev-charge-KaMIQd_s.js +218 -0
  34. package/app/assets/event-announce-cLmuvt45.js +147 -0
  35. package/app/assets/events-kZ6HshfK.js +1 -0
  36. package/app/assets/family-De56hVSo.js +1 -0
  37. package/app/assets/fashion-DbGAD96W.js +1 -0
  38. package/app/assets/finance-BUdlKAud.js +1 -0
  39. package/app/assets/finance-growth-CYgFE0RC.js +140 -0
  40. package/app/assets/fitness-rings-streak-Cp7n4zq_.js +141 -0
  41. package/app/assets/flash-sale-Tc0Jw34H.js +143 -0
  42. package/app/assets/flipclock-countdown-BkrU9ZhF.js +153 -0
  43. package/app/assets/floorplan-linedraw-B4ZwEDv3.js +192 -0
  44. package/app/assets/food-CiEyQAd1.js +1 -0
  45. package/app/assets/food-PijmcKM-.js +1 -0
  46. package/app/assets/gaming-DnzPj6Uv.js +1 -0
  47. package/app/assets/glass-product-CsUqplIf.js +139 -0
  48. package/app/assets/glossy-cosmetics-DBb-YonD.js +203 -0
  49. package/app/assets/gold-couture-e6c5nsVY.js +190 -0
  50. package/app/assets/gradient-blobs-Daiu9eFf.js +139 -0
  51. package/app/assets/graduation-day-vdz-kGI1.js +134 -0
  52. package/app/assets/headline-news-ticker-GgZ_nRXK.js +181 -0
  53. package/app/assets/health-CbyTqvSM.js +1 -0
  54. package/app/assets/health-DMeKWmDa.js +1 -0
  55. package/app/assets/hiring-team-Bia3GQaH.js +137 -0
  56. package/app/assets/holiday-greeting-B7TFl0_5.js +144 -0
  57. package/app/assets/holidays-BmXfhKdf.js +1 -0
  58. package/app/assets/hr-2i-f-S-M.js +1 -0
  59. package/app/assets/hyperframes-BM7eWgx2.js +1 -0
  60. package/app/assets/index-BlSoi5FK.css +1 -0
  61. package/app/assets/index-D3rEDfqX.js +290 -0
  62. package/app/assets/index-b2-CMdBrCiU.js +1 -0
  63. package/app/assets/index-b3-egAjkT9z.js +1 -0
  64. package/app/assets/index-b4-Cnj_xde0.js +1 -0
  65. package/app/assets/index-b5-CoZgwX8-.js +1 -0
  66. package/app/assets/iso-product-3d-DQT1lHDq.js +229 -0
  67. package/app/assets/itinerary-map-pins-BTX0ZebL.js +201 -0
  68. package/app/assets/key-handover-DuIj4oKe.js +171 -0
  69. package/app/assets/kids-BNwXKe4O.js +1 -0
  70. package/app/assets/kinetic-launch-D2rSnewM.js +161 -0
  71. package/app/assets/launch-DqkMfeFI.js +1 -0
  72. package/app/assets/legal-Caoeh9dp.js +1 -0
  73. package/app/assets/legal-trust-T01BmIDB.js +186 -0
  74. package/app/assets/level-up-CBXf6nj2.js +205 -0
  75. package/app/assets/logo-sting-Uf0nckUQ.js +106 -0
  76. package/app/assets/manifesto-quote-DCIONyzh.js +120 -0
  77. package/app/assets/match-day-p25bzqbq.js +146 -0
  78. package/app/assets/match-score-CSZ4Tx4B.js +210 -0
  79. package/app/assets/music-hbnVS8dK.js +1 -0
  80. package/app/assets/nature-Bj99iNsv.js +1 -0
  81. package/app/assets/neighborhood-map-BpbZiy-v.js +158 -0
  82. package/app/assets/neon-grid-Bo0xfsL6.js +159 -0
  83. package/app/assets/nonprofit-DK7XI33A.js +1 -0
  84. package/app/assets/objects-DD8bqyWR.js +1 -0
  85. package/app/assets/org-chart-hiring-tGX1UpiJ.js +161 -0
  86. package/app/assets/paper-collage-CK-XODvZ.js +181 -0
  87. package/app/assets/paw-adopt-D5hKgsaL.js +173 -0
  88. package/app/assets/people-l3GsDfAr.js +1 -0
  89. package/app/assets/pets-Dp8EeTjS.js +1 -0
  90. package/app/assets/playful-blocks-BGXW4vra.js +162 -0
  91. package/app/assets/podcast-waveform-promo-D-h_ydpJ.js +182 -0
  92. package/app/assets/premium-Cy680sWT.js +1 -0
  93. package/app/assets/price-grid-DbYGPlJt.js +176 -0
  94. package/app/assets/quote-carousel-bold-D5fpKgSS.js +143 -0
  95. package/app/assets/realestate-BXW-rsfP.js +1 -0
  96. package/app/assets/recipe-ingredients-B_bSw3x_.js +162 -0
  97. package/app/assets/retail-D-XWCWed.js +1 -0
  98. package/app/assets/retro-80s-CCZc9S6x.js +141 -0
  99. package/app/assets/roadmap-timeline-BpbNdfCr.js +164 -0
  100. package/app/assets/saas-dashboard-s-2gR3AN.js +195 -0
  101. package/app/assets/sale-wheel-24h-CsiOja2Z.js +153 -0
  102. package/app/assets/save-the-date-C6O8fH8f.js +141 -0
  103. package/app/assets/seasons-BFYc_klb.js +1 -0
  104. package/app/assets/services-DRPQcCXX.js +1 -0
  105. package/app/assets/shapes-AVMwC-FR.js +1 -0
  106. package/app/assets/social-CNpE0GKG.js +1 -0
  107. package/app/assets/split-wipe-before-after-Lg-NbF0V.js +198 -0
  108. package/app/assets/sports-DyBfpPm5.js +1 -0
  109. package/app/assets/stats-dashboard-CxxFtNfj.js +149 -0
  110. package/app/assets/stickers-J4NDCW2L.js +1 -0
  111. package/app/assets/stock-portfolio-DFpeHEjJ.js +174 -0
  112. package/app/assets/swiss-grid-jfcgySaJ.js +153 -0
  113. package/app/assets/tech-BaRjeFZ0.js +1 -0
  114. package/app/assets/tech-D-xc9pRv.js +1 -0
  115. package/app/assets/transport-Bolufhfq.js +1 -0
  116. package/app/assets/travel-DoqS5vPB.js +1 -0
  117. package/app/assets/travel-route-DUPXi7Qa.js +169 -0
  118. package/app/assets/tutorial-steps-Ep2JeqXu.js +160 -0
  119. package/app/assets/wallet-card-transactions-DtI9Usn9.js +188 -0
  120. package/app/assets/wedding-invite-BhgqMwO7.js +142 -0
  121. package/app/catalog/bank-previews/01-car-choice.webp +0 -0
  122. package/app/catalog/bank-previews/02-holiday-budget.webp +0 -0
  123. package/app/catalog/bank-previews/03-one-click.webp +0 -0
  124. package/app/catalog/bank-previews/04-career-course.webp +0 -0
  125. package/app/catalog/bank-previews/05-home-refresh.webp +0 -0
  126. package/app/catalog/bank-previews/06-summer-plans.webp +0 -0
  127. package/app/catalog/bank-previews/07-car-upgrade.webp +0 -0
  128. package/app/catalog/bank-previews/08-wedding-plan.webp +0 -0
  129. package/app/catalog/bank-previews/09-share-intro.webp +0 -0
  130. package/app/catalog/bank-previews/10-suspicious-message.webp +0 -0
  131. package/app/catalog/bank-previews/11-student-routine.webp +0 -0
  132. package/app/catalog/bank-previews/12-investing-first-step.webp +0 -0
  133. package/app/catalog/bank-previews/13-fomo.webp +0 -0
  134. package/app/catalog/bank-previews/14-market-timing.webp +0 -0
  135. package/app/catalog/bank-previews/15-investing-for-all.webp +0 -0
  136. package/app/catalog/bank-previews/16-two-paths.webp +0 -0
  137. package/app/catalog/bank-previews/17-small-business.webp +0 -0
  138. package/app/catalog/bank-previews/18-travel-forex.webp +0 -0
  139. package/app/catalog/bank-previews/19-mortgage-questions.webp +0 -0
  140. package/app/catalog/bank-previews/20-market-app.webp +0 -0
  141. package/app/catalog/enhanced-v2/01-revenue-quarter/config.motiondesk-config.json +54 -0
  142. package/app/catalog/enhanced-v2/01-revenue-quarter/poster.jpg +0 -0
  143. package/app/catalog/enhanced-v2/01-revenue-quarter/preview.mp4 +0 -0
  144. package/app/catalog/enhanced-v2/01-revenue-quarter/project.motiondesk.json +5127 -0
  145. package/app/catalog/enhanced-v2/02-daily-workout/config.motiondesk-config.json +54 -0
  146. package/app/catalog/enhanced-v2/02-daily-workout/poster.jpg +0 -0
  147. package/app/catalog/enhanced-v2/02-daily-workout/preview.mp4 +0 -0
  148. package/app/catalog/enhanced-v2/02-daily-workout/project.motiondesk.json +5747 -0
  149. package/app/catalog/enhanced-v2/03-italy-trip/config.motiondesk-config.json +44 -0
  150. package/app/catalog/enhanced-v2/03-italy-trip/poster.jpg +0 -0
  151. package/app/catalog/enhanced-v2/03-italy-trip/preview.mp4 +0 -0
  152. package/app/catalog/enhanced-v2/03-italy-trip/project.motiondesk.json +5139 -0
  153. package/app/catalog/enhanced-v2/04-smart-savings/config.motiondesk-config.json +41 -0
  154. package/app/catalog/enhanced-v2/04-smart-savings/poster.jpg +0 -0
  155. package/app/catalog/enhanced-v2/04-smart-savings/preview.mp4 +0 -0
  156. package/app/catalog/enhanced-v2/04-smart-savings/project.motiondesk.json +5322 -0
  157. package/app/catalog/enhanced-v2/05-weekly-challenge/config.motiondesk-config.json +45 -0
  158. package/app/catalog/enhanced-v2/05-weekly-challenge/poster.jpg +0 -0
  159. package/app/catalog/enhanced-v2/05-weekly-challenge/preview.mp4 +0 -0
  160. package/app/catalog/enhanced-v2/05-weekly-challenge/project.motiondesk.json +5442 -0
  161. package/app/catalog/enhanced-v2/06-flash-sale/config.motiondesk-config.json +42 -0
  162. package/app/catalog/enhanced-v2/06-flash-sale/poster.jpg +0 -0
  163. package/app/catalog/enhanced-v2/06-flash-sale/preview.mp4 +0 -0
  164. package/app/catalog/enhanced-v2/06-flash-sale/project.motiondesk.json +5616 -0
  165. package/app/catalog/enhanced-v2/07-flight-savings/config.motiondesk-config.json +43 -0
  166. package/app/catalog/enhanced-v2/07-flight-savings/poster.jpg +0 -0
  167. package/app/catalog/enhanced-v2/07-flight-savings/preview.mp4 +0 -0
  168. package/app/catalog/enhanced-v2/07-flight-savings/project.motiondesk.json +6319 -0
  169. package/app/catalog/enhanced-v2/08-team-dashboard/config.motiondesk-config.json +52 -0
  170. package/app/catalog/enhanced-v2/08-team-dashboard/poster.jpg +0 -0
  171. package/app/catalog/enhanced-v2/08-team-dashboard/preview.mp4 +0 -0
  172. package/app/catalog/enhanced-v2/08-team-dashboard/project.motiondesk.json +5327 -0
  173. package/app/catalog/showcase-v3/11-flow-finance/poster.jpg +0 -0
  174. package/app/catalog/showcase-v3/11-flow-finance/preview.mp4 +0 -0
  175. package/app/catalog/showcase-v3/11-flow-finance/project.motiondesk.json +5690 -0
  176. package/app/catalog/showcase-v3/12-pulse-training/poster.jpg +0 -0
  177. package/app/catalog/showcase-v3/12-pulse-training/preview.mp4 +0 -0
  178. package/app/catalog/showcase-v3/12-pulse-training/project.motiondesk.json +3643 -0
  179. package/app/catalog/showcase-v3/13-orbit-travel/poster.jpg +0 -0
  180. package/app/catalog/showcase-v3/13-orbit-travel/preview.mp4 +0 -0
  181. package/app/catalog/showcase-v3/13-orbit-travel/project.motiondesk.json +3939 -0
  182. package/app/catalog/showcase-v3/14-nova-product/config.motiondesk-config.json +163 -0
  183. package/app/catalog/showcase-v3/14-nova-product/poster.jpg +0 -0
  184. package/app/catalog/showcase-v3/14-nova-product/preview.mp4 +0 -0
  185. package/app/catalog/showcase-v3/14-nova-product/project.motiondesk.json +11196 -0
  186. package/app/catalog/showcase-v3/15-tempo-motion/config.motiondesk-config.json +122 -0
  187. package/app/catalog/showcase-v3/15-tempo-motion/poster.jpg +0 -0
  188. package/app/catalog/showcase-v3/15-tempo-motion/preview.mp4 +0 -0
  189. package/app/catalog/showcase-v3/15-tempo-motion/project.motiondesk.json +7424 -0
  190. package/app/catalog/showcase-v3/16-atlas-journey/config.motiondesk-config.json +132 -0
  191. package/app/catalog/showcase-v3/16-atlas-journey/poster.jpg +0 -0
  192. package/app/catalog/showcase-v3/16-atlas-journey/preview.mp4 +0 -0
  193. package/app/catalog/showcase-v3/16-atlas-journey/project.motiondesk.json +9257 -0
  194. package/app/catalog/showcase-v3/17-revenue-quarter/config.motiondesk-config.json +151 -0
  195. package/app/catalog/showcase-v3/17-revenue-quarter/poster.jpg +0 -0
  196. package/app/catalog/showcase-v3/17-revenue-quarter/preview.mp4 +0 -0
  197. package/app/catalog/showcase-v3/17-revenue-quarter/project.motiondesk.json +10473 -0
  198. package/app/catalog/showcase-v3/18-daily-workout/config.motiondesk-config.json +139 -0
  199. package/app/catalog/showcase-v3/18-daily-workout/poster.jpg +0 -0
  200. package/app/catalog/showcase-v3/18-daily-workout/preview.mp4 +0 -0
  201. package/app/catalog/showcase-v3/18-daily-workout/project.motiondesk.json +8656 -0
  202. package/app/catalog/showcase-v3/19-italy-trip/config.motiondesk-config.json +132 -0
  203. package/app/catalog/showcase-v3/19-italy-trip/poster.jpg +0 -0
  204. package/app/catalog/showcase-v3/19-italy-trip/preview.mp4 +0 -0
  205. package/app/catalog/showcase-v3/19-italy-trip/project.motiondesk.json +9690 -0
  206. package/app/catalog/showcase-v3/20-smart-savings/config.motiondesk-config.json +152 -0
  207. package/app/catalog/showcase-v3/20-smart-savings/poster.jpg +0 -0
  208. package/app/catalog/showcase-v3/20-smart-savings/preview.mp4 +0 -0
  209. package/app/catalog/showcase-v3/20-smart-savings/project.motiondesk.json +9770 -0
  210. package/app/catalog/showcase-v3/21-weekly-challenge/config.motiondesk-config.json +125 -0
  211. package/app/catalog/showcase-v3/21-weekly-challenge/poster.jpg +0 -0
  212. package/app/catalog/showcase-v3/21-weekly-challenge/preview.mp4 +0 -0
  213. package/app/catalog/showcase-v3/21-weekly-challenge/project.motiondesk.json +8404 -0
  214. package/app/catalog/showcase-v3/22-flash-sale/config.motiondesk-config.json +116 -0
  215. package/app/catalog/showcase-v3/22-flash-sale/poster.jpg +0 -0
  216. package/app/catalog/showcase-v3/22-flash-sale/preview.mp4 +0 -0
  217. package/app/catalog/showcase-v3/22-flash-sale/project.motiondesk.json +7482 -0
  218. package/app/catalog/showcase-v3/23-flight-savings/config.motiondesk-config.json +139 -0
  219. package/app/catalog/showcase-v3/23-flight-savings/poster.jpg +0 -0
  220. package/app/catalog/showcase-v3/23-flight-savings/preview.mp4 +0 -0
  221. package/app/catalog/showcase-v3/23-flight-savings/project.motiondesk.json +9205 -0
  222. package/app/catalog/showcase-v3/24-team-dashboard/config.motiondesk-config.json +155 -0
  223. package/app/catalog/showcase-v3/24-team-dashboard/poster.jpg +0 -0
  224. package/app/catalog/showcase-v3/24-team-dashboard/preview.mp4 +0 -0
  225. package/app/catalog/showcase-v3/24-team-dashboard/project.motiondesk.json +10735 -0
  226. package/app/catalog/v4/bank-01-car-choice/config.motiondesk-config.json +86 -0
  227. package/app/catalog/v4/bank-01-car-choice/poster.webp +0 -0
  228. package/app/catalog/v4/bank-01-car-choice/project.motiondesk.json +6962 -0
  229. package/app/catalog/v4/bank-02-holiday-budget/config.motiondesk-config.json +98 -0
  230. package/app/catalog/v4/bank-02-holiday-budget/poster.webp +0 -0
  231. package/app/catalog/v4/bank-02-holiday-budget/project.motiondesk.json +7242 -0
  232. package/app/catalog/v4/bank-03-one-click/config.motiondesk-config.json +97 -0
  233. package/app/catalog/v4/bank-03-one-click/poster.webp +0 -0
  234. package/app/catalog/v4/bank-03-one-click/project.motiondesk.json +6789 -0
  235. package/app/catalog/v4/bank-04-career-course/config.motiondesk-config.json +88 -0
  236. package/app/catalog/v4/bank-04-career-course/poster.webp +0 -0
  237. package/app/catalog/v4/bank-04-career-course/project.motiondesk.json +6514 -0
  238. package/app/catalog/v4/bank-05-five-years-new-word/config.motiondesk-config.json +86 -0
  239. package/app/catalog/v4/bank-05-five-years-new-word/poster.webp +0 -0
  240. package/app/catalog/v4/bank-05-five-years-new-word/project.motiondesk.json +5865 -0
  241. package/app/catalog/v4/bank-06-home-upgrade/config.motiondesk-config.json +88 -0
  242. package/app/catalog/v4/bank-06-home-upgrade/poster.webp +0 -0
  243. package/app/catalog/v4/bank-06-home-upgrade/project.motiondesk.json +7187 -0
  244. package/app/catalog/v4/bank-07-car-upgrade/config.motiondesk-config.json +87 -0
  245. package/app/catalog/v4/bank-07-car-upgrade/poster.webp +0 -0
  246. package/app/catalog/v4/bank-07-car-upgrade/project.motiondesk.json +6018 -0
  247. package/app/catalog/v4/bank-08-summer-dollar/config.motiondesk-config.json +85 -0
  248. package/app/catalog/v4/bank-08-summer-dollar/poster.webp +0 -0
  249. package/app/catalog/v4/bank-08-summer-dollar/project.motiondesk.json +6291 -0
  250. package/app/catalog/v4/bank-09-wedding/config.motiondesk-config.json +88 -0
  251. package/app/catalog/v4/bank-09-wedding/poster.webp +0 -0
  252. package/app/catalog/v4/bank-09-wedding/project.motiondesk.json +6517 -0
  253. package/app/catalog/v4/bank-10-family-dinner-pay/config.motiondesk-config.json +100 -0
  254. package/app/catalog/v4/bank-10-family-dinner-pay/poster.webp +0 -0
  255. package/app/catalog/v4/bank-10-family-dinner-pay/project.motiondesk.json +7053 -0
  256. package/app/catalog/v4/bank-11-youth-pitch-creator/config.motiondesk-config.json +100 -0
  257. package/app/catalog/v4/bank-11-youth-pitch-creator/poster.webp +0 -0
  258. package/app/catalog/v4/bank-11-youth-pitch-creator/project.motiondesk.json +6820 -0
  259. package/app/catalog/v4/bank-12-gift-shares/config.motiondesk-config.json +90 -0
  260. package/app/catalog/v4/bank-12-gift-shares/poster.webp +0 -0
  261. package/app/catalog/v4/bank-12-gift-shares/project.motiondesk.json +6025 -0
  262. package/app/catalog/v4/bank-13-suspicious-call/config.motiondesk-config.json +96 -0
  263. package/app/catalog/v4/bank-13-suspicious-call/poster.webp +0 -0
  264. package/app/catalog/v4/bank-13-suspicious-call/project.motiondesk.json +6734 -0
  265. package/app/catalog/v4/bank-14-urgent-message/config.motiondesk-config.json +89 -0
  266. package/app/catalog/v4/bank-14-urgent-message/poster.webp +0 -0
  267. package/app/catalog/v4/bank-14-urgent-message/project.motiondesk.json +6724 -0
  268. package/app/catalog/v4/bank-15-olympic-excellence/config.motiondesk-config.json +88 -0
  269. package/app/catalog/v4/bank-15-olympic-excellence/poster.webp +0 -0
  270. package/app/catalog/v4/bank-15-olympic-excellence/project.motiondesk.json +6431 -0
  271. package/app/catalog/v4/bank-16-savings-pocket/config.motiondesk-config.json +97 -0
  272. package/app/catalog/v4/bank-16-savings-pocket/poster.webp +0 -0
  273. package/app/catalog/v4/bank-16-savings-pocket/project.motiondesk.json +6628 -0
  274. package/app/catalog/v4/bank-17-students/config.motiondesk-config.json +91 -0
  275. package/app/catalog/v4/bank-17-students/poster.webp +0 -0
  276. package/app/catalog/v4/bank-17-students/project.motiondesk.json +6629 -0
  277. package/app/catalog/v4/bank-18-phone-phobia/config.motiondesk-config.json +86 -0
  278. package/app/catalog/v4/bank-18-phone-phobia/poster.webp +0 -0
  279. package/app/catalog/v4/bank-18-phone-phobia/project.motiondesk.json +6140 -0
  280. package/app/catalog/v4/bank-19-financial-fomo/config.motiondesk-config.json +91 -0
  281. package/app/catalog/v4/bank-19-financial-fomo/poster.webp +0 -0
  282. package/app/catalog/v4/bank-19-financial-fomo/project.motiondesk.json +7189 -0
  283. package/app/catalog/v4/bank-20-start-investing/config.motiondesk-config.json +95 -0
  284. package/app/catalog/v4/bank-20-start-investing/poster.webp +0 -0
  285. package/app/catalog/v4/bank-20-start-investing/project.motiondesk.json +7149 -0
  286. package/app/catalog/v4/bank-21-market-timing/config.motiondesk-config.json +95 -0
  287. package/app/catalog/v4/bank-21-market-timing/poster.webp +0 -0
  288. package/app/catalog/v4/bank-21-market-timing/project.motiondesk.json +6166 -0
  289. package/app/catalog/v4/bank-22-market-vs-realestate/config.motiondesk-config.json +88 -0
  290. package/app/catalog/v4/bank-22-market-vs-realestate/poster.webp +0 -0
  291. package/app/catalog/v4/bank-22-market-vs-realestate/project.motiondesk.json +7698 -0
  292. package/app/catalog/v4/bank-23-investing-for-all/config.motiondesk-config.json +92 -0
  293. package/app/catalog/v4/bank-23-investing-for-all/poster.webp +0 -0
  294. package/app/catalog/v4/bank-23-investing-for-all/project.motiondesk.json +6150 -0
  295. package/app/catalog/v4/bank-24-business-loan/config.motiondesk-config.json +85 -0
  296. package/app/catalog/v4/bank-24-business-loan/poster.webp +0 -0
  297. package/app/catalog/v4/bank-24-business-loan/project.motiondesk.json +6804 -0
  298. package/app/catalog/v4/bank-25-open-door/config.motiondesk-config.json +84 -0
  299. package/app/catalog/v4/bank-25-open-door/poster.webp +0 -0
  300. package/app/catalog/v4/bank-25-open-door/project.motiondesk.json +5976 -0
  301. package/app/catalog/v4/bank-26-first-card-challenge/config.motiondesk-config.json +84 -0
  302. package/app/catalog/v4/bank-26-first-card-challenge/poster.webp +0 -0
  303. package/app/catalog/v4/bank-26-first-card-challenge/project.motiondesk.json +6167 -0
  304. package/app/catalog/v4/bank-27-holiday-trip/config.motiondesk-config.json +85 -0
  305. package/app/catalog/v4/bank-27-holiday-trip/poster.webp +0 -0
  306. package/app/catalog/v4/bank-27-holiday-trip/project.motiondesk.json +6291 -0
  307. package/app/catalog/v4/bank-28-renew-home/config.motiondesk-config.json +87 -0
  308. package/app/catalog/v4/bank-28-renew-home/poster.webp +0 -0
  309. package/app/catalog/v4/bank-28-renew-home/project.motiondesk.json +6489 -0
  310. package/app/catalog/v4/bank-29-fastest-way-to-pay/config.motiondesk-config.json +98 -0
  311. package/app/catalog/v4/bank-29-fastest-way-to-pay/poster.webp +0 -0
  312. package/app/catalog/v4/bank-29-fastest-way-to-pay/project.motiondesk.json +6915 -0
  313. package/app/catalog/v4/bank-30-forex-terminal/config.motiondesk-config.json +103 -0
  314. package/app/catalog/v4/bank-30-forex-terminal/poster.webp +0 -0
  315. package/app/catalog/v4/bank-30-forex-terminal/project.motiondesk.json +6997 -0
  316. package/app/catalog/v4/bank-31-youth-campaign-brief/config.motiondesk-config.json +103 -0
  317. package/app/catalog/v4/bank-31-youth-campaign-brief/poster.webp +0 -0
  318. package/app/catalog/v4/bank-31-youth-campaign-brief/project.motiondesk.json +7136 -0
  319. package/app/catalog/v4/bank-32-dream-vacation/config.motiondesk-config.json +87 -0
  320. package/app/catalog/v4/bank-32-dream-vacation/poster.webp +0 -0
  321. package/app/catalog/v4/bank-32-dream-vacation/project.motiondesk.json +6531 -0
  322. package/app/catalog/v4/bank-33-mortgage-advice/config.motiondesk-config.json +87 -0
  323. package/app/catalog/v4/bank-33-mortgage-advice/poster.webp +0 -0
  324. package/app/catalog/v4/bank-33-mortgage-advice/project.motiondesk.json +6767 -0
  325. package/app/catalog/v4/bank-34-who-are-you-saver/config.motiondesk-config.json +97 -0
  326. package/app/catalog/v4/bank-34-who-are-you-saver/poster.webp +0 -0
  327. package/app/catalog/v4/bank-34-who-are-you-saver/project.motiondesk.json +6309 -0
  328. package/app/catalog/v4/bank-35-strange-calls/config.motiondesk-config.json +85 -0
  329. package/app/catalog/v4/bank-35-strange-calls/poster.webp +0 -0
  330. package/app/catalog/v4/bank-35-strange-calls/project.motiondesk.json +7034 -0
  331. package/app/catalog/v4/bank-36-one-shekel-flight/config.motiondesk-config.json +91 -0
  332. package/app/catalog/v4/bank-36-one-shekel-flight/poster.webp +0 -0
  333. package/app/catalog/v4/bank-36-one-shekel-flight/project.motiondesk.json +6364 -0
  334. package/app/catalog/v4/bank-37-street-quiz-pay/config.motiondesk-config.json +81 -0
  335. package/app/catalog/v4/bank-37-street-quiz-pay/poster.webp +0 -0
  336. package/app/catalog/v4/bank-37-street-quiz-pay/project.motiondesk.json +6466 -0
  337. package/app/catalog/v4/bank-38-pension-compare/config.motiondesk-config.json +92 -0
  338. package/app/catalog/v4/bank-38-pension-compare/poster.webp +0 -0
  339. package/app/catalog/v4/bank-38-pension-compare/project.motiondesk.json +6752 -0
  340. package/app/catalog/v4/bank-39-new-look-app/config.motiondesk-config.json +103 -0
  341. package/app/catalog/v4/bank-39-new-look-app/poster.webp +0 -0
  342. package/app/catalog/v4/bank-39-new-look-app/project.motiondesk.json +6954 -0
  343. package/app/catalog/v4/bank-40-interest-pocket/config.motiondesk-config.json +83 -0
  344. package/app/catalog/v4/bank-40-interest-pocket/poster.webp +0 -0
  345. package/app/catalog/v4/bank-40-interest-pocket/project.motiondesk.json +5783 -0
  346. package/app/catalog/v4/bank-41-young-telenovela/config.motiondesk-config.json +95 -0
  347. package/app/catalog/v4/bank-41-young-telenovela/poster.webp +0 -0
  348. package/app/catalog/v4/bank-41-young-telenovela/project.motiondesk.json +5967 -0
  349. package/app/catalog/v4/bank-42-market-app/config.motiondesk-config.json +103 -0
  350. package/app/catalog/v4/bank-42-market-app/poster.webp +0 -0
  351. package/app/catalog/v4/bank-42-market-app/project.motiondesk.json +6766 -0
  352. package/app/catalog/v4/bank-43-passover-sites/config.motiondesk-config.json +92 -0
  353. package/app/catalog/v4/bank-43-passover-sites/poster.webp +0 -0
  354. package/app/catalog/v4/bank-43-passover-sites/project.motiondesk.json +7173 -0
  355. package/app/catalog/v4/bank-44-end-of-excuses/config.motiondesk-config.json +93 -0
  356. package/app/catalog/v4/bank-44-end-of-excuses/poster.webp +0 -0
  357. package/app/catalog/v4/bank-44-end-of-excuses/project.motiondesk.json +6010 -0
  358. package/app/catalog/v4/bank-45-good-reasons/config.motiondesk-config.json +90 -0
  359. package/app/catalog/v4/bank-45-good-reasons/poster.webp +0 -0
  360. package/app/catalog/v4/bank-45-good-reasons/project.motiondesk.json +7122 -0
  361. package/app/catalog/v4/bank-46-mortgage-hotline/config.motiondesk-config.json +99 -0
  362. package/app/catalog/v4/bank-46-mortgage-hotline/poster.webp +0 -0
  363. package/app/catalog/v4/bank-46-mortgage-hotline/project.motiondesk.json +6923 -0
  364. package/app/catalog/v4/bank-47-financial-growth-center/config.motiondesk-config.json +84 -0
  365. package/app/catalog/v4/bank-47-financial-growth-center/poster.webp +0 -0
  366. package/app/catalog/v4/bank-47-financial-growth-center/project.motiondesk.json +6424 -0
  367. package/app/catalog/v4/bank-48-judo-grand-prix/config.motiondesk-config.json +88 -0
  368. package/app/catalog/v4/bank-48-judo-grand-prix/poster.webp +0 -0
  369. package/app/catalog/v4/bank-48-judo-grand-prix/project.motiondesk.json +6335 -0
  370. package/app/catalog/v4/bank-49-currency-convert/config.motiondesk-config.json +98 -0
  371. package/app/catalog/v4/bank-49-currency-convert/poster.webp +0 -0
  372. package/app/catalog/v4/bank-49-currency-convert/project.motiondesk.json +7036 -0
  373. package/app/catalog/v4/bank-50-salary-young/config.motiondesk-config.json +95 -0
  374. package/app/catalog/v4/bank-50-salary-young/poster.webp +0 -0
  375. package/app/catalog/v4/bank-50-salary-young/project.motiondesk.json +6414 -0
  376. package/app/catalog/v4/v4-onboarding-beats-16x9/config.motiondesk-config.json +162 -0
  377. package/app/catalog/v4/v4-onboarding-beats-16x9/poster.webp +0 -0
  378. package/app/catalog/v4/v4-onboarding-beats-16x9/project.motiondesk.json +9796 -0
  379. package/app/catalog/v4/v4-savings-goal-9x16/config.motiondesk-config.json +151 -0
  380. package/app/catalog/v4/v4-savings-goal-9x16/poster.webp +0 -0
  381. package/app/catalog/v4/v4-savings-goal-9x16/project.motiondesk.json +11847 -0
  382. package/app/catalog/v4/v4-trip-planner-1x1/config.motiondesk-config.json +137 -0
  383. package/app/catalog/v4/v4-trip-planner-1x1/poster.webp +0 -0
  384. package/app/catalog/v4/v4-trip-planner-1x1/project.motiondesk.json +10797 -0
  385. package/app/catalog/v4/v4-wallet-launch-16x9/config.motiondesk-config.json +172 -0
  386. package/app/catalog/v4/v4-wallet-launch-16x9/poster.webp +0 -0
  387. package/app/catalog/v4/v4-wallet-launch-16x9/project.motiondesk.json +14270 -0
  388. package/app/fonts/heebo-hebrew-400-normal.woff2 +0 -0
  389. package/app/fonts/heebo-hebrew-700-normal.woff2 +0 -0
  390. package/app/fonts/heebo-latin-400-normal.woff2 +0 -0
  391. package/app/fonts/heebo-latin-700-normal.woff2 +0 -0
  392. package/app/fonts/motiondesk-symbols.ttf +0 -0
  393. package/app/fonts/noto-sans-math-OFL.txt +93 -0
  394. package/app/index.html +15 -0
  395. package/app/studio-hf/fonts/heebo-hebrew-400-normal.woff2 +0 -0
  396. package/app/studio-hf/fonts/heebo-hebrew-700-normal.woff2 +0 -0
  397. package/app/studio-hf/fonts/heebo-latin-400-normal.woff2 +0 -0
  398. package/app/studio-hf/fonts/heebo-latin-700-normal.woff2 +0 -0
  399. package/app/studio-hf/frame.html +21 -0
  400. package/app/studio-hf/vendor/gsap.min.js +11 -0
  401. package/bin/motiondesk-studio.mjs +244 -0
  402. package/lib/catalog/hyperframes/ai-assistant.html +137 -0
  403. package/lib/catalog/hyperframes/annual-report.html +146 -0
  404. package/lib/catalog/hyperframes/app-tour.html +163 -0
  405. package/lib/catalog/hyperframes/balloon-party.html +159 -0
  406. package/lib/catalog/hyperframes/boarding-pass.html +191 -0
  407. package/lib/catalog/hyperframes/chalk-menu.html +157 -0
  408. package/lib/catalog/hyperframes/claim-steps.html +179 -0
  409. package/lib/catalog/hyperframes/clinic-booking.html +177 -0
  410. package/lib/catalog/hyperframes/concert-poster.html +188 -0
  411. package/lib/catalog/hyperframes/course-syllabus.html +163 -0
  412. package/lib/catalog/hyperframes/cyber-shield.html +191 -0
  413. package/lib/catalog/hyperframes/dev-hiring-code.html +137 -0
  414. package/lib/catalog/hyperframes/donation-meter.html +163 -0
  415. package/lib/catalog/hyperframes/editorial-mag.html +179 -0
  416. package/lib/catalog/hyperframes/ev-charge.html +217 -0
  417. package/lib/catalog/hyperframes/event-announce.html +146 -0
  418. package/lib/catalog/hyperframes/finance-growth.html +139 -0
  419. package/lib/catalog/hyperframes/fitness-rings-streak.html +140 -0
  420. package/lib/catalog/hyperframes/flash-sale.html +142 -0
  421. package/lib/catalog/hyperframes/flipclock-countdown.html +152 -0
  422. package/lib/catalog/hyperframes/floorplan-linedraw.html +191 -0
  423. package/lib/catalog/hyperframes/glass-product.html +138 -0
  424. package/lib/catalog/hyperframes/glossy-cosmetics.html +202 -0
  425. package/lib/catalog/hyperframes/gold-couture.html +189 -0
  426. package/lib/catalog/hyperframes/gradient-blobs.html +138 -0
  427. package/lib/catalog/hyperframes/graduation-day.html +133 -0
  428. package/lib/catalog/hyperframes/headline-news-ticker.html +180 -0
  429. package/lib/catalog/hyperframes/hiring-team.html +136 -0
  430. package/lib/catalog/hyperframes/holiday-greeting.html +143 -0
  431. package/lib/catalog/hyperframes/index-b2.json +194 -0
  432. package/lib/catalog/hyperframes/index-b3.json +194 -0
  433. package/lib/catalog/hyperframes/index-b4.json +162 -0
  434. package/lib/catalog/hyperframes/index-b5.json +130 -0
  435. package/lib/catalog/hyperframes/index.json +322 -0
  436. package/lib/catalog/hyperframes/iso-product-3d.html +228 -0
  437. package/lib/catalog/hyperframes/itinerary-map-pins.html +200 -0
  438. package/lib/catalog/hyperframes/key-handover.html +170 -0
  439. package/lib/catalog/hyperframes/kinetic-launch.html +160 -0
  440. package/lib/catalog/hyperframes/legal-trust.html +185 -0
  441. package/lib/catalog/hyperframes/level-up.html +204 -0
  442. package/lib/catalog/hyperframes/logo-sting.html +105 -0
  443. package/lib/catalog/hyperframes/manifesto-quote.html +119 -0
  444. package/lib/catalog/hyperframes/match-day.html +145 -0
  445. package/lib/catalog/hyperframes/match-score.html +209 -0
  446. package/lib/catalog/hyperframes/neighborhood-map.html +157 -0
  447. package/lib/catalog/hyperframes/neon-grid.html +158 -0
  448. package/lib/catalog/hyperframes/org-chart-hiring.html +160 -0
  449. package/lib/catalog/hyperframes/paper-collage.html +180 -0
  450. package/lib/catalog/hyperframes/paw-adopt.html +172 -0
  451. package/lib/catalog/hyperframes/playful-blocks.html +161 -0
  452. package/lib/catalog/hyperframes/podcast-waveform-promo.html +181 -0
  453. package/lib/catalog/hyperframes/price-grid.html +175 -0
  454. package/lib/catalog/hyperframes/quote-carousel-bold.html +142 -0
  455. package/lib/catalog/hyperframes/recipe-ingredients.html +161 -0
  456. package/lib/catalog/hyperframes/retro-80s.html +140 -0
  457. package/lib/catalog/hyperframes/roadmap-timeline.html +163 -0
  458. package/lib/catalog/hyperframes/saas-dashboard.html +194 -0
  459. package/lib/catalog/hyperframes/sale-wheel-24h.html +152 -0
  460. package/lib/catalog/hyperframes/save-the-date.html +140 -0
  461. package/lib/catalog/hyperframes/split-wipe-before-after.html +197 -0
  462. package/lib/catalog/hyperframes/stats-dashboard.html +148 -0
  463. package/lib/catalog/hyperframes/stock-portfolio.html +173 -0
  464. package/lib/catalog/hyperframes/swiss-grid.html +152 -0
  465. package/lib/catalog/hyperframes/travel-route.html +168 -0
  466. package/lib/catalog/hyperframes/tutorial-steps.html +159 -0
  467. package/lib/catalog/hyperframes/wallet-card-transactions.html +187 -0
  468. package/lib/catalog/hyperframes/wedding-invite.html +141 -0
  469. package/lib/catalog/studio/apps.json +2134 -0
  470. package/lib/catalog/studio/auto.json +2019 -0
  471. package/lib/catalog/studio/beauty.json +1630 -0
  472. package/lib/catalog/studio/business.json +2064 -0
  473. package/lib/catalog/studio/celebrations.json +2142 -0
  474. package/lib/catalog/studio/community.json +1926 -0
  475. package/lib/catalog/studio/culture.json +2156 -0
  476. package/lib/catalog/studio/data.json +1934 -0
  477. package/lib/catalog/studio/education.json +1914 -0
  478. package/lib/catalog/studio/events.json +1921 -0
  479. package/lib/catalog/studio/family.json +2159 -0
  480. package/lib/catalog/studio/fashion.json +1958 -0
  481. package/lib/catalog/studio/finance.json +1922 -0
  482. package/lib/catalog/studio/food.json +2128 -0
  483. package/lib/catalog/studio/gaming.json +1756 -0
  484. package/lib/catalog/studio/health.json +1934 -0
  485. package/lib/catalog/studio/hr.json +1860 -0
  486. package/lib/catalog/studio/kids.json +1697 -0
  487. package/lib/catalog/studio/launch.json +2161 -0
  488. package/lib/catalog/studio/legal.json +1732 -0
  489. package/lib/catalog/studio/music.json +1721 -0
  490. package/lib/catalog/studio/nonprofit.json +1665 -0
  491. package/lib/catalog/studio/pets.json +2196 -0
  492. package/lib/catalog/studio/premium.json +5577 -0
  493. package/lib/catalog/studio/realestate.json +2018 -0
  494. package/lib/catalog/studio/retail.json +1959 -0
  495. package/lib/catalog/studio/services.json +2154 -0
  496. package/lib/catalog/studio/social.json +2004 -0
  497. package/lib/catalog/studio/sports.json +1999 -0
  498. package/lib/catalog/studio/tech.json +2124 -0
  499. package/lib/catalog/studio/travel.json +1966 -0
  500. package/lib/core-v4.cjs +4897 -0
  501. package/lib/core.cjs +4223 -0
  502. package/lib/motion-blur.cjs +36 -0
  503. package/lib/studio.cjs +4419 -0
  504. package/lib/vercel-render.mjs +494 -0
  505. package/lib/vercel-source.cjs +88 -0
  506. package/package.json +16 -4
package/lib/catalog/hyperframes/neighborhood-map.html ADDED
@@ -0,0 +1,157 @@
1
+ <!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:#e9f1e2;--fg:#25324a;--roof:#ef7b5d;--lamp:#ffd25e;--park:#6fbf84;--road:#c3ccd6}
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
+ #root{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--bg) 70%,var(--lamp)),var(--bg) 65%)}
24
+ .t{position:absolute;white-space:nowrap;line-height:1.15;color:var(--fg)}
25
+ .c{left:0;right:0;text-align:center}
26
+ .sky{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--fg) 75%,var(--road)),var(--fg) 70%)}
27
+ .gd{fill:color-mix(in srgb,var(--park) 30%,var(--bg))}
28
+ .sl{fill:color-mix(in srgb,var(--park) 50%,var(--fg))}.sr{fill:color-mix(in srgb,var(--park) 35%,var(--fg))}
29
+ .pk{fill:color-mix(in srgb,var(--park) 70%,var(--bg))}
30
+ .rd{fill:var(--road)}
31
+ .dash{fill:none;stroke:var(--bg);stroke-width:3;stroke-dasharray:12 12}
32
+ .lf{fill:color-mix(in srgb,var(--bg) 80%,var(--fg))}.rf{fill:color-mix(in srgb,var(--bg) 58%,var(--fg))}
33
+ .tp{fill:var(--bg)}.tp.r{fill:var(--roof)}
34
+ .nt{fill:var(--fg);opacity:0}
35
+ .win{fill:var(--lamp);opacity:0}
36
+ .trk{fill:color-mix(in srgb,var(--roof) 40%,var(--fg))}
37
+ .cnp{fill:var(--park)}
38
+ .lg{fill:color-mix(in srgb,var(--lamp) 45%,transparent);opacity:0}
39
+ .lb{fill:var(--lamp)}
40
+ .pin{position:absolute;width:72px;height:96px}
41
+ .pin .ph{position:absolute;left:0;top:0;width:72px;height:72px;border-radius:50%;box-shadow:0 0 0 6px var(--bg)}
42
+ .pin .pt{position:absolute;left:22px;top:52px;width:28px;height:44px;clip-path:polygon(0 0,100% 0,50% 100%)}
43
+ .pin p{position:absolute;left:0;right:0;top:8px;text-align:center;font-size:44px;font-weight:700;line-height:1.15;color:var(--fg)}
44
+ .sh{position:absolute;width:44px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--lamp) 50%,transparent)}
45
+ .ld{position:absolute;right:150px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}
46
+ .ld b{font-size:30px;font-weight:700;color:var(--fg);line-height:1.15}
47
+ .li{right:220px;font-size:44px;font-weight:700;color:var(--bg)}
48
+ .lw{left:150px;font-size:40px;color:color-mix(in srgb,var(--bg) 75%,var(--fg))}
49
+ .card{position:absolute;left:150px;width:780px;top:150px;height:700px;border-radius:36px;background:var(--bg);box-shadow:0 30px 70px color-mix(in srgb,var(--fg) 30%,transparent);overflow:hidden}
50
+ .chd{position:absolute;left:0;right:0;top:0;height:120px;background:var(--roof)}
51
+ .ring{position:absolute;top:-16px;width:22px;height:50px;border-radius:12px;background:var(--fg)}
52
+ .wds{position:absolute;left:40px;right:40px;top:140px;display:grid;grid-template-columns:repeat(7,1fr);text-align:center}
53
+ .wds i::before{font-style:normal;font-size:30px;font-weight:700;color:color-mix(in srgb,var(--fg) 55%,var(--bg))}
54
+ .wds i:nth-child(1)::before{content:"א"}.wds i:nth-child(2)::before{content:"ב"}.wds i:nth-child(3)::before{content:"ג"}.wds i:nth-child(4)::before{content:"ד"}.wds i:nth-child(5)::before{content:"ה"}.wds i:nth-child(6)::before{content:"ו"}.wds i:nth-child(7)::before{content:"ש"}
55
+ .grd{position:absolute;left:40px;right:40px;top:200px;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:84px;counter-reset:d}
56
+ .dy,.dx{display:flex;align-items:center;justify-content:center;font-style:normal}
57
+ .dy{counter-increment:d}
58
+ .dy::before{content:counter(d);font-size:38px;font-weight:700;color:var(--fg);position:relative;z-index:1}
59
+ .dy.ev::after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--c)}
60
+ .dy{position:relative}
61
+ .cta{position:absolute;left:170px;right:170px;top:900px;height:110px;border-radius:60px;background:var(--fg);display:flex;align-items:center;justify-content:center}
62
+ .cta p{font-size:44px;font-weight:700;color:var(--bg);white-space:nowrap}
63
+ </style>
64
+ </head>
65
+ <body>
66
+ <div id="root" data-composition-id="neighborhood-map" data-start="0" data-width="1080" data-height="1080" data-duration="15">
67
+ <section id="s1" class="clip scene" data-start="0" data-duration="3.8">
68
+ <div class="cam" id="c1">
69
+ <h1 class="t c" id="t1" style="top:50px;font-size:88px;font-weight:700">השכונה שלנו</h1>
70
+ <svg class="abs" id="u1" style="left:0;top:0;overflow:visible" width="1080" height="1080" viewBox="0 0 1080 1080"><use href="#map"/></svg>
71
+ <p class="t c" id="sb1" style="top:880px;font-size:48px">נבנית יחד, רחוב אחרי רחוב</p>
72
+ </div>
73
+ </section>
74
+ <section id="s2" class="clip scene" data-start="3.8" data-duration="3.8">
75
+ <div class="cam" id="c2">
76
+ <i class="sky" id="sky"></i>
77
+ <svg class="abs" id="mp2" style="left:0;top:0;overflow:visible" width="1080" height="1080" viewBox="0 0 1080 1080"><g id="map">
78
+ <polygon class="sl" points="92,554 540,778 540,804 92,580"/><polygon class="sr" points="540,778 988,554 988,580 540,804"/>
79
+ <polygon class="gd" id="gd" points="540,330 988,554 540,778 92,554"/>
80
+ <polygon class="pk" points="860,490 988,554 860,618 732,554"/>
81
+ <polygon class="rd" points="732,426 796,458 348,682 284,650"/><polygon class="rd" points="348,426 796,650 732,682 284,458"/><path class="dash" d="M764,442 L316,666"/><path class="dash" d="M316,442 L764,666"/>
82
+ <path class="nt" id="gnt" d="M540,330 988,554 988,580 540,804 92,580 92,554Z"/>
83
+ <g class="b" id="b0"><polygon class="lf" points="490,362 540,387 540,287 490,262"/><polygon class="rf" points="540,387 590,362 590,262 540,287"/><polygon class="tp r" points="540,237 590,262 540,287 490,262"/><path class="nt" d="M490,362 540,387 540,287 490,262ZM540,387 590,362 590,262 540,287ZM540,237 590,262 540,287 490,262Z"/><path class="win" d="M507,358l16,8v-14l-16,-8zM557,366l16,-8v-14l-16,8zM507,330l16,8v-14l-16,-8zM557,338l16,-8v-14l-16,8zM507,302l16,8v-14l-16,-8zM557,310l16,-8v-14l-16,8z"/></g><g class="b" id="b2"><polygon class="lf" points="426,394 476,419 476,279 426,254"/><polygon class="rf" points="476,419 526,394 526,254 476,279"/><polygon class="tp" points="476,229 526,254 476,279 426,254"/><path class="nt" d="M426,394 476,419 476,279 426,254ZM476,419 526,394 526,254 476,279ZM476,229 526,254 476,279 426,254Z"/><path class="win" d="M443,390l16,8v-14l-16,-8zM493,398l16,-8v-14l-16,8zM443,359l16,8v-14l-16,-8zM493,367l16,-8v-14l-16,8zM443,328l16,8v-14l-16,-8zM493,336l16,-8v-14l-16,8zM443,297l16,8v-14l-16,-8zM493,305l16,-8v-14l-16,8z"/></g><g class="b" id="b1"><polygon class="lf" points="554,394 604,419 604,359 554,334"/><polygon class="rf" points="604,419 654,394 654,334 604,359"/><polygon class="tp" points="604,309 654,334 604,359 554,334"/><path class="nt" d="M554,394 604,419 604,359 554,334ZM604,419 654,394 654,334 604,359ZM604,309 654,334 604,359 554,334Z"/><path class="win" d="M571,390l16,8v-14l-16,-8zM621,398l16,-8v-14l-16,8zM571,368l16,8v-14l-16,-8zM621,376l16,-8v-14l-16,8z"/></g><g class="b" id="b5"><polygon class="lf" points="618,426 668,451 668,401 618,376"/><polygon class="rf" points="668,451 718,426 718,376 668,401"/><polygon class="tp" points="668,351 718,376 668,401 618,376"/><path class="nt" d="M618,426 668,451 668,401 618,376ZM668,451 718,426 718,376 668,401ZM668,351 718,376 668,401 618,376Z"/><path class="win" d="M635,422l16,8v-14l-16,-8zM685,430l16,-8v-14l-16,8z"/></g><g class="b" id="b4"><polygon class="lf" points="426,458 476,483 476,393 426,368"/><polygon class="rf" points="476,483 526,458 526,368 476,393"/><polygon class="tp" points="476,343 526,368 476,393 426,368"/><path class="nt" d="M426,458 476,483 476,393 426,368ZM476,483 526,458 526,368 476,393ZM476,343 526,368 476,393 426,368Z"/><path class="win" d="M443,454l16,8v-14l-16,-8zM493,462l16,-8v-14l-16,8zM443,417l16,8v-14l-16,-8zM493,425l16,-8v-14l-16,8z"/></g><g class="b" id="b3"><polygon class="lf" points="554,458 604,483 604,413 554,388"/><polygon class="rf" points="604,483 654,458 654,388 604,413"/><polygon class="tp r" points="604,363 654,388 604,413 554,388"/><path class="nt" d="M554,458 604,483 604,413 554,388ZM604,483 654,458 654,388 604,413ZM604,363 654,388 604,413 554,388Z"/><path class="win" d="M571,454l16,8v-14l-16,-8zM621,462l16,-8v-14l-16,8zM571,427l16,8v-14l-16,-8zM621,435l16,-8v-14l-16,8z"/></g><g class="b" id="b9"><polygon class="lf" points="234,490 284,515 284,445 234,420"/><polygon class="rf" points="284,515 334,490 334,420 284,445"/><polygon class="tp r" points="284,395 334,420 284,445 234,420"/><path class="nt" d="M234,490 284,515 284,445 234,420ZM284,515 334,490 334,420 284,445ZM284,395 334,420 284,445 234,420Z"/><path class="win" d="M251,486l16,8v-14l-16,-8zM301,494l16,-8v-14l-16,8zM251,459l16,8v-14l-16,-8zM301,467l16,-8v-14l-16,8z"/></g><g class="b" id="b6"><polygon class="lf" points="746,490 796,515 796,435 746,410"/><polygon class="rf" points="796,515 846,490 846,410 796,435"/><polygon class="tp r" points="796,385 846,410 796,435 746,410"/><path class="nt" d="M746,490 796,515 796,435 746,410ZM796,515 846,490 846,410 796,435ZM796,385 846,410 796,435 746,410Z"/><path class="win" d="M763,486l16,8v-14l-16,-8zM813,494l16,-8v-14l-16,8zM763,454l16,8v-14l-16,-8zM813,462l16,-8v-14l-16,8z"/></g><g class="tr" id="tr4"><rect class="trk" x="344" y="492" width="8" height="30"/><circle class="cnp" cx="348" cy="476" r="24"/><circle class="nt" cx="348" cy="476" r="24"/></g><g class="tr" id="tr0"><rect class="trk" x="856" y="492" width="8" height="30"/><circle class="cnp" cx="860" cy="476" r="24"/><circle class="nt" cx="860" cy="476" r="24"/></g><g class="b" id="b12"><polygon class="lf" points="106,554 156,579 156,499 106,474"/><polygon class="rf" points="156,579 206,554 206,474 156,499"/><polygon class="tp" points="156,449 206,474 156,499 106,474"/><path class="nt" d="M106,554 156,579 156,499 106,474ZM156,579 206,554 206,474 156,499ZM156,449 206,474 156,499 106,474Z"/><path class="win" d="M123,550l16,8v-14l-16,-8zM173,558l16,-8v-14l-16,8zM123,518l16,8v-14l-16,-8zM173,526l16,-8v-14l-16,8z"/></g><g class="b" id="b10"><polygon class="lf" points="234,554 284,579 284,459 234,434"/><polygon class="rf" points="284,579 334,554 334,434 284,459"/><polygon class="tp" points="284,409 334,434 284,459 234,434"/><path class="nt" d="M234,554 284,579 284,459 234,434ZM284,579 334,554 334,434 284,459ZM284,409 334,434 284,459 234,434Z"/><path class="win" d="M251,550l16,8v-14l-16,-8zM301,558l16,-8v-14l-16,8zM251,516l16,8v-14l-16,-8zM301,524l16,-8v-14l-16,8zM251,481l16,8v-14l-16,-8zM301,489l16,-8v-14l-16,8z"/></g><g class="b" id="b11"><polygon class="lf" points="362,554 412,579 412,529 362,504"/><polygon class="rf" points="412,579 462,554 462,504 412,529"/><polygon class="tp" points="412,479 462,504 412,529 362,504"/><path class="nt" d="M362,554 412,579 412,529 362,504ZM412,579 462,554 462,504 412,529ZM412,479 462,504 412,529 362,504Z"/><path class="win" d="M379,550l16,8v-14l-16,-8zM429,558l16,-8v-14l-16,8z"/></g><g class="b" id="b7"><polygon class="lf" points="618,554 668,579 668,519 618,494"/><polygon class="rf" points="668,579 718,554 718,494 668,519"/><polygon class="tp" points="668,469 718,494 668,519 618,494"/><path class="nt" d="M618,554 668,579 668,519 618,494ZM668,579 718,554 718,494 668,519ZM668,469 718,494 668,519 618,494Z"/><path class="win" d="M635,550l16,8v-14l-16,-8zM685,558l16,-8v-14l-16,8zM635,528l16,8v-14l-16,-8zM685,536l16,-8v-14l-16,8z"/></g><g class="tr" id="tr2"><rect class="trk" x="792" y="524" width="8" height="30"/><circle class="cnp" cx="796" cy="508" r="24"/><circle class="nt" cx="796" cy="508" r="24"/></g><g class="tr" id="tr1"><rect class="trk" x="920" y="524" width="8" height="30"/><circle class="cnp" cx="924" cy="508" r="24"/><circle class="nt" cx="924" cy="508" r="24"/></g><g class="tr" id="tr3"><rect class="trk" x="856" y="556" width="8" height="30"/><circle class="cnp" cx="860" cy="540" r="24"/><circle class="nt" cx="860" cy="540" r="24"/></g><g class="b" id="b13"><polygon class="lf" points="234,618 284,643 284,583 234,558"/><polygon class="rf" points="284,643 334,618 334,558 284,583"/><polygon class="tp r" points="284,533 334,558 284,583 234,558"/><path class="nt" d="M234,618 284,643 284,583 234,558ZM284,643 334,618 334,558 284,583ZM284,533 334,558 284,583 234,558Z"/><path class="win" d="M251,614l16,8v-14l-16,-8zM301,622l16,-8v-14l-16,8zM251,592l16,8v-14l-16,-8zM301,600l16,-8v-14l-16,8z"/></g><g class="b" id="b14"><polygon class="lf" points="490,618 540,643 540,553 490,528"/><polygon class="rf" points="540,643 590,618 590,528 540,553"/><polygon class="tp" points="540,503 590,528 540,553 490,528"/><path class="nt" d="M490,618 540,643 540,553 490,528ZM540,643 590,618 590,528 540,553ZM540,503 590,528 540,553 490,528Z"/><path class="win" d="M507,614l16,8v-14l-16,-8zM557,622l16,-8v-14l-16,8zM507,577l16,8v-14l-16,-8zM557,585l16,-8v-14l-16,8z"/></g><g class="b" id="b8"><polygon class="lf" points="746,618 796,643 796,533 746,508"/><polygon class="rf" points="796,643 846,618 846,508 796,533"/><polygon class="tp r" points="796,483 846,508 796,533 746,508"/><path class="nt" d="M746,618 796,643 796,533 746,508ZM796,643 846,618 846,508 796,533ZM796,483 846,508 796,533 746,508Z"/><path class="win" d="M763,614l16,8v-14l-16,-8zM813,622l16,-8v-14l-16,8zM763,583l16,8v-14l-16,-8zM813,591l16,-8v-14l-16,8zM763,552l16,8v-14l-16,-8zM813,560l16,-8v-14l-16,8z"/></g><g class="tr" id="tr5"><rect class="trk" x="600" y="620" width="8" height="30"/><circle class="cnp" cx="604" cy="604" r="24"/><circle class="nt" cx="604" cy="604" r="24"/></g><g class="b" id="b17"><polygon class="lf" points="362,682 412,707 412,637 362,612"/><polygon class="rf" points="412,707 462,682 462,612 412,637"/><polygon class="tp r" points="412,587 462,612 412,637 362,612"/><path class="nt" d="M362,682 412,707 412,637 362,612ZM412,707 462,682 462,612 412,637ZM412,587 462,612 412,637 362,612Z"/><path class="win" d="M379,678l16,8v-14l-16,-8zM429,686l16,-8v-14l-16,8zM379,651l16,8v-14l-16,-8zM429,659l16,-8v-14l-16,8z"/></g><g class="b" id="b15"><polygon class="lf" points="490,682 540,707 540,557 490,532"/><polygon class="rf" points="540,707 590,682 590,532 540,557"/><polygon class="tp r" points="540,507 590,532 540,557 490,532"/><path class="nt" d="M490,682 540,707 540,557 490,532ZM540,707 590,682 590,532 540,557ZM540,507 590,532 540,557 490,532Z"/><path class="win" d="M507,678l16,8v-14l-16,-8zM557,686l16,-8v-14l-16,8zM507,645l16,8v-14l-16,-8zM557,653l16,-8v-14l-16,8zM507,611l16,8v-14l-16,-8zM557,619l16,-8v-14l-16,8zM507,578l16,8v-14l-16,-8zM557,586l16,-8v-14l-16,8z"/></g><g class="b" id="b16"><polygon class="lf" points="618,682 668,707 668,647 618,622"/><polygon class="rf" points="668,707 718,682 718,622 668,647"/><polygon class="tp" points="668,597 718,622 668,647 618,622"/><path class="nt" d="M618,682 668,707 668,647 618,622ZM668,707 718,682 718,622 668,647ZM668,597 718,622 668,647 618,622Z"/><path class="win" d="M635,678l16,8v-14l-16,-8zM685,686l16,-8v-14l-16,8zM635,656l16,8v-14l-16,-8zM685,664l16,-8v-14l-16,8z"/></g><g class="b" id="b18"><polygon class="lf" points="490,746 540,771 540,671 490,646"/><polygon class="rf" points="540,771 590,746 590,646 540,671"/><polygon class="tp" points="540,621 590,646 540,671 490,646"/><path class="nt" d="M490,746 540,771 540,671 490,646ZM540,771 590,746 590,646 540,671ZM540,621 590,646 540,671 490,646Z"/><path class="win" d="M507,742l16,8v-14l-16,-8zM557,750l16,-8v-14l-16,8zM507,714l16,8v-14l-16,-8zM557,722l16,-8v-14l-16,8zM507,686l16,8v-14l-16,-8zM557,694l16,-8v-14l-16,8z"/></g><g class="lp" id="lp0"><circle class="lg" cx="698" cy="452" r="26"/><rect class="trk" x="695" y="452" width="6" height="44"/><circle class="lb" cx="698" cy="450" r="7"/></g><g class="lp" id="lp1"><circle class="lg" cx="442" cy="580" r="26"/><rect class="trk" x="439" y="580" width="6" height="44"/><circle class="lb" cx="442" cy="578" r="7"/></g><g class="lp" id="lp2"><circle class="lg" cx="442" cy="452" r="26"/><rect class="trk" x="439" y="452" width="6" height="44"/><circle class="lb" cx="442" cy="450" r="7"/></g><g class="lp" id="lp3"><circle class="lg" cx="698" cy="580" r="26"/><rect class="trk" x="695" y="580" width="6" height="44"/><circle class="lb" cx="698" cy="578" r="7"/></g></g></svg>
84
+ <h2 class="t c" id="t2" style="top:50px;font-size:84px;font-weight:700;color:var(--lamp)">כשהערב יורד</h2>
85
+ <p class="t c" id="sb2" style="top:880px;font-size:48px;color:var(--bg)">השכונה נדלקת לאירועי הקיץ</p>
86
+ </div>
87
+ </section>
88
+ <section id="s3" class="clip scene" data-start="7.6" data-duration="3.8">
89
+ <div class="cam" id="c3">
90
+ <i class="sky"></i>
91
+ <svg class="abs" id="u3" style="left:0;top:-60px;overflow:visible" width="1080" height="1080" viewBox="0 0 1080 1080"><use href="#map"/></svg>
92
+ <h2 class="t c" id="t3" style="top:40px;font-size:76px;font-weight:700;color:var(--lamp)">אירועי הקיץ בשכונה</h2>
93
+ <div class="layer" style="top:-60px"><div class="pin" id="pn0" style="left:504px;top:458px"><i class="pt" style="background:var(--roof)"></i><i class="ph" style="background:var(--roof)"></i><p id="pnn0">1</p></div><i class="sh" id="psh0" style="left:518px;top:546px"></i><div class="pin" id="pn1" style="left:824px;top:458px"><i class="pt" style="background:var(--lamp)"></i><i class="ph" style="background:var(--lamp)"></i><p id="pnn1">2</p></div><i class="sh" id="psh1" style="left:838px;top:546px"></i><div class="pin" id="pn2" style="left:312px;top:426px"><i class="pt" style="background:var(--park)"></i><i class="ph" style="background:var(--park)"></i><p id="pnn2">3</p></div><i class="sh" id="psh2" style="left:326px;top:514px"></i></div>
94
+ <i class="ld" id="ld0" style="top:872px;background:var(--roof)"><b id="ldn0">1</b></i><p class="t li" id="li0" style="top:862px">שוק איכרים</p><p class="t lw" id="lw0" style="top:862px">שישי 6.8</p><i class="ld" id="ld1" style="top:936px;background:var(--lamp)"><b id="ldn1">2</b></i><p class="t li" id="li1" style="top:926px">סרט בפארק</p><p class="t lw" id="lw1" style="top:926px">חמישי 12.8</p><i class="ld" id="ld2" style="top:1000px;background:var(--park)"><b id="ldn2">3</b></i><p class="t li" id="li2" style="top:990px">גינה קהילתית</p><p class="t lw" id="lw2" style="top:990px">שבת 21.8</p>
95
+ </div>
96
+ </section>
97
+ <section id="s4" class="clip scene" data-start="11.4" data-duration="3.6">
98
+ <div class="cam" id="c4">
99
+ <p class="t c" id="e4" style="top:50px;font-size:60px;font-weight:700">לוח האירועים</p>
100
+ <div class="card" id="cd">
101
+ <div class="chd"><p class="t c" id="mo" style="top:26px;font-size:60px;font-weight:700;color:var(--bg)">אוגוסט 2027</p></div>
102
+ <div class="wds"><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
103
+ <div class="grd" id="grd"><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy ev" style="--c:var(--roof)"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy ev" style="--c:var(--lamp)"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy ev" style="--c:var(--park)"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dy"></i><i class="dx"></i><i class="dx"></i><i class="dx"></i><i class="dx"></i></div>
104
+ </div>
105
+ <i class="ring" style="left:330px;top:134px"></i><i class="ring" style="left:728px;top:134px"></i>
106
+ <div class="cta" id="cta"><p id="ctat">מרכז קהילתי נווה גן · הצטרפו</p></div>
107
+ </div>
108
+ </section>
109
+ </div>
110
+ <script>
111
+ const tl=gsap.timeline({paused:true});
112
+ const S=[0,3.8,7.6,11.4,15],D=15;
113
+ const X="expo.out",P="power3.out",B="back.out(2)";
114
+ function fadeOut(i){tl.to("#c"+(i+1),{opacity:0,duration:.4,ease:"power1.in"},S[i+1]-.4);}
115
+ // s1 build the neighborhood (original map lives in scene 2, scenes 1 and 3 show it through <use>)
116
+ tl.fromTo("#c1",{opacity:0},{opacity:1,duration:.4},S[0]);
117
+ tl.fromTo("#t1",{opacity:0,y:-30},{opacity:1,y:0,duration:.6,ease:P},S[0]+.1);
118
+ tl.fromTo("#map",{scale:.6,opacity:0,svgOrigin:"540 560"},{scale:1,opacity:1,svgOrigin:"540 560",duration:.8,ease:X},S[0]+.1);
119
+ tl.fromTo("#map .b",{y:-120,opacity:0},{y:0,opacity:1,duration:.7,ease:"bounce.out",stagger:.07},S[0]+.5);
120
+ tl.fromTo("#map .tr",{scale:0,opacity:0,transformOrigin:"50% 100%"},{scale:1,opacity:1,duration:.5,ease:B,stagger:.08},S[0]+1.6);
121
+ tl.fromTo("#map .lp",{opacity:0},{opacity:1,duration:.3,stagger:.08},S[0]+2.1);
122
+ tl.fromTo("#sb1",{opacity:0,y:20},{opacity:1,y:0,duration:.6,ease:P},S[0]+2.2);
123
+ tl.set("#map .nt,#map .win,#map .lg",{opacity:0},S[0]);
124
+ fadeOut(0);
125
+ // s2 night falls, windows light up
126
+ tl.fromTo("#c2",{opacity:0},{opacity:1,duration:.3},S[1]);
127
+ tl.fromTo("#sky",{opacity:0},{opacity:1,duration:1.2,ease:"power1.inOut"},S[1]+.1);
128
+ tl.to("#map .nt",{opacity:.42,duration:1.2,ease:"power1.inOut"},S[1]+.1);
129
+ tl.to("#map .win",{opacity:1,duration:.15,ease:"steps(2)",stagger:.07},S[1]+1.1);
130
+ tl.to("#map .lg",{opacity:1,duration:.4,stagger:.1},S[1]+1);
131
+ tl.fromTo("#mp2",{scale:1},{scale:1.05,duration:3.5,ease:"sine.inOut",transformOrigin:"50% 55%"},S[1]);
132
+ tl.fromTo("#t2",{opacity:0,y:-30},{opacity:1,y:0,duration:.6,ease:P},S[1]+1);
133
+ tl.fromTo("#sb2",{opacity:0,y:20},{opacity:1,y:0,duration:.6,ease:P},S[1]+1.6);
134
+ fadeOut(1);
135
+ // s3 pins
136
+ tl.fromTo("#c3",{opacity:0},{opacity:1,duration:.3},S[2]);
137
+ tl.fromTo("#t3",{opacity:0,y:-30},{opacity:1,y:0,duration:.6,ease:P},S[2]+.1);
138
+ [0,1,2].forEach(k=>{const a=S[2]+.4+k*.45;
139
+ tl.fromTo("#pn"+k,{y:-500,opacity:0},{y:0,opacity:1,duration:.7,ease:"bounce.out"},a);
140
+ tl.fromTo("#psh"+k,{scale:0},{scale:1,duration:.4,ease:P},a+.4);
141
+ tl.fromTo("#ld"+k,{scale:0},{scale:1,duration:.4,ease:B},a+.5);
142
+ tl.fromTo(["#li"+k,"#lw"+k],{opacity:0,x:-30},{opacity:1,x:0,duration:.5,ease:P,stagger:.1},a+.55);});
143
+ tl.to(["#pn0","#pn1","#pn2"],{y:-16,duration:.3,yoyo:true,repeat:1,ease:"sine.inOut",stagger:.15},S[2]+2.4);
144
+ fadeOut(2);
145
+ // s4 calendar
146
+ tl.fromTo("#c4",{opacity:0},{opacity:1,duration:.3},S[3]);
147
+ tl.fromTo("#e4",{opacity:0,y:-20},{opacity:1,y:0,duration:.5,ease:P},S[3]+.1);
148
+ tl.fromTo("#cd",{y:120,opacity:0,rotation:-3},{y:0,opacity:1,rotation:0,duration:.8,ease:X},S[3]+.1);
149
+ tl.fromTo(".ring",{opacity:0},{opacity:1,duration:.3},S[3]+.5);
150
+ tl.fromTo("#grd i",{scale:0,opacity:0},{scale:1,opacity:1,duration:.3,ease:B,stagger:.025},S[3]+.4);
151
+ tl.to("#grd .ev",{scale:1.25,duration:.25,yoyo:true,repeat:1,ease:"sine.inOut",stagger:.2},S[3]+1.9);
152
+ tl.fromTo("#cta",{scale:.5,opacity:0},{scale:1,opacity:1,duration:.6,ease:B},S[3]+2.2);
153
+ tl.set({},{},D);
154
+ window.__timelines=window.__timelines||{};window.__timelines["neighborhood-map"]=tl;
155
+ </script>
156
+ </body>
157
+ </html>
package/lib/catalog/hyperframes/neon-grid.html ADDED
@@ -0,0 +1,158 @@
1
+ <!doctype html>
2
+ <html lang="he" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=1920, height=1080">
6
+ <title>רשת ניאון טכנולוגית</title>
7
+ <script src="vendor/gsap.min.js"></script>
8
+ <style>
9
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
10
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
11
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
12
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
13
+ :root{--bg:#05060f;--fg:#eaf2ff;--accent:#00e5ff;--accent2:#ff2bd6;--grid:#4a35ff}
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
+ .floor{position:absolute;left:-60%;width:220%;top:560px;height:640px;transform-origin:50% 0;transform:perspective(700px) rotateX(72deg);background:linear-gradient(var(--grid) 3px,transparent 3px) 0 0/120px 120px,linear-gradient(90deg,var(--grid) 3px,transparent 3px) 0 0/120px 120px;-webkit-mask-image:linear-gradient(transparent,var(--fg) 35%);mask-image:linear-gradient(transparent,var(--fg) 35%)}
24
+ .horizon{position:absolute;left:0;right:0;top:470px;height:180px;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--accent2) 60%,transparent),transparent 65%);filter:blur(10px)}
25
+ .sky{position:absolute;inset:0;background:linear-gradient(var(--bg) 0%,color-mix(in srgb,var(--grid) 22%,var(--bg)) 55%,var(--bg) 56%)}
26
+ .scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--bg) 35%,transparent) 0 2px,transparent 2px 5px);pointer-events:none}
27
+ .neon{color:var(--fg);text-shadow:0 0 12px var(--accent),0 0 34px var(--accent),0 0 70px color-mix(in srgb,var(--accent) 60%,transparent)}
28
+ .neon2{color:var(--fg);text-shadow:0 0 12px var(--accent2),0 0 34px var(--accent2),0 0 70px color-mix(in srgb,var(--accent2) 60%,transparent)}
29
+ .ttl{position:absolute;font-weight:700;white-space:nowrap;line-height:1.1}
30
+ .mono{position:absolute;font-size:30px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
31
+ .crn{position:absolute;width:70px;height:70px;border:0 solid var(--accent)}
32
+ .crt{position:absolute;inset:0;pointer-events:none}
33
+ .line{position:absolute;left:0;right:0;top:538px;height:4px;background:var(--fg);box-shadow:0 0 20px var(--accent),0 0 60px var(--accent);transform:scaleX(0)}
34
+ svg{position:absolute;left:0;top:0;overflow:visible}
35
+ .ed{stroke:var(--accent);stroke-width:3;opacity:.75}
36
+ .nd{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--bg);border:4px solid var(--accent);box-shadow:0 0 18px var(--accent)}
37
+ .nd.core{width:68px;height:68px;background:var(--accent2);border-color:var(--fg);box-shadow:0 0 40px var(--accent2),0 0 90px var(--accent2)}
38
+ .ring{position:absolute;left:460px;top:440px;width:200px;height:200px;border-radius:50%;border:3px solid var(--accent2)}
39
+ .pk{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--fg);box-shadow:0 0 14px var(--fg),0 0 30px var(--accent)}
40
+ .panel{position:absolute;width:480px;height:440px;border:2px solid color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--grid) 14%,transparent));box-shadow:0 0 40px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 0 40px color-mix(in srgb,var(--accent) 10%,transparent);clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,12% 100%,0 88%)}
41
+ .pc{position:absolute;right:0;top:0;width:60px;height:6px;background:var(--accent2)}
42
+ .plbl{position:absolute;right:40px;top:44px;font-size:36px;font-weight:400;color:color-mix(in srgb,var(--fg) 80%,transparent)}
43
+ .pnum{position:absolute;right:36px;top:110px;font-size:104px;font-weight:700;white-space:nowrap;color:var(--fg);text-shadow:0 0 14px var(--accent),0 0 40px var(--accent)}
44
+ .bars{position:absolute;left:40px;right:40px;bottom:40px;height:120px;display:flex;align-items:flex-end;gap:14px}
45
+ .bars i{flex:1;background:linear-gradient(var(--accent),var(--grid));transform-origin:50% 100%}
46
+ .sweep{position:absolute;top:0;bottom:0;width:260px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 22%,transparent),transparent)}
47
+ .cta{position:absolute;padding:18px 64px;border:3px solid var(--accent2);border-radius:14px;font-size:48px;font-weight:700;box-shadow:0 0 24px var(--accent2),inset 0 0 18px color-mix(in srgb,var(--accent2) 50%,transparent)}
48
+ </style>
49
+ </head>
50
+ <body>
51
+ <div id="root" data-composition-id="neon-grid" data-start="0" data-width="1920" data-height="1080" data-duration="12.8">
52
+ <section id="s1" class="clip scene" data-start="0" data-duration="3">
53
+ <div class="cam" id="c1">
54
+ <div class="sky"></div><div class="horizon" id="hz1"></div><div class="floor" id="fl1"></div>
55
+ <div class="crn" id="cr1" style="right:80px;top:80px;border-top-width:4px;border-right-width:4px"></div>
56
+ <div class="crn" id="cr2" style="left:80px;bottom:80px;border-bottom-width:4px;border-left-width:4px"></div>
57
+ <p class="mono" id="m1" style="left:110px;top:96px">מערכת פעילה · 01</p>
58
+ <h1 class="ttl neon" id="t1a" style="left:0;right:0;text-align:center;top:190px;font-size:230px">העתיד</h1>
59
+ <h2 class="ttl neon2" id="t1b" style="left:0;right:0;text-align:center;top:450px;font-size:96px">כבר מחובר</h2>
60
+ </div>
61
+ <div class="scan"></div>
62
+ </section>
63
+ <section id="s2" class="clip scene" data-start="3" data-duration="3.2">
64
+ <div class="cam" id="c2">
65
+ <div class="layer" id="net2" style="transform-origin:560px 540px">
66
+ <svg width="1920" height="1080"><line class="ed" x1="560" y1="540" x2="250" y2="300"/><line class="ed" x1="560" y1="540" x2="330" y2="760"/><line class="ed" x1="560" y1="540" x2="760" y2="250"/><line class="ed" x1="560" y1="540" x2="880" y2="800"/><line class="ed" x1="560" y1="540" x2="180" y2="540"/><line class="ed" x1="560" y1="540" x2="980" y2="470"/><line class="ed" x1="250" y1="300" x2="500" y2="180"/><line class="ed" x1="760" y1="250" x2="500" y2="180"/><line class="ed" x1="330" y1="760" x2="600" y2="930"/><line class="ed" x1="880" y1="800" x2="600" y2="930"/><line class="ed" x1="760" y1="250" x2="980" y2="470"/><line class="ed" x1="880" y1="800" x2="980" y2="470"/><line class="ed" x1="250" y1="300" x2="180" y2="540"/><line class="ed" x1="330" y1="760" x2="180" y2="540"/></svg>
67
+ <div class="ring" id="rg1"></div><div class="ring" id="rg2"></div>
68
+ <div class="nd core" style="left:526px;top:506px"></div><div class="nd" style="left:236px;top:286px"></div><div class="nd" style="left:316px;top:746px"></div><div class="nd" style="left:746px;top:236px"></div><div class="nd" style="left:866px;top:786px"></div><div class="nd" style="left:166px;top:526px"></div><div class="nd" style="left:966px;top:456px"></div><div class="nd" style="left:486px;top:166px"></div><div class="nd" style="left:586px;top:916px"></div>
69
+ <div class="pk" id="pk1"></div><div class="pk" id="pk2"></div><div class="pk" id="pk3"></div><div class="pk" id="pk4"></div>
70
+ </div>
71
+ <p class="mono" id="m2" style="right:150px;top:250px">רשת · שידור חי</p>
72
+ <h2 class="ttl neon" id="t2a" style="right:150px;top:340px;font-size:100px">מיליוני חיבורים.</h2>
73
+ <h2 class="ttl neon2" id="t2b" style="right:150px;top:480px;font-size:100px">אפס עיכוב.</h2>
74
+ <p class="ttl" id="t2c" style="right:154px;top:680px;font-size:44px;font-weight:400;color:color-mix(in srgb,var(--fg) 75%,transparent)">תשתית אחת שמחברת את כל העסק</p>
75
+ </div>
76
+ <div class="scan"></div>
77
+ <div class="line" id="ln2"></div>
78
+ </section>
79
+ <section id="s3" class="clip scene" data-start="6.2" data-duration="3.2">
80
+ <div class="cam" id="c3">
81
+ <div class="floor" id="fl3" style="top:760px;opacity:.6"></div>
82
+ <h2 class="ttl" id="t3" style="left:0;right:0;text-align:center;top:110px;font-size:84px;color:var(--fg)">ביצועים שמרגישים</h2>
83
+ <div class="panel" id="p1" style="right:150px;top:300px"><div class="pc"></div><p class="plbl" id="p1l">זמן תגובה</p><p class="pnum" id="p1n">0.2 מ״ש</p><div class="bars"><i style="height:40px"></i><i style="height:70px"></i><i style="height:55px"></i><i style="height:90px"></i><i style="height:64px"></i><i style="height:110px"></i></div></div>
84
+ <div class="panel" id="p2" style="right:720px;top:300px"><div class="pc"></div><p class="plbl" id="p2l">זמינות</p><p class="pnum" id="p2n">99.99%</p><div class="bars"><i style="height:80px"></i><i style="height:96px"></i><i style="height:100px"></i><i style="height:104px"></i><i style="height:108px"></i><i style="height:112px"></i></div></div>
85
+ <div class="panel" id="p3" style="right:1290px;top:300px"><div class="pc"></div><p class="plbl" id="p3l">מהירות</p><p class="pnum" id="p3n">פי 12</p><div class="bars"><i style="height:20px"></i><i style="height:34px"></i><i style="height:50px"></i><i style="height:68px"></i><i style="height:90px"></i><i style="height:118px"></i></div></div>
86
+ <div class="sweep" id="sw3" style="left:-300px"></div>
87
+ </div>
88
+ <div class="scan"></div>
89
+ <div class="line" id="ln3"></div>
90
+ </section>
91
+ <section id="s4" class="clip scene" data-start="9.4" data-duration="3.4">
92
+ <div class="cam" id="c4">
93
+ <div class="sky"></div><div class="horizon" style="top:560px"></div><div class="floor" id="fl4" style="top:700px"></div>
94
+ <svg width="1920" height="1080"><polygon id="hex" points="960,110 1062,169 1062,287 960,346 858,287 858,169" style="fill:none;stroke:var(--accent);stroke-width:8;filter:drop-shadow(0 0 12px var(--accent))"/><polygon id="hex2" points="960,170 1010,199 1010,257 960,286 910,257 910,199" style="fill:var(--accent2);filter:drop-shadow(0 0 20px var(--accent2))"/></svg>
95
+ <h1 class="ttl neon" id="b4" style="left:0;right:0;text-align:center;top:370px;font-size:180px">קוונטה</h1>
96
+ <p class="ttl" id="t4" style="left:0;right:0;text-align:center;top:610px;font-size:50px;font-weight:400;color:var(--fg)">ענן חכם לעסקים שזזים מהר</p>
97
+ <div class="cta neon2" id="cta" style="left:50%;top:730px;transform:translateX(-50%)"><span id="ctat">נסו חינם</span></div>
98
+ </div>
99
+ <div class="scan"></div>
100
+ <div class="line" id="ln4"></div>
101
+ </section>
102
+ </div>
103
+ <script>
104
+ const tl=gsap.timeline({paused:true});
105
+ const S=[0,3,6.2,9.4,12.8],D=12.8;
106
+ const X="expo.out",P="power3.out";
107
+ function crt(i,ln){tl.fromTo(ln,{scaleX:0,opacity:1},{scaleX:1,duration:.22,ease:"power2.out"},S[i]);tl.to(ln,{opacity:0,duration:.25},S[i]+.3);tl.fromTo("#c"+(i+1),{clipPath:"inset(50% 0 50% 0)"},{clipPath:"inset(0% 0 0% 0)",duration:.4,ease:"power3.out"},S[i]+.2);}
108
+ function glitch(sel,at){tl.to(sel,{keyframes:[{x:-28,skewX:24,opacity:.6,duration:.05},{x:20,skewX:-14,opacity:1,duration:.05},{x:-8,skewX:6,duration:.05},{x:0,skewX:0,duration:.05}]},at);}
109
+ function off(i){tl.to("#c"+(i+1),{keyframes:[{opacity:.3,duration:.05},{opacity:1,duration:.05},{opacity:0,scaleY:.02,duration:.18,ease:"power3.in"}]},S[i+1]-.28);}
110
+ // s1
111
+ tl.fromTo("#fl1",{backgroundPosition:"0px 0px"},{backgroundPosition:"0px 600px",duration:3,ease:"none"},S[0]);
112
+ tl.fromTo("#c1",{scale:1.15},{scale:1,duration:3,ease:"power2.out"},S[0]);
113
+ tl.fromTo("#hz1",{opacity:0,scaleX:.3},{opacity:1,scaleX:1,duration:1.2,ease:P},S[0]);
114
+ tl.fromTo(["#cr1","#cr2"],{scale:2,opacity:0},{scale:1,opacity:1,duration:.6,ease:X},S[0]+.2);
115
+ tl.fromTo("#m1",{opacity:0},{opacity:1,duration:.1,repeat:4,yoyo:true},S[0]+.3);
116
+ tl.fromTo("#t1a",{opacity:0,scale:1.4,filter:"blur(20px)"},{opacity:1,scale:1,filter:"blur(0px)",duration:.8,ease:X},S[0]+.35);
117
+ glitch("#t1a",S[0]+1.25);
118
+ tl.fromTo("#t1b",{opacity:0,y:40,letterSpacing:"0.5em"},{opacity:1,y:0,letterSpacing:"0em",duration:.9,ease:X},S[0]+.8);
119
+ glitch("#t1b",S[0]+2.1);
120
+ off(0);
121
+ // s2
122
+ crt(1,"#ln2");
123
+ tl.fromTo("#net2",{scale:.92,rotation:-3,x:-150},{scale:1.04,rotation:2,x:-150,duration:3.2,ease:"none"},S[1]);
124
+ tl.fromTo(".ed",{strokeDasharray:700,strokeDashoffset:700},{strokeDashoffset:0,duration:.9,ease:"power2.out",stagger:.04},S[1]+.25);
125
+ tl.fromTo(".nd",{scale:0},{scale:1,duration:.5,ease:"back.out(3)",stagger:.05},S[1]+.3);
126
+ tl.fromTo(["#rg1","#rg2"],{scale:.3,opacity:1},{scale:2.6,opacity:0,duration:1,ease:"power1.out",stagger:{each:.6,repeat:1}},S[1]+.5);
127
+ [[0,1],[0,4],[3,7],[2,8]].forEach(([a,b],i)=>{const A=[[560,540],[250,300],[330,760],[760,250],[880,800],[180,540],[980,470],[500,180],[600,930]][a],Bn=[[560,540],[250,300],[330,760],[760,250],[880,800],[180,540],[980,470],[500,180],[600,930]][b];tl.fromTo("#pk"+(i+1),{x:A[0],y:A[1],opacity:0},{x:Bn[0],y:Bn[1],opacity:1,duration:.75,ease:"power1.inOut",repeat:1,yoyo:true},S[1]+1+i*.2);});
128
+ tl.fromTo("#m2",{opacity:0},{opacity:1,duration:.1,repeat:4,yoyo:true},S[1]+.4);
129
+ tl.fromTo("#t2a",{opacity:0,x:120},{opacity:1,x:0,duration:.8,ease:X},S[1]+.5);
130
+ tl.fromTo("#t2b",{opacity:0,x:120},{opacity:1,x:0,duration:.8,ease:X},S[1]+.75);
131
+ glitch("#t2b",S[1]+1.9);
132
+ tl.fromTo("#t2c",{opacity:0,y:20},{opacity:1,y:0,duration:.6,ease:P},S[1]+1.1);
133
+ off(1);
134
+ // s3
135
+ crt(2,"#ln3");
136
+ tl.fromTo("#fl3",{backgroundPosition:"0px 0px"},{backgroundPosition:"0px 360px",duration:3.2,ease:"none"},S[2]);
137
+ tl.fromTo("#t3",{opacity:0,y:-30},{opacity:1,y:0,duration:.6,ease:P},S[2]+.3);
138
+ ["#p1","#p2","#p3"].forEach((p,i)=>{tl.fromTo(p,{opacity:0,y:120,rotationX:40},{opacity:1,y:0,rotationX:0,duration:.8,ease:X},S[2]+.4+i*.15);
139
+ tl.fromTo(p+" .bars i",{scaleY:0},{scaleY:1,duration:.6,ease:"back.out(1.6)",stagger:.06},S[2]+.9+i*.15);
140
+ tl.fromTo(p+"n",{opacity:0,scale:.6},{opacity:1,scale:1,duration:.5,ease:"back.out(2)"},S[2]+.8+i*.15);
141
+ tl.to(p,{y:i%2?10:-10,duration:1.6,ease:"sine.inOut"},S[2]+1.4);});
142
+ tl.fromTo("#sw3",{x:0},{x:2500,duration:1.4,ease:"power1.inOut"},S[2]+1.3);
143
+ off(2);
144
+ // s4
145
+ crt(3,"#ln4");
146
+ tl.fromTo("#fl4",{backgroundPosition:"0px 0px"},{backgroundPosition:"0px 420px",duration:3.4,ease:"none"},S[3]);
147
+ tl.fromTo("#c4",{scale:1.08},{scale:1,duration:3.4,ease:"power2.out"},S[3]);
148
+ tl.fromTo("#hex",{strokeDasharray:720,strokeDashoffset:720},{strokeDashoffset:0,duration:1,ease:"power2.inOut"},S[3]+.3);
149
+ tl.fromTo("#hex2",{scale:0,transformOrigin:"50% 50%",rotation:-90},{scale:1,rotation:0,duration:.7,ease:"back.out(2)"},S[3]+.9);
150
+ tl.fromTo("#b4",{opacity:0},{keyframes:[{opacity:1,duration:.06},{opacity:.2,duration:.06},{opacity:1,duration:.06},{opacity:.4,duration:.08},{opacity:1,duration:.1}]},S[3]+.7);
151
+ tl.fromTo("#t4",{opacity:0,y:20},{opacity:1,y:0,duration:.6,ease:P},S[3]+1.2);
152
+ tl.fromTo("#cta",{opacity:0,scale:.6,xPercent:-50,x:0},{opacity:1,scale:1,xPercent:-50,x:0,duration:.6,ease:"back.out(2)"},S[3]+1.5);
153
+ tl.to("#hex",{rotation:360,transformOrigin:"50% 50%",duration:2.6,ease:"none"},S[3]+.8);
154
+ tl.set({},{},D);
155
+ window.__timelines=window.__timelines||{};window.__timelines["neon-grid"]=tl;
156
+ </script>
157
+ </body>
158
+ </html>
package/lib/catalog/hyperframes/org-chart-hiring.html ADDED
@@ -0,0 +1,160 @@
1
+ <!doctype html>
2
+ <html lang="he" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=1920, height=1080">
6
+ <title>מבנה ארגוני ומשרה פתוחה</title>
7
+ <script src="vendor/gsap.min.js"></script>
8
+ <style>
9
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-hebrew-400-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
10
+ @font-face{font-family:"Heebo";font-weight:400;src:url(fonts/heebo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
11
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-hebrew-700-normal.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
12
+ @font-face{font-family:"Heebo";font-weight:700;src:url(fonts/heebo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
13
+ :root{--bg:#0b1024;--fg:#e9edff;--accent:#ffcf4a;--blue:#5b8cff;--node:#18203f}
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
+ .cst{position:absolute;left:0;top:0;overflow:visible}
24
+ .cst path{fill:none;stroke:color-mix(in srgb,var(--blue) 45%,transparent);stroke-width:2}
25
+ .cst circle{fill:var(--blue)}
26
+ .glowb{position:absolute;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--blue) 30%,transparent),transparent)}
27
+ .kick{font-size:34px;font-weight:700;letter-spacing:.22em;color:var(--accent);white-space:nowrap}
28
+ .hh{font-size:140px;font-weight:700;line-height:1.05;letter-spacing:-.02em;white-space:nowrap}
29
+ .wires{position:absolute;left:0;top:0}
30
+ .wires path{fill:none;stroke:color-mix(in srgb,var(--blue) 70%,var(--fg));stroke-width:4;stroke-linejoin:round}
31
+ .nd{position:absolute;width:280px;display:flex;flex-direction:column;align-items:center}
32
+ .av{border-radius:50%;background:linear-gradient(135deg,var(--blue),color-mix(in srgb,var(--blue) 45%,var(--node)));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--fg);box-shadow:0 0 0 6px var(--bg),0 0 0 9px color-mix(in srgb,var(--blue) 50%,transparent)}
33
+ .ceo .av{background:linear-gradient(135deg,var(--fg),color-mix(in srgb,var(--fg) 60%,var(--blue)));color:var(--bg)}
34
+ .nn{margin-top:14px;font-size:30px;font-weight:700;white-space:nowrap;line-height:1.2}
35
+ .nr{font-size:24px;color:color-mix(in srgb,var(--fg) 60%,var(--bg));white-space:nowrap;margin-top:4px}
36
+ .open .av{background:var(--bg);color:var(--accent);box-shadow:0 0 40px color-mix(in srgb,var(--accent) 60%,transparent);border:4px dashed var(--accent)}
37
+ .open .nr{color:var(--accent);font-weight:700;margin-top:14px}
38
+ .ring{position:absolute;border-radius:50%;border:3px solid var(--accent);opacity:0}
39
+ .morph{position:absolute;overflow:hidden;background:var(--node);border:3px solid var(--accent);box-shadow:0 0 80px color-mix(in srgb,var(--accent) 25%,transparent)}
40
+ .jc{position:absolute;right:64px;white-space:nowrap}
41
+ .tag{display:inline-block;padding:10px 26px;border-radius:30px;font-size:28px;font-weight:700;border:2px solid color-mix(in srgb,var(--fg) 30%,transparent);white-space:nowrap}
42
+ .rq{position:absolute;right:64px;left:64px;height:60px}
43
+ .rq i{position:absolute;right:0;top:8px;width:40px;height:40px;border-radius:50%;background:var(--accent);display:block}
44
+ .rq i::after{content:"";position:absolute;left:14px;top:7px;width:9px;height:18px;border:solid var(--bg);border-width:0 4px 4px 0;transform:rotate(45deg)}
45
+ .rq p{position:absolute;right:62px;top:4px;font-size:34px;white-space:nowrap}
46
+ .mark{position:absolute;left:0;top:0;overflow:visible}
47
+ .mark path{fill:none;stroke:var(--accent);stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
48
+ .mark circle{fill:var(--fg)}
49
+ .cta{position:absolute;padding:26px 70px;border-radius:70px;background:var(--accent);color:var(--bg);font-size:52px;font-weight:700;white-space:nowrap}
50
+ </style>
51
+ </head>
52
+ <body>
53
+ <div id="root" data-composition-id="org-chart-hiring" data-start="0" data-width="1920" data-height="1080" data-duration="16.8">
54
+ <section id="s1" class="clip scene" data-start="0" data-duration="3.4">
55
+ <div class="cam" id="c1">
56
+ <div class="glowb" id="gb1" style="left:-100px;top:100px;width:1100px;height:900px"></div>
57
+ <div class="layer" id="cw1"><svg class="cst" id="cs1" width="1920" height="1080"><path pathLength="1" d="M200 180 L380 120"/><path pathLength="1" d="M380 120 L580 230"/><path pathLength="1" d="M200 180 L320 360"/><path pathLength="1" d="M320 360 L580 230"/><path pathLength="1" d="M320 360 L150 520"/><path pathLength="1" d="M320 360 L480 520"/><path pathLength="1" d="M480 520 L700 420"/><path pathLength="1" d="M580 230 L700 420"/><path pathLength="1" d="M480 520 L360 700"/><path pathLength="1" d="M360 700 L620 760"/><path pathLength="1" d="M150 520 L210 880"/><path pathLength="1" d="M210 880 L360 700"/><path pathLength="1" d="M620 760 L820 620"/><path pathLength="1" d="M700 420 L820 620"/><path pathLength="1" d="M620 760 L880 900"/><path pathLength="1" d="M880 900 L1040 980"/><path pathLength="1" d="M580 230 L760 200"/><path pathLength="1" d="M700 420 L760 200"/><circle cx="200" cy="180" r="11"/><circle cx="380" cy="120" r="7"/><circle cx="580" cy="230" r="7"/><circle cx="320" cy="360" r="7"/><circle cx="150" cy="520" r="11"/><circle cx="480" cy="520" r="7"/><circle cx="700" cy="420" r="7"/><circle cx="360" cy="700" r="7"/><circle cx="620" cy="760" r="11"/><circle cx="210" cy="880" r="7"/><circle cx="820" cy="620" r="7"/><circle cx="880" cy="900" r="7"/><circle cx="1040" cy="980" r="11"/><circle cx="760" cy="200" r="7"/></svg></div>
58
+ <p class="abs kick" id="t1k" style="right:150px;top:330px">קודקוד · משרות פתוחות</p>
59
+ <div class="abs" style="right:150px;top:380px"><span class="m"><span class="w hh" id="t1a">הצוות שלנו</span></span></div>
60
+ <div class="abs" style="right:150px;top:530px"><span class="m"><span class="w hh" id="t1b" style="color:var(--blue)">ממשיך לגדול.</span></span></div>
61
+ <p class="abs" id="t1c" style="right:154px;top:720px;font-size:42px;white-space:nowrap;color:color-mix(in srgb,var(--fg) 70%,var(--bg))">ויש לנו כיסא פנוי בשבילך</p>
62
+ </div>
63
+ </section>
64
+ <section id="s2" class="clip scene" data-start="3.4" data-duration="5.6">
65
+ <div class="cam" id="c2">
66
+ <div class="glowb" style="left:560px;top:-200px;width:800px;height:700px"></div>
67
+ <p class="abs kick" id="t2k" style="right:80px;top:60px;color:color-mix(in srgb,var(--fg) 55%,var(--bg))">המבנה הארגוני</p>
68
+ <div class="layer" id="org">
69
+ <svg class="wires" id="wr" width="1920" height="1080"><path class="w0" pathLength="1" d="M960 300 V360 H480 V405"/><path class="w0" pathLength="1" d="M960 300 V360 V405"/><path class="w0" pathLength="1" d="M960 300 V360 H1440 V405"/><path class="w1" pathLength="1" d="M480 618 V650 H350 V688"/><path class="w1" pathLength="1" d="M480 618 V650 H610 V688"/><path class="w1" pathLength="1" d="M960 618 V650 H830 V688"/><path class="w1" pathLength="1" d="M960 618 V650 H1090 V688"/><path class="w1" pathLength="1" d="M1440 618 V650 H1310 V688"/><path class="w1" pathLength="1" d="M1440 618 V650 H1570 V688"/></svg>
70
+ <div class="nd ceo" id="n0" style="left:820px;top:70px"><div class="av" id="n0a" style="width:120px;height:120px;font-size:43px"><span id="n0i">רש</span></div><p class="nn" id="n0n">רונית שחר</p><p class="nr" id="n0r">מנכ״לית</p></div>
71
+ <div class="nd " id="n1" style="left:340px;top:410px"><div class="av" id="n1a" style="width:104px;height:104px;font-size:37px"><span id="n1i">אב</span></div><p class="nn" id="n1n">אורי בן דוד</p><p class="nr" id="n1r">ראש מוצר</p></div><div class="nd " id="n2" style="left:820px;top:410px"><div class="av" id="n2a" style="width:104px;height:104px;font-size:37px"><span id="n2i">לכ</span></div><p class="nn" id="n2n">ליה כהן</p><p class="nr" id="n2r">ראש הנדסה</p></div><div class="nd " id="n3" style="left:1300px;top:410px"><div class="av" id="n3a" style="width:104px;height:104px;font-size:37px"><span id="n3i">תא</span></div><p class="nn" id="n3n">תום אדלר</p><p class="nr" id="n3r">ראש שיווק</p></div>
72
+ <div class="nd " id="n4" style="left:210px;top:692px"><div class="av" id="n4a" style="width:92px;height:92px;font-size:33px"><span id="n4i">נר</span></div><p class="nr" id="n4r">מעצבת מוצר</p></div><div class="nd " id="n5" style="left:470px;top:692px"><div class="av" id="n5a" style="width:92px;height:92px;font-size:33px"><span id="n5i">דג</span></div><p class="nr" id="n5r">מנהל מוצר</p></div><div class="nd " id="n6" style="left:690px;top:692px"><div class="av" id="n6a" style="width:92px;height:92px;font-size:33px"><span id="n6i">שמ</span></div><p class="nr" id="n6r">מפתחת צד שרת</p></div><div class="nd open" id="n7" style="left:950px;top:692px"><div class="av" id="n7a" style="width:92px;height:92px;font-size:33px"><span id="n7i">?</span></div><p class="nr" id="n7r">משרה פתוחה</p></div><div class="nd " id="n8" style="left:1170px;top:692px"><div class="av" id="n8a" style="width:92px;height:92px;font-size:33px"><span id="n8i">יח</span></div><p class="nr" id="n8r">כתיבת תוכן</p></div><div class="nd " id="n9" style="left:1430px;top:692px"><div class="av" id="n9a" style="width:92px;height:92px;font-size:33px"><span id="n9i">אפ</span></div><p class="nr" id="n9r">קמפיינים</p></div>
73
+ <i class="ring" id="rg1" style="left:1036px;top:684px;width:108px;height:108px"></i><i class="ring" id="rg2" style="left:1036px;top:684px;width:108px;height:108px"></i>
74
+ </div>
75
+ </div>
76
+ </section>
77
+ <section id="s3" class="clip scene" data-start="9" data-duration="4.4">
78
+ <div class="cam" id="c3">
79
+ <div class="layer" id="cw3" style="opacity:.35"><svg class="cst" id="cs3" width="1920" height="1080"><path pathLength="1" d="M140 240 L320 180"/><path pathLength="1" d="M320 180 L520 290"/><path pathLength="1" d="M140 240 L260 420"/><path pathLength="1" d="M260 420 L520 290"/><path pathLength="1" d="M260 420 L90 580"/><path pathLength="1" d="M260 420 L420 580"/><path pathLength="1" d="M420 580 L640 480"/><path pathLength="1" d="M520 290 L640 480"/><path pathLength="1" d="M420 580 L300 760"/><path pathLength="1" d="M300 760 L560 820"/><path pathLength="1" d="M90 580 L150 940"/><path pathLength="1" d="M150 940 L300 760"/><path pathLength="1" d="M560 820 L760 680"/><path pathLength="1" d="M640 480 L760 680"/><path pathLength="1" d="M560 820 L820 960"/><path pathLength="1" d="M820 960 L980 1040"/><path pathLength="1" d="M520 290 L700 260"/><path pathLength="1" d="M640 480 L700 260"/><circle cx="140" cy="240" r="11"/><circle cx="320" cy="180" r="7"/><circle cx="520" cy="290" r="7"/><circle cx="260" cy="420" r="7"/><circle cx="90" cy="580" r="11"/><circle cx="420" cy="580" r="7"/><circle cx="640" cy="480" r="7"/><circle cx="300" cy="760" r="7"/><circle cx="560" cy="820" r="11"/><circle cx="150" cy="940" r="7"/><circle cx="760" cy="680" r="7"/><circle cx="820" cy="960" r="7"/><circle cx="980" cy="1040" r="11"/><circle cx="700" cy="260" r="7"/></svg><svg class="cst" id="cs3b" width="1920" height="1080"><path pathLength="1" d="M1220 140 L1400 80"/><path pathLength="1" d="M1400 80 L1600 190"/><path pathLength="1" d="M1220 140 L1340 320"/><path pathLength="1" d="M1340 320 L1600 190"/><path pathLength="1" d="M1340 320 L1170 480"/><path pathLength="1" d="M1340 320 L1500 480"/><path pathLength="1" d="M1500 480 L1720 380"/><path pathLength="1" d="M1600 190 L1720 380"/><path pathLength="1" d="M1500 480 L1380 660"/><path pathLength="1" d="M1380 660 L1640 720"/><path pathLength="1" d="M1170 480 L1230 840"/><path pathLength="1" d="M1230 840 L1380 660"/><path pathLength="1" d="M1640 720 L1840 580"/><path pathLength="1" d="M1720 380 L1840 580"/><path pathLength="1" d="M1640 720 L1900 860"/><path pathLength="1" d="M1900 860 L2060 940"/><path pathLength="1" d="M1600 190 L1780 160"/><path pathLength="1" d="M1720 380 L1780 160"/><circle cx="1220" cy="140" r="11"/><circle cx="1400" cy="80" r="7"/><circle cx="1600" cy="190" r="7"/><circle cx="1340" cy="320" r="7"/><circle cx="1170" cy="480" r="11"/><circle cx="1500" cy="480" r="7"/><circle cx="1720" cy="380" r="7"/><circle cx="1380" cy="660" r="7"/><circle cx="1640" cy="720" r="11"/><circle cx="1230" cy="840" r="7"/><circle cx="1840" cy="580" r="7"/><circle cx="1900" cy="860" r="7"/><circle cx="2060" cy="940" r="11"/><circle cx="1780" cy="160" r="7"/></svg></div>
80
+ <div class="morph" id="mo">
81
+ <p class="jc kick" id="j1" style="top:60px">דרושים · צוות הנדסה</p>
82
+ <p class="jc" id="j2" style="top:110px;font-size:76px;font-weight:700;line-height:1.1">מפתח/ת פולסטאק</p>
83
+ <p class="jc" id="j3" style="top:200px;font-size:76px;font-weight:700;line-height:1.1;color:var(--accent)">בכיר/ה</p>
84
+ <div class="jc" style="top:320px;display:flex;gap:14px"><span class="tag" id="j4">היברידי</span><span class="tag" id="j5">משרה מלאה</span><span class="tag" id="j6">מרכז הארץ</span></div>
85
+ <i class="abs" id="j7" style="right:64px;left:64px;top:410px;height:2px;background:color-mix(in srgb,var(--fg) 15%,transparent)"></i>
86
+ <div class="rq" id="rq1" style="top:450px"><i></i><p id="rq1t">5 שנות ניסיון ומעלה</p></div><div class="rq" id="rq2" style="top:530px"><i></i><p id="rq2t">אהבה למוצרים שאנשים משתמשים בהם</p></div><div class="rq" id="rq3" style="top:610px"><i></i><p id="rq3t">עבודה בצוות קטן, חד ושמח</p></div>
87
+ <p class="jc" id="j8" style="top:700px;font-size:30px;color:color-mix(in srgb,var(--fg) 55%,var(--bg))">מדווח/ת לליה כהן, ראש הנדסה</p>
88
+ </div>
89
+ </div>
90
+ </section>
91
+ <section id="s4" class="clip scene" data-start="13.4" data-duration="3.4">
92
+ <div class="cam" id="c4">
93
+ <div class="glowb" id="gb4" style="left:80px;top:140px;width:800px;height:800px"></div>
94
+ <div class="layer" id="cw4" style="opacity:.5"><svg class="cst" id="cs4" width="1920" height="1080"><path pathLength="1" d="M1140 240 L1320 180"/><path pathLength="1" d="M1320 180 L1520 290"/><path pathLength="1" d="M1140 240 L1260 420"/><path pathLength="1" d="M1260 420 L1520 290"/><path pathLength="1" d="M1260 420 L1090 580"/><path pathLength="1" d="M1260 420 L1420 580"/><path pathLength="1" d="M1420 580 L1640 480"/><path pathLength="1" d="M1520 290 L1640 480"/><path pathLength="1" d="M1420 580 L1300 760"/><path pathLength="1" d="M1300 760 L1560 820"/><path pathLength="1" d="M1090 580 L1150 940"/><path pathLength="1" d="M1150 940 L1300 760"/><path pathLength="1" d="M1560 820 L1760 680"/><path pathLength="1" d="M1640 480 L1760 680"/><path pathLength="1" d="M1560 820 L1820 960"/><path pathLength="1" d="M1820 960 L1980 1040"/><path pathLength="1" d="M1520 290 L1700 260"/><path pathLength="1" d="M1640 480 L1700 260"/><circle cx="1140" cy="240" r="11"/><circle cx="1320" cy="180" r="7"/><circle cx="1520" cy="290" r="7"/><circle cx="1260" cy="420" r="7"/><circle cx="1090" cy="580" r="11"/><circle cx="1420" cy="580" r="7"/><circle cx="1640" cy="480" r="7"/><circle cx="1300" cy="760" r="7"/><circle cx="1560" cy="820" r="11"/><circle cx="1150" cy="940" r="7"/><circle cx="1760" cy="680" r="7"/><circle cx="1820" cy="960" r="7"/><circle cx="1980" cy="1040" r="11"/><circle cx="1700" cy="260" r="7"/></svg></div>
95
+ <svg class="mark" id="mk" width="1920" height="1080"><path pathLength="1" d="M300 640 L480 330 L660 640 Z"/><circle cx="480" cy="330" r="34"/><circle cx="300" cy="640" r="34"/><circle cx="660" cy="640" r="34"/><circle cx="480" cy="530" r="26" style="fill:var(--accent)"/></svg>
96
+ <div class="abs" style="right:150px;top:260px"><span class="m"><span class="w hh" id="t4a">זה יכול</span></span></div>
97
+ <div class="abs" style="right:150px;top:410px"><span class="m"><span class="w hh" id="t4b" style="color:var(--accent)">להיות את/ה.</span></span></div>
98
+ <p class="abs" id="t4c" style="right:154px;top:600px;font-size:44px;white-space:nowrap;color:color-mix(in srgb,var(--fg) 75%,var(--bg))">שלחו קורות חיים עוד היום</p>
99
+ <div class="cta" id="ct4" style="right:150px;top:700px"><span id="ct4t">הגישו מועמדות</span></div>
100
+ <p class="abs" id="t4d" style="left:300px;top:720px;width:360px;text-align:center;font-size:56px;font-weight:700;white-space:nowrap">קודקוד</p>
101
+ </div>
102
+ </section>
103
+ </div>
104
+ <script>
105
+ const tl=gsap.timeline({paused:true});
106
+ const S=[0,3.4,9,13.4,16.8],D=16.8;
107
+ const X="expo.out",P="power3.out";
108
+ const draw=(sel,at,d,st)=>tl.fromTo(sel,{strokeDasharray:1,strokeDashoffset:1},{strokeDashoffset:0,duration:d,ease:"power2.inOut",stagger:st||0,autoRound:false},at);
109
+ const twinkle=(sel,i)=>tl.fromTo(sel+" circle",{scale:0,transformOrigin:"50% 50%"},{scale:1,duration:.5,ease:"back.out(3)",stagger:.04},S[i]+.1);
110
+ // s1: constellation forms
111
+ tl.fromTo("#gb1",{scale:.6,opacity:0},{scale:1,opacity:1,duration:1.4,ease:P},S[0]);
112
+ twinkle("#cs1",0);draw("#cs1 path",S[0]+.3,.8,.05);
113
+ tl.fromTo("#cw1",{x:-40},{x:40,duration:S[1]-S[0],ease:"sine.inOut"},S[0]);
114
+ tl.fromTo("#t1k",{opacity:0,letterSpacing:"0.6em"},{opacity:1,letterSpacing:"0.22em",duration:.9,ease:P},S[0]+.3);
115
+ tl.fromTo(["#t1a","#t1b"],{yPercent:110},{yPercent:0,duration:.9,ease:X,stagger:.15},S[0]+.45);
116
+ tl.fromTo("#t1c",{opacity:0,y:20},{opacity:1,y:0,duration:.6,ease:P},S[0]+1.2);
117
+ tl.to("#c1",{opacity:0,duration:.35},S[1]-.35);
118
+ // s2: org tree grows top-down
119
+ tl.fromTo("#c2",{opacity:0},{opacity:1,duration:.3},S[1]);
120
+ tl.fromTo("#org",{scale:1.08,y:30},{scale:1,y:0,duration:S[2]-S[1],ease:"power2.out"},S[1]);
121
+ tl.fromTo("#t2k",{opacity:0},{opacity:1,duration:.5},S[1]+.2);
122
+ tl.fromTo("#n0",{scale:0,y:30},{scale:1,y:0,duration:.6,ease:"back.out(2)"},S[1]+.2);
123
+ draw("#wr .w0",S[1]+.7,.6);
124
+ tl.fromTo(["#n1","#n2","#n3"],{scale:0,y:30},{scale:1,y:0,duration:.55,ease:"back.out(2)",stagger:.12},S[1]+1.15);
125
+ draw("#wr .w1",S[1]+1.7,.55,.05);
126
+ tl.fromTo(["#n4","#n5","#n6","#n7","#n8","#n9"],{scale:0,y:30},{scale:1,y:0,duration:.5,ease:"back.out(2)",stagger:.08},S[1]+2.15);
127
+ tl.fromTo("#n7a",{rotation:-90},{rotation:270,duration:2.8,ease:"none"},S[1]+2.4);
128
+ tl.fromTo("#n7i",{rotation:90},{rotation:-270,duration:2.8,ease:"none"},S[1]+2.4);
129
+ tl.fromTo(["#rg1","#rg2"],{scale:.9,opacity:0},{keyframes:[{opacity:.9,duration:.05},{scale:2.1,opacity:0,duration:1.15,ease:"power2.out"}],stagger:.5},S[1]+2.9);
130
+ tl.to(["#n1","#n3","#n4","#n5","#n8","#n9","#n0"],{opacity:.35,duration:.5},S[1]+3.9);
131
+ tl.to("#org",{scale:1.25,x:-160,y:-120,duration:1,ease:"power2.in"},S[2]-1);
132
+ tl.to("#c2",{opacity:0,duration:.25},S[2]-.25);
133
+ // s3: open seat morphs into the job card
134
+ tl.fromTo("#cw3",{opacity:0},{opacity:.35,duration:.6},S[2]);
135
+ tl.fromTo("#cw3",{x:0},{x:-60,duration:S[3]-S[2],ease:"none"},S[2]);
136
+ tl.fromTo("#mo",{left:905,top:610,width:115,height:115,borderRadius:58,borderStyle:"dashed"},{left:560,top:130,width:800,height:800,borderRadius:44,duration:1.05,ease:"expo.inOut"},S[2]);
137
+ tl.set("#mo",{borderStyle:"solid"},S[2]+.6);
138
+ tl.fromTo(["#j1","#j2","#j3"],{opacity:0,y:30},{opacity:1,y:0,duration:.6,ease:X,stagger:.1},S[2]+1);
139
+ tl.fromTo(["#j4","#j5","#j6"],{scale:0},{scale:1,duration:.45,ease:"back.out(2.4)",stagger:.08},S[2]+1.35);
140
+ tl.fromTo("#j7",{scaleX:0,transformOrigin:"100% 50%"},{scaleX:1,duration:.6,ease:P},S[2]+1.5);
141
+ tl.fromTo(["#rq1","#rq2","#rq3"],{opacity:0,x:40},{opacity:1,x:0,duration:.5,ease:P,stagger:.14},S[2]+1.65);
142
+ tl.fromTo("#mo .rq i",{scale:0},{scale:1,duration:.4,ease:"back.out(3)",stagger:.14},S[2]+1.75);
143
+ tl.fromTo("#j8",{opacity:0},{opacity:1,duration:.5},S[2]+2.3);
144
+ tl.to("#c3",{opacity:0,duration:.3},S[3]-.3);
145
+ // s4: CTA with drawn logo mark
146
+ tl.fromTo("#c4",{opacity:0},{opacity:1,duration:.3},S[3]);
147
+ tl.fromTo("#gb4",{scale:.5},{scale:1.1,duration:S[4]-S[3],ease:"sine.out"},S[3]);
148
+ draw("#mk path",S[3]+.2,1);
149
+ tl.fromTo("#mk circle",{scale:0,transformOrigin:"50% 50%"},{scale:1,duration:.5,ease:"back.out(3)",stagger:.12},S[3]+.4);
150
+ tl.fromTo("#cw4 circle",{opacity:0},{opacity:1,duration:.6,stagger:.03},S[3]);
151
+ tl.fromTo(["#t4a","#t4b"],{yPercent:110},{yPercent:0,duration:.85,ease:X,stagger:.14},S[3]+.3);
152
+ tl.fromTo("#t4c",{opacity:0,y:20},{opacity:1,y:0,duration:.6,ease:P},S[3]+.9);
153
+ tl.fromTo("#ct4",{scale:0},{scale:1,duration:.55,ease:"back.out(2.2)"},S[3]+1.15);
154
+ tl.fromTo("#t4d",{opacity:0,y:20},{opacity:1,y:0,duration:.5,ease:P},S[3]+1.3);
155
+ tl.to("#ct4",{scale:1.05,duration:.35,yoyo:true,repeat:1,ease:"sine.inOut"},S[3]+2.2);
156
+ tl.set({},{},D);
157
+ window.__timelines=window.__timelines||{};window.__timelines["org-chart-hiring"]=tl;
158
+ </script>
159
+ </body>
160
+ </html>