@rtstic.dev/pulse 0.0.1 → 0.0.3

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/styles.css CHANGED
@@ -1 +1 @@
1
- #spline-container canvas{width:100vw!important}#canvas3d{width:100vw!important}.gradient-blur{display:flex}.block_spline-3d{display:flex;position:sticky;top:0;z-index:5;height:100vh;pointer-events:none}.block_hero-text{position:absolute;inset:0%;z-index:15;overflow:hidden;height:100vh}.block_music-player{position:absolute;bottom:0;left:0;width:100%;height:100vh;z-index:10}.gradient_blur{opacity:1}.gradient_blur>div,.gradient_blur:before,.gradient_blur:after{position:absolute;inset:0}.gradient_blur:before{content:"";z-index:1;backdrop-filter:blur(.5px);mask:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 12.5%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 37.5%)}.gradient_blur>div:nth-of-type(1){z-index:2;backdrop-filter:blur(1px);mask:linear-gradient(to top,rgba(0,0,0,0) 12.5%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 37.5%,rgba(0,0,0,0) 50%)}.gradient_blur>div:nth-of-type(2){z-index:3;backdrop-filter:blur(2px);mask:linear-gradient(to top,rgba(0,0,0,0) 25%,rgba(0,0,0,1) 37.5%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 62.5%)}.gradient_blur>div:nth-of-type(3){z-index:4;backdrop-filter:blur(4px);mask:linear-gradient(to top,rgba(0,0,0,0) 37.5%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 62.5%,rgba(0,0,0,0) 75%)}.gradient_blur>div:nth-of-type(4){z-index:5;backdrop-filter:blur(8px);mask:linear-gradient(to top,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 62.5%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 87.5%)}.gradient_blur>div:nth-of-type(5){z-index:6;backdrop-filter:blur(16px);mask:linear-gradient(to top,rgba(0,0,0,0) 62.5%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 87.5%,rgba(0,0,0,0) 100%)}.gradient_blur>div:nth-of-type(6){z-index:7;backdrop-filter:blur(32px);mask:linear-gradient(to top,rgba(0,0,0,0) 75%,rgba(0,0,0,1) 87.5%,rgba(0,0,0,1) 100%)}.gradient_blur:after{content:"";z-index:8;backdrop-filter:blur(64px);mask:linear-gradient(to top,rgba(0,0,0,0) 87.5%,rgba(0,0,0,1) 100%)}.gradient_blur:after{content:"";z-index:9;background:#00000080;pointer-events:none}.canvas-helper{display:none}.scroll-section{position:relative;height:250vh}
1
+ #spline-container canvas{width:100vw!important}#canvas3d{width:1920px!important;height:1080px!important}.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;z-index:10;height:100vh;pointer-events:none}.block_hero-text{position:absolute;inset:0%;z-index:20;overflow:hidden;height:100vh;pointer-events:auto}.block_music-player{position:absolute;bottom:0;left:0;width:100%;height:100vh;z-index:25;overflow:visible}.canvas-helper{display:none}.scroll-section{position:relative;height:350vh;pointer-events:none}.box{width:402px;height:482px;background:transparent;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;z-index:20}[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)}
@@ -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#canvas3d{\n width: 100vw !important;\n}\n\n.gradient-blur{\n display: flex;\n}\n\n.block_spline-3d {\n display: flex;\n position: sticky;\n top: 0px;\n z-index: 5;\n height: 100vh;\n pointer-events: none;\n }\n\n .block_hero-text {\n position: absolute;\n inset: 0%;\n z-index: 15;\n overflow: hidden;\n height: 100vh;\n }\n\n .block_music-player{\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n z-index: 10;\n }\n\n/* blur start */\n.gradient_blur {\n opacity: 1;\n }\n .gradient_blur > div,\n .gradient_blur::before,\n .gradient_blur::after {\n position: absolute;\n inset: 0;\n }\n .gradient_blur::before {\n content: \"\";\n z-index: 1;\n backdrop-filter: blur(0.5px);\n mask: linear-gradient(\n to top,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 1) 12.5%,\n rgba(0, 0, 0, 1) 25%,\n rgba(0, 0, 0, 0) 37.5%\n );\n }\n .gradient_blur > div:nth-of-type(1) {\n z-index: 2;\n backdrop-filter: blur(1px);\n mask: linear-gradient(\n to top,\n rgba(0, 0, 0, 0) 12.5%,\n rgba(0, 0, 0, 1) 25%,\n rgba(0, 0, 0, 1) 37.5%,\n rgba(0, 0, 0, 0) 50%\n );\n }\n .gradient_blur > div:nth-of-type(2) {\n z-index: 3;\n backdrop-filter: blur(2px);\n mask: linear-gradient(\n to top,\n rgba(0, 0, 0, 0) 25%,\n rgba(0, 0, 0, 1) 37.5%,\n rgba(0, 0, 0, 1) 50%,\n rgba(0, 0, 0, 0) 62.5%\n );\n }\n .gradient_blur > div:nth-of-type(3) {\n z-index: 4;\n backdrop-filter: blur(4px);\n mask: linear-gradient(\n to top,\n rgba(0, 0, 0, 0) 37.5%,\n rgba(0, 0, 0, 1) 50%,\n rgba(0, 0, 0, 1) 62.5%,\n rgba(0, 0, 0, 0) 75%\n );\n }\n .gradient_blur > div:nth-of-type(4) {\n z-index: 5;\n backdrop-filter: blur(8px);\n mask: linear-gradient(\n to top,\n rgba(0, 0, 0, 0) 50%,\n rgba(0, 0, 0, 1) 62.5%,\n rgba(0, 0, 0, 1) 75%,\n rgba(0, 0, 0, 0) 87.5%\n );\n }\n .gradient_blur > div:nth-of-type(5) {\n z-index: 6;\n backdrop-filter: blur(16px);\n mask: linear-gradient(\n to top,\n rgba(0, 0, 0, 0) 62.5%,\n rgba(0, 0, 0, 1) 75%,\n rgba(0, 0, 0, 1) 87.5%,\n rgba(0, 0, 0, 0) 100%\n );\n }\n .gradient_blur > div:nth-of-type(6) {\n z-index: 7;\n backdrop-filter: blur(32px);\n mask: linear-gradient(\n to top,\n rgba(0, 0, 0, 0) 75%,\n rgba(0, 0, 0, 1) 87.5%,\n rgba(0, 0, 0, 1) 100%\n );\n }\n .gradient_blur::after {\n content: \"\";\n z-index: 8;\n backdrop-filter: blur(64px);\n mask: linear-gradient(\n to top,\n rgba(0, 0, 0, 0) 87.5%,\n rgba(0, 0, 0, 1) 100%\n );\n }\n .gradient_blur::after {\n content: \"\";\n z-index: 9; /* Higher than blur layers */\n background: rgba(0, 0, 0, 0.5); /* Adjust opacity (0.5 = 50% dark) */\n pointer-events: none;\n}\n.canvas-helper{\n display : none;\n}\n\n\n/* scroll animation start */\n.scroll-section{\n position: relative;\n height: 250vh;\n}\n\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["#spline-container canvas{\n width: 100vw !important;\n}\n\n#canvas3d{\n width: 1920px !important;\n height: 1080px !important;\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 z-index: 10;\n height: 100vh;\n pointer-events: none;\n }\n\n .block_hero-text {\n position: absolute;\n inset: 0%;\n z-index: 20;\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 z-index: 25;\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}\n\n\n .box {\n width: 402px;\n height: 482px;\n background: transparent;\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 z-index: 20;\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 }"],
5
+ "mappings": ";AAAA,CAAC,iBAAiB;AACd,SAAO;AACX;AAEA,CAAC;AACG,SAAO;AACP,UAAQ;AACZ;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,WAAS;AACT,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,YAAU;AACV,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,QAAM;AACN,SAAO;AACP,UAAQ;AACR,WAAS;AACT,YAAU;AACZ;AAGF,CAAC;AACG,WAAU;AACd;AAIA,CAAC;AACG,YAAU;AACV,UAAQ;AACR,kBAAgB;AACpB;AAGI,CAAC;AACC,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,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;AACP,WAAS;AACX;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;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rtstic.dev/pulse",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "description": "pulse website",
5
5
  "license": "license-of-your-project",
6
6
  "keywords": [],