I'm getting close ... again (lol). I do not regret all this rewriting, at all. I have the player suppressed right now cause I am using too much internets. Here are 2 interface shots though. The first two shots are clickable for fullsize view. The little white line at the bottom of my pics is not part of the display. That's my window toolbar, (since there shots are not from a fullscreen view).

[su_lightbox type="image" src="https://i.imgur.com/vnzSzUR.png"]

[/su_lightbox]
[su_lightbox type="image" src="https://i.imgur.com/6dbLNKn.png"]

[/su_lightbox]

Compare with last version. (not clickable for fullsize)

IMO (and hopefully yours) the newest design is far better than where I was before all these rewrites.

1) help document is fully incorporated into the right tab area ~ still needs to be rewritten a little
2) display quirks fixed
3) logo and name are complete ~ still Qtv but logo it very different
4) not going to do the subscribe link. I didn't think that one through. Of course I can't make an automatic subscribe link by proxy. What if you aren't even a member of youTube? How would I know if you are signed in? I can make A subscribe link but, it will open up youTube in another tab and everything that enatails. That's not what I meant by a subscribe link. I meant some ajax request gets sent to youTube and it is completely seamless. Click, done ... not click, load page, whatever youTube does when you click a subscribe link, etc... So, there won't be a subscribe link.

5) pagination hasn't been touched yet but, it shouldn't be too hard
6) ignore hasn't been touched yet and I am seriously not looking forward to it. It's going to require surgery to make that work and I am positive I am going to break a whole lot of things before I get it all ironed out.

I'm down to just cleaning up the help file and making the ignore feature. I know that seems like I barely did anything but:

1) my nap turned into an 8 hour sleep (I could use 8 more)
2) I tightened up a bunch of stuff. I noticed a few little nuances that weren't necessarily wrong they could just be better.

For instance: when a selected episode slides into view it was possible that it would not completely come into view vertically. My system considered any amount of it in view as "visible". Generally, it WOULD bring it completely into view due to the fact that cued selections and currently playing selections could easily be far enough apart vertically that one or the other would always be out of view when you toggle ... forcing it to come completely back into view when toggled back. However, in some cases both could be in view with one only partially in view and my system used to consider both of those as "in view". I made it smarter and it only took 2 lines of code. There are other such things like this that I made tighter. I also took a look at which things could be done just once. For instance, every time I do this $('#some_element') I am remaking that element into a GypQuery class but, chances are I could have just made it upon App initiation (1 time) and make a getter for it. Not everything could be rewired like that but, quite a few things could, and now they are.

Here's a good one. A channel slides by a pixel offset but, if you resize the screen that pixel offset is wrong (it could even be VERY wrong depending on how dramatic the resize). This means on resize everything should be recalculated. And now it is. I went the quick method. I simply reset everything back to zero and then call showCued() and showActive() which slides the cued selection (if any) into view and then slides the currently playing|paused|buffering|waiting (whichever applies to active) selection into view.

When you cued a video it would change the main title in the control bar. Now it doesn't do that and only changes the information in the catalogue.

when you hovered search next/prev it would give the tooltip "next|previous result" even if the respective direction was inactive ... due to you being at the ultimate ends of the results or maybe cause you haven't searched for anything yet in the first place. That is fixed.

Just a bunch of little small nuance stuff. There was more. Actually the list was pretty extensive but, I'm mostly confident that I have eliminated them all. So, even though saying I have the help file rewrite and ignore left sounds like barely anything got done, I actually did a whole lot. However, even though the help file and ignore are the last things to do to CREATE Qtv, I still need to go take a crash course in GULP and crush this 40mb plugin down to it's bare dependencies and minimize everything. Then I need to go to my youTube and take a real good look at these playlists ... probably even make some new ones, as-well-as find more content. Some of these videos couldn't be more boring. I'm not saying any names but, Did you take a whole bottle of downers before that walkthrough? My God, it's like a walkthrough given by a zombie, Unnnnnnnggghh ...DOLP.

LOL! My app doesn't work at all in IE. At least not the IE that came stock with this computer from 3 years ago. I hate IE, never cater to it in any conceivable way and personally think it's funny that Qtv doesn't work in it. Safari, Chrome, Firefox, Opera ... all work fine. I'm not updating my IE just to see if my app works in a newer version of it. I would completely delete IE if windows let me.

Did I mention "completely fuck IE from 20 years ago til today and well into the future!"? Only fucking browser that has to make up all of it's own rules. The biggest companies on Earth can pretty much all agree to the same standard but not IE, oh no, they gon' revolooshuneyes. Fuckin garbage. I'm gonna browser sniff in my js and put a big fat message on every IE screen.

