import Rx, { Observable } from 'rxjs';
import Animation1a from './animation1a';
import Animation1b from './animation1b';
import Animation2a from './animation2a';
import Animation2b from './animation2b';
import Animation3a from './animation3a';
import Animation3b from './animation3b';
import Animation3c from './animation3c';

require('../css/reset.scss');
require('../css/index.scss');
require('../css/particle.scss');
require('../css/controls.scss');

window.addEventListener('load', () => {
    const destroy$ = new Rx.BehaviorSubject(null);

    // window.addEventListener('blur', () => {
    //     destroy$.next('all');
    // });

    Animation1a(destroy$);
    Animation1b(destroy$);
    Animation2a(destroy$);
    Animation2b(destroy$);
    Animation3a(destroy$);
    Animation3b(destroy$);
    Animation3c(destroy$);
});

// TODO remove bottom padding from Disqus
// TODO TURN THE CORRECT DIRECTION - HUGE EFFICIENCY INCREASE