@rtstic.dev/pulse 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blur.css +1 -1
- package/dist/blur.css.map +2 -2
- package/dist/scroll.js +1 -1
- package/dist/scroll.js.map +2 -2
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +2 -2
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
#spline-container canvas{width:100vw!important}
|
|
1
|
+
[pulse-animation-element=player-inner-elements]{z-index:105}[pulse-animation-element=hero-wrapper]{z-index:100}[pulse-animation-element=hero-blur-overlay]{z-index:95}[pulse-animation-element=hero-blur]{z-index:90}[pulse-animation-element=radial-gradient-wrapper]{z-index:81}[pulse-animation-element=canvas-wrapper]{z-index:85}[pulse-animation-element=player-wrapper]{z-index:80}#spline-container canvas{width:100vw!important}.spline-disc canvas{width:1920px!important;height:1080px!important}#canvas3d{width:100vw!important;height:100%;display:flex;justify-content:center;align-items:center}.block-canvas{display:flex;justify-content:center;align-items:flex-end;height:100vh;width:100vw;overflow:hidden}.gradient-blur{display:flex}.block_spline-3d{display:flex;position:sticky;top:0;height:100vh;pointer-events:none}.block_hero-text{position:absolute;inset:0%;overflow:hidden;height:100vh;pointer-events:auto}.block_music-player{position:absolute;bottom:0;left:0;width:100%;height:100vh;overflow:visible}.canvas-helper{display:none}.scroll-section{position:relative;height:350vh;pointer-events:none}.box{width:402px;height:482px;background:#0b0b0b;position:relative}.box svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;pointer-events:none}[pulse-animation-element=player-elements]{position:absolute;inset:0}[pulse-animation-element=line-art]{background:transparent}[pulse-animation-element=player-handle]{transform-origin:left center;transform:rotate(0);left:70px}[pulse-animation-element=player-handle-tail]{transform-origin:right center;transform:rotate(0)}[pulse-animation-element=radial-gradient]{background:radial-gradient(circle,#141414 0%,rgba(20,20,20,.9) 70%,rgba(20,20,20,.6) 80%,transparent 100%);opacity:.8}
|
package/dist/styles.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/home/hero-animation/styles.css"],
|
|
4
|
-
"sourcesContent": ["#spline-container canvas{\n width: 100vw !important;\n}\n\n
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"sourcesContent": ["/* Z-index hirearchy: */\n[pulse-animation-element=\"player-inner-elements\"]{\n z-index: 105;\n}\n[pulse-animation-element=\"hero-wrapper\"]{\n z-index: 100;\n}\n[pulse-animation-element=\"hero-blur-overlay\"]{\n z-index: 95;\n}\n[pulse-animation-element=\"hero-blur\"]{\n z-index: 90;\n}\n[pulse-animation-element=\"radial-gradient-wrapper\"]{\n z-index: 81;\n}\n[pulse-animation-element=\"canvas-wrapper\"]{\n z-index: 85;\n}\n[pulse-animation-element=\"player-wrapper\"]{\n z-index: 80; \n}\n\n\n\n#spline-container canvas{\n width: 100vw !important;\n}\n\n.spline-disc canvas{\n width: 1920px !important;\n height: 1080px !important;\n}\n#canvas3d{\n width: 100vw !important;\n /* height: 100vh !important; */\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.block-canvas{\n display: flex;\n justify-content: center;\n align-items: flex-end;\n height: 100vh;\n width: 100vw;\n overflow: hidden;\n}\n\n.gradient-blur{\n display: flex;\n}\n\n.block_spline-3d {\n display: flex;\n position: sticky;\n top: 0px;\n height: 100vh;\n pointer-events: none;\n }\n\n .block_hero-text {\n position: absolute;\n inset: 0%;\n overflow: hidden;\n height: 100vh;\n pointer-events: auto;\n }\n\n .block_music-player{\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n overflow: visible;\n }\n\n\n.canvas-helper{\n display : none;\n}\n\n\n/* scroll animation start */\n.scroll-section{\n position: relative;\n height: 350vh;\n pointer-events: none;\n /* background-color: rgba(255, 0, 0, 0.333); */\n}\n\n\n .box {\n width: 402px;\n height: 482px;\n background: rgba(11, 11, 11, 1);\n position: relative;\n }\n\n /* The SVG acts as the border */\n .box svg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n display: block;\n overflow: visible;\n pointer-events: none;\n }\n\n [pulse-animation-element=\"player-elements\"]{\n position: absolute;\n inset: 0;\n }\n [pulse-animation-element=\"line-art\"]{\n background: transparent;\n }\n\n\n [pulse-animation-element=\"player-handle\"]{\n transform-origin: left center;\n transform: rotate(0deg);\n left: 70px;\n }\n [pulse-animation-element=\"player-handle-tail\"]{\n transform-origin: right center;\n transform: rotate(0deg);\n }\n [pulse-animation-element=\"radial-gradient\"]{\nbackground: radial-gradient(circle, #141414 0%, rgba(20, 20, 20, 0.9) 70%, rgba(20, 20, 20, 0.6) 80%, transparent 100%);\nopacity: 0.8;\n }"],
|
|
5
|
+
"mappings": ";AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AAIA,CAAC,iBAAiB;AACd,SAAO;AACX;AAEA,CAAC,YAAY;AACT,SAAO;AACP,UAAQ;AACZ;AACA,CAAC;AACG,SAAO;AAEP,UAAQ;AACR,WAAS;AACT,mBAAiB;AACjB,eAAa;AACjB;AACA,CAAC;AACG,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,SAAO;AACP,YAAU;AACd;AAEA,CAAC;AACG,WAAS;AACb;AAEA,CAAC;AACG,WAAS;AACT,YAAU;AACV,OAAK;AACL,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,QAAM;AACN,SAAO;AACP,UAAQ;AACR,YAAU;AACZ;AAGF,CAAC;AACG,WAAU;AACd;AAIA,CAAC;AACG,YAAU;AACV,UAAQ;AACR,kBAAgB;AAEpB;AAGI,CAAC;AACC,SAAO;AACP,UAAQ;AACR,cAAY,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC7B,YAAU;AACZ;AAGA,CARC,IAQI;AACH,YAAU;AACV,SAAO;AACP,SAAO;AACP,UAAQ;AACR,WAAS;AACT,YAAU;AACV,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACT;AACA,CAAC;AACJ,cAAY;AACT;AAGA,CAAC;AACC,oBAAkB,KAAK;AACvB,aAAW,OAAO;AAClB,QAAM;AACR;AACC,CAAC;AACA,oBAAkB,MAAM;AACxB,aAAW,OAAO;AACpB;AACA,CAAC;AACL;AAAA,IAAY;AAAA,MAAgB,MAAM;AAAA,MAAE,QAAQ,EAAE;AAAA,MAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,GAAG;AAAA,MAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,GAAG;AAAA,MAAE,YAAY;AAClH,WAAS;AACL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|