removed lazy load image animation definition 🚀

Author: chicio

_includes/critical.css

@@ -2,30 +2,30 @@
 import 'intersection-observer'
 import { addCssClass, removeCssClass } from './css-class'
 
-const lazyLoadImages = (selector: string, loadCompleted: (image: HTMLImageElement) => void) => {
+const lazyLoadImages = (selector: string): void => {
   const intersectionObserver: IntersectionObserver = new IntersectionObserver(
-    (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => onIntersection(entries, observer, loadCompleted),
+    onIntersection,
     { rootMargin: '50px 0px', threshold: 0.01 }
   )
   document.querySelectorAll(selector).forEach(image => intersectionObserver.observe(image))
 }
 
-const onIntersection = (entries: IntersectionObserverEntry[], observer: IntersectionObserver, loadCompleted: (image: HTMLImageElement) => void) => {
+const onIntersection = (entries: IntersectionObserverEntry[], observer: IntersectionObserver): void => {
   entries.forEach(entry => {
     if (entry.intersectionRatio > 0) {
       observer.unobserve(entry.target)
-      eventuallyLoadImage(entry.target, loadCompleted)
+      eventuallyLoadImage(entry.target)
     }
   })
 }
 
-const eventuallyLoadImage = (element: HTMLElement, loadCompleted: (image: HTMLImageElement) => void) => {
+const eventuallyLoadImage = (element: HTMLElement): void => {
   if (element instanceof HTMLImageElement) {
-    loadImage(element, loadCompleted)
+    loadImage(element)
   }
 }
 
-const loadImage = (image: HTMLImageElement, loadCompleted: (image: HTMLImageElement) => void) => {
+const loadImage = (image: HTMLImageElement): void => {
   image.src = image.dataset.src
   image.onload = () => {
     removeCssClass(image, 'lazy')

_js/common/lazy-load-image-animation.js

@@ -2,10 +2,9 @@
 import { cookieConsent } from './common/cookie-consent.js'
 import { loadFont } from './common/load-font'
 import { lazyLoadImages } from './common/lazy-load-images'
-import { lazyLoadImageAnimation } from './common/lazy-load-image-animation'
 
 document.addEventListener('DOMContentLoaded', () => {
   loadFont()
   cookieConsent()
-  lazyLoadImages('.blog-image', (image: Element) => lazyLoadImageAnimation(image, 0.5))
+  lazyLoadImages('.blog-image')
 })

_js/common/lazy-load-images.js

@@ -4,12 +4,11 @@ import { loadFont } from './common/load-font'
 import { tabs } from './home/tabs'
 import { homeHeaderAnimation } from './home/home-header-animation'
 import { lazyLoadImages } from './common/lazy-load-images'
-import { lazyLoadImageAnimation } from './common/lazy-load-image-animation'
 
 document.addEventListener('DOMContentLoaded', () => {
   loadFont()
   cookieConsent()
   homeHeaderAnimation()
   tabs()
-  lazyLoadImages('.profile-image, .who-am-i-icon, .project-image, .timeline-image', (image: Element) => lazyLoadImageAnimation(image, 0.2))
+  lazyLoadImages('.profile-image, .who-am-i-icon, .project-image, .timeline-image')
 })

_js/index.blog.js

@@ -2,30 +2,30 @@
 import 'intersection-observer'
 import { addCssClass, removeCssClass } from './css-class'
 
-const lazyLoadImages = (selector, loadCompleted) => {
+const lazyLoadImages = (selector) => {
   const intersectionObserver = new IntersectionObserver(
-    (entries, observer) => onIntersection(entries, observer, loadCompleted),
+    onIntersection,
     { rootMargin: '50px 0px', threshold: 0.01 }
   )
   document.querySelectorAll(selector).forEach(image => intersectionObserver.observe(image))
 }
 
-const onIntersection = (entries, observer, loadCompleted) => {
+const onIntersection = (entries, observer) => {
   entries.forEach(entry => {
     if (entry.intersectionRatio > 0) {
       observer.unobserve(entry.target)
-      eventuallyLoadImage(entry.target, loadCompleted)
+      eventuallyLoadImage(entry.target)
     }
   })
 }
 
-const eventuallyLoadImage = (element, loadCompleted) => {
+const eventuallyLoadImage = (element) => {
   if (element instanceof HTMLImageElement) {
-    loadImage(element, loadCompleted)
+    loadImage(element)
   }
 }
 
-const loadImage = (image, loadCompleted) => {
+const loadImage = (image) => {
   image.src = image.dataset.src
   image.onload = () => {
     removeCssClass(image, 'lazy')

_js/index.home.js

@@ -2,10 +2,9 @@
 import { cookieConsent } from './common/cookie-consent.js'
 import { loadFont } from './common/load-font'
 import { lazyLoadImages } from './common/lazy-load-images'
-import { lazyLoadImageAnimation } from './common/lazy-load-image-animation'
 
 document.addEventListener('DOMContentLoaded', () => {
   loadFont()
   cookieConsent()
-  lazyLoadImages('.blog-image', (image) => lazyLoadImageAnimation(image, 0.5))
+  lazyLoadImages('.blog-image')
 })

_jsbuild/common/lazy-load-images.js

@@ -4,12 +4,11 @@ import { loadFont } from './common/load-font'
 import { tabs } from './home/tabs'
 import { homeHeaderAnimation } from './home/home-header-animation'
 import { lazyLoadImages } from './common/lazy-load-images'
-import { lazyLoadImageAnimation } from './common/lazy-load-image-animation'
 
 document.addEventListener('DOMContentLoaded', () => {
   loadFont()
   cookieConsent()
   homeHeaderAnimation()
   tabs()
-  lazyLoadImages('.profile-image, .who-am-i-icon, .project-image, .timeline-image', (image) => lazyLoadImageAnimation(image, 0.2))
+  lazyLoadImages('.profile-image, .who-am-i-icon, .project-image, .timeline-image')
 })

_jsbuild/index.blog.js

@@ -0,0 +1,47 @@
+0 info it worked if it ends with ok
+1 verbose cli [ '/usr/local/bin/node',
+1 verbose cli   '/Users/fduroni/Work/chicio.github.io/node_modules/.bin/npm',
+1 verbose cli   'run',
+1 verbose cli   'flow' ]
+2 info using npm@3.10.10
+3 info using node@v11.6.0
+4 warn invalid config loglevel="notice"
+5 verbose run-script [ 'preflow', 'flow', 'postflow' ]
+6 info lifecycle fabrizio-duroni@1.8.0~preflow: fabrizio-duroni@1.8.0
+7 silly lifecycle fabrizio-duroni@1.8.0~preflow: no script for preflow, continuing
+8 info lifecycle fabrizio-duroni@1.8.0~flow: fabrizio-duroni@1.8.0
+9 verbose lifecycle fabrizio-duroni@1.8.0~flow: unsafe-perm in lifecycle true
+10 verbose lifecycle fabrizio-duroni@1.8.0~flow: PATH: /Users/fduroni/Work/chicio.github.io/node_modules/npm/bin/node-gyp-bin:/Users/fduroni/Work/chicio.github.io/node_modules/.bin:/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/fduroni/Work/chicio.github.io/node_modules/.bin:/Users/fduroni/.rvm/gems/ruby-2.6.0/bin:/Users/fduroni/.rvm/gems/ruby-2.6.0@global/bin:/Users/fduroni/.rvm/rubies/ruby-2.6.0/bin:/Users/fduroni/bin:/usr/local/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Frameworks/Mono.framework/Versions/Current/Commands:/Users/fduroni/.rvm/gems/ruby-2.6.0/bin:/Users/fduroni/.rvm/gems/ruby-2.6.0@global/bin:/Users/fduroni/.rvm/rubies/ruby-2.6.0/bin:/Users/fduroni/bin:/Users/fduroni/Library/Android/sdk/emulator:/Users/fduroni/Library/Android/sdk/tools:/Users/fduroni/Library/Android/sdk/platform-tools:/Users/fduroni/Library/Android/sdk/tools/bin:/Users/fduroni/.scripts:/Users/fduroni/.rvm/bin:/Users/fduroni/Library/Android/sdk/emulator:/Users/fduroni/Library/Android/sdk/tools:/Users/fduroni/Library/Android/sdk/platform-tools:/Users/fduroni/Library/Android/sdk/tools/bin:/Users/fduroni/.scripts:/Users/fduroni/.rvm/bin
+11 verbose lifecycle fabrizio-duroni@1.8.0~flow: CWD: /Users/fduroni/Work/chicio.github.io
+12 silly lifecycle fabrizio-duroni@1.8.0~flow: Args: [ '-c', '_scripts/flow.sh' ]
+13 silly lifecycle fabrizio-duroni@1.8.0~flow: Returned: code: 1  signal: null
+14 info lifecycle fabrizio-duroni@1.8.0~flow: Failed to exec flow script
+15 verbose stack Error: fabrizio-duroni@1.8.0 flow: `_scripts/flow.sh`
+15 verbose stack Exit status 1
+15 verbose stack     at EventEmitter.<anonymous> (/Users/fduroni/Work/chicio.github.io/node_modules/npm/lib/utils/lifecycle.js:255:16)
+15 verbose stack     at EventEmitter.emit (events.js:188:13)
+15 verbose stack     at ChildProcess.<anonymous> (/Users/fduroni/Work/chicio.github.io/node_modules/npm/lib/utils/spawn.js:40:14)
+15 verbose stack     at ChildProcess.emit (events.js:188:13)
+15 verbose stack     at maybeClose (internal/child_process.js:978:16)
+15 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:265:5)
+16 verbose pkgid fabrizio-duroni@1.8.0
+17 verbose cwd /Users/fduroni/Work/chicio.github.io
+18 error Darwin 18.5.0
+19 error argv "/usr/local/bin/node" "/Users/fduroni/Work/chicio.github.io/node_modules/.bin/npm" "run" "flow"
+20 error node v11.6.0
+21 error npm  v3.10.10
+22 error code ELIFECYCLE
+23 error fabrizio-duroni@1.8.0 flow: `_scripts/flow.sh`
+23 error Exit status 1
+24 error Failed at the fabrizio-duroni@1.8.0 flow script '_scripts/flow.sh'.
+24 error Make sure you have the latest version of node.js and npm installed.
+24 error If you do, this is most likely a problem with the fabrizio-duroni package,
+24 error not with npm itself.
+24 error Tell the author that this fails on your system:
+24 error     _scripts/flow.sh
+24 error You can get information on how to open an issue for this project with:
+24 error     npm bugs fabrizio-duroni
+24 error Or if that isn't available, you can get their info via:
+24 error     npm owner ls fabrizio-duroni
+24 error There is likely additional logging output above.
+25 verbose exit [ 1, true ]