Here's a little peep at the size of Qtv. This ENTIRE class is nothing but a dictionary. Using this class you can easily grab elements and the facts/states of them but otherwise, there is NO functionality in this class. Not one setter and everything that is not labeled "get" is only because it has to accept an argument to return the data you requested. All of this just to set the stage to give Qtv behavior.

class GypTvBase
{
    constructor()
    {   /*episodes ~ the entire guide*/
        this._episodes          = _$("span.gyptv-episode");
        /*clock*/
        this._clock             = $("#gyptv-time");
        /*buttons|tab|slide controls|volume slider*/
        this._tabs              = _$('.tab');
        this._rightSCA          = _$("li.gyptv-slide-right");
        this._leftSCA           = _$("li.gyptv-slide-left");
        this._simImgAll         = _$("ul#gyptv-similar > li > img");
        this._show_button       = $("#gyptv-show-current-button");
        this._skip_button       = $("#gyptv-skip-button");
        this._effects_slider    = $('#gyptv-effects-volume');
        /*catalogue|search dependencies and elements*/
        this._descs             = _$('.gyptv-episode-parent > input[id$="-description"]');
        this._cat_search        = $('#gyptv-catalogue-search');
        this._cat_submit        = $('#gyptv-search-submit');
        this._cat_lpage         = $('#gyptv-left-pagination');
        this._cat_rpage         = $('#gyptv-right-pagination');
	this._search_rcntrl     = $('#gyptv-search-right-control');
        this._search_lcntrl     = $('#gyptv-search-left-control');
        /*sections*/
        this._menus             = _$("ul.gyptv-listing");
        this._iframe            = $('#gyptv-video');
        this._guide_panel       = $("div#gyptv-guide-panel");
        this._main_panel        = $("div#gyptv-main-panel");
        this._main_ldisp        = $("div#gyptv-info-ldisplay");
        this._main_rdisp        = $("div#gyptv-info-rdisplay");
        /*toggles*/
        this._randTogg          = $("#gyptv-random-toggle");
        this._autoTogg          = $("#gyptv-autoplay-toggle");
        this._playTogg          = $("#gyptv-playlist-toggle");
        this._hideTogg          = $("#gyptv-hide-toggle");
        /*audio*/
        this._hide_on_audio     = document.getElementById("hide-on-audio");
        this._hide_off_audio    = document.getElementById("hide-off-audio");
        this._button_audio      = document.getElementById("button-audio");
        this._show_audio        = document.getElementById("show-audio");
        this._search_audio      = document.getElementById("search-audio");
        this._playlist_audio    = document.getElementById("playlist-audio");
        this._autoplay_audio    = document.getElementById("autoplay-audio");
        this._random_audio      = document.getElementById("random-audio");
    }

    /*AUDIO*/
    get hide_on_audio()     { return this._hide_on_audio;   }
    get hide_off_audio()    { return this._hide_off_audio;  }
    get button_audio()      { return this._button_audio;    }
    get show_audio()        { return this._show_audio;      }
    get search_audio()      { return this._search_audio;    }
    get playlist_audio()    { return this._playlist_audio;  }
    get autoplay_audio()    { return this._autoplay_audio;  }
    get random_audio()      { return this._random_audio;    }
    /*BUTTONS|TABS|EFFECTS_SLIDER*/
    get tabs()              { return this._tabs;                }
    get show_button()       { return this._show_button;         }
    get skip_button()       { return this._skip_button;         }
    get effects_slider()    { return this._effects_slider;      }
    /*TOGGLES*/
    get play_toggle()       { return this._playTogg;            }
    get auto_toggle()       { return this._autoTogg;            }
    get rand_toggle()       { return this._randTogg;            }
    get hide_toggle()       { return this._hideTogg;            }
    /*GET_TOGGLE_FACTS*/
    get is_playlist()       { return this._playTogg.isChecked;  }
    get is_full_display()   { return this._hideTogg.isChecked;  }
    get random()            { return this._randTogg.isChecked;  }
    get autoplay()          { return this._autoTogg.isChecked;  }
    /*SEARCH_DEPENDENCIES_AND_ELEMENTS*/
    get descriptions()          { return this._descs;           }
    get search_right_control()  { return this._search_rcntrl;   }
    get search_left_control()   { return this._search_lcntrl;   }
    get catalogue_search()      { return this._cat_search;      }
    get catalogue_submit()      { return this._cat_submit;      }
    /*PAGINATION_DEPENDENCIES_AND_ELEMENTS*/
    get catalogue_left_page()   { return this._cat_lpage;       }
    get catalogue_right_page()  { return this._cat_rpage;       }
    /*SECTIONS*/
    get guide_panel()       { return this._guide_panel;         }
    get main_panel()        { return this._main_panel;          }
    get video_display()     { return this._main_ldisp;          }
    get info_display()      { return this._main_rdisp;          }
    get menus()             { return this._menus;               }
    get clock()             { return this._clock;               }

