`,
`
`,
],
onInitialized: function (e) {
$imageList.height(
$imageList.height() * $imageList.children().length,
);
$imageList.css({ transform: "translateY(0px)" });
self.portfolioOwlCarouselLoaded = true;
self.initHashHomepage();
},
onChanged: function (e) {
const transform =
($imageList.height() / $imageList.children().length) *
-e.page.index;
$imageList.css({ transform: `translateY(${transform}px)` });
},
});
},
initBtnLearnMore: function () {
$(".ssau-homepage-hero .ssau-iso__cta-button").on("click", function () {
$("html, body").animate(
{
scrollTop: $(".home #ssau-collaboration-models").offset().top,
},
500,
);
});
},
initHashHomepage: function () {
const self = this;
if (
!(self.testimonialOwlCarouselLoaded && self.portfolioOwlCarouselLoaded)
) {
return;
}
const $megaMenuHashHomepage = $("[data-mega-menu-hash-homepage]");
if ($megaMenuHashHomepage.length && window.location.hash) {
const hash = window.location.hash.substring(1);
const $hashHomepageTarget = $(
'[data-mega-menu-hash-homepage="' + hash + '"]',
);
if ($hashHomepageTarget.length) {
$("html").animate(
{
scrollTop: $hashHomepageTarget.offset().top - 90,
},
1000,
"swing",
function () {
$hashHomepageTarget.trigger("click");
},
);
}
}
$(
".mega-menu-main-item > .mega-menu-link, .mega-menu-submenu-item > a.mega-menu-link, .nav-mobile-list-child-lv2_item > a",
).on("click", function (e) {
const $link = $(this);
const linkUrlURL = new URL($link.attr("href"));
if (linkUrlURL.hash) {
const hash = linkUrlURL.hash.substring(1);
const $hashHomepageTarget = $(
'[data-mega-menu-hash-homepage="' + hash + '"]',
);
if (
$hashHomepageTarget.length &&
linkUrlURL.pathname == window.location.pathname
) {
e.preventDefault();
$("html").animate(
{
scrollTop: $hashHomepageTarget.offset().top - 90,
},
1000,
"swing",
function () {
$hashHomepageTarget.trigger("click");
},
);
}
}
});
},
};
if ($homepage?.length) {
homepage.init();
}
const $oldNavbar = $(".ssau-old-nav");
const oldNavbar = {
$hamburgerOverlay: {},
init() {
const self = this;
self.initHamburger();
self.initLanguage();
self.initNav();
self.initDropdown();
self.initOverlay();
},
initHamburger() {
const self = this;
self.$hamburgerOverlay = $oldNavbar.find(".ssau-old-nav-overlay");
const mobileNav = $oldNavbar.find(".ssau-old-nav-right");
const buttonHamburger = $oldNavbar.find(".ssau-old-hamburger.open");
buttonHamburger.on("click", function () {
mobileNav.addClass("open");
});
self.$hamburgerOverlay.on("click", function () {
mobileNav.removeClass("open");
self.$hamburgerOverlay.toggleClass("open");
});
},
initLanguage() {
const languageCurrentButton = $oldNavbar.find(
".ssau-old-current-language",
);
languageCurrentButton.on("click", function () {
const languangeDropdown = $oldNavbar.find(".ssau-old-header-language");
const navOverlay = $oldNavbar.find(".ssau-old-nav-overlay");
languangeDropdown.toggleClass("open");
navOverlay.addClass("open");
});
const navOverlay = $oldNavbar.find(".ssau-old-nav-overlay");
navOverlay.on("click", function () {
const languangeDropdown = $oldNavbar.find(".ssau-old-header-language");
languangeDropdown.removeClass("open");
navOverlay.removeClass("open");
});
},
initNav() {
const nav = document.querySelector(".ssau-old-nav");
window.addEventListener("scroll", function () {
const scrolled = window.scrollY;
if (scrolled > 0) {
nav.style.backgroundColor = "#fff";
nav.style.boxShadow = "0px 5px 40px 0px #0A0A0A1A";
} else {
nav.style.backgroundColor = "transparent";
nav.style.boxShadow = "none";
}
});
},
initDropdown() {
const mobileNavParent = document.querySelectorAll(
".nav-mobile-list_wrapper .nav-mobile-list_item ",
);
mobileNavParent.forEach((el, parIndex) => {
const spn = el.querySelector("span");
spn.addEventListener("click", function () {
const mobileNavChild = el.querySelector(
".nav-mobile-list-child_wrapper",
);
if (mobileNavChild.classList.contains("nav-child-hide")) {
mobileNavChild.classList.add("nav-child-show");
mobileNavChild.classList.remove("nav-child-hide");
} else {
mobileNavChild.classList.remove("nav-child-show");
mobileNavChild.classList.add("nav-child-hide");
}
mobileNavParent.forEach((po, poIndex) => {
const mobileNavChildPo = po.querySelector(
".nav-mobile-list-child_wrapper",
);
if (
poIndex === parIndex &&
mobileNavChildPo.classList.contains("nav-child-show")
) {
mobileNavChildPo.classList.add("nav-child-show");
mobileNavChildPo.classList.remove("nav-child-hide");
} else {
mobileNavChildPo.classList.remove("nav-child-show");
mobileNavChildPo.classList.add("nav-child-hide");
}
});
});
const spnLv2List = el.querySelectorAll(
".nav-mobile-list-child_wrapper .nav-mobile-list-child_item",
);
spnLv2List.forEach((spns, spnsIndex) => {
const spnLv2 = spns.querySelector("span");
if (spnLv2) {
spnLv2.addEventListener("click", function () {
const mobileNavChildLv2 = spns.querySelector(
".nav-mobile-list-child-lv2_wrapper",
);
if (mobileNavChildLv2.classList.contains("nav-child-hide")) {
mobileNavChildLv2.classList.remove("nav-child-hide");
mobileNavChildLv2.classList.add("nav-child-show");
} else {
mobileNavChildLv2.classList.remove("nav-child-show");
mobileNavChildLv2.classList.add("nav-child-hide");
}
spnLv2List.forEach((po, spnsPoIndex) => {
const mobileNavChildPoL = po.querySelector(
".nav-mobile-list-child-lv2_wrapper",
);
if (
spnsIndex === spnsPoIndex &&
mobileNavChildPoL.classList.contains("nav-child-show")
) {
mobileNavChildPoL.classList.add("nav-child-show");
mobileNavChildPoL.classList.remove("nav-child-hide");
} else {
mobileNavChildPoL.classList.remove("nav-child-show");
mobileNavChildPoL.classList.add("nav-child-hide");
}
});
});
}
});
});
},
initOverlay: function () {
window.addEventListener("resize", function () {
const overlayTarget = document.querySelector(
".ssau-old-nav .ssau-old-nav-right",
);
const overlaySecondTarget = document.querySelector(
".ssau-old-nav-overlay",
);
const currentBox = document.querySelector(".ssau-old-header-language");
if (overlayTarget.classList.contains("open")) {
overlayTarget.classList.remove("open");
}
if (overlaySecondTarget.classList.contains("open")) {
overlaySecondTarget.classList.remove("open");
}
if (currentBox.classList.contains("open")) {
currentBox.classList.remove("open");
}
});
},
};
if ($oldNavbar?.length) {
oldNavbar.init();
}
const $megaMenuHash = $("[data-mega-menu-hash]");
const megaMenuHash = {
init: function () {
const self = this;
self.initHashScroll();
},
initHashScroll: function () {
if (window.location.hash) {
const hash = window.location.hash.substring(1);
let $hashTarget = $('[data-mega-menu-hash="' + hash + '"]');
if ($hashTarget.length > 1) {
$hashTarget = $('[data-mega-menu-hash="' + hash + '"]:visible');
}
if ($hashTarget.length) {
$("html").animate(
{
scrollTop: $hashTarget.offset().top - 90,
},
1000,
);
}
}
$(
".mega-menu-main-item > .mega-menu-link, .mega-menu-submenu-item > a.mega-menu-link, .nav-mobile-list-child-lv2_item > a",
).on("click", function (e) {
const $link = $(this);
const linkUrlURL = new URL($link.attr("href"));
if (linkUrlURL.hash) {
const hash = linkUrlURL.hash.substring(1);
const $hashTarget = $('[data-mega-menu-hash="' + hash + '"]');
if (
$hashTarget.length &&
linkUrlURL.pathname == window.location.pathname
) {
e.preventDefault();
$("html").animate(
{
scrollTop: $hashTarget.offset().top - 90,
},
1000,
);
}
}
});
},
};
if ($megaMenuHash.length) {
megaMenuHash.init();
}
const $insight = $("#insight-page");
function formattedInsightDate(date) {
const dateArr = date.split(",");
if (dateArr.length < 2) return "";
const year = dateArr[1];
const [month, day] = dateArr[0].split(" ");
return `${day} ${month} ${year}`;
}
const insight = {
init: function () {
const self = this;
self.initFeaturedInsight();
self.initAllArticlesAnchor();
},
initFeaturedInsight: function () {
const $insightListContainer = $(".insight-list");
const insightList = insight_js.featured_articles; // from wp_localize_script
if (insightList && $insightListContainer.length) {
// Create and append cards
$.each(insightList, function (index) {
const html = ``;
$insightListContainer.append(html);
});
const $insightHeroTitleLink = $(".insight-hero__title a");
const $insightHeroImgLink = $(".insight-hero__img-wrapper a");
const $insightHeroImg = $(".insight-hero__img-wrapper img");
const $insightHeroCategory = $(".insight__info span:eq(0)");
const $insightHeroDate = $(".insight__info span:eq(2)");
const $insightCards = $(".insight-card");
let activeIndex = 0;
let slideshowInterval;
const autoplayDelay = 5000;
const fifthIndex = 4;
const firstIndex = 0;
const updateHero = function (index) {
$insightHeroTitleLink
.attr("href", insightList[index].post_url)
.html(insightList[index].post_title);
$insightHeroImgLink.attr("href", insightList[index].post_url);
$insightHeroImg.attr("src", insightList[index].post_image_url);
const $insightHeroCategory = $(".insight__info span:eq(0)");
const $insightHeroDate = $(".insight__info span:eq(2)");
$insightHeroCategory.html(insightList[index].post_category);
$insightHeroDate.html(
formattedInsightDate(insightList[index].post_date),
);
// Update desktop info
const $insightHeroDesktopCategory = $(
".insight__info--desktop span:eq(0)",
);
const $insightHeroDesktopDate = $(
".insight__info--desktop span:eq(2)",
);
$insightHeroDesktopCategory.html(insightList[index].post_category);
$insightHeroDesktopDate.html(
formattedInsightDate(insightList[index].post_date),
);
};
const setActiveIndex = function (newIndex, fromClick = false) {
$insightCards.eq(activeIndex).removeClass("active");
activeIndex = newIndex;
$insightCards.eq(activeIndex).addClass("active");
updateHero(activeIndex);
const $firstCardTitle = $insightCards
.eq(firstIndex)
.find(".insight-card__title");
const $fifthCardTitle = $insightCards
.eq(fifthIndex)
.find(".insight-card__title");
if ($firstCardTitle.length) {
$firstCardTitle.html(
activeIndex === firstIndex
? "1"
: ``,
);
}
if ($fifthCardTitle.length) {
$fifthCardTitle.html(
activeIndex === fifthIndex
? "5"
: ``,
);
}
if (fromClick) {
clearInterval(slideshowInterval);
slideshowInterval = setInterval(function () {
setActiveIndex((activeIndex + 1) % $insightCards.length);
}, autoplayDelay);
}
};
const startSlideshow = function () {
slideshowInterval = setInterval(function () {
setActiveIndex((activeIndex + 1) % $insightCards.length);
}, autoplayDelay);
};
updateHero(activeIndex);
startSlideshow();
$insightCards.on("click", function () {
const clickedIndex = parseInt($(this).data("index"));
if (clickedIndex !== fifthIndex && clickedIndex !== firstIndex) {
setActiveIndex(clickedIndex, true);
}
});
$insightCards
.eq(fifthIndex)
.find(".insight-card__title")
.on("click", function (e) {
e.preventDefault();
const nextIndex =
activeIndex === fifthIndex
? 0
: (activeIndex + 1) % $insightCards.length;
setActiveIndex(nextIndex, true);
});
$insightCards
.eq(firstIndex)
.find(".insight-card__title")
.on("click", function (e) {
e.preventDefault();
const previousIndex =
activeIndex === firstIndex
? $insightCards.length - 1
: (activeIndex - 1 + $insightCards.length) %
$insightCards.length;
setActiveIndex(previousIndex, true);
});
setActiveIndex(0);
}
},
initAllArticlesAnchor: function () {
if (insight_js.is_paged) {
$("html, body").animate(
{ scrollTop: $(".all-articles-section").offset().top - 40 },
800,
);
}
},
};
if ($insight?.length) {
insight.init();
}
const $browseByTopic = $("#browse-by-topic-page");
const browseByTopic = {
init: function () {
const self = this;
self.initExpandCategories();
self.initBrowseByTopicList();
},
initExpandCategories: function () {
const self = this;
const topicsWrapper = document.querySelector(".expandable__wrapper");
const topics = document.querySelector(".browse-by-topic__items");
const toggleCategoryButton = document.querySelector(
"#toggleCategory > svg",
);
toggleCategory = function () {
if (topicsWrapper.className.includes("hide")) {
toggleCategoryButton.style.rotate = "90deg";
topicsWrapper.classList.add("show");
topicsWrapper.classList.remove("hide");
topics.style.paddingBottom = "20px";
} else {
toggleCategoryButton.style.rotate = "0deg";
topics.style.paddingBottom = "0px";
topicsWrapper.classList.add("hide");
topicsWrapper.classList.rmeove("show");
}
};
},
initBrowseByTopicList: function () {
const $browseByTopicList = $(".browse-by-topic__items");
$browseByTopicList.addClass(["owl-carousel", "owl-theme"]).owlCarousel({
autoWidth: true,
margin: 12,
nav: false,
dots: false,
rewind: false,
items: 1,
responsive: {
0: {
items: 1,
},
600: {
items: 2,
},
1000: {
items: 7,
},
},
});
},
};
if ($browseByTopic?.length) {
browseByTopic.init();
}
const $singlePost = $("#ssau-insight-main-article");
const singlePost = {
init: function () {
const self = this;
self.initShareButtons();
},
initShareButtons: function () {
const self = this;
const scrollingFloatingShare = function () {
if (window.screen.width < 800) {
document.getElementById("floating-share").style.display = "none";
} else {
if (
document.body.scrollTop > 500 ||
document.documentElement.scrollTop > 500
) {
document.getElementById("floating-share").style.display = "block";
}
if (
document.body.scrollTop > 1800 ||
document.documentElement.scrollTop > 1800
) {
document.getElementById("floating-share").style.display = "none";
}
}
};
const handleCopyLink = function (element) {
element.style.display = "block";
navigator.clipboard?.writeText(window.location.href);
setTimeout(function () {
element.style.display = "none";
}, 2000);
};
// Copy Link at Blog Content
handleCopyLinkTop = function () {
const copyLink = document.getElementById("copy-link-top");
handleCopyLink(copyLink);
};
handleCopyLinkBottom = function () {
const copyLink = document.getElementById("copy-link-bottom");
handleCopyLink(copyLink);
};
handleCopyLinkVertical = function () {
const copyLink = document.getElementById("copy-link-vertical");
handleCopyLink(copyLink);
};
window.onscroll = function () {
scrollingFloatingShare();
};
},
};
if ($singlePost?.length) {
singlePost.init();
}
const $portfolio = $(".page-template-template-portfolio-2023");
const portfolio = {
heroOwlCarouselLoaded: false,
clientsOwlCarouselLoaded: false,
init: function () {
const self = this;
self.initHeroOwlCarousel();
self.initClientsOwlCarousel();
self.initPortfolioTabs();
self.initPortfolioList();
self.initBrandSlider();
},
initHeroOwlCarousel: function () {
const self = this;
$(".ssau-portfolio-hero__images")
.addClass(["owl-carousel", "owl-theme"])
.owlCarousel({
animateOut: "fadeOut",
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: false,
center: false,
loop: true,
nav: false,
dots: false,
margin: 0,
items: 1,
onInitialized: function (e) {
self.heroOwlCarouselLoaded = true;
if (self.heroOwlCarouselLoaded && self.clientsOwlCarouselLoaded) {
self.initHashPortfolio();
}
},
});
},
initClientsOwlCarousel: function () {
const self = this;
$(".ssau-portfolio-clients__items")
.addClass(["owl-carousel", "owl-theme"])
.owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
// autoWidth: true,
center: false,
loop: true,
margin: 20,
nav: false,
dots: false,
items: 1,
responsive: {
0: {
items: 1,
},
600: {
items: 3,
},
1000: {
items: 9,
},
},
onInitialized: function (e) {
self.clientsOwlCarouselLoaded = true;
if (self.heroOwlCarouselLoaded && self.clientsOwlCarouselLoaded) {
self.initHashPortfolio();
}
},
});
},
initPortfolioTabs: function () {
const setActiveTab = function (index) {
$(
".ssau-portfolio__tab-button, .ssau-portfolio-list__tab-item",
).removeClass("active");
$(
`.ssau-portfolio__tab-button[data-tab-index="${index}"], .ssau-portfolio-list__tab-item[data-tab-index="${index}"]`,
).addClass("active");
};
setActiveTab("0");
$(".ssau-portfolio__tab-button").on("click", function (e) {
const $this = $(this);
setActiveTab($this.data("tab-index"));
});
},
initPortfolioList: function () {
const loadPortfolioList = function (
tabIndex,
postType,
page = 1,
scrollUp = false,
) {
const $tabItem = $(
`.ssau-portfolio-list__tab-item[data-tab-index="${tabIndex}"]`,
);
$.ajax({
url: portfolio_js.ajax_url,
data: {
action: "loadportfolio",
post_type: postType,
page: page,
},
type: "POST",
beforeSend: function (xhr) {
$tabItem.find("a.page-numbers").addClass("disabled");
},
success: function (response) {
$tabItem.empty().html(response.data.html);
if (scrollUp) {
$("html, body").animate(
{ scrollTop: $(".ssau-portfolio-list").offset().top - 60 },
800,
);
}
},
error: function (xhr) {
$tabItem.find("a.page-numbers").removeClass("disabled");
},
});
};
const $tabItems = $(".ssau-portfolio-list__tab-item");
$tabItems.each(function (index, element) {
const $this = $(this);
const tabIndex = $this.data("tab-index");
const postType = $this.data("post-type");
loadPortfolioList(tabIndex, postType);
});
$tabItems.on("click", ".pagination a.page-numbers", function (e) {
e.preventDefault();
const $this = $(this);
const $tabItem = $(e.delegateTarget);
const url = new URL($this.attr("href")).searchParams;
const tabIndex = $tabItem.data("tab-index");
const postType = url.get("post_type");
const page = url.get("page");
loadPortfolioList(tabIndex, postType, page, true);
});
},
initHashPortfolio: function () {
const $megaMenuHashPortfolio = $("[data-mega-menu-hash-portfolio]");
if ($megaMenuHashPortfolio.length && window.location.hash) {
const hash = window.location.hash.substring(1);
const $hashPortfolioTarget = $(
'[data-mega-menu-hash-portfolio="' + hash + '"]',
);
if ($hashPortfolioTarget.length) {
$("html").animate(
{
scrollTop: $hashPortfolioTarget.offset().top - 90,
},
1000,
"swing",
function () {
$hashPortfolioTarget.trigger("click");
},
);
}
}
$(
".mega-menu-main-item > .mega-menu-link, .mega-menu-submenu-item > a.mega-menu-link, .nav-mobile-list-child-lv2_item > a",
).on("click", function (e) {
const $link = $(this);
const linkUrlURL = new URL($link.attr("href"));
if (linkUrlURL.hash) {
const hash = linkUrlURL.hash.substring(1);
const $hashPortfolioTarget = $(
'[data-mega-menu-hash-portfolio="' + hash + '"]',
);
if (
$hashPortfolioTarget.length &&
linkUrlURL.pathname == window.location.pathname
) {
e.preventDefault();
$("html").animate(
{
scrollTop: $hashPortfolioTarget.offset().top - 90,
},
1000,
"swing",
function () {
$hashPortfolioTarget.trigger("click");
},
);
}
}
});
},
initBrandSlider: function () {
const sliderTrack = $(".slider-track");
if (!sliderTrack.length) return;
const images = sliderTrack.find("img");
images.each(function () {
const clone = $(this).clone();
sliderTrack.append(clone);
});
},
};
if ($portfolio?.length) {
portfolio.init();
}
const $portfolioEndResult = $(".ssau-portfolio__result");
const portfolioEndResult = {
init: function () {
const self = this;
self.initShowModal();
},
initShowModal: function () {
$(".ssau-portfolio__result-preview-item").on("click", function (e) {
e.preventDefault();
const $body = $("body");
const $modal = $(".ssau-portfolio__result-modal");
const clickedImgSrc = $(this).find("img").attr("src"); // get image source
const $modalImg = $modal.find(".ssau-portfolio__result-modal-body img"); // modal image
$modalImg.attr("src", clickedImgSrc);
$body.addClass("ssau-portfolio__result-hide-scroll");
$modal.addClass("active");
});
$(".ssau-portfolio__result-btn-close").on("click", function (e) {
e.preventDefault();
const $body = $("body");
const $modal = $(".ssau-portfolio__result-modal");
$modal.removeClass("active");
$body.removeClass("ssau-portfolio__result-hide-scroll");
});
},
};
if ($portfolioEndResult?.length) {
portfolioEndResult.init();
}
// * JS template portfolio 2025
const $portfolio2025 = $(".page-template-template-portfolio-2025");
const $portfolioTagBrowser = $(".ssau-portfolio__tag-browser-hero-template");
const portfolio2025 = {
heroOwlCarouselLoaded: false,
clientsOwlCarouselLoaded: false,
init: function () {
const self = this;
self.initHeroOwlCarousel();
self.initClientsOwlCarousel();
self.initPortfolioTabs();
self.initPortfolioList();
if ($portfolioTagBrowser.length) {
self.initTagBrowserToggle();
}
},
initHeroOwlCarousel: function () {
const self = this;
$(".ssau-portfolio-hero__images")
.addClass(["owl-carousel", "owl-theme"])
.owlCarousel({
animateOut: "fadeOut",
autoplay: false,
autoplayTimeout: 0,
autoplayHoverPause: false,
center: false,
loop: false,
nav: false,
dots: false,
margin: 0,
items: 1,
onInitialized: function (e) {
self.heroOwlCarouselLoaded = true;
if (self.heroOwlCarouselLoaded && self.clientsOwlCarouselLoaded) {
self.initHashPortfolio();
}
},
});
},
initClientsOwlCarousel: function () {
const self = this;
$(".ssau-portfolio-clients__items")
.addClass(["owl-carousel", "owl-theme"])
.owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
// autoWidth: true,
center: false,
loop: true,
margin: 20,
nav: false,
dots: false,
items: 1,
responsive: {
0: {
items: 1,
},
600: {
items: 3,
},
1000: {
items: 9,
},
},
onInitialized: function (e) {
self.clientsOwlCarouselLoaded = true;
if (self.heroOwlCarouselLoaded && self.clientsOwlCarouselLoaded) {
self.initHashPortfolio();
}
},
});
},
initPortfolioTabs: function () {
const setActiveTab = function (index) {
$(
".ssau-portfolio__tab-button, .ssau-portfolio-list__tab-item-wrapper",
).removeClass("active");
$(
`.ssau-portfolio__tab-button[data-tab-index="${index}"], .ssau-portfolio-list__tab-item-wrapper[data-tab-index="${index}"]`,
).addClass("active");
};
const hash = window.location.hash;
if (hash === "#team-extension") {
setActiveTab("2");
} else if (hash === "#case-studies") {
setActiveTab("3");
}else {
setActiveTab("0");
}
$(".ssau-portfolio__tab-button").on("click", function (e) {
const $this = $(this);
const $id = $this.attr("id");
const $baseURL = window.location.origin;
const $pathname = window.location.pathname;
window.history.pushState($baseURL, $pathname, `#${$id}`);
setActiveTab($this.data("tab-index"));
});
$(".page-template-template-portfolio-2025 .mega-menu-link").on(
"click",
function (e) {
const $this = $(this);
const text = $this.text();
if (text == "Project Based") {
setActiveTab("0");
} else if (text === "Augmented Team Extension") {
setActiveTab("2");
} else if (text === "Case Studies") {
setActiveTab("3");
}
},
);
},
initPortfolioList: function () {
const loadPortfolioList = function (
tabIndex,
postType,
page = 1,
scrollUp = false,
) {
const $tabItem = $(
`.ssau-portfolio-list__tab-item-wrapper[data-tab-index="${tabIndex}"]`,
);
$.ajax({
url: portfolio_js.ajax_url,
data: {
action: "loadportfolio",
post_type: postType,
page: page,
industry:
typeof portfolio_js !== "undefined" && portfolio_js.industry
? portfolio_js.industry
: "",
},
type: "POST",
beforeSend: function (xhr) {
$tabItem.find("a.page-numbers").addClass("disabled");
},
success: function (response) {
const data = response.data;
$tabItem.empty().html(data.html);
const $pagination = $(".tag-browser__pagination");
if ($pagination.length && data.max_pages) {
$pagination.text(
"Page " + data.current_page + " of " + data.max_pages,
);
}
if (scrollUp) {
$("html, body").animate(
{ scrollTop: $(".ssau-portfolio-list").offset().top - 60 },
800,
);
}
},
error: function (xhr) {
$tabItem.find("a.page-numbers").removeClass("disabled");
},
});
};
const $tabItems = $(".ssau-portfolio-list__tab-item-wrapper");
$tabItems.each(function (index, element) {
const $this = $(this);
const tabIndex = $this.data("tab-index");
const postType = $this.data("post-type");
loadPortfolioList(tabIndex, postType);
});
$tabItems.on("click", ".pagination a.page-numbers", function (e) {
e.preventDefault();
const $this = $(this);
const $tabItem = $(e.delegateTarget);
const url = new URL($this.attr("href")).searchParams;
const tabIndex = $tabItem.data("tab-index");
const postType = url.get("post_type");
const page = url.get("page");
loadPortfolioList(tabIndex, postType, page, true);
});
},
initHashPortfolio: function () {
const $megaMenuHashPortfolio = $("[data-mega-menu-hash-portfolio]");
if ($megaMenuHashPortfolio.length && window.location.hash) {
const hash = window.location.hash.substring(1);
const $hashPortfolioTarget = $(
'[data-mega-menu-hash-portfolio="' + hash + '"]',
);
if ($hashPortfolioTarget.length) {
$("html").animate(
{
scrollTop: $hashPortfolioTarget.offset().top - 90,
},
1000,
"swing",
function () {
$hashPortfolioTarget.trigger("click");
},
);
}
}
$(
".mega-menu-main-item > .mega-menu-link, .mega-menu-submenu-item > a.mega-menu-link, .nav-mobile-list-child-lv2_item > a",
).on("click", function (e) {
const $link = $(this);
const linkUrlURL = new URL($link.attr("href"));
if (linkUrlURL.hash) {
const hash = linkUrlURL.hash.substring(1);
const $hashPortfolioTarget = $(
'[data-mega-menu-hash-portfolio="' + hash + '"]',
);
if (
$hashPortfolioTarget.length &&
linkUrlURL.pathname == window.location.pathname
) {
e.preventDefault();
$("html").animate(
{
scrollTop: $hashPortfolioTarget.offset().top - 90,
},
1000,
"swing",
function () {
$hashPortfolioTarget.trigger("click");
},
);
}
}
});
},
initTagBrowserToggle: function () {
const $arrow = $("#tag-browser-toggle-arrow");
const $list = $("#tag-browser-industry-list");
let isOpen = false;
$arrow.on("click", function () {
isOpen = !isOpen;
$list.toggle(isOpen);
$arrow.css("transform", isOpen ? "rotate(90deg)" : "rotate(0deg)");
});
},
};
if ($portfolio2025?.length || $portfolioTagBrowser?.length) {
portfolio2025.init();
}
// * Portfolio detail client says carousel
// * Portfolio Show Case
const $portfolioShowCase = $(
".page-template-template-portfolio-showcase-2025",
);
const portfolioShowCase = {
init: function () {
const self = this;
self.initCore();
self.initProjectCards();
self.initOurProcess();
self.initOurTeam();
},
initCore: function () {
const sections = document.querySelectorAll("section");
const navLinks = document.querySelectorAll(".nav-link");
const isMobileDevice = window.screen.width < 768;
const offset = 150;
const offsetScrollResult = isMobileDevice ? 50 : 80;
const autoScrollThreshold = 20;
function autoScroll(targetOffset) {
const element = document.querySelector(
".portfolio-showcase-menu-wrapper",
);
element.scrollTo({
left: targetOffset - autoScrollThreshold,
behavior: "smooth",
});
}
const updateActiveLink = () => {
let currentActiveSectionId = "";
// Determine the section currently in view
sections.forEach((section) => {
const sectionTop = section.offsetTop - offset;
const sectionBottom = sectionTop + section.offsetHeight;
if (window.scrollY >= sectionTop && window.scrollY < sectionBottom) {
currentActiveSectionId = section.id;
}
});
navLinks.forEach((link) => {
link.parentNode.classList.remove("active");
if (
link.getAttribute("href").substring(1) === currentActiveSectionId
) {
link.parentNode.classList.add("active");
if (isMobileDevice) {
const targetOffset = link.offsetLeft;
autoScroll(targetOffset);
}
}
});
if (
currentActiveSectionId === "" &&
window.scrollY < sections[0].offsetTop - offset
) {
navLinks.forEach((link) => {
link.parentNode.classList.remove("active");
});
}
};
window.addEventListener("scroll", updateActiveLink);
updateActiveLink();
navLinks.forEach((link) => {
link.addEventListener("click", function (e) {
e.preventDefault();
const targetId = this.getAttribute("href").substring(1);
const targetSection = document.getElementById(targetId);
if (targetSection) {
window.scrollTo({
top:
targetSection.offsetTop -
document.querySelector("nav").offsetHeight -
offsetScrollResult,
behavior: "smooth",
});
}
});
});
},
initProjectCards: function () {
const isMobile = window.screen.width < 768;
const categoriesItem = $(".swiper-slide.project-category.item");
const categoriesBlankItem = $(".swiper-slide.project-category.blank");
if (categoriesItem.length % 2 == 1 && isMobile) {
categoriesBlankItem.map(function (index) {
if (index < 2) {
$(this).removeClass("hide");
}
});
}
// * Swiper for title project
new Swiper(".project-categories.swiper", {
spaceBetween: 12,
freeMode: true,
breakpoints: {
0: {
slidesPerView: 2,
},
600: {
slidesPerView: 3,
},
800: {
slidesPerView: 4,
},
1000: {
slidesPerView: 5,
},
},
});
// * Swiper for Projects Cards
new Swiper(".projects.swiper", {
slidesPerView: "auto",
spaceBetween: 20,
breakpoints: {
0: {
spaceBetween: 0,
},
600: {
spaceBetween: 20,
},
},
navigation: {
nextEl: ".projects.swiper .swiper-button-next.arrow-right",
prevEl: ".projects.swiper .swiper-button-prev.arrow-left",
},
});
const carouselItems = $(".projects.swiper .swiper-slide");
let initialMerge = 1;
const excludeId = ["10000"];
carouselItems.on("mouseenter", function () {
initialMerge = $(this).attr("id");
if (excludeId.includes($(this).attr("id"))) return;
updateActiveItem();
});
updateActiveItem();
function updateActiveItem() {
carouselItems.each(function () {
const elementId = $(this).attr("id");
if (elementId == initialMerge) {
$(this).addClass("active");
} else {
$(this).removeClass("active");
}
});
}
if (carouselItems.length <= 6 && !isMobile) {
$(".projects.swiper .swiper-button-next").hide();
$(".projects.swiper .swiper-button-prev").hide();
}
// * Swiper for Showcase Testimonial Cards
const testimonialSection = document.querySelector(".sc-testimonial");
if (!testimonialSection) return;
const backgroundImg = testimonialSection.querySelector(".sc-background");
const swiperContainer = testimonialSection.querySelector(
".sc-testimonials.swiper",
);
if (!backgroundImg || !swiperContainer) return;
// Function to update background image
function updateBackgroundImage(dataSrc) {
if (dataSrc) {
backgroundImg.src = dataSrc;
}
}
new Swiper(".sc-testimonials", {
slidesPerView: 1,
spaceBetween: 0,
speed: 600,
initialSlide: 1,
effect: "cards",
cardsEffect: {
perSlideOffset: 10,
perSlideRotate: 0,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
on: {
slideChange: function () {
updateBackgroundImage(this.activeIndex);
},
init: function () {
// Set initial background on swiper initialization
updateBackgroundImage(this.activeIndex);
},
},
});
// Function to update background image based on active slide index
function updateBackgroundImage(activeIndex) {
// Get all background images
const backgroundImages = document.querySelectorAll(".sc-background");
// Remove active class from all background images
backgroundImages.forEach((img) => {
img.classList.remove("active");
});
// Find and activate the background image with matching data-index
backgroundImages.forEach((img) => {
const imgIndex = parseInt(img.getAttribute("data-index"));
if (imgIndex === activeIndex) {
img.classList.add("active");
}
});
}
if (carouselItems.length <= 1) {
$(".sc-testimonial .swiper-button-next").hide();
$(".sc-testimonial .swiper-button-prev").hide();
}
},
initOurProcess: function () {
const dynamicBox = document.getElementById("dynamic-box");
const processSection = document.querySelector("#processes");
const firstProcessRow = document.querySelector("#first-process-row");
// Initial height of the red box when not actively expanding
const initialRedBoxHeight = 200;
// Factor to control how much the height changes per scroll unit.
// Increased slightly for more noticeable effect. Adjust this value (e.g., 0.5, 1.0) to fine-tune sensitivity.
const scrollHeightFactor = 0.9;
// Maximum height the red box can reach to prevent it from becoming excessively large
const isMobile = window.screen.width < 768;
let maxRedBoxHeight = 1505; // Default for desktop
if (isMobile) {
maxRedBoxHeight = 1937;
}
// add additional height
const additionalHeight = 150;
function updateRedBoxHeight() {
// Get the current vertical scroll position of the window
const scrollY = window.scrollY;
// Calculate the absolute pixel position of the top of the 'process-section' on the page.
// getBoundingClientRect().top gives position relative to viewport, so add scrollY.
const processSectionTop =
processSection.getBoundingClientRect().top + window.scrollY;
// Calculate the top position of the first process row relative to the 'process-section'.
// This is more robust than hardcoding a pixel value.
const redBoxStartOffset = firstProcessRow.offsetTop;
// Set the red box's top position dynamically based on the first row's offset.
dynamicBox.style.top = `${redBoxStartOffset}px`;
let newHeight = initialRedBoxHeight; // Start with the base height
// Determine the absolute scroll position where the dynamic height effect should begin.
// This is the top of the process section plus the calculated offset where the red box starts within it.
const dynamicHeightActivationPoint =
processSectionTop + redBoxStartOffset;
// Check if the current scroll position is beyond the activation point
if (scrollY > dynamicHeightActivationPoint) {
// Calculate how far the user has scrolled *past* the activation point.
const scrollDistanceAfterRedBoxStart =
scrollY - dynamicHeightActivationPoint;
// Increase the height based on this scroll distance and the sensitivity factor.
newHeight =
initialRedBoxHeight +
scrollDistanceAfterRedBoxStart * scrollHeightFactor +
additionalHeight;
} else {
// If the user is above or at the activation point, reset the box to its initial height.
newHeight = initialRedBoxHeight;
}
// Ensure the new height does not exceed the defined maximum height.
newHeight = Math.min(newHeight, maxRedBoxHeight);
// Apply the calculated new height to the red box's style.
$("#dynamic-box").height(newHeight + "px");
}
// Add an event listener to the window to call updateRedBoxHeight whenever the user scrolls.
window.addEventListener("scroll", updateRedBoxHeight);
// Call the function once when the page loads to ensure the red box is positioned correctly from the start.
// This also handles cases where the page might load with some initial scroll.
window.addEventListener("load", updateRedBoxHeight);
},
initOurTeam: function () {
$(".team-from .team").click(function () {
$(this).addClass("active").siblings().removeClass("active");
if ($(this).hasClass("team-australia")) {
$(".autralian.teams-wrapper").addClass("active");
$(".indonesian.teams-wrapper").removeClass("active");
$(".executive.teams-wrapper").removeClass("active");
}
if ($(this).hasClass("team-indonesia")) {
$(".indonesian.teams-wrapper").addClass("active");
$(".autralian.teams-wrapper").removeClass("active");
$(".executive.teams-wrapper").removeClass("active");
}
if ($(this).hasClass("team-executive")) {
$(".executive.teams-wrapper").addClass("active");
$(".autralian.teams-wrapper").removeClass("active");
$(".indonesian.teams-wrapper").removeClass("active");
}
});
// * Australian Team Swipper
new Swiper(".australian-team.swiper", {
slidesPerView: "auto",
spaceBetween: 20,
breakpoints: {
0: {
spaceBetween: 0,
},
600: {
spaceBetween: 20,
},
},
});
const carouselItems = $(".australian-team .team-member");
if (carouselItems.length) {
const centerElementIndex = Math.floor(carouselItems.length / 2);
let initialMerge = 1;
const excludeId = ["10000"];
carouselItems.on("mouseenter", function () {
initialMerge = $(this).attr("id");
if (excludeId.includes($(this).attr("id"))) return;
updateActiveItem();
});
updateActiveItem();
function updateActiveItem() {
carouselItems.each(function (index) {
const elementId = $(this).attr("id");
if (elementId == initialMerge) {
if (index > centerElementIndex) {
$(this).children(".team-detail").addClass("reverse");
}
$(this).addClass("active");
} else {
$(this).removeClass("active");
}
});
}
}
// * Indonesian Team Swipper
new Swiper(".indonesian-team.swiper", {
slidesPerView: "auto",
spaceBetween: 20,
breakpoints: {
0: {
spaceBetween: 0,
},
600: {
spaceBetween: 20,
},
},
});
const indonesianCarouselItems = $(".indonesian-team .team-member");
if (indonesianCarouselItems.length) {
const indonesianCenterElementIndex = Math.floor(
indonesianCarouselItems.length / 2,
);
let indonesianInitialMerge = 1;
const indonesianExcludeId = ["10000"];
indonesianCarouselItems.on("mouseenter", function () {
indonesianInitialMerge = $(this).attr("id");
if (indonesianExcludeId.includes($(this).attr("id"))) return;
updateIndonesianActiveItem();
});
updateIndonesianActiveItem();
function updateIndonesianActiveItem() {
indonesianCarouselItems.each(function (index) {
const elementId = $(this).attr("id");
if (elementId == indonesianInitialMerge) {
if (index > indonesianCenterElementIndex) {
$(this).children(".team-detail").addClass("reverse");
}
$(this).addClass("active");
} else {
$(this).removeClass("active");
}
});
}
}
// * executive team
new Swiper(".executive-team.swiper", {
slidesPerView: "auto",
spaceBetween: 20,
breakpoints: {
0: {
spaceBetween: 0,
},
600: {
spaceBetween: 20,
},
},
});
const executiveCarouselItems = $(".executive-team .team-member");
if (executiveCarouselItems.length) {
const executiveCenterElementIndex = Math.floor(
executiveCarouselItems.length / 2,
);
let executiveInitialMerge = 1;
const executiveExcludeId = ["10000"];
executiveCarouselItems.on("mouseenter", function () {
executiveInitialMerge = $(this).attr("id");
if (executiveExcludeId.includes($(this).attr("id"))) return;
updateexecutiveActiveItem();
});
updateexecutiveActiveItem();
function updateexecutiveActiveItem() {
executiveCarouselItems.each(function (index) {
const elementId = $(this).attr("id");
if (elementId == executiveInitialMerge) {
if (index > executiveCenterElementIndex) {
$(this).children(".team-detail").addClass("reverse");
}
$(this).addClass("active");
} else {
$(this).removeClass("active");
}
});
}
}
},
};
if ($portfolioShowCase?.length) {
portfolioShowCase.init();
}
// * End Portfolio Show Case
const $portfolioSinglePageBase = $(".ssau-portfolio__project-based-single");
const portfolioDetailSinglePageBase = {
init: function () {
const self = this;
self.handleConditionalStyling();
},
handleConditionalStyling: function () {
const isClientTestimonialExist = $(".ssau-portfolio__client-says");
const projectResult = $(".ssau-portfolio__result-container");
const footerBackground = $(".ssau-partnership");
if (isClientTestimonialExist.length > 0 || projectResult.length === 0) {
projectResult.removeClass("gray");
footerBackground.removeClass("gray");
} else {
projectResult.addClass("gray");
footerBackground.addClass("gray");
}
},
};
if ($portfolioSinglePageBase?.length) {
portfolioDetailSinglePageBase.init();
}
const $portfolioClientSays = $(
".ssau-portfolio__client-says-content-carousel",
);
const portfolioClientSays = {
init: function () {
// this.initCarousel();
this.initOwlCarousel();
},
initOwlCarousel: function () {
const self = this;
$(".ssau-portfolio__client-says-content-carousel")
.addClass(["owl-carousel", "owl-theme"])
.owlCarousel({
animateOut: "fadeOut",
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: false,
center: true,
loop: true,
nav: false,
dots: true,
margin: 0,
items: 1,
onInitialized: function (e) {
self.heroOwlCarouselLoaded = true;
if (self.heroOwlCarouselLoaded && self.clientsOwlCarouselLoaded) {
self.initHashPortfolio();
}
},
});
},
};
if ($portfolioClientSays?.length) {
portfolioClientSays.init();
}
//* End of Portfolio detail client says carousel
const $securityCompliance = $(
".page-template-template-security-compliance-2023",
);
const securityCompliance = {
init: function () {
this.initCard();
this.initCarousel();
},
initCard: function () {
const praticesCard = document.querySelectorAll(".pratices-card");
praticesCard.forEach((card) => {
const showMoreBtn = card.querySelector(".card-bottom-row span");
const parap = card.querySelector(".card-desc p");
showMoreBtn.addEventListener("click", function () {
const contentBtn = showMoreBtn.textContent;
if (contentBtn === "Show more") {
card.style.height = "unset";
parap.style.display = "block";
parap.style.overflow = "hidden";
parap.style.textOverflow = "unset";
showMoreBtn.textContent = "Show less";
} else {
parap.style.display = "-webkit-box";
showMoreBtn.textContent = "Show more";
const windowWidth = window.innerWidth;
if (windowWidth > 600) {
card.style.height = "419px";
} else {
card.style.height = "unset";
}
}
});
});
},
initCarousel: function () {
$(".security-owl-carousel").owlCarousel({
items: 3, // Set the number of items to display
margin: 22, // Set margin between items
stagePadding: 1,
nav: true,
responsive: {
0: {
items: 1, // Number of items to display in smaller screens
},
768: {
items: 1, // Number of items to display in larger screens
},
900: {
items: 2, // Number of items to display in larger screens
},
1100: {
items: 2,
},
1200: {
items: 3, // Number of items to display in larger screens
},
},
});
var owl = $(".security-owl-carousel");
owl.owlCarousel();
$(".next-btn").click(function () {
owl.trigger("next.owl.carousel");
});
$(".prev-btn").click(function () {
owl.trigger("prev.owl.carousel");
});
$(".prev-btn").addClass("disabled");
$(owl).on("translated.owl.carousel", function (event) {
if ($(".owl-prev").hasClass("disabled")) {
$(".prev-btn").addClass("disabled");
} else {
$(".prev-btn").removeClass("disabled");
}
if ($(".owl-next").hasClass("disabled")) {
$(".next-btn").addClass("disabled");
} else {
$(".next-btn").removeClass("disabled");
}
});
},
};
if ($securityCompliance?.length) {
securityCompliance.init();
}
const $aboutUs = $(".page-template-template-about-us-2023");
const aboutUs = {
init: function () {
this.initCarousel();
this.animateSVG();
this.initAOS();
this.verticalLineAnimate();
this.backgroundFooter();
this.handleResize();
},
initAOS: function () {
AOS.init();
},
initCarousel: function () {
const $carouselWrapper = $(".carousel-wrapper");
const mobileAppereance = `
Integrity
Integrity is our foundation. We uphold honesty, transparency, and ethical conduct in all our business activities, ensuring a trust-based relationship with all stakeholders.
Collaboration
We believe in the power of collective dreams, daring, and collaboration. Our vision involves forging strong, transparent partnerships with co-workers, clients, and partners, fostering trust and long-term alliances for impactful results.
Innovation
Central to our approach is a relentless pursuit of innovation. We are committed to continually challenging the status quo and excelling in all our creations, keeping innovation as our guiding principle.
Empowerment
Committed to excellence, we constantly seek to enhance our services and foster co-worker growth. We provide dynamic environments and tailored career paths, encouraging coworkers to realise their full potential.
Integrity
Integrity is our foundation. We uphold honesty, transparency, and ethical conduct in all our business activities, ensuring a trust-based relationship with all stakeholders.
Collaboration
We believe in the power of collective dreams, daring, and collaboration. Our vision involves forging strong, transparent partnerships with co-workers, clients, and partners, fostering trust and long-term alliances for impactful results.
Innovation
Central to our approach is a relentless pursuit of innovation. We are committed to continually challenging the status quo and excelling in all our creations, keeping innovation as our guiding principle.
Empowerment
Committed to excellence, we constantly seek to enhance our services and foster co-worker growth. We provide dynamic environments and tailored career paths, encouraging coworkers to realise their full potential.
Identify Your Requirements
SoftwareSeni initiates the engagement process by scheduling scoping sessions with your team. During these sessions, we delve into your business and technology challenges, as well as the objectives you aim to accomplish. This helps us determine the specific type of team or staff you need.
Interviews & Assessment
Our dedicated account manager will provide you with a shortlist of resumes, featuring staff candidates we believe are well-suited for your roles. Subsequently, we facilitate interviews with the candidates you shortlist, including any technical assessments you may require.
Selection & Onboarding
Upon your selection of team members, you will execute Statements of Work (SoWs). We then closely examine your development practices and specific process requirements, devising a comprehensive plan for onboarding the staff seamlessly as an extension of your existing team.
Integration into Your Organization
Throughout the integration phase, SoftwareSeni offers continuous support to facilitate the efficient scaling of your team, whether you need to expand or reduce its size. We help you ramp up infrastructure, ensuring its full availability, and assist in hiring the remaining members of the extended development team. We work diligently to establish operational and development practices that align with your organization's needs.
Ongoing Review & Iteration
We believe in the importance of continuous improvement. Our account managers maintain open communication with you, conducting regular reviews to identify areas within the relationship that can evolve. This could encompass training needs, addressing concerns related to team members, or refining and adapting to your organization's development processes. Our goal is to ensure that your expectations are consistently met and exceeded.
Identify Your Requirements
SoftwareSeni initiates the engagement process by scheduling scoping sessions with your team. During these sessions, we delve into your business and technology challenges, as well as the objectives you aim to accomplish. This helps us determine the specific type of team or staff you need.
Interviews & Assessment
Our dedicated account manager will provide you with a shortlist of resumes, featuring staff candidates we believe are well-suited for your roles. Subsequently, we facilitate interviews with the candidates you shortlist, including any technical assessments you may require.
Selection & Onboarding
Upon your selection of team members, you will execute Statements of Work (SoWs). We then closely examine your development practices and specific process requirements, devising a comprehensive plan for onboarding the staff seamlessly as an extension of your existing team.
Integration into Your Organization
Throughout the integration phase, SoftwareSeni offers continuous support to facilitate the efficient scaling of your team, whether you need to expand or reduce its size. We help you ramp up infrastructure, ensuring its full availability, and assist in hiring the remaining members of the extended development team. We work diligently to establish operational and development practices that align with your organization's needs.
Ongoing Review & Iteration
We believe in the importance of continuous improvement. Our account managers maintain open communication with you, conducting regular reviews to identify areas within the relationship that can evolve. This could encompass training needs, addressing concerns related to team members, or refining and adapting to your organization's development processes. Our goal is to ensure that your expectations are consistently met and exceeded.
`,
``,
],
responsive: {
600: {
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: false,
},
},
onInitialized: function (e) {
const $imageList = $(
".ssau-homepage-portfolio-image .ssau-homepage-portfolio-image-list-bottom",
);
const windowSize = window.innerWidth;
if (windowSize < 600) {
$imageList.css({ position: "relative" });
$imageList.css({ height: "unset" });
$imageList.css({ display: "flex" });
$imageList.css({ justifyContent: "center" });
$imageList.css({ alignItems: "center" });
} else {
$imageList.height(
$imageList.height() * $imageList.children().length,
);
$imageList.css({ transform: "translateY(0px)" });
}
if (homepage) {
homepage.portfolioOwlCarouselLoaded = true;
homepage.initHashHomepage();
}
if ($sectionBottom.length) {
const $owlNav = $(
".ssau-homepage-portfolio-bottom .owl-nav button",
);
$owlNav.each(function (index, element) {
$(element).attr("role", "button");
if (index === 0) {
$(element).attr("aria-label", "portfolio-prev");
} else {
$(element).attr("aria-label", "portfolio-next");
}
});
}
},
onChanged: function (e) {
const $imageList = $(
".ssau-homepage-portfolio-image .ssau-homepage-portfolio-image-list-bottom",
);
const allImgs = document.querySelectorAll(
".ssau-homepage-portfolio-image-list-bottom img",
);
const transform =
($imageList.height() / $imageList.children().length) *
-e.page.index;
const windows = window.innerWidth;
if (windows < 600 && allImgs.length) {
if (allImgs?.length > 0) {
const b = e.page.index < 0 ? 0 : e.page.index;
allImgs.forEach((img, i) => {
if (i === b) {
img.style.opacity = "1";
img.style.position = "absolute";
img.style.top = "0";
} else {
img.style.opacity = "0";
}
});
}
} else {
$imageList.css({ transform: `translateY(${transform}px)` });
}
},
});
},
};
if ($sectionBottom?.length) {
sectionBottom.initPortfolioCarousel();
}
// End Of Section Bottom
const $techStackBody = $(".page-template-template-tech-stack-2023");
const techStack = {
init() {
const $techStackList = $(".tech-stack-list");
const desktopAppereance = `Backend
From .NET, Scala, PHP, to Shopify and beyond, we possess all the expertise needed to produce fully-fledged, stable, and scalable software, applications, and websites. Below, we highlight the key backend technologies we specialize in.
Node.js
Express.js
Nest.js
Laravel
Golang
Java
.Net
Python
Wordpress
Scala
Ruby on Rails
Yii
Codeigniter
Shopify
Infrastructure, Hosting, Data & Security
We pride ourselves on ensuring our customers' technology remains online all the time. Our expertise spans industry-leading infrastructure, database, storage, and security technologies, guaranteeing peace of mind.
AWS
Google Cloud
Azure
Digital Ocean
New Relic
Docker
Kubernetes
Cloudflare
Grafana
Ansible
Puppet
cPanel
Firebase
PostgreSQL
MongoDB
MySQL
ElasticSearch
Redis
Microsoft SQL Server
API’s & Integrations
In today’s globally connected digital environment, integrating your software with third-party technologies is often essential. We've built hundreds of integrations, with some of the most popular detailed below.
Stripe
SalesForce
Mailchimp
Google Maps
Sendgrid
Microsoft Dynamic
Active Campaign
Xero
MidTrans
HubSpot
OpenAI
Frontend
Using the latest frontend technologies, we assist organisations in establishing their online presence, ensuring optimal functionality across all devices and browsers. Below are the most popular frontend technologies we work with.
React.js
Angular.js
Vue.js
HTML5
CSS
JS
Tailwind
Bootstrap
Material UI
jQuery
Webflow
Mobile
For clients requiring a mobile-first solution, we offer expert services to cater to all mobile devices.
React Native
Flutter
Kotlin
Product, UX & Project Management
We utilise a comprehensive suite of technologies to successfully execute research, planning, building, launching, and marketing your product.
Figma
Sketch
Framer
Adobe
Invision
Lottie Files
Google Analytics
Google Webmaster
Google Tag
Facebook Pixel
Ahrefs
Semrush
Moz
Git
Bitbucket
Jira
Zeplin
Unix
Zendesk
Freshdesk
ChatGPT
Copilot
Slack
Miro
Product Fruits
Airtable
Backend
From .NET, Scala, PHP, to Shopify and beyond, we possess all the expertise needed to produce fully-fledged, stable, and scalable software, applications, and websites. Below, we highlight the key backend technologies we specialize in.
Node.js
Express.js
Nest.js
Laravel
Golang
Java
.Net
Python
Wordpress
Scala
Ruby on Rails
Yii
Codeigniter
Shopify
Frontend
Using the latest frontend technologies, we assist organisations in establishing their online presence, ensuring optimal functionality across all devices and browsers. Below are the most popular frontend technologies we work with.
React.js
Angular.js
Vue.js
HTML5
CSS
JS
Tailwind
Bootstrap
Material UI
jQuery
Webflow
Infrastructure, Hosting, Data & Security
We pride ourselves on ensuring our customers' technology remains online all the time. Our expertise spans industry-leading infrastructure, database, storage, and security technologies, guaranteeing peace of mind.
AWS
Google Cloud
Azure
Digital Ocean
New Relic
Docker
Kubernetes
Cloudflare
Grafana
Ansible
Puppet
cPanel
Firebase
PostgreSQL
MongoDB
MySQL
ElasticSearch
Redis
Microsoft SQL Server
Mobile
For clients requiring a mobile-first solution, we offer expert services to cater to all mobile devices.
React Native
Flutter
Kotlin
API’s & Integrations
In today’s globally connected digital environment, integrating your software with third-party technologies is often essential. We've built hundreds of integrations, with some of the most popular detailed below.
Stripe
SalesForce
Mailchimp
Google Maps
Sendgrid
Microsoft Dynamic
Active Campaign
Xero
MidTrans
HubSpot
OpenAI
Product, UX & Project Management
We utilise a comprehensive suite of technologies to successfully execute research, planning, building, launching, and marketing your product.
Figma
Sketch
Framer
Adobe
Invision
Lottie Files
Google Analytics
Google Webmaster
Google Tag
Facebook Pixel
Ahrefs
Semrush
Moz
Git
Bitbucket
Jira
Zeplin
Unix
Zendesk
Freshdesk
ChatGPT
Copilot
Slack
Miro
Product Fruits
Airtable
Talent Pool
Our tech hub's location in a major center of education and technology gives us access to top talent, ensuring a skilled and experienced team for your project.
Local Project Consultants
Based around Sydney, our consultants have extensive experience with Australia's leading digital projects, offering personalized guidance and expertise in navigating the complexities of building a successful marketplace.
Agile and Lean
We adopt a flexible, sprint-based development process, allowing rapid iteration and continuous delivery of features to keep your marketplace dynamic and growing.
Tech Stack Versatility
We work across various tech stacks, offering proprietary coding where necessary and leveraging industry-standard technologies for the best outcomes.
Quality Assurance
Supported by dedicated QA teams and rigorous testing protocols, including UAT and OWASP standards, we ensure your marketplace meets the highest quality and security benchmarks.
Continuous Support
Our devops team ensures your platform remains operational, monitoring and addressing any issues round-the-clock.
Long-term Partnership
Beyond launch, we remain committed to your marketplace's success, offering insights, support, and strategic advice to help your platform evolve and prosper.
Talent Pool
Our tech hub's location in a major center of education and technology gives us access to top talent, ensuring a skilled and experienced team for your project.
Local Project Consultants
Based around Sydney, our consultants have extensive experience with Australia's leading digital projects, offering personalized guidance and expertise in navigating the complexities of building a successful marketplace.
Agile and Lean
We adopt a flexible, sprint-based development process, allowing rapid iteration and continuous delivery of features to keep your marketplace dynamic and growing.
Tech Stack Versatility
We work across various tech stacks, offering proprietary coding where necessary and leveraging industry-standard technologies for the best outcomes.
Quality Assurance
Supported by dedicated QA teams and rigorous testing protocols, including UAT and OWASP standards, we ensure your marketplace meets the highest quality and security benchmarks.
Continuous Support
Our devops team ensures your platform remains operational, monitoring and addressing any issues round-the-clock.
Long-term Partnership
Beyond launch, we remain committed to your marketplace's success, offering insights, support, and strategic advice to help your platform evolve and prosper.
${post.post_title}