$(document).ready -> $('.footer-legal').find('ul.documents').append('

') $('nav.navbar').find('.container').find('.navbar-link').prepend('05-10 October 2025

Frankfurt, Germany') ### jQuery Hover3d ================================================= Version: 1.1.0 Author: Rian Ariona Website: http://ariona.net Docs: http://ariona.github.io/hover3d Repo: http://github.com/ariona/hover3d Issues: http://github.com/ariona/hover3d/issues ### (($) -> $.fn.hover3d = (options) -> settings = $.extend({ selector: null perspective: 1000 sensitivity: 20 invert: false shine: false hoverInClass: 'hover-in' hoverOutClass: 'hover-out' hoverClass: 'hover-3d' }, options) @each -> $this = $(this) $card = $this.find(settings.selector) # Mouse Enter function, this will add hover-in # Class so when mouse over it will add transition # based on hover-in class enter = (event) -> $card.addClass settings.hoverInClass + ' ' + settings.hoverClass currentX = currentY = 0 setTimeout (-> $card.removeClass settings.hoverInClass return ), 100 return # Mouse movement Parallax effect move = (event) -> w = $card.innerWidth() h = $card.innerHeight() currentX = Math.round(event.pageX - ($card.offset().left)) currentY = Math.round(event.pageY - ($card.offset().top)) ax = if settings.invert then (w / 2 - currentX) / settings.sensitivity else -(w / 2 - currentX) / settings.sensitivity ay = if settings.invert then -(h / 2 - currentY) / settings.sensitivity else (h / 2 - currentY) / settings.sensitivity dx = currentX - (w / 2) dy = currentY - (h / 2) theta = Math.atan2(dy, dx) angle = theta * 180 / Math.PI - 90 if angle < 0 angle = angle + 360 $card.css perspective: settings.perspective + 'px' transformStyle: 'preserve-3d' transform: 'rotateY(' + ax + 'deg) rotateX(' + ay + 'deg)' $shine.css 'background', 'linear-gradient(' + angle + 'deg, rgba(255,255,255,' + event.offsetY / h * .5 + ') 0%,rgba(255,255,255,0) 80%)' return # Mouse leave function, will set the transform # property to 0, and add transition class # for exit animation leave = -> $card.addClass settings.hoverOutClass + ' ' + settings.hoverClass $card.css perspective: settings.perspective + 'px' transformStyle: 'preserve-3d' transform: 'rotateX(0) rotateY(0)' setTimeout (-> $card.removeClass settings.hoverOutClass + ' ' + settings.hoverClass currentX = currentY = 0 return ), 100 return currentX = 0 currentY = 0 if settings.shine $card.append '

' $shine = $(this).find('.shine') # Set perspective and transformStyle value # for element and 3d object $this.css perspective: settings.perspective + 'px' transformStyle: 'preserve-3d' $card.css perspective: settings.perspective + 'px' transformStyle: 'preserve-3d' $shine.css position: 'absolute' top: 0 left: 0 bottom: 0 right: 0 transform: 'translateZ(1px)' 'z-index': 9 # Mouseenter event binding $shine.click -> window.location = $card.find('.project__image')[0].href $this.on 'mouseenter', -> enter() # Mousemove event binding $this.on 'mousemove', (event) -> move event # Mouseleave event binding $this.on 'mouseleave', -> leave() return return ) jQuery # --- # generated by js2coffee 2.2.0