    /*LEFT|RIGHT_CHANNEL_SLIDERS*/
    is_possible(_e)             { return _e.has("possible");                                    }/*true|false control is marked possible*/
    get right_slide_cntrl_all()	{ return this._rightSCA;	                                    }/*all right sliders*/
    get left_slide_cntrl_all()	{ return this._leftSCA;                                         }/*all right sliders*/
    right_slide_cntrl(_slug)    { return $$(this.right_slide_cntrl_all.withAttr("alt", _slug));	}/*specific right slider*/
    left_slide_cntrl(_slug)	    { return $$(this.left_slide_cntrl_all.withAttr("alt" , _slug));	}/*specific left slider*/

    /*SLUG_SID_&_NUM_UTILS*/
    slug_from_sid(_sid)	{ return _sid.replace(/[0-9]+/g, "");			    }/*get slug from slug id*/
    num_from_sid(_sid)	{ return parseInt(_sid.match(/([0-9]+)/g)[0]); 	    }/*get id num from slug id*/
    sid_from_el(el)     { return el.attr("alt");                            }/*get slug id from element*/
    slug_from_el(el)    { return this.slug_from_sid(el.attr("alt"));        }/*get slug from element*/

    /*EPISODE_LIST(S)*/
    episode_parent_all(_slug)	{ return _$("#"+_slug+" > li.gyptv-episodes > ul.gyptv-listing > li.gyptv-episode-parent"); }
    episode_parent(_sid)		{ return $("li.gyptv-episode-parent[alt=""+_sid+""]");                                    }
    episode_parent_notice(_sid) { return $("li.gyptv-episode-parent[alt=""+_sid+""] > .gyptv-notice");	                }
    channel_menu(_slug)		    { return $("#"+_slug+" > li.gyptv-episodes > ul.gyptv-listing");	                        }

    /*ACTIVE_EPISODE_LIST(S)*/
    get active_episode_parent_all()    { return this.episode_parent_all(this.active_slug);      }
    get active_episode_parent()        { return this.episode_parent(this.active_sid);           }
    get active_episode_parent_notice() { return this.episode_parent_notice(this.active_sid);    }
    get active_channel_menu()          { return this.channel_menu(this.active_slug);            }

    /*EPISODE_STATES*/
    get episodes ()     { return this._episodes;                                }
    get cued     ()     { return $("span.gyptv-episode.cued");                  }
    get playing  ()     { return $("span.gyptv-episode.playing");               }
    get paused   ()     { return $("span.gyptv-episode.paused");                }
    get buffering()     { return $("span.gyptv-episode.buffering");             }
    get inwait   ()     { return $("span.gyptv-episode.inwait");                }
    sid_episode(_sid)	{ return $("span.gyptv-episode[alt =""+_sid+""]");	}/*specific*/

    get similar_image_all() { return this._simImgAll; }
    /*SLUG_IDS*/
    get cue_sid()		{ return this.cued.attr("alt");				        }/*currently cued slug id*/
    get play_sid()		{ return this.playing.attr("alt");			        }/*currently playing slug id*/
    get pause_sid()	    { return this.paused.attr("alt");			        }/*currently paused slug id*/
    get buff_sid()		{ return this.buffering.attr("alt");		        }/*currently buffering slug id*/
    get wait_sid()		{ return this.inwait.attr("alt");			        }/*currently inwait slug id*/
    get active_sid()    { return this.sid_from_el(this.active_episode);     }/*active sid id*/

    /*SLUGS*/
    get cue_slug()		{ return this.slug_from_sid(this.cue_sid);			}/*currently cued slug*/
    get play_slug()	    { return this.slug_from_sid(this.play_sid);			}/*currently playing slug*/
    get pause_slug()	{ return this.slug_from_sid(this.pause_sid);		}/*currently paused slug*/
    get buff_slug()	    { return this.slug_from_sid(this.buff_sid);			}/*currently buffering slug*/
    get wait_slug()	    { return this.slug_from_sid(this.wait_sid);			}/*currently inwait slug*/
    get active_slug()   { return this.slug_from_sid(this.active_sid);       }/*active slug*/
    
