@widelab-nc/widelab 1.1.23 → 1.1.25
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/index.js +62 -62
- package/dist/index.js.map +4 -4
- package/dist/style.css +1 -1
- package/dist/style.css.map +2 -2
- package/package.json +2 -2
- package/src/index.js +145 -37
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
html.lenis{height:auto}.splide__list{user-select:none}.hero_headline.is-cta,.is-h4.is-blog{text-wrap:balance}#heroHeading{user-select:none;pointer-events:none}.hero_headline-span{pointer-events:auto;z-index:-1}.hero-line-mask:first-of-type{z-index:2}.splide__track{overflow:visible}.splide__pagination__page.reviews-page,.splide__pagination__page.facts-page{height:.625rem;width:.625rem;background:#b2b2b2;opacity:.5;margin:.25rem}.splide__pagination__page.reviews-page.is-active,.splide__pagination__page.facts-page.is-active{height:.625rem;width:.625rem;background:#000;opacity:1;transform:none}address{font-style:normal}.bottom-wrapper_footer-spacer,.whats-next_links_item_image-wrapper,.reel-modal_player{pointer-events:none}.skills_item_hover-track.is-design{white-space:nowrap;will-change:transform;animation:marquee-horizontal 12s linear infinite}.skills_item_hover-track.is-branding,.skills_item_hover-track.is-nocode{white-space:nowrap;will-change:transform;animation:marquee-horizontal 5s linear infinite}@keyframes marquee-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.splide__pagination.facts-pagination{padding:0;align-items:start;justify-content:left}.hero-line-mask,.stats-line-mask,.facts-line-mask,.cs-line-mask{clip-path:polygon(0 0,100% 0,100% 110%,0 110%)}@media only screen and (min-width: 992px){#csSingleFooter{position:static}#csItemTransformWrapper,#csItemNotTransformWrapper{padding-left:2.5rem;padding-right:2.5rem}.portfolio_wrapper.is-2-col>.portfolio_item:first-child .portfolio_item_content,.portfolio_item.is-1-left .portfolio_item_content{padding-left:2.5rem}.splide__pagination.reviews-pagination{bottom:-3.625rem}.splide__pagination.facts-pagination{bottom:2.25rem;left:0;right:0}#stickyNavbar{padding:1rem 2.5rem}.button_small
|
|
1
|
+
html.lenis{height:auto}.splide__list{user-select:none}.hero_headline.is-cta,.is-h4.is-blog{text-wrap:balance}#heroHeading{user-select:none;pointer-events:none}.hero_headline-span{pointer-events:auto;z-index:-1}.hero-line-mask:first-of-type{z-index:2}.splide__track{overflow:visible}.splide__pagination__page.reviews-page,.splide__pagination__page.facts-page{height:.625rem;width:.625rem;background:#b2b2b2;opacity:.5;margin:.25rem}.splide__pagination__page.reviews-page.is-active,.splide__pagination__page.facts-page.is-active{height:.625rem;width:.625rem;background:#000;opacity:1;transform:none}address{font-style:normal}.bottom-wrapper_footer-spacer,.whats-next_links_item_image-wrapper,.reel-modal_player{pointer-events:none}.skills_item_hover-track.is-design{white-space:nowrap;will-change:transform;animation:marquee-horizontal 12s linear infinite}.skills_item_hover-track.is-branding,.skills_item_hover-track.is-nocode{white-space:nowrap;will-change:transform;animation:marquee-horizontal 5s linear infinite}@keyframes marquee-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.splide__pagination.facts-pagination{padding:0;align-items:start;justify-content:left}.hero-line-mask,.stats-line-mask,.facts-line-mask,.cs-line-mask{clip-path:polygon(0 0,100% 0,100% 110%,0 110%)}.button_small .link,.portfolio_item .is-p-l.is-link,.cookies-button,.blog_link,.post-body_rtb a,.info-bar_wrapper>a.is-p-s{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .08em;transition:background-size .2s cubic-bezier(.65,0,.35,1)}@media only screen and (min-width: 992px){#csSingleFooter{position:static}#csItemTransformWrapper,#csItemNotTransformWrapper{padding-left:2.5rem;padding-right:2.5rem}.portfolio_wrapper.is-2-col>.portfolio_item:first-child .portfolio_item_content,.portfolio_item.is-1-left .portfolio_item_content{padding-left:2.5rem}.splide__pagination.reviews-pagination{bottom:-3.625rem}.splide__pagination.facts-pagination{bottom:2.25rem;left:0;right:0}#stickyNavbar{padding:1rem 2.5rem}.button_small:hover .link,.button_small:focus .link,.portfolio_item:hover .is-p-l.is-link,.portfolio_item:active .is-p-l.is-link,.cookies-button:hover,.cookies-button:active,.blog_link:hover,.blog_link:active,.post-body_rtb a:hover,.info-bar_link:hover,.info-bar_wrapper>a.is-p-s:hover{background-size:0% .08em}.button_small .button_small_icon_circle,.cta_link .cta_link_icon-wrapper{position:relative}.button_small .button_small_icon_circle:after,.cta_link .cta_link_icon-wrapper:after,.contact-modal_call-box_icon-wrapper:after{background-color:inherit;border-radius:50%;content:"";position:absolute;inset:0;z-index:-1;transition:.3s cubic-bezier(.83,0,.17,1)}.button_small:hover .button_small_icon_circle:after,.cta_link:hover .cta_link_icon-wrapper:after,.contact-modal_call-box:hover .contact-modal_call-box_icon-wrapper:after{scale:1.2}.navbar_menu_link,.footer_menu_link,.is-link,.cta_link .is-h4{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% .08em;transition:background-size .2s cubic-bezier(.65,0,.35,1)}.navbar_menu_link:hover,.navbar_menu_link:focus,.footer_menu_link:hover,.footer_menu_link:focus,.is-link:hover,.is-link_link:focus,.cta_link:hover .is-h4,.cta_link:focus .is-h4{background-size:100% .08em}}@media only screen and (max-width: 1180px) and (min-width: 992px){.stats-content_wrapper{padding-right:4vw}}@media only screen and (max-width: 1280px) and (min-width: 992px){.section.is-cs-2col{padding-left:2.5rem;padding-right:2.5rem}}@media only screen and (max-width: 991px){.navbar .button_small .button_small_icon_circle{display:none}#csItemTransformWrapper{padding-left:1.75rem;padding-right:1.75rem}.button_small .link,.portfolio_item .is-p-l.is-link,.cta_link.is-mobile-nav .is-p-l,.cookies-button{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% .08em}.splide__pagination.reviews-pagination{bottom:-3.5rem}.splide__pagination.facts-pagination{top:15.25rem;left:0;right:0}.splide__list.team_collection_list{overflow:visible}}@media only screen and (max-width: 767px){#csItemTransformWrapper{padding-left:1.375rem;padding-right:1.375rem}.splide__pagination.facts-pagination{top:13.5rem;left:0;right:0}.splide__pagination.reviews-pagination{bottom:-3rem}}.background-video{height:100%;position:relative;overflow:hidden}.background-video>video{width:100%;height:100%;object-fit:cover;z-index:-100;background-position:50%;background-size:cover;margin:auto;position:absolute;inset:-100%}.background-video>video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.background-video--control{background-color:#0000;padding:0;position:absolute;bottom:1em;right:1em}.background-video--control>[hidden]{display:none!important}.contact-modal_submit_icon{transition-delay:.05s}.contact-modal_submit:hover>.contact-modal_submit_icon-wrapper{width:2rem}.contact-modal_submit:hover>.contact-modal_submit_icon-wrapper>.contact-modal_submit_icon{opacity:1}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
package/dist/style.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/style.scss"],
|
|
4
|
-
"sourcesContent": ["/* Global styles */\nhtml.lenis {\n height: auto;\n}\n\n.splide__list {\n user-select: none;\n}\n\n.hero_headline.is-cta, .is-h4.is-blog {\n text-wrap: balance;\n}\n\n/* Home hero span animation*/\n#heroHeading {\n user-select: none;\n pointer-events: none;\n}\n.hero_headline-span {\n pointer-events: auto;\n z-index: -1;\n}\n.hero-line-mask:first-of-type {\n z-index: 2;\n}\n\n/* Splide track overflow */\n.splide__track {\n overflow: visible;\n}\n\n/* Splide default pagination */\n.splide__pagination__page.reviews-page,\n.splide__pagination__page.facts-page {\n height: 0.625rem;\n width: 0.625rem;\n background: #b2b2b2;\n opacity: 0.5;\n margin: 0.25rem;\n}\n\n/* Splide active pagination */\n.splide__pagination__page.reviews-page.is-active,\n.splide__pagination__page.facts-page.is-active {\n height: 0.625rem;\n width: 0.625rem;\n background: #000;\n opacity: 1;\n transform: none;\n}\n\n/* Address remove style */\naddress {\n font-style: normal;\n}\n\n/* Footer spacer styles */\n.bottom-wrapper_footer-spacer,\n.whats-next_links_item_image-wrapper,\n.reel-modal_player {\n pointer-events: none;\n}\n\n/* Skills hover marquee */\n.skills_item_hover-track.is-design {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 12s linear infinite;\n}\n\n.skills_item_hover-track.is-branding {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n.skills_item_hover-track.is-nocode {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n@keyframes marquee-horizontal {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n}\n\n/* Facts slider pagination position */\n.splide__pagination.facts-pagination {\n padding: 0;\n align-items: start;\n justify-content: left;\n}\n\n/* Cliping mask for hero headline */\n.hero-line-mask,\n.stats-line-mask,\n.facts-line-mask,\n.cs-line-mask {\n clip-path: polygon(0 0, 100% 0, 100% 110%, 0 110%);\n}\n\n/* Styles for desktop */\n@media only screen and (min-width: 992px) {\n /* Special styles for CS single footer */\n #csSingleFooter {\n position: static;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper,\n #csItemNotTransformWrapper {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n\n /* Padding for CS elements portfolio elements */\n .portfolio_wrapper.is-2-col > .portfolio_item:first-child .portfolio_item_content,\n .portfolio_item.is-1-left .portfolio_item_content {\n padding-left: 2.5rem;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.625rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n bottom: 2.25rem;\n left: 0;\n right: 0;\n }\n\n /* Sticky navbar padding */\n #stickyNavbar {\n padding: 1rem 2.5rem;\n }\n\n
|
|
5
|
-
"mappings": "AACA,IAAA,CAAA,MACE,OAAA,KAGF,CAAA,aACE,YAAA,KAGF,CAAA,aAAA,CAAA,OAAA,CAAA,KAAA,CAAA,QACE,UAAA,QAIF,CAAA,YACE,YAAA,KACA,eAAA,KAEF,CAAA,mBACE,eAAA,KACA,QAAA,GAEF,CAAA,cAAA,eACE,QAAA,EAIF,CAAA,cACE,SAAA,QAIF,CAAA,wBAAA,CAAA,aAAA,CAAA,wBAAA,CAAA,WAEE,OAAA,QACA,MAAA,QACA,WAAA,QACA,QAAA,GArCF,OAsCE,OAIF,CAVA,wBAUA,CAVA,YAUA,CAAA,UAAA,CAVA,wBAUA,CAVA,UAUA,CAAA,UAEE,OAAA,QACA,MAAA,QACA,WAAA,KACA,QAAA,EACA,UAAA,KAIF,QACE,WAAA,OAIF,CAAA,6BAAA,CAAA,oCAAA,CAAA,kBAGE,eAAA,KAIF,CAAA,uBAAA,CAAA,UACE,YAAA,OACA,YAAA,UACA,UAAA,mBAAA,IAAA,OAAA,SAGF,CANA,uBAMA,CAAA,YAMA,CAZA,uBAYA,CAAA,UALE,YAAA,OACA,YAAA,UACA,UAAA,mBAAA,GAAA,OAAA,SASF,WAfE,mBAgBA,GACE,UAAA,UAAA,GAGF,GACE,UAAA,UAAA,OAKJ,CAAA,kBAAA,CAAA,iBA7FA,QA8FE,EACA,YAAA,MACA,gBAAA,KAIF,CA9EA,eA8EA,CAAA,gBAAA,CAAA,gBAAA,CAAA,aAIE,UAAA,QAAA,EAAA,CAAA,CAAA,KAAA,CAAA,CAAA,KAAA,IAAA,CAAA,EAAA,MAIF,
|
|
4
|
+
"sourcesContent": ["/* Global styles */\nhtml.lenis {\n height: auto;\n}\n\n.splide__list {\n user-select: none;\n}\n\n.hero_headline.is-cta, .is-h4.is-blog {\n text-wrap: balance;\n}\n\n/* Home hero span animation*/\n#heroHeading {\n user-select: none;\n pointer-events: none;\n}\n.hero_headline-span {\n pointer-events: auto;\n z-index: -1;\n}\n.hero-line-mask:first-of-type {\n z-index: 2;\n}\n\n/* Splide track overflow */\n.splide__track {\n overflow: visible;\n}\n\n/* Splide default pagination */\n.splide__pagination__page.reviews-page,\n.splide__pagination__page.facts-page {\n height: 0.625rem;\n width: 0.625rem;\n background: #b2b2b2;\n opacity: 0.5;\n margin: 0.25rem;\n}\n\n/* Splide active pagination */\n.splide__pagination__page.reviews-page.is-active,\n.splide__pagination__page.facts-page.is-active {\n height: 0.625rem;\n width: 0.625rem;\n background: #000;\n opacity: 1;\n transform: none;\n}\n\n/* Address remove style */\naddress {\n font-style: normal;\n}\n\n/* Footer spacer styles */\n.bottom-wrapper_footer-spacer,\n.whats-next_links_item_image-wrapper,\n.reel-modal_player {\n pointer-events: none;\n}\n\n/* Skills hover marquee */\n.skills_item_hover-track.is-design {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 12s linear infinite;\n}\n\n.skills_item_hover-track.is-branding {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n.skills_item_hover-track.is-nocode {\n white-space: nowrap;\n will-change: transform;\n animation: marquee-horizontal 5s linear infinite;\n}\n\n@keyframes marquee-horizontal {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-50%);\n }\n}\n\n/* Facts slider pagination position */\n.splide__pagination.facts-pagination {\n padding: 0;\n align-items: start;\n justify-content: left;\n}\n\n/* Cliping mask for hero headline */\n.hero-line-mask,\n.stats-line-mask,\n.facts-line-mask,\n.cs-line-mask {\n clip-path: polygon(0 0, 100% 0, 100% 110%, 0 110%);\n}\n\n/* Underline hover */\n.button_small .link,\n.portfolio_item .is-p-l.is-link,\n.cookies-button, .blog_link, .post-body_rtb a, .info-bar_wrapper > a.is-p-s {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 0.08em;\n transition: background-size 0.2s cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n/* Styles for desktop */\n@media only screen and (min-width: 992px) {\n /* Special styles for CS single footer */\n #csSingleFooter {\n position: static;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper,\n #csItemNotTransformWrapper {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n\n /* Padding for CS elements portfolio elements */\n .portfolio_wrapper.is-2-col > .portfolio_item:first-child .portfolio_item_content,\n .portfolio_item.is-1-left .portfolio_item_content {\n padding-left: 2.5rem;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.625rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n bottom: 2.25rem;\n left: 0;\n right: 0;\n }\n\n /* Sticky navbar padding */\n #stickyNavbar {\n padding: 1rem 2.5rem;\n }\n\n .button_small:hover .link,\n .button_small:focus .link,\n .portfolio_item:hover .is-p-l.is-link,\n .portfolio_item:active .is-p-l.is-link,\n .cookies-button:hover,\n .cookies-button:active,\n .blog_link:hover, .blog_link:active,\n .post-body_rtb a:hover,\n .info-bar_link:hover, .info-bar_wrapper > a.is-p-s:hover {\n background-size: 0% 0.08em;\n }\n\n /* Button small circle hover */\n .button_small .button_small_icon_circle,\n .cta_link .cta_link_icon-wrapper {\n position: relative;\n }\n\n .button_small .button_small_icon_circle::after,\n .cta_link .cta_link_icon-wrapper::after, .contact-modal_call-box_icon-wrapper::after {\n background-color: inherit;\n border-radius: 50%;\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n transition: 0.3s cubic-bezier(0.83, 0, 0.17, 1);\n }\n\n .button_small:hover .button_small_icon_circle::after,\n .cta_link:hover .cta_link_icon-wrapper::after,\n .contact-modal_call-box:hover .contact-modal_call-box_icon-wrapper::after {\n scale: 1.2;\n }\n\n /* Navbar links hover undeline */\n .navbar_menu_link,\n .footer_menu_link,\n .is-link,\n .cta_link .is-h4 {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 0% 0.08em;\n transition: background-size 0.2s cubic-bezier(0.65, 0, 0.35, 1);\n }\n .navbar_menu_link:hover,\n .navbar_menu_link:focus,\n .footer_menu_link:hover,\n .footer_menu_link:focus,\n .is-link:hover,\n .is-link_link:focus,\n .cta_link:hover .is-h4,\n .cta_link:focus .is-h4 {\n background-size: 100% 0.08em;\n }\n}\n\n/* Styles for desktop < 1180 */\n@media only screen and (max-width: 1180px) and (min-width: 992px) {\n .stats-content_wrapper {\n padding-right: 4vw;\n }\n}\n\n@media only screen and (max-width: 1280px) and (min-width: 992px) {\n .section.is-cs-2col {\n padding-left: 2.5rem;\n padding-right: 2.5rem;\n }\n}\n\n/* Styles for tablet and smaller */\n@media only screen and (max-width: 991px) {\n /* Hide circle in navbars' small button */\n .navbar .button_small .button_small_icon_circle {\n display: none;\n }\n\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper {\n padding-left: 1.75rem;\n padding-right: 1.75rem;\n }\n\n /* Underline for some links */\n .button_small .link,\n .portfolio_item .is-p-l.is-link,\n .cta_link.is-mobile-nav .is-p-l,\n .cookies-button {\n position: relative;\n text-decoration: none;\n background-image: linear-gradient(currentColor, currentColor);\n background-position: 0 100%;\n background-repeat: no-repeat;\n background-size: 100% 0.08em;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3.5rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n top: 15.25rem;\n left: 0;\n right: 0;\n }\n\n /* Splide list overflow change */\n .splide__list.team_collection_list {\n overflow: visible;\n }\n}\n\n/* Styles for landscape and smaller */\n@media only screen and (max-width: 767px) {\n /* Padding for first portfolio item on list */\n #csItemTransformWrapper {\n padding-left: 1.375rem;\n padding-right: 1.375rem;\n }\n\n /* Facts slider pagination position */\n .splide__pagination.facts-pagination {\n top: 13.5rem;\n left: 0;\n right: 0;\n }\n\n /* Reviews slider pagination position */\n .splide__pagination.reviews-pagination {\n bottom: -3rem;\n }\n}\n\n.background-video {\n height: 100%;\n position: relative;\n overflow: hidden;\n}\n\n.background-video > video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: -100;\n background-position: 50%;\n background-size: cover;\n margin: auto;\n position: absolute;\n top: -100%;\n bottom: -100%;\n left: -100%;\n right: -100%;\n}\n\n.background-video > video::-webkit-media-controls-start-playback-button {\n -webkit-appearance: none;\n display: none !important;\n}\n\n.background-video--control {\n background-color: rgba(0, 0, 0, 0);\n padding: 0;\n position: absolute;\n bottom: 1em;\n right: 1em;\n}\n\n.background-video--control > [hidden] {\n display: none !important;\n}\n\n.contact-modal_submit_icon {\n transition-delay: 0.05s;\n}\n.contact-modal_submit:hover > .contact-modal_submit_icon-wrapper {\n width: 2rem;\n}\n.contact-modal_submit:hover > .contact-modal_submit_icon-wrapper > .contact-modal_submit_icon {\n opacity: 1;\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@widelab-nc/widelab",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.25",
|
|
4
4
|
"description": "Widelab starter template based on Finsweet template + add-ons.",
|
|
5
5
|
"homepage": "https://widelab.co",
|
|
6
6
|
"license": "ISC",
|
|
@@ -54,6 +54,6 @@
|
|
|
54
54
|
"@studio-freight/lenis": "^1.0.27",
|
|
55
55
|
"alpinejs": "^3.13.0",
|
|
56
56
|
"bodymovin": "^4.13.0",
|
|
57
|
-
"gsap": "
|
|
57
|
+
"gsap": "npm:@gsap/shockingly@^3.12.5"
|
|
58
58
|
}
|
|
59
59
|
}
|
package/src/index.js
CHANGED
|
@@ -413,6 +413,61 @@ if (infoBar) {
|
|
|
413
413
|
});
|
|
414
414
|
}
|
|
415
415
|
|
|
416
|
+
// Reviews slider
|
|
417
|
+
window.reviewsSlider = function(e) {
|
|
418
|
+
// Put content of static slide into list
|
|
419
|
+
const staticContent = e.querySelector(
|
|
420
|
+
'.splide__slide.reviews_collection_item.is-static'
|
|
421
|
+
).innerHTML;
|
|
422
|
+
const dynamicElement = e.querySelector('.reviews_collection_item');
|
|
423
|
+
dynamicElement.innerHTML = staticContent;
|
|
424
|
+
dynamicElement.classList.add('is-static');
|
|
425
|
+
|
|
426
|
+
// Init reviews splide
|
|
427
|
+
const reviewsSplide = new Splide(e, {
|
|
428
|
+
type: 'slide',
|
|
429
|
+
fixedWidth: '24.5rem',
|
|
430
|
+
rewind: true,
|
|
431
|
+
focus: 0,
|
|
432
|
+
padding: { left: '2.5rem', right: 0 },
|
|
433
|
+
gap: 0,
|
|
434
|
+
omitEnd: true,
|
|
435
|
+
arrows: false,
|
|
436
|
+
drag: false,
|
|
437
|
+
easing: 'cubic-bezier(0.83, 0, 0.17, 1)',
|
|
438
|
+
snap: true,
|
|
439
|
+
classes: {
|
|
440
|
+
pagination: 'splide__pagination reviews-pagination',
|
|
441
|
+
page: 'splide__pagination__page reviews-page',
|
|
442
|
+
},
|
|
443
|
+
breakpoints: {
|
|
444
|
+
992: { fixedWidth: '17.438rem', padding: { left: '1.75rem' }, drag: 'free', snap: false },
|
|
445
|
+
480: { fixedWidth: '16.25rem', padding: { left: '1.375rem' }},
|
|
446
|
+
},
|
|
447
|
+
}).mount();
|
|
448
|
+
|
|
449
|
+
// Next slide on click
|
|
450
|
+
if (window.innerWidth > 992) {
|
|
451
|
+
reviewsSplide.on('click', function () {
|
|
452
|
+
reviewsSplide.go('+1');
|
|
453
|
+
});
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
// Animation in
|
|
457
|
+
gsap.from(e, {
|
|
458
|
+
scrollTrigger: {
|
|
459
|
+
trigger: e,
|
|
460
|
+
start: 'top bottom',
|
|
461
|
+
end: 'bottom bottom-=15%',
|
|
462
|
+
scrub: 1,
|
|
463
|
+
once: true,
|
|
464
|
+
},
|
|
465
|
+
x: '10%',
|
|
466
|
+
opacity: 0,
|
|
467
|
+
ease: 'linear',
|
|
468
|
+
});
|
|
469
|
+
}
|
|
470
|
+
|
|
416
471
|
// Facts slider
|
|
417
472
|
window.factsSlider = function(e) {
|
|
418
473
|
// Facts slider splide initialize
|
|
@@ -635,6 +690,26 @@ if (infoBar) {
|
|
|
635
690
|
}
|
|
636
691
|
}
|
|
637
692
|
|
|
693
|
+
// Awwwards badge color change
|
|
694
|
+
window.badgeColorChange = function(e) {
|
|
695
|
+
const badgeColorChange = gsap.timeline({
|
|
696
|
+
duration: 0.15,
|
|
697
|
+
ease: 'loader2',
|
|
698
|
+
scrollTrigger: {
|
|
699
|
+
trigger: e,
|
|
700
|
+
start: 'top center',
|
|
701
|
+
end: 'bottom center',
|
|
702
|
+
toggleActions: 'play reverse play reverse',
|
|
703
|
+
},
|
|
704
|
+
});
|
|
705
|
+
badgeColorChange.to(".js-color-bg", {
|
|
706
|
+
fill: '#2E2E2E',
|
|
707
|
+
}, '<');
|
|
708
|
+
badgeColorChange.to(".js-color-text", {
|
|
709
|
+
fill: '#fff',
|
|
710
|
+
}, '<');
|
|
711
|
+
}
|
|
712
|
+
|
|
638
713
|
// Client logos animation
|
|
639
714
|
window.clientLogosAnimation = function(e) {
|
|
640
715
|
const logosStagger = 0.15;
|
|
@@ -890,44 +965,77 @@ if (infoBar) {
|
|
|
890
965
|
});
|
|
891
966
|
}
|
|
892
967
|
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
968
|
+
|
|
969
|
+
|
|
970
|
+
// GSAP Counter Up Animation
|
|
971
|
+
window.counterUpAnimation = function() {
|
|
972
|
+
const counters = document.querySelectorAll('#counter');
|
|
973
|
+
|
|
974
|
+
counters.forEach(counter => {
|
|
975
|
+
// Get the final value from the element's text content and parse it as a float
|
|
976
|
+
const finalValue = parseFloat(counter.textContent.replace(/,/g, '')); // Handle comma-separated numbers
|
|
977
|
+
|
|
978
|
+
// Create a GSAP animation for the counter
|
|
979
|
+
gsap.fromTo(counter,
|
|
980
|
+
{ innerHTML: 0 },
|
|
981
|
+
{
|
|
982
|
+
innerHTML: finalValue,
|
|
983
|
+
duration: 2, // Animation duration in seconds
|
|
984
|
+
ease: 'power1.inOut',
|
|
985
|
+
snap: { innerHTML: 1 }, // Ensure whole numbers
|
|
986
|
+
onUpdate: function() {
|
|
987
|
+
// Update the element's text content with the current value
|
|
988
|
+
counter.textContent = this.targets()[0].innerHTML.toLocaleString(); // Format with commas if needed
|
|
989
|
+
}
|
|
990
|
+
}
|
|
991
|
+
);
|
|
992
|
+
});
|
|
993
|
+
}
|
|
994
|
+
|
|
995
|
+
// Sliders on Clients page
|
|
996
|
+
window.heroSliders = function(e) {
|
|
997
|
+
console.log("Initializing Splide on element:", e);
|
|
998
|
+
|
|
999
|
+
const config = {
|
|
1000
|
+
type: 'loop',
|
|
1001
|
+
perPage: 1,
|
|
1002
|
+
gap: 0,
|
|
1003
|
+
arrows: false,
|
|
1004
|
+
drag: false,
|
|
1005
|
+
duration: 0.15,
|
|
1006
|
+
easing: 'cubic-bezier(0.83, 0, 0.17, 1)',
|
|
1007
|
+
classes: {
|
|
1008
|
+
pagination: 'splide__pagination hero-pagination',
|
|
1009
|
+
page: 'splide__pagination__page hero-page',
|
|
1010
|
+
},
|
|
1011
|
+
breakpoints: {
|
|
1012
|
+
992: { drag: true },
|
|
1013
|
+
480: {},
|
|
1014
|
+
},
|
|
1015
|
+
};
|
|
1016
|
+
const slider = new Splide(e, config).mount();
|
|
1017
|
+
console.log("Splide instance:", slider);
|
|
1018
|
+
|
|
1019
|
+
if (window.innerWidth > 992) {
|
|
1020
|
+
slider.on('click', function () {
|
|
1021
|
+
slider.go('+1');
|
|
1022
|
+
});
|
|
930
1023
|
}
|
|
1024
|
+
gsap.from(e, {
|
|
1025
|
+
scrollTrigger: {
|
|
1026
|
+
trigger: e,
|
|
1027
|
+
start: 'top bottom',
|
|
1028
|
+
end: 'bottom bottom+=15%',
|
|
1029
|
+
scrub: 1,
|
|
1030
|
+
once: true,
|
|
1031
|
+
},
|
|
1032
|
+
x: '10%',
|
|
1033
|
+
opacity: 0,
|
|
1034
|
+
ease: 'linear',
|
|
1035
|
+
});
|
|
1036
|
+
}
|
|
1037
|
+
|
|
1038
|
+
|
|
931
1039
|
|
|
932
1040
|
// Case study - What's next interaction
|
|
933
1041
|
window.whatsNext = function() {
|