Archives

Portfolio

Aequalislgbti Org

Lloc web per a Aequalis AEQUALIS es una relación de mejores prácticas de inclusión LGTB en España que  nace con vocación de continuidad . No es un ranking ni pretende valorar ...
0 comments

Sawes candies

Caramelos Sawes Art Direction and design – RED032 Web development – Jaume Subirats Date – Oct 2018 Link – sawes.com Fundada l'any 1972, Sawes és una empresa amb més de 40 anys d'activitat empresarial que, ...
0 comments

Pol·len Edicions

Lloc Web i tenda online per a Pol·len edicions Editorial independent, cooperativa, jove, formada per tres sòcies de treball associat, el Jordi, l’Aida i la Mar. Especialitzades en l’ecoedició de ...
0 comments

El molino de Rucandio

El molino de Rucandio Tranquil·litat, comoditat i natura. Envoltada per més de 1.000 m2 de finca i delimitada pel riu miera, la casa és un recés pau i desconnexió on ...
0 comments

Espai Contrabandos

Espai Contrabandos Espai contrabandos és un projecte obert que acull mig centenar de segells editorials independents per tal de visibilitzar i promoure l'edició independent que, sota el paraigua de el ...
0 comments

Biciclot

Lloc web  i tenda online per a Biciclot Web Development  Date — Oct 2014 Link — biciclot.coop Lloc web per a Biciclot Web Development  Date — Oct 2014 Link — ...
0 comments

Club Bonasport

Bonasport Club Tennis, Padel, Sport Art Direction and design – RED032 Web development – Jaume Subirats Date – Feb 2018 Link – bonasport.com Club esportiu especialitzat en tennis, pàdel, natació, fitness i entrenament personal. Compta ...
0 comments

Isaac Morera

Web design and Development Date — Feb 2013 Link — isaacmorera.com Amb una formació que va des de la dansa, l’esgrima escènica i la interpretació, actualment és membre de la companyia. “EL SACAIRE ...
0 comments

LaBreu Edicions

LaBreu Edicions LaBreu Edicions és una associació cultural sense ànim de lucre des de la qual pretenem donar suport i difusió de poesia i literatura de qualitat en llengua catalana. Web ...
0 comments

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 comments
22

We Web

FollowLin.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; } -->