It would be best to see a before/after regarding these breakpoints to
understand why I needed separate listeners. You can view
http://tylercamp.me/dev-index.html , which has a reference to
script-dev.js, and edit *bindProjectReinsertion* in the JS console to see
what happens when you resize without the other listeners.


On Tue, Apr 22, 2014 at 9:53 AM, Jon Petto <notifications@github.com> wrote:

> In client/script.js:
>
> > +
> > +    //  Binding done when project view is added
> > +    function bindProjectReinsertion() {
> > +        mediaWidth_1150.addListener(reinsertProjectDisplay);
> > +        mediaWidth_1550.addListener(reinsertProjectDisplay);
> > +        mediaWidth_1800.addListener(reinsertProjectDisplay);
> > +        mediaWidth_2300.addListener(reinsertProjectDisplay);
> > +    }
> > +
> > +    //  Unbinding done on project view removal (does not include replacement)
> > +    function unbindProjectReinsertion() {
> > +        mediaWidth_1150.removeListener(reinsertProjectDisplay);
> > +        mediaWidth_1550.removeListener(reinsertProjectDisplay);
> > +        mediaWidth_1800.removeListener(reinsertProjectDisplay);
> > +        mediaWidth_2300.removeListener(reinsertProjectDisplay);
> > +    }
>
> All the listeners above seem a bit redundant. Couldn't you just have a
> listener on the minimum accepted value, e.g. 1150px?
>
> --
> Reply to this email directly or view it on GitHub<https://github.com/tylercamp/tylercamp.github.io/pull/5/files#r11856920>
> .
>