LE
MEILLEUR
COMPAGNON
de communication, design et marketing
sur le bout des doigts où que vous soyez,
en toute simplicité !
vous permet
de gérer…
- Vos dossiers clients
- Les projets en cours
- Le temps passé par activité
- Votre tableau de production
- La gestion des achats
- La facturation
- Les rapports complets pour la direction
- et bien plus !
500+agences
20 ansd’expérience
participant aussi à faire évoluer la plateforme en apportant des idées innovatrices et des développements personnalisés sur mesure.



que vous pourrez tester et utiliser pour saisir des données contacts, projets, planning, factures etc…
//GLOBAL VARIABLES var baseHeight = 0; var currentlySelectedDescription = ''; let cowboy = document.getElementById("cowboy"); let windowWidth = 0;
(function() { window.onscroll = function() {scrollFunction()};
autoSizeTestimonial();
})();
window.addEventListener('scroll', function(){ var value = window.scrollY; // console.log(value) // cowboy.style.top = -0.1*value + 400 + 'px'; // cowboy.style.top = -0.01*value + 'px'; // cowboy.style.bottom = 0.2*value - 650 + 'px'; if(windowWidth < 992){ cowboy.style.bottom = 0.2*value - 1100 + 'px'; } else if(windowWidth < 1246){ cowboy.style.bottom = 0.2*value - 900 + 'px'; } else if(windowWidth < 1886){ cowboy.style.bottom = 0.2*value - 800 + 'px'; } else{ cowboy.style.bottom = 0.2*value - 700 + 'px'; } }); document.addEventListener('DOMContentLoaded', function(event) { //the event occurred currentlySelectedDescription = $('.icon-img')[0]; $(currentlySelectedDescription).addClass('selectedDescription'); $('svg').css('fill', '#D94B9B'); //set arrows to purple $('.splide__pagination__page.is-active').addClass("is-active-purple");//set pagination to purple $('.splide__pagination__page').addClass("splide__pagination__page-purple"); //set pagination to purple windowWidth = window.innerWidth; if(windowWidth < 1446){ $('.obtain-demo-mobile').removeClass('hide'); $('.obtain-demo-frontiva').addClass('hide'); $('.fs-nav').addClass('hide'); $('.burger-nav').removeClass('hide'); $('#navButtonDemo').addClass('mobile-nav'); } else{ $('.obtain-demo-mobile').addClass('hide'); $('.obtain-demo-frontiva').removeClass('hide'); } // console.log("windowWidth"); // console.log(windowWidth); if(windowWidth < 992){ // $('#frontivaBlueSmall').removeClass('hide'); // $('#frontivaBlanc').addClass('hide'); // $('#frontivaBleu').addClass('hide'); } scrollFunction(); }); window.addEventListener('resize', function(event) { windowWidth = window.innerWidth; if(windowWidth < 1446){ $('.obtain-demo-mobile').removeClass('hide'); $('.obtain-demo-frontiva').addClass('hide'); $('.fs-nav').addClass('hide'); $('.burger-nav').removeClass('hide'); $('#navButtonDemo').addClass('mobile-nav'); } else{ $('.obtain-demo-mobile').addClass('hide'); $('.obtain-demo-frontiva').removeClass('hide'); $('.fs-nav').removeClass('hide'); $('.burger-nav').addClass('hide'); $('#navButtonDemo').removeClass('mobile-nav'); } // console.log(windowWidth); }); function scrollFunction() { if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { document.getElementById("nav-container").classList.add("nav-white-background"); document.getElementById("navButtonDemo").classList.add("nav-button-demo"); document.getElementById("navButtonDemo").classList.remove("nav-button-demo-white");
document.getElementById("navDivider").classList.add("nav-divider-black"); document.getElementById("navDivider").classList.remove("nav-divider-white");
// document.getElementById("navDivider2").classList.add("nav-divider-black"); // document.getElementById("navDivider2").classList.remove("nav-divider-white");
// document.getElementById("btnDropdown").classList.add("btnDropdown"); // document.getElementById("burgerDropdown").classList.add("burgerDropdown");
document.getElementById("frontivaBlanc").classList.add("hide"); document.getElementById("frontivaBleu").classList.remove("hide"); if(windowWidth < 992){ // document.getElementById("frontivaBlanc").classList.add("hide"); // document.getElementById("frontivaBleu").classList.add("hide"); // document.getElementById("frontivaBlueSmall").classList.remove("hide"); } else{ // document.getElementById("frontivaBlueSmall").classList.add("hide"); // document.getElementById("frontivaBlanc").classList.add("hide"); // document.getElementById("frontivaBleu").classList.remove("hide"); } } else { document.getElementById("nav-container").classList.remove("nav-white-background"); document.getElementById("navButtonDemo").classList.remove("nav-button-demo"); document.getElementById("navButtonDemo").classList.add("nav-button-demo-white"); document.getElementById("navDivider").classList.add("nav-divider-white"); document.getElementById("navDivider").classList.remove("nav-divider-black"); // document.getElementById("navDivider2").classList.add("nav-divider-white"); // document.getElementById("navDivider2").classList.remove("nav-divider-black"); // document.getElementById("btnDropdown").classList.remove("btnDropdown"); // document.getElementById("burgerDropdown").classList.remove("burgerDropdown"); document.getElementById("frontivaBlanc").classList.remove("hide"); document.getElementById("frontivaBleu").classList.add("hide"); if(windowWidth < 992){ // document.getElementById("frontivaBlanc").classList.add("hide"); // document.getElementById("frontivaBleu").classList.add("hide"); // document.getElementById("frontivaBlueSmall").classList.remove("hide"); } else{ // document.getElementById("frontivaBlueSmall").classList.add("hide"); // document.getElementById("frontivaBlanc").classList.remove("hide"); // document.getElementById("frontivaBleu").classList.add("hide"); } } } function autoSizeTestimonial(){ // this will have to be redone (what if description size changes) // linear gradient for MNID baseHeight = document.getElementById("criCard").offsetHeight; let mnidTitle = document.getElementById("mnidCard").children[0].offsetHeight; let mnidText = document.getElementById("mnidCard").children[1].offsetHeight; let mnidHeight = baseHeight - mnidTitle - mnidText - 12;//minus 12 takes into account padding document.getElementsByClassName("mnid-card-img")[0].style.height = mnidHeight.toString() + "px"; // linear gradient for Bob let bobTitle = document.getElementById("bobCard").children[0].offsetHeight; let bobText = document.getElementById("bobCard").children[1].offsetHeight; let bobHeight = baseHeight - bobTitle - bobText - 12;//minus 12 takes into account padding document.getElementsByClassName("bob-card-img")[0].style.height = bobHeight.toString() + "px"; //console.log(baseHeight); baseHeight = 0; } var splide = new Splide( '.splide', { type: 'loop', // autoplay: true, // interval: 1000 } ).mount(); // function gotoslide() { // splide.go( 2 ); // } splide.on('move', function(newIndex){ const blue = "#00ADEE"; const green = "#A7CE39"; const red = "#EF3D61"; const purple = "#D94B9B"; const orange = "#FCB040"; $(currentlySelectedDescription).removeClass('selectedDescription'); // console.log(newIndex); // $('.icon-img'); //console.log($('.icon-img').length); let length = $('.icon-img').length; for (let index = 0; index < length; index++) { let element = $('.icon-img')[index]; let newPos = parseInt($(element).attr('position')); if(newPos === newIndex){ //$('.icon-img').addClass('selectedDescription'); $(element).addClass('selectedDescription'); currentlySelectedDescription = element; // console.log(newPos); // console.log($(element).attr('position')); } } // console.log($('.splide__pagination__page.is-active')); //$('.splide__pagination__page.is-active').css('background', 'red') //reset $('.splide__pagination__page').removeClass("is-active-purple"); $('.splide__pagination__page').removeClass("is-active-green"); $('.splide__pagination__page').removeClass("is-active-red"); $('.splide__pagination__page').removeClass("is-active-orange"); $('.splide__pagination__page').removeClass("splide__pagination__page-purple"); $('.splide__pagination__page').removeClass("splide__pagination__page-green"); $('.splide__pagination__page').removeClass("splide__pagination__page-red"); $('.splide__pagination__page').removeClass("splide__pagination__page-orange"); //no blue as we are keeping the default blue switch (newIndex) { case 0: $('svg').css('fill', purple); $('.splide__pagination__page.is-active').addClass("is-active-purple"); $('.splide__pagination__page').addClass("splide__pagination__page-purple"); break; case 1: $('svg').css('fill', green); $('.splide__pagination__page.is-active').addClass("is-active-green"); $('.splide__pagination__page').addClass("splide__pagination__page-green"); break; case 2: $('svg').css('fill', blue); break; case 3: $('svg').css('fill', red); $('.splide__pagination__page.is-active').addClass("is-active-red"); $('.splide__pagination__page').addClass("splide__pagination__page-red"); break; case 4: $('svg').css('fill', red); $('.splide__pagination__page.is-active').addClass("is-active-red"); $('.splide__pagination__page').addClass("splide__pagination__page-red"); break; case 5: $('svg').css('fill', green); $('.splide__pagination__page.is-active').addClass("is-active-green"); $('.splide__pagination__page').addClass("splide__pagination__page-green"); break; case 6: $('svg').css('fill', blue); break; case 7: $('svg').css('fill', orange); $('.splide__pagination__page.is-active').addClass("is-active-orange"); $('.splide__pagination__page').addClass("splide__pagination__page-orange"); break; default: break; } // console.log($('svg')); // $('svg').css('fill', '#D94B9B'); // $('svg') // $('.icon-img').forEach(element => { // console.log(element); // }); });
function selectDescription(selection) { if(currentlySelectedDescription !== '') $(currentlySelectedDescription).removeClass('selectedDescription'); currentlySelectedDescription = selection; // console.log(selection); $(selection).addClass('selectedDescription'); splide.go( parseInt($(selection).attr('position'))); }
function clickOnSelection(selected){ // console.log($(selected).find('.icon-img')); selectDescription($(selected).find('.icon-img')); //$(selected).find('.icon-img').click(); // $(selected).first().click(); }