Archivos

Portfolio

Aequalislgbti Org

Aequalis Website Aequalis is a study that was born with a vocation for continuity and which seeks to highlight good practices in diversity management. It is not a ranking nor ...
0 comentarios

Sawes candies

Caramelos candies Art Direction and design – RED032 Web development – Jaume Subirats Date – Oct 2018 Link – sawes.com Fundada en 1972, Sawes es una empresa con más de 40 años de actividad empresarial ...
0 comentarios

Academica

Academica Art Direction and design – RED032 Web design and Development – Jaume Subirats Date – Oct 2014 Link – academica.school The official program for the international recognition of school-leaving qualifications, created and developed by ...
0 comentarios

Pol·len Edicions

Website y tienda online para Pol·len edicions Editorial joven independiente, cooperativa, formada por tres socias, Jordi, Aida y Mar. Especializadas en la ecoedición de libros de pensamiento crítico con la ...
0 comentarios

Espai Contrabandos

Espai Contrabandos Promoted and managed by the cooperative Pol·len Edicions, Espai Contrabandos It is an open project that hosts fifty independent publishing labels in order to visibilize and promote independent ...
0 comentarios

Club Bonasport

Bonasport Club Tennis, Padel, Sport Art Direction and design – RED032 Web development – Jaume Subirats Date – Feb 2018 Link – bonasport.com Un club deportivo especializado en tenis, pádel, natación, fitness y entrenamiento personal. ...
0 comentarios

Isaac Morera Website

Web design and Development Date — Feb 2013 Link – isaacmorera.com With a training ranging from dance, stage fencing and interpretation, he is currently a member of the company. “EL SACAIRE DEL LLOBREGAT”, cia. ...
0 comentarios

LaBreu Edicions

LaBreu Edicions LaBreu Edicions is a non-profit cultural association from which we intend to carry out a support and dissemination of quality poetry and literature in the Catalan language. Web design ...
0 comentarios

Rollan Arquitectura

Rollan Arquitectura Company committed to the preservation of cultural heritage with experience in performances above all in the historical complex of Tortosa and in buildings with historical and artistic value. Web ...
0 comentarios
22

We Web

SeguirLin.X.
...
window.addEventListener("load", initCursor); function initCursor() { const $img = document.querySelector("#site-header"); const { $width } = $img.getBoundingClientRect(); const $halfImgWidth = $width / 2; $img.addEventListener("mousemove", function (e) { const xPos = e.pageX - $img.offsetLeft; /*IE11 need this*/ //this.classList.remove("cursor-prev"); //this.classList.remove("cursor-next"); this.classList.remove("cursor-prev", "cursor-next"); if (xPos > $halfImgWidth) { this.classList.add("cursor-next"); } else { this.classList.add("cursor-prev"); } }); } // Cursor ICON substitition <-- // Button Ripple Effect // Function to add the ripple effect function addRippleEffect(event) { const button = event.currentTarget; const ripple = document.createElement("span"); const rect = button.getBoundingClientRect(); const size = Math.max(rect.width, rect.height); const x = event.clientX - rect.left - size / 2; const y = event.clientY - rect.top - size / 2; ripple.style.width = ripple.style.height = `${size}px`; ripple.style.left = `${x}px`; ripple.style.top = `${y}px`; ripple.classList.add("ripple"); button.appendChild(ripple); ripple.addEventListener("animationend", function() { ripple.remove(); }); } // Function to attach the ripple effect to buttons with given class names function attachRippleEffectToButtons(classNames) { classNames.forEach(className => { const buttons = document.querySelectorAll(`.${className}`); if (buttons.length === 0) { console.warn(`No elements found for class ${className}`); return; } buttons.forEach(button => { button.addEventListener("click", addRippleEffect); }); }); } // Attach the ripple effect when the document is ready document.addEventListener("DOMContentLoaded", function() { const targetClassNames = ["btn-mat", "another-class"]; attachRippleEffectToButtons(targetClassNames); function createCircleInner() { const circleInner = document.createElement('div'); circleInner.className = 'circle-inner'; const box = document.createElement('div'); box.className = 'box'; circleInner.appendChild(box); const smallCircle = document.createElement('div'); smallCircle.className = 'small-circle'; box.appendChild(smallCircle); for (let i = 1; i <= 10; i++) { const span = document.createElement('span'); span.style.setProperty('--i', i); box.appendChild(span); } document.body.appendChild(circleInner); } createCircleInner(); }); window.onbeforeunload = function leavingPage(){ console.log('leaving'); return null; } -->