    /*SLUGS_ID_NUMBERS*/
    get cue_num()		{ return this.num_from_sid(this.cue_sid);			}/*currently cued sid num*/
    get play_num()		{ return this.num_from_sid(this.play_sid);			}/*currently playing sid num*/
    get pause_num()	    { return this.num_from_sid(this.pause_sid);			}/*currently paused sid num*/
    get buff_num()		{ return this.num_from_sid(this.buff_sid);			}/*currently buffering sid num*/
    get wait_num()		{ return this.num_from_sid(this.wait_sid);			}/*currently inwait sid num*/
    get active_num()    { return this.num_from_sid(this.active_sid);	    }/*active sid num*/

    /*DIMENSIONS_OF_SPECIFIC_CHANNEL*/
    channel_y(_slug)
    {	var s = $("#"+_slug);
    	return (s != null)?s.top:NaN;
    }
    channel_height(_slug)
    {	var s = $("#"+_slug);
    	return (s != null)?s.height:NaN;
    }
    channel_width(_slug)
    {	var s = this.last_episode(_slug);
    	return (s != null)?(s.width + s.left):0;
    }

    /*DIMENSIONS_OF_ACTIVE_CHANNEL*/
    get active_channel_y()		{ return this.channel_y(this.active_slug);		}
    get active_channel_height() { return this.channel_height(this.active_slug);	}
    get active_channel_width()	{ return this.channel_width(this.active_slug);	}

    /*WIDTH_OF_GUIDE_SCROLL_PANE*/
    get scroll_width()
    {	var lid = $(".gyptv-channel-id");     /*all channel id's are the same width we just need any one*/
    	var scr = $("#gyptv-guide-scroll-content");
    	return ((lid != null) && (scr != null))?(scr.width - lid.width) * this.allowance:NaN;
    }
    /*LAST_EPISODE_IN_A_CHANNEL*/
    last_episode(_slug)
    {	var ea = this.episode_parent_all(_slug);
    	if(ea != null)
    	{	var n = ea.length-1;
    		return $$(ea.el[n]);
    	}
    	return null;
    }
    /*LAST_EPISODE_IN_AN_ACTIVE_CHANNEL*/
    get active_last_episode(){	return this.last_episode(this.active_slug);	}
    get active_episode()
    {   var c;
        if((c = this.playing.el) == null){ if ((c = this.paused.el) == null){ if ((c = this.buffering.el) == null){ if ((c = this.inwait.el) == null){ if ((c = this.cued.el) == null){ return c; }}}}};
        return $$(c);
    }
    get next_episode_from_active()
    {   var n		= this.active_num;
        var aepa	= this.active_episode_parent_all;
        var ne		= null;
        if((n++) < aepa.length) ne = this.sid_episode(this.active_slug+n);
        return ne;
    }
}

I was just testing my ignore feature some more and every now and then it would throw an error claiming that "description is null". I was like WTF!? So, I traced out the nodeList and guess what I saw (you'll never guess)? The first 5 results of safe_episodes were the example elements from my help file. LMAO!! I just copy and pasted the actual code to my help file so the visual representations each section describes would be identical to the actual element. Oops...lol. Well that's easy to fix, at least. This means that even before I made the ignore feature it was possible for the example elements to get chosen at random so, it's a good thing I made ignore, severely lessening the pool of videos to choose from, and started getting errors cause, I may have never caught that.

I'm laughing so hard:

Apparently it's going out of the boundaries, too. :P

I deleted a bunch of plugins. I pretty much get harassed to update a bunch of plugins that nobody ever uses so I deleted them.

There is no more:

1) Polling System - I am the only one that ever used this and I took my one poll down like 1 hour after I made it
2) Featured Content For Profiles ~ Basically you could use your gallery and other profile options to create bad-ass presentations of your work.
3) SEO ~ I'm basically never going to bother to go rewrite everything on this site to be SEO friendly so there was no point in this plug-in
4) User Slideshows ~ Nobody took the time to use this feature and generally people tend to just post Imgur galleries.
5) Social Share Icons ~ every page had 0 shares.

I deleted other stuff but, it's mostly just admin junk. There may be more to go soon. I'm considering getting rid of the AJAX chat since it never gets used. I may also get rid of BuddyDrive, BuddyDocs, Profile Galleries and EmbedPress (embed anything). None of this stuff ever gets used. I want to slim this site down to what is actually in use. Really I could probably just delete everything except your profile, the bare-bones forum and our security plug-ins.

I deleted a ton of stuff that was related to deleted plugins but still hanging around ... database tables, shortcodes left on pages and entire pages. I've jumped around the forum since and nothing seems to be broken. If you notice anything wrong please inform me in this thread and I'll get it fixed.

Thanks