mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-03 12:17:03 +00:00
github-actions[bot]
faa4913c9e
* chore(catalog): publish generated catalog * chore(catalog): publish generated catalog * chore(catalog): publish generated catalog * chore(catalog): publish generated catalog * chore(catalog): publish generated catalog * chore(catalog): publish generated catalog * chore(catalog): publish generated catalog * chore(catalog): publish generated catalog * chore(catalog): publish generated catalog * chore(catalog): publish generated catalog * chore(catalog): publish generated catalog --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
1 line
15 KiB
JSON
1 line
15 KiB
JSON
{"html":"<!doctype html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" />\n <script src=\"https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js\"></script>\n <style>\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n html,\n body,\n #snow-demo {\n width: 1920px;\n height: 1080px;\n margin: 0;\n overflow: hidden;\n }\n\n #snow-demo-backdrop,\n #snow-demo-overlay {\n position: absolute;\n inset: 0;\n }\n\n #snow-demo-backdrop {\n background: linear-gradient(\n 180deg,\n #252f3c 0%,\n #2f3b4b 35%,\n #455367 60%,\n #63728a 72%,\n #7a8aa0 78%\n );\n }\n\n #snow-demo-backdrop svg {\n position: absolute;\n inset: 0;\n }\n\n #snow-demo-title {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 22px;\n color: #fff;\n font-family: Inter, system-ui, sans-serif;\n text-align: center;\n }\n\n #snow-demo-title h1 {\n margin: 0;\n font-size: 128px;\n font-weight: 600;\n letter-spacing: -0.03em;\n line-height: 1;\n }\n\n #snow-demo-title p {\n margin: 0;\n font-size: 36px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.78);\n }\n </style>\n </head>\n <body>\n <div\n id=\"snow-demo\"\n data-composition-id=\"snow-demo\"\n data-start=\"0\"\n data-duration=\"6\"\n data-width=\"1920\"\n data-height=\"1080\"\n >\n <div\n id=\"snow-demo-backdrop\"\n class=\"clip\"\n data-start=\"0\"\n data-duration=\"6\"\n data-track-index=\"0\"\n >\n <svg viewBox=\"0 0 1920 1080\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n <path\n fill=\"#8394aa\"\n d=\"M0 830 L140 770 L260 798 L420 702 L520 746 L640 676 L790 760 L900 734 L1040 660 L1180 738 L1300 710 L1450 770 L1580 696 L1720 754 L1840 722 L1920 746 L1920 1080 L0 1080 Z\"\n />\n <path\n fill=\"#4f5e73\"\n d=\"M0 840 L180 792 L330 826 L520 770 L700 830 L880 788 L1060 840 L1240 782 L1420 826 L1600 776 L1780 820 L1920 798 L1920 1080 L0 1080 Z\"\n />\n <path id=\"snow-demo-trees-far\" fill=\"#1b2532\" />\n <path id=\"snow-demo-trees-near\" fill=\"#0c1118\" />\n </svg>\n <div id=\"snow-demo-title\">\n <h1>Winter release</h1>\n <p>Offline sync, shared folders and a faster search.</p>\n </div>\n </div>\n <div\n id=\"snow-demo-overlay\"\n data-composition-id=\"snow\"\n data-composition-src=\"data:text/html;base64,PCFkb2N0eXBlIGh0bWw+CjwhLS0KICBzbm93OiBIeXBlckZyYW1lcyB2aWRlbyBwcmltaXRpdmUgKGJhY2tncm91bmRzIC8gYW1iaWVudCBvdmVybGF5KQoKICBDb25jZXB0OiBzbm93Zmxha2VzIGZhbGwgZnJvbSB0b3AgdG8gYm90dG9tIGluIGEgY29udGludW91cyBzZWFtbGVzcyBsb29wLCBkcmlmdGluZwogIHNpZGUgdG8gc2lkZSwgbWVhbnQgdG8gc2l0IG9uIGEgdHJhY2sgYWJvdmUgcmVhbCBmb290YWdlIHJhdGhlciB0aGFuIGFzIGFuIG9wYXF1ZQogIGJhY2tncm91bmQuIEVhY2ggZmxha2UgZHJhd3Mgb25lIGRlcHRoIHZhbHVlIHRoYXQgc2V0cyBzaXplIGFuZCBvcGFjaXR5CiAgYW5kIGJ1Y2tldHMgaXQgaW50byBvbmUgb2YgdGhyZWUgZmFsbC1zcGVlZCBsYXllcnMgKG5lYXIvbWlkL2Zhcik7IHRoZSBsb29wIGludmFyaWFudAogIGFscmVhZHkgZm9yY2VzIGZhbGwgc3BlZWQgdG8gYW4gaW50ZWdlciBudW1iZXIgb2YgY3ljbGVzIHBlciBtb3VudCwgc28gdGhyZWUKICBkZWxpYmVyYXRlbHkgZGlzdGluY3QgcGVyLWxheWVyIGNvdW50cyBrZWVwIG5lYXIvZmFyIHNlcGFyYXRpb24gZXZlbiBvbiBhIHNob3J0IG1vdW50LgogIEEgcmFkaWFsIG1hc2sga2VlcHMgdGhlIGZyYW1lIGNlbnRlciBjbGVhciBmb3IgYSBzdWJqZWN0IG9yIGNhcHRpb24gdW5kZXJuZWF0aC4KCiAgVmFyaWFibGVzOgogICAgLSBkZW5zaXR5IChzcGFyc2UgfCBkZW5zZSwgZGVmYXVsdCBzcGFyc2UpOiBmbGFrZSBjb3VudCBhY3Jvc3MgdGhlIGZyYW1lLgogICAgLSBzcGVlZCAoY2FsbSB8IGd1c3QsIGRlZmF1bHQgY2FsbSk6IGhvdyBmYXN0IGZsYWtlcyBmYWxsIGFuZCBzd2F5LgoKICBFbnZlbG9wZTogSU4gPSAwLCBIT0xEID0gdGhlIGZ1bGwgZWxhc3RpYyBkdXJhdGlvbiAodGhlIGhvc3QgY2xpcCdzIGRhdGEtZHVyYXRpb24pLCBPVVQgPSAwLgogIEVhY2ggZmxha2UgcnVucyBpdHMgb3duIHdob2xlIG51bWJlciBvZiBmYWxsIGN5Y2xlcyAoYW5kLCBzZXBhcmF0ZWx5LCBzd2F5IGN5Y2xlcykKICBkdXJpbmcgSE9MRCwgc28gYSBsb25nZXIgbW91bnQgYWRkcyBtb3JlIGZhbGxzIGluc3RlYWQgb2Ygc3RyZXRjaGluZyBhIHNpbmdsZSBvbmUgdGhpbi4KCiAgTG9vcCBpbnZhcmlhbnQ6IGEgZmxha2UncyB2ZXJ0aWNhbCBwb3NpdGlvbiBpcyBmcmFjKGludGVnZXIgKiBwaGFzZSArIGNvbnN0KSBhbmQgaXRzCiAgc3dheSBpcyBzaW4oMipQSSAqIGludGVnZXIgKiBwaGFzZSArIGNvbnN0KSwgc28gcGhhc2UgPSAwIGFuZCBwaGFzZSA9IDEgKHQgPSAwIGFuZAogIHQgPSBkdXJhdGlvbikgYWx3YXlzIG1hdGNoIGV4YWN0bHkuCgogIFNvdW5kOiBub25lLgoKICBNb3VudCBjb250cmFjdDogdGhlIHJ1bnRpbWUgY2xvbmVzIG9ubHkgdGhpcyBmaWxlJ3MgYm9keS4gVGhlIHJvb3QgaGFzIG5vIGRhdGEtd2lkdGggb3IKICBkYXRhLWhlaWdodCByZXF1aXJlbWVudCBiZXlvbmQgdGhlIGJsb2NrJ3Mgb3duIGRlY2xhcmVkIGRpbWVuc2lvbnMsIGFuZCByZWdpc3RlcnMgb25lCiAgcGF1c2VkIHRpbWVsaW5lIHVuZGVyIHRoZSBoYXJkY29kZWQgc25vdyBpZC4KLS0+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vZ3NhcEAzLjE0LjIvZGlzdC9nc2FwLm1pbi5qcyI+PC9zY3JpcHQ+CiAgICA8c3R5bGU+CiAgICAgICosCiAgICAgICo6OmJlZm9yZSwKICAgICAgKjo6YWZ0ZXIgewogICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgICAgIH0KCiAgICAgIGh0bWwsCiAgICAgIGJvZHkgewogICAgICAgIHdpZHRoOiAxOTIwcHg7CiAgICAgICAgaGVpZ2h0OiAxMDgwcHg7CiAgICAgICAgbWFyZ2luOiAwOwogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7CiAgICAgIH0KCiAgICAgICNoZi1zbm93IHsKICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgaW5zZXQ6IDA7CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTsKICAgICAgICAvKiBDZW50ZXIgY2xlYXJhbmNlOiBhIHN1YmplY3QgcGxhY2VkIG1pZC1mcmFtZSBzdGF5cyByZWFkYWJsZSBieSBkZWZhdWx0LiAqLwogICAgICAgIC13ZWJraXQtbWFzay1pbWFnZTogcmFkaWFsLWdyYWRpZW50KAogICAgICAgICAgY2lyY2xlIDIzMHB4IGF0IDUwJSA1MCUsCiAgICAgICAgICB0cmFuc3BhcmVudCAwIDIzMHB4LAogICAgICAgICAgIzAwMCA2NTNweAogICAgICAgICk7CiAgICAgICAgbWFzay1pbWFnZTogcmFkaWFsLWdyYWRpZW50KGNpcmNsZSAyMzBweCBhdCA1MCUgNTAlLCB0cmFuc3BhcmVudCAwIDIzMHB4LCAjMDAwIDY1M3B4KTsKICAgICAgfQoKICAgICAgI2hmLXNub3cgLmhmLWZsYWtlIHsKICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICAgICAgdG9wOiAwOwogICAgICAgIGxlZnQ6IDA7CiAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlOwogICAgICAgIGJhY2tncm91bmQ6ICNmZmY7CiAgICAgICAgd2lsbC1jaGFuZ2U6IHRyYW5zZm9ybTsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8ZGl2CiAgICAgIGlkPSJzbm93IgogICAgICBkYXRhLWNvbXBvc2l0aW9uLWlkPSJzbm93IgogICAgICBkYXRhLXN0YXJ0PSIwIgogICAgICBkYXRhLWR1cmF0aW9uPSI2IgogICAgICBkYXRhLXdpZHRoPSIxOTIwIgogICAgICBkYXRhLWhlaWdodD0iMTA4MCIKICAgICAgZGF0YS1jb21wb3NpdGlvbi12YXJpYWJsZXM9J1t7ImlkIjoiZGVuc2l0eSIsInR5cGUiOiJlbnVtIiwicm9sZSI6InN0eWxlIiwibGFiZWwiOiJEZW5zaXR5IiwiZGVzY3JpcHRpb24iOiJGbGFrZSBjb3VudCBhY3Jvc3MgdGhlIGZyYW1lLiIsImRlZmF1bHQiOiJzcGFyc2UiLCJvcHRpb25zIjpbeyJ2YWx1ZSI6InNwYXJzZSIsImxhYmVsIjoiU3BhcnNlIn0seyJ2YWx1ZSI6ImRlbnNlIiwibGFiZWwiOiJEZW5zZSJ9XX0seyJpZCI6InNwZWVkIiwidHlwZSI6ImVudW0iLCJyb2xlIjoic3R5bGUiLCJsYWJlbCI6IkZhbGwgc3BlZWQiLCJkZXNjcmlwdGlvbiI6IkhvdyBmYXN0IGZsYWtlcyBmYWxsIGFuZCBzd2F5LiIsImRlZmF1bHQiOiJjYWxtIiwib3B0aW9ucyI6W3sidmFsdWUiOiJjYWxtIiwibGFiZWwiOiJDYWxtIn0seyJ2YWx1ZSI6Imd1c3QiLCJsYWJlbCI6Ikd1c3QifV19XScKICAgID4KICAgICAgPGRpdiBpZD0iaGYtc25vdyIgYXJpYS1oaWRkZW49InRydWUiIGRhdGEtbGF5b3V0LWFsbG93LW92ZXJmbG93PSIiPjwvZGl2PgogICAgPC9kaXY+CgogICAgPHNjcmlwdD4KICAgICAgd2luZG93Ll9fdGltZWxpbmVzID0gd2luZG93Ll9fdGltZWxpbmVzIHx8IHt9OwoKICAgICAgKGZ1bmN0aW9uICgpIHsKICAgICAgICB2YXIgZmllbGQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgiaGYtc25vdyIpOwogICAgICAgIC8vIE1vdW50ZWQsIHRoZSBydW50aW1lIHN0cmlwcyBkYXRhLWR1cmF0aW9uIG9mZiB0aGlzIGZpbGUncyByb290OyB0aGUgaG9zdCBjbGlwIGNhcnJpZXMgaXQuCiAgICAgICAgdmFyIGhvc3QgPSBmaWVsZC5jbG9zZXN0KCJbZGF0YS1jb21wb3NpdGlvbi1pZF0iKTsKICAgICAgICB2YXIgdmFycyA9CiAgICAgICAgICB3aW5kb3cuX19oeXBlcmZyYW1lcyAmJiB3aW5kb3cuX19oeXBlcmZyYW1lcy5nZXRWYXJpYWJsZXMKICAgICAgICAgICAgPyB3aW5kb3cuX19oeXBlcmZyYW1lcy5nZXRWYXJpYWJsZXMoKQogICAgICAgICAgICA6IHt9OwoKICAgICAgICAvLyBUaGUgaG9zdCdzIGRhdGEtd2lkdGgvZGF0YS1oZWlnaHQgYXJlIGF1dGhvcml0YXRpdmUgb3ZlciB0aGlzIGZpbGUncyBvd24gcm9vdAogICAgICAgIC8vIChjb21wb3NpdGlvbkxvYWRlci50cykg4oCUIHJlYWQgdGhlbSBpbnN0ZWFkIG9mIGEgdGhpcmQgaGFyZGNvZGVkIDE5MjB4MTA4MC4KICAgICAgICB2YXIgVyA9IE51bWJlcihob3N0LmdldEF0dHJpYnV0ZSgiZGF0YS13aWR0aCIpKSB8fCAxOTIwOwogICAgICAgIHZhciBIID0gTnVtYmVyKGhvc3QuZ2V0QXR0cmlidXRlKCJkYXRhLWhlaWdodCIpKSB8fCAxMDgwOwogICAgICAgIHZhciBkdXJhdGlvbiA9IE51bWJlcihob3N0LmdldEF0dHJpYnV0ZSgiZGF0YS1kdXJhdGlvbiIpKSB8fCA2OwoKICAgICAgICB2YXIgQ09VTlQgPSB2YXJzLmRlbnNpdHkgPT09ICJkZW5zZSIgPyAyODAgOiAxMjA7CiAgICAgICAgdmFyIGZhbGxTZWNvbmRzID0gdmFycy5zcGVlZCA9PT0gImd1c3QiID8gMi4yIDogNC41OwogICAgICAgIHZhciBzd2F5U2Vjb25kcyA9IHZhcnMuc3BlZWQgPT09ICJndXN0IiA/IDIuMiA6IDQ7CgogICAgICAgIC8vIEV2ZW4gMkQgY292ZXJhZ2Ugd2l0aCBubyBjbHVtcGluZyBhbmQgbm8gc2VlZCB0byBzdG9yZSAoV2V5bCBsb3ctZGlzY3JlcGFuY3kKICAgICAgICAvLyBzZXF1ZW5jZSk6IHN1Y2Nlc3NpdmUgbXVsdGlwbGVzIG9mIGFuIGlycmF0aW9uYWwgY29uc3RhbnQsIHRha2VuIG1vZCAxLgogICAgICAgIHZhciBQSEkgPSAwLjYxODAzMzk4ODc0OTg5NDk7IC8vIChzcXJ0KDUpIC0gMSkgLyAyCiAgICAgICAgdmFyIFJUMiA9IDAuNDE0MjEzNTYyMzczMDk1MTsgLy8gc3FydCgyKSAtIDEKCiAgICAgICAgZnVuY3Rpb24gZnJhYyh4KSB7CiAgICAgICAgICByZXR1cm4geCAtIE1hdGguZmxvb3IoeCk7CiAgICAgICAgfQoKICAgICAgICAvLyBEZXRlcm1pbmlzdGljIHBlci1pbmRleCBoYXNoIChzaW4gZm9sZDsgbm8gTWF0aC5yYW5kb20pIGZvciBzY2FsYXJzIHRoYXQgb25seQogICAgICAgIC8vIG5lZWQgZGVjb3JyZWxhdGlvbiwgbm90IGV2ZW4gY292ZXJhZ2UuIHJlZ2lzdHJ5L2NvbXBvbmVudHMvc3RvcC1tb3Rpb24tY2FkZW5jZSdzCiAgICAgICAgLy8gcm5kKG4pLgogICAgICAgIGZ1bmN0aW9uIHJuZChuKSB7CiAgICAgICAgICB2YXIgeCA9IE1hdGguc2luKG4gKiAxMjcuMSArIDMxMS43KSAqIDQzNzU4LjU0NTM7CiAgICAgICAgICByZXR1cm4geCAtIE1hdGguZmxvb3IoeCk7CiAgICAgICAgfQoKICAgICAgICB2YXIgVEFVID0gMiAqIE1hdGguUEk7CgogICAgICAgIC8vIEEgd2hvbGUgbnVtYmVyIG9mIGN5Y2xlcyBvdmVyIHRoZSBtb3VudCBmb3IgYSBnaXZlbiBwZXItY3ljbGUgZHVyYXRpb247IHRoZQogICAgICAgIC8vIGxvb3AgaW52YXJpYW50IGZvcmNlcyB0aGlzIHRvIHJvdW5kIHRvIGFuIGludGVnZXIsIHNvIGNhbGxlcnMgdGhhdCBuZWVkIGRpc3RpbmN0CiAgICAgICAgLy8gc3BlZWRzIG11c3Qgc3BhY2UgdGhlaXIgaW5wdXRzLCBub3QganVzdCB0aGVpciBtdWx0aXBsaWVycyAocm91bmRpbmcgYSBzdWItMQogICAgICAgIC8vIHByb2R1Y3QgYWx3YXlzIGNvbGxhcHNlcyB0byAxIG9uIGEgc2hvcnQgbW91bnQpLgogICAgICAgIGZ1bmN0aW9uIHdob2xlQ3ljbGVzKGN5Y2xlU2Vjb25kcykgewogICAgICAgICAgcmV0dXJuIE1hdGgubWF4KDEsIE1hdGgucm91bmQoZHVyYXRpb24gLyBjeWNsZVNlY29uZHMpKTsKICAgICAgICB9CgogICAgICAgIC8vIEZsYWtlcyBlbnRlciBhYm92ZSB0aGUgdG9wIGVkZ2UgYW5kIGV4aXQgYmVsb3cgdGhlIGJvdHRvbSBiZWZvcmUgd3JhcHBpbmcsIHNvIHRoZQogICAgICAgIC8vIGxvb3Agc2VhbSBuZXZlciBwb3BzIG9uZSBpbnRvIHZpZXcgbWlkLWZyYW1lLiBJdCBtdXN0IGNsZWFyIHRoZSBsYXJnZXN0IGZsYWtlJ3MKICAgICAgICAvLyByYWRpdXMgcGx1cyBpdHMgYmx1ciAoOXB4ICsgNHB4IGF0IDEwODAgdGFsbCk7IGEgY29ycmVjdG5lc3MgYm91bmQsIG5vdCB0YXN0ZS4KICAgICAgICB2YXIgV1JBUF9NQVJHSU4gPSAwLjAyOwoKICAgICAgICB2YXIgZmFsbEJhc2UgPSB3aG9sZUN5Y2xlcyhmYWxsU2Vjb25kcyk7CiAgICAgICAgdmFyIHN3YXlCYXNlID0gd2hvbGVDeWNsZXMoc3dheVNlY29uZHMpOwoKICAgICAgICB2YXIgZmxha2VzID0gW107CiAgICAgICAgdmFyIGZyYWdtZW50ID0gZG9jdW1lbnQuY3JlYXRlRG9jdW1lbnRGcmFnbWVudCgpOwogICAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgQ09VTlQ7IGkrKykgewogICAgICAgICAgdmFyIGxhbmVYID0gZnJhYyhpICogUEhJICsgMC4wNyk7CiAgICAgICAgICAvLyBPbmUgZGVwdGggZHJhdyBkcml2ZXMgc2l6ZSBhbmQgb3BhY2l0eSwgYW5kIGJ1Y2tldHMgdGhlIGZsYWtlIGludG8KICAgICAgICAgIC8vIG9uZSBvZiB0aHJlZSBmYWxsLXNwZWVkIGxheWVycyAoZmFyL21pZC9uZWFyKS4gTGF5ZXIgY3ljbGUgY291bnRzIGFyZSBvZmZzZXRzCiAgICAgICAgICAvLyBmcm9tIHRoZSBzaGFyZWQgYmFzZSwgbm90IHByb2R1Y3RzIG9mIGl0LCBzbyB0aGV5IHN0YXkgZGlzdGluY3Qgb24gYW55IG1vdW50LgogICAgICAgICAgdmFyIGRlcHRoID0gcm5kKGkpOwogICAgICAgICAgdmFyIHNpemVQeCA9IDIgKyBkZXB0aCAqIGRlcHRoICogMTY7CiAgICAgICAgICAvLyBUaGUgbmVhcmVzdCBmbGFrZXMgc2l0IGluIGZyb250IG9mIHRoZSBmb2NhbCBwbGFuZTogbGFyZ2UsIHNvZnQgYW5kIGhhbGYgc2VlLXRocm91Z2guCiAgICAgICAgICB2YXIgYm9rZWggPSBkZXB0aCA+IDAuODU7CiAgICAgICAgICB2YXIgb3BhY2l0eSA9IGJva2VoID8gMC41IDogMC4zNSArIGRlcHRoICogMC41NTsKICAgICAgICAgIHZhciBsYXllciA9IGRlcHRoIDwgMSAvIDMgPyAwIDogZGVwdGggPCAyIC8gMyA/IDEgOiAyOwoKICAgICAgICAgIHZhciBlbCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoImRpdiIpOwogICAgICAgICAgZWwuY2xhc3NOYW1lID0gImhmLWZsYWtlIjsKICAgICAgICAgIGVsLnN0eWxlLndpZHRoID0gc2l6ZVB4ICsgInB4IjsKICAgICAgICAgIGVsLnN0eWxlLmhlaWdodCA9IHNpemVQeCArICJweCI7CiAgICAgICAgICBlbC5zdHlsZS5vcGFjaXR5ID0gb3BhY2l0eTsKICAgICAgICAgIGlmIChib2tlaCkgZWwuc3R5bGUuZmlsdGVyID0gImJsdXIoMnB4KSI7CiAgICAgICAgICBmcmFnbWVudC5hcHBlbmRDaGlsZChlbCk7CgogICAgICAgICAgZmxha2VzLnB1c2goewogICAgICAgICAgICBlbDogZWwsCiAgICAgICAgICAgIGxhbmVYOiBsYW5lWCwKICAgICAgICAgICAgZmFsbEN5Y2xlczogZmFsbEJhc2UgKyBsYXllciwKICAgICAgICAgICAgZmFsbFBoaTogZnJhYyhpICogUlQyICsgMC4zNyksCiAgICAgICAgICAgIHN3YXlQeDogNiArIGRlcHRoICogMjQsCiAgICAgICAgICAgIHN3YXlDeWNsZXM6IHN3YXlCYXNlICsgTWF0aC5yb3VuZChybmQoaSArIDUwMDApICogMiksCiAgICAgICAgICAgIHN3YXlQaGk6IFRBVSAqIHJuZChpICsgMzAwMCksCiAgICAgICAgICB9KTsKICAgICAgICB9CiAgICAgICAgZmllbGQuYXBwZW5kQ2hpbGQoZnJhZ21lbnQpOwoKICAgICAgICB2YXIgc3RhdGUgPSB7IHBoYXNlOiAwIH07CgogICAgICAgIGZ1bmN0aW9uIHJlbmRlcigpIHsKICAgICAgICAgIHZhciBwID0gc3RhdGUucGhhc2U7CiAgICAgICAgICBmb3IgKHZhciBzID0gMDsgcyA8IGZsYWtlcy5sZW5ndGg7IHMrKykgewogICAgICAgICAgICB2YXIgZiA9IGZsYWtlc1tzXTsKICAgICAgICAgICAgdmFyIHlGcmFjID0gZnJhYyhmLmZhbGxDeWNsZXMgKiBwICsgZi5mYWxsUGhpKTsKICAgICAgICAgICAgdmFyIHkgPSAoLVdSQVBfTUFSR0lOICsgeUZyYWMgKiAoMSArIDIgKiBXUkFQX01BUkdJTikpICogSDsKICAgICAgICAgICAgdmFyIHggPSBmLmxhbmVYICogVyArIGYuc3dheVB4ICogTWF0aC5zaW4oVEFVICogZi5zd2F5Q3ljbGVzICogcCArIGYuc3dheVBoaSk7CiAgICAgICAgICAgIGYuZWwuc3R5bGUudHJhbnNmb3JtID0KICAgICAgICAgICAgICAidHJhbnNsYXRlKCIgKyBNYXRoLnJvdW5kKHgpICsgInB4LCAiICsgTWF0aC5yb3VuZCh5KSArICJweCkgdHJhbnNsYXRlKC01MCUsIC01MCUpIjsKICAgICAgICAgIH0KICAgICAgICB9CgogICAgICAgIHZhciB0bCA9IGdzYXAudGltZWxpbmUoeyBwYXVzZWQ6IHRydWUgfSk7CiAgICAgICAgdGwudG8oc3RhdGUsIHsgcGhhc2U6IDEsIGR1cmF0aW9uOiBkdXJhdGlvbiwgZWFzZTogIm5vbmUiLCBvblVwZGF0ZTogcmVuZGVyIH0sIDApOwogICAgICAgIHJlbmRlcigpOwoKICAgICAgICB3aW5kb3cuX190aW1lbGluZXNbInNub3ciXSA9IHRsOwogICAgICB9KSgpOwogICAgPC9zY3JpcHQ+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==\"\n \n data-start=\"0\"\n data-duration=\"6\"\n data-track-index=\"1\"\n data-width=\"1920\"\n data-height=\"1080\"\n ></div>\n </div>\n\n <script>\n window.__timelines = window.__timelines || {};\n\n // Seeded pine treelines: same silhouette on every load.\n (function () {\n function rnd(n) {\n var x = Math.sin(n * 127.1 + 311.7) * 43758.5453;\n return x - Math.floor(x);\n }\n function pine(x, base, h) {\n var w = h * 0.3;\n var tiers = [\n [0, 1],\n [0.45, 0.62],\n [0.25, 0.62],\n [0.75, 0.3],\n [0.5, 0.3],\n [1, 0],\n ];\n var right = tiers.map(function (t) {\n return x + w * t[0] + \" \" + (base - h * t[1]);\n });\n var left = tiers\n .slice(1)\n .reverse()\n .map(function (t) {\n return x - w * t[0] + \" \" + (base - h * t[1]);\n });\n return \"M\" + right.concat(left).join(\" L\") + \" Z\";\n }\n function row(id, base, minH, maxH, step, seed) {\n var d = \"M0 \" + base + \" L1920 \" + base + \" L1920 1080 L0 1080 Z\";\n for (var x = -20, i = 0; x < 1960; i++) {\n d += pine(x, base + rnd(seed + i) * 14, minH + rnd(seed + i + 500) * (maxH - minH));\n x += step * (0.6 + rnd(seed + i + 900) * 0.8);\n }\n document.getElementById(id).setAttribute(\"d\", d);\n }\n row(\"snow-demo-trees-far\", 842, 46, 96, 30, 11);\n row(\"snow-demo-trees-near\", 1010, 130, 280, 70, 71);\n })();\n\n var tl = gsap.timeline({ paused: true });\n tl.to({}, { duration: 6, ease: \"none\" }, 0);\n window.__timelines[\"snow-demo\"] = tl;\n </script>\n </body>\n</html>\n"} |