import Rx, { Observable } from 'rxjs';
import Animation1 from './animation1';
import Animation2 from './animation2';
import Animation3 from './animation3';
import Animation5 from './animation5';

require('../css/reset.scss');
require('../css/index.scss');
require('../css/animation2.scss');
require('../css/animation3.scss');
require('../css/animation5.scss');

Animation3.init();


// TODO ANIM 2 clicking several times on seahorse creates jumpiness
// TODO display file contents in page
// TODO adding core UI breaks bounds
//
// TODO ANIM 3 birds entering, land on palette, find next one if full
// TODO ANIM 4 dog chasing
//
// TODO PR: https://github.com/ReactiveX/rxjs/blob/master/doc/decision-tree-widget/tree.yml#L122 "...time past since the last..."
//
// INTERMEDIATE TOPICS
// === I have one existing Observable and
// I want to group the values based on another Observable for opening a group, and an Observable for closing a group...
// I want to start a new Observable for each value...
// I want to share a subscription between multiple subscribers...
// I want to change the scheduler...