Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
1360 lines (1170 sloc) 67.5 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<meta name="description" content="2ez.gg is your league of legends home page. Browsing lol related web sites has never been so easy! 2ezgg gg 2ez">
<title>2ez.gg - Everything League of Legends.</title>
<link href="assets/css/normalize.css" media="screen" rel="stylesheet" />
<link href="assets/css/app.css" media="screen" rel="stylesheet" />
<link href="assets/css/perfect-scrollbar.css" media="screen" rel="stylesheet" />
<style>
</style>
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<p id="back-top" style="display: none;">
<a href="#top"><span></span></a>
</p>
<div id="top-header-message">
<script id="riot-online-message-template" type="text/x-handlebars-template">
<span class="notify-title" style="display:block;margin-bottom:6px;">The RiotGames stream is active.</span>
<span class="streams-list"><a href="http://www.twitch.tv/riotgames" target="_blank">Twitch</a> | <a href="https://www.youtube.com/user/LoLChampSeries?feature=watch" target="_blank">YouTube</a> | <a href="http://azubu.tv/Riot_Games" target="_blank">AzubuTv</a>
</span>
<span class="close-riot">[x]</span>
</script>
<script id="streamer-online-message-template" type="text/x-handlebars-template">
{{#each this}}
<div class="favourite-online-entry" style="display:block;margin-top:20px;">
{{#if twitch}}
<span class="notify-title" ><a href="http://www.twitch.tv/{{name}}" target="_blank">{{name}}</a> is online.</span>
{{else}}
<span class="notify-title" ><a href="http://azubu.tv/{{name}}" target="_blank">{{name}}</a> is online.</span>
{{/if}}
<span class="close-favourite">[x]</span>
</div>
{{/each}}
</script>
<div id="riot-online"></div>
<div id="favourite-online"></div>
</div>
<span id="sound"></span>
<div class="nav-expand"></div>
<div id="sidebar">
<div id="sidebar-content">
<div class="holder quater-buttons logo clear" style="padding-bottom:18px;padding-top:18px;">
<span><a href="http://2ez.gg"><img src="assets/img/logo.png" alt="2ez.gg"/></a></span>
<div class="fb-like" style="position:absolute;left:47%;top:32px;" data-href="https://www.facebook.com/pages/2ezgg/659746167417536" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
<ul>
<a class="nav-button no-iframe" id="settings" data-name="settings-area" href="#settings-area">
<li>
<span class="header-options settings-tooltip" title="Settings" style="background-image:url('assets/img/cog.png')"></span>
</li>
</a>
</ul>
</div>
<div class="search holder" id="searchbuttonshold" style="display:none">
<input type="text" name="searchInput" class="searchinput" placeholder="Search" style="width: 240px;display: block;margin-left: 5px;">
<div id="searchbuttons" style="position:relative;padding-top:10px;">
<a class="nav-button website-search" data-name="google" data-url="http://google.com/" href="http://google.com/" target="_blank" style="display:none">
<span class="search-image" style="background-position:0px 0px;"></span> Google
</a>
<a class="nav-button website-search" data-name="gimages" data-url="http://images.google.com/" href="http://images.google.com/" target="_blank" style="display:none">
<span class="search-image" style="background-position:0px 0px;"></span> Google Images
</a>
<a class="nav-button website-search" data-name="yahoo" data-url="http://www.yahoo.com/" href="http://www.yahoo.com/" target="_blank" style="display:none">
<span class="search-image" style="background-position:-32px -16px;"></span> Yahoo
</a>
<a class="nav-button website-search" data-name="bing" data-url="http://bing.com/" href="http://bing.com/" target="_blank" style="display:none">
<span class="search-image" style="background-position:-32px 0px;"></span> Bing
</a>
<a class="nav-button website-search" data-name="youtubesearch" data-url="http://youtube.com/" href="http://youtube.com/" target="_blank" style="display:none">
<span class="search-image" style="background-position:0px -16px;"></span> YouTube
</a>
<a class="nav-button website-search" data-name="wikipedia" data-url="http://wikipedia.com/" href="http://wikipedia.com/" target="_blank" style="display:none">
<span class="search-image" style="background-position:-16px 0px;"></span> Wikipedia
</a>
<a class="nav-button website-search" data-name="wolfram" data-url="https://www.wolframalpha.com/" href="https://www.wolframalpha.com/" target="_blank" style="display:none">
<span class="search-image" style="background-position:-16px -16px;"></span> Wolfram Alpha
</a>
</div>
</div>
<div class="remaining holder half-buttons" id="miscbuttons" style="padding-bottom:17px">
<script id="new-website-template" type="text/x-handlebars-template">
<a class="nav-button website-misc
{{#if iframe}}
iframe-capable
{{/if}}
" data-name="{{id}}" href="{{href}}" target="_blank">
<li>
<span class="lol-image" style="background-image:url('http://s2.googleusercontent.com/s2/favicons?domain_url={{href}}')"></span>{{name}}
</li>
</a>
</script>
<ul>
<a class="nav-button website-misc iframe-capable" data-name="reddit" href="http://reddit.com/r/leagueoflegends#hideOpts">
<li>
<span class="lol-image" style="background-position:-16px 0px;"></span>RedditJS
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="redditfront" href="http://reddit.com/" style="display:none">
<li>
<span class="lol-image" style="background-position:-16px 0px;"></span>Reddit Front
</li>
</a>
<a class="nav-button website-misc no-iframe" data-name="redditthreads" href="http://reddit.com/r/leagueoflegends" style="display:none">
<li>
<span class="lol-image" style="background-position:-16px 0px;"></span>Old Reddit
</li>
</a>
<a class="nav-button website-misc no-iframe" data-name="youtubevideos" href="#youtubevideos">
<li>
<span class="lol-image" style="background-position:0px 0px;"></span>LoL Videos
</li>
</a>
<a class="nav-button website-misc no-iframe" data-name="twitchstreams" href="#twitchstreams">
<li>
<span class="lol-image" style="background-position:-32px 0px;"></span>Streams
<span class="update-info twitch-online tooltip" title="Followed Streamers Online"></span>
</li>
</a>
<a class="nav-button website-misc rss-capable external-link" data-name="league" data-index="0" target="_blank" href="http://na.leagueoflegends.com/en/news">
<li>
<span class="lol-image" style="background-position:-48px 0px;"></span>LoL News
<span class="update-info tooltip" title="New Updates"></span>
</li>
</a>
<a class="nav-button website-misc iframe-capable rss-capable" data-name="reign" data-index="1" target="_blank" href="http://www.reignofgaming.net/news">
<li>
<span class="lol-image" style="background-position:-64px 0px;"></span>RoG
<span class="update-info tooltip" title="New Articles"></span>
</li>
</a>
<a class="nav-button website-misc iframe-capable rss-capable" data-name="ongamers" data-index="2" target="_blank" href="http://www.ongamers.com/league-of-legends/6000-2/">
<li>
<span class="lol-image" style="background-position:-64px -16px;"></span>onGamers
<span class="update-info tooltip" title="New Articles"></span>
</li>
</a>
<a class="nav-button website-misc iframe-capable rss-capable" data-name="goldper10" data-index="8" target="_blank" href="http://www.goldper10.com/">
<li>
<span class="lol-image" style="background-position:-240px 0px;"></span>GoldPer10
<span class="update-info tooltip" title="New Articles"></span>
</li>
</a>
<a class="nav-button website-misc iframe-capable rss-capable" data-name="surrender" data-index="3" target="_blank" href="http://www.surrenderat20.net/">
<li>
<span class="lol-image" style="background-position:-80px -16px;"></span>S@20
<span class="update-info tooltip" title="New Articles"></span>
</li>
</a>
<a class="nav-button website-misc iframe-capable rss-capable" data-name="newslegend" data-index="6" target="_blank" href="http://www.newsoflegends.com/" style="display:none">
<li>
<span class="lol-image" style="background-position:-176px -16px;"></span>NewsOfLegends
<span class="update-info tooltip" title="New Articles"></span>
</li>
</a>
<a class="nav-button website-misc iframe-capable rss-capable" data-name="paravine" data-index="7" target="_blank" href="http://www.paravine.com/category/leagueoflegends/" style="display:none">
<li>
<span class="lol-image" style="background-position:-224px 0px;"></span>Paravine
<span class="update-info tooltip" title="New Articles"></span>
</li>
</a>
<a class="nav-button website-misc iframe-capable rss-capable" data-name="esex" data-index="5" target="_blank" href="http://esportsexpress.com/category/league-of-legends/">
<li>
<span class="lol-image" style="background-position:-112px -32px;"></span>ESEx
<span class="update-info tooltip" title="New Articles"></span>
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="in2" target="_blank" href="http://in2lol.com" style="display:none">
<li>
<span class="lol-image" style="background-position:-160px -32px;"></span>In2LoL
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="wikia" target="_blank" href="http://leagueoflegends.wikia.com/wiki/">
<li>
<span class="lol-image" style="background-position:-96px -16px;"></span>LoL Wiki
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="esportspedia" target="_blank" href="http://lol.esportspedia.com/">
<li>
<span class="lol-image" style="background-position:-208px -32px;"></span>Esportspedia
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="gamepedia" target="_blank" href="http://lol.gamepedia.com/League_of_Legends_Wiki" style="display:none">
<li>
<span class="lol-image" style="background-position:-96px -32px;"></span>Leaguepedia
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="craft" target="_blank" href="http://www.leaguecraft.com" style="display:none">
<li>
<span class="lol-image" style="background-position:-192px -32px;"></span>LeagueCraft
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="nerfplz" target="_blank" href="http://www.nerfplz.com/2014/03/2014-champion-tier-list-solo-queue.html" style="display:none">
<li>
<span class="lol-image" style="background-position:-176px 0px;"></span>NerfPlz Tier List
</li>
</a>
<a class="nav-button website-misc external-link" data-name="esports" target="_blank" href="http://lolesports.com">
<li>
<span class="lol-image" style="background-position:-112px 0px;"></span>LoL Esports
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="fantasy" target="_blank" href="http://fantasy.lolesports.com" style="display:none">
<li>
<span class="lol-image" style="background-position:-192px 0px;"></span>Fantasy LCS
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="promatchups" data-url="http://www.promatchups.com" target="_blank" href="http://www.promatchups.com" style="display:none">
<li>
<span class="lol-image" style="background-position:-192px -16px;"></span>Pro Matchups
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="calendar" target="_blank" href="http://esportcalendar.com/" style="display:none">
<li>
<span class="lol-image" style="background-position:-128px 0px;"></span>Esport Calendar
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="hell" target="_blank" href="http://elohell.net/" style="display:none">
<li>
<span class="lol-image" style="background-position:-144px -32px;"></span>Elo Hell
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="code" target="_blank" href="http://summonerscode.com/" style="display:none">
<li>
<span class="lol-image" style="background-position:-144px -16px;"></span>SummonersCode
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="irc" target="_blank" href="http://webchat.quakenet.org/?channels=r/leagueoflegends" style="display:none">
<li>
<span class="lol-image" style="background-position:-160px 0px;"></span>LoL IRC
</li>
</a>
<a class="nav-button website-misc iframe-capable" data-name="research" target="_blank" href="http://leagueresearch.com" style="display:none">
<li>
<span class="lol-image" style="background-position:-128px -16px;"></span>LResearch
</li>
</a>
</ul>
</div>
<div class="name-input holder">
<input type="text" class="name" placeholder="Summoner Name" style="width:190px;">
<select class="server">
<option value="na">NA</option>
<option value="euw">EUW</option>
<option value="eune">EUNE</option>
<option value="oce">OCE</option>
<option value="br">BR</option>
<option value="tr">TR</option>
<option value="ru">RU</option>
<option value="lan">LAN</option>
<option value="las">LAS</option>
<option value="kr">KR</option>
<option value="cn">CN</option>
<option value="sea">SEA</option>
<option value="tw">TW</option>
<option value="vn">VIET</option>
<option value="id">ID</option>
<option value="th">TH</option>
<option value="ph">PH</option>
</select>
<div id="summoner-accounts">
<script id="summoner-accounts-template" type="text/x-handlebars-template">
{{#each this}}
<li data-name="{{name}}" data-server="{{server}}"><span class="summoner-name">{{name}}</span> - <span class="summoner-server">{{server}}</span> <span class="remove-summoner">x</span></li>
{{/each}}
</script>
<ul id="summoner-accounts-list" style="display:none">
</ul>
</div>
</div>
<div class="holder half-buttons" id="namebuttons" style="padding-bottom:17px">
<ul>
<a class="nav-button website-name iframe-capable" data-name="king" data-url="http://www.lolking.net" target="_blank" href="http://www.lolking.net">
<li>
<span class="lol-image" style="background-position:-16px -16px;"></span>LoLKing
</li>
</a>
<a class="nav-button website-name iframe-capable" data-name="nexus" data-url="http://www.lolnexus.com" target="_blank" href="http://www.lolnexus.com" >
<li>
<span class="lol-image" style="background-position:0px -16px;"></span>Nexus
</li>
</a>
<a class="nav-button website-name iframe-capable" data-name="gg" data-url="http://op.gg/" target="_blank" href="http://op.gg/">
<li>
<span class="lol-image" style="background-position:-48px -16px;"></span>OP GG
</li>
</a>
<a class="nav-button website-name iframe-capable" data-name="summoning" data-url="http://summoning.net" target="_blank" href="http://summoning.net/" style="display:none">
<li>
<span class="lol-image" style="background-position:-128px -32px;"></span>Summoning
</li>
</a>
<a class="nav-button website-name iframe-capable" data-name="skill" data-url="http://www.lolskill.net/" target="_blank" href="http://www.lolskill.net/">
<li>
<span class="lol-image" style="background-position:-96px 0px;"></span>LoLSkill
</li>
</a>
<a class="nav-button website-name iframe-capable" data-name="summonerski" data-url="http://www.lolskill.net/" target="_blank" href="http://www.lolskill.net/" style="display:none">
<li>
<span class="lol-image" style="background-position:-96px 0px;"></span>LoLSkill Profile
</li>
</a>
<a class="nav-button website-name iframe-capable" data-name="kassad" data-url="http://quickfind.kassad.in/" target="_blank" href="http://quickfind.kassad.in/" style="display:none">
<li>
<span class="lol-image" style="background-position:-32px -16px;"></span>Kassad.In
</li>
</a>
<a class="nav-button website-name iframe-capable" data-name="wardscore" data-url="http://wardscore.loltools.net/" target="_blank" href="http://wardscore.loltools.net/">
<li>
<span class="lol-image" style="background-position:-208px -16px;"></span>WardScore
</li>
</a>
<a class="nav-button website-name iframe-capable" data-name="phant" data-url="http://www.elophant.com" target="_blank" href="http://www.elophant.com">
<li>
<span class="lol-image" style="background-position:-64px -32px;"></span>Elophant
</li>
</a>
<a class="nav-button website-name iframe-capable" data-name="summonergameguyz" data-url="http://loldb.gameguyz.com/" target="_blank" href="http://loldb.gameguyz.com/" style="display:none">
<li>
<span class="lol-image" style="background-position:-160px -16px;"></span>Summoner GameGuyz
</li>
</a>
</ul>
</div>
<div class="champ-input holder">
<input type="text" class="champ" placeholder="Champ Name" style="width:207px;">
<div class="champ-list">
<script id="champion-template" type="text/x-handlebars-template">
{{#each this}}
<div class="champ-list-entry clear" data-name="{{name}}"><span class="champ-img" style="background-position:{{xpos}}px {{ypos}}px;"/><span class="champ-text">{{name}}</span></div>
{{/each}}
</script>
<div id="champ-drop">
</div>
</div>
</div>
<div class="holder half-buttons" id="championbuttons" style="border-bottom:none">
<ul>
<a class="nav-button website-champ iframe-capable" data-name="championgg" data-url="http://www.champion.gg" target="_blank" href="http://www.champion.gg">
<li>
<span class="lol-image" style="background-position:-224px -32px;"></span>Champion GG
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="champselect" data-url="http://www.championselect.net" target="_blank" href="http://www.championselect.net" style="display:none">
<li>
<span class="lol-image" style="background-position:0px -32px;"></span>Counters
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="tsm" data-url="http://www.solomid.net" target="_blank" href="http://www.solomid.net">
<li>
<span class="lol-image iframe-capable" style="background-position:-16px -32px;"></span>SoloMid
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="probuilds" data-url="http://www.probuilds.net/" target="_blank" href="http://www.probuilds.net/">
<li>
<span class="lol-image iframe-capable" style="background-position:-80px -32px;"></span>ProBuilds
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="moba" data-url="http://www.mobafire.com" target="_blank" href="http://www.mobafire.com">
<li>
<span class="lol-image" style="background-position:-32px -32px;"></span>Mobafire
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="builder" data-url="http://www.lolbuilder.net" target="_blank" href="http://www.lolbuilder.net">
<li>
<span class="lol-image" style="background-position:-144px 0px;"></span>LoLBuilder
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="lolpro" data-url="http://www.lolpro.com" target="_blank" href="http://www.lolpro.com">
<li>
<span class="lol-image" style="background-position:-48px -32px;"></span>LoLPro
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="champgameguyz" target="_blank" data-url="http://loldb.gameguyz.com/champions" href="http://loldb.gameguyz.com/champions" style="display:none">
<li>
<span class="lol-image" style="background-position:-160px -16px;"></span>Champ GameGuyz
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="kingchamp" data-url="http://www.lolking.net/champions/" target="_blank" href="http://www.lolking.net/champions/">
<li>
<span class="lol-image" style="background-position:-16px -16px;"></span>LoLKing Stats
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="elo" data-url="http://www.elophant.com" target="_blank" href="http://www.elophant.com">
<li>
<span class="lol-image" style="background-position:-64px -32px;"></span>Elophant
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="leagueofgraphs" data-url="http://www.leagueofgraphs.com" target="_blank" href="http://www.leagueofgraphs.com" style="display:none">
<li>
<span class="lol-image" style="background-position:-224px -16px;"></span>LeagueOfGraphs
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="wikichamp" target="_blank" data-url="http://leagueoflegends.wikia.com/wiki/" href="http://leagueoflegends.wikia.com/wiki/">
<li>
<span class="lol-image" style="background-position:-96px -16px;"></span>LoL Wiki
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="esportschamp" target="_blank" data-url="http://lol.esportspedia.com/wiki/Portal:Champions" href="http://lol.esportspedia.com/wiki/Portal:Champions">
<li>
<span class="lol-image" style="background-position:-208px -32px;"></span>Esportspedia
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="leaguepediachamp" target="_blank" data-url="http://lol.gamepedia.com/Portal:Champions" href="http://lol.gamepedia.com/Portal:Champions" style="display:none">
<li>
<span class="lol-image" style="background-position:-96px -32px;"></span>Leaguepedia
</li>
</a>
<a class="nav-button website-champ iframe-capable" data-name="inven" target="_blank" data-url="http://lol.inven.co.kr/dataninfo/champion/" href="http://lol.inven.co.kr/dataninfo/champion/" style="display:none">
<li>
<span class="lol-image" style="background-position:-176px -32px;"></span>Inven
</li>
</a>
</ul>
</div>
<div id="ezggadvertisement" style="margin-top: 14px;margin-left: 5px;margin-bottom:10px">
<iframe src="advertisement.html" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" allowtransparency="true" width="300" height="250"></iframe>
</div>
<!-- Begin Waypoint Advertiser Bumper -->
<div class="waypointBumper" style="margin-left:26px;margin-bottom:8px"><img src="http://57a289765b043c826f13-3d24db4ac4a797424317f049117fe79f.r67.cf5.rackcdn.com/logo.png"><br><a class="waypointBumper" href="http://waypointmedia.com/#solutions" target="_blank">Become a member</a><span class="waypointPeriod">. </span><a class="waypointBumper" href="http://waypointmedia.com/#ouraudience" target="_blank">Advertise with us<span class="waypointPeriod">.</span></a></div>
<!-- End Waypoint Advertiser Bumper -->
</div>
</div>
<div id="iframe-holder"></div>
<div id="main-content">
<header>2ez.gg</header>
<div id="settings-content">
<h2>Sidebar Modifications</h2>
<script id="remove-website-template" type="text/x-handlebars-template"><li class="website-control" data-name="{{name}}" data-id="{{id}}">
<span class="lol-image" style="background-image:url('http://s2.googleusercontent.com/s2/favicons?domain_url={{href}}')"></span> {{name}} <span class="remove-user-website"></span>
</li></script>
<h3 style="margin-top:20px;">Search General Websites</h3>
<ul id="search-websites">
<li class="website-control" data-name="google" data-id="google">
<span class="lol-image" style="background-image:url('assets/img/searchsprite.png');background-position:0px 0px;"></span> Google <span class="add-website"></span>
</li><li class="website-control" data-name="gimages" data-id="gimages">
<span class="lol-image" style="background-image:url('assets/img/searchsprite.png');background-position:0px 0px;"></span> Google Images <span class="add-website"></span>
</li><li class="website-control" data-name="yahoo" data-id="yahoo">
<span class="lol-image" style="background-image:url('assets/img/searchsprite.png');background-position:-32px -16px;"></span>Yahoo <span class="add-website"></span>
</li><li class="website-control" data-name="bing" data-id="bing">
<span class="lol-image" style="background-image:url('assets/img/searchsprite.png');background-position:-32px 0px;"></span> Bing <span class="add-website"></span>
</li><li class="website-control" data-name="youtubesearch" data-id="youtubesearch">
<span class="lol-image" style="background-image:url('assets/img/searchsprite.png');background-position:0px -16px;"></span> YouTube <span class="add-website"></span>
</li><li class="website-control" data-name="wikipedia" data-id="wikipedia">
<span class="lol-image" style="background-image:url('assets/img/searchsprite.png');background-position:-16px 0px;"></span> Wikipedia <span class="add-website"></span>
</li><li class="website-control" data-name="wolfram" data-id="wolfram">
<span class="lol-image" style="background-image:url('assets/img/searchsprite.png');background-position:-16px -16px;"></span> Wolfram Alpha <span class="add-website"></span></li>
</ul>
<h3>LoL Websites</h3>
<ul id="general-websites">
<li class="website-control" data-name="Reddit Front" data-id="redditfront">
<span class="lol-image" style="background-position:-16px 0px;"></span> Reddit Front <span class="add-website"></span>
</li><li class="website-control" data-name="RedditJS" data-id="reddit">
<span class="lol-image" style="background-position:-16px 0px;"></span> RedditJS <span class="remove-website"></span>
</li><li class="website-control" data-name="Old Reddit" data-id="redditthreads">
<span class="lol-image" style="background-position:-16px 0px;"></span> Old Reddit <span class="add-website"></span>
</li><li class="website-control" data-name="LoL Videos" data-id="youtubevideos">
<span class="lol-image" style="background-position:0px 0px;"></span> LoL Videos <span class="remove-website"></span>
</li><li class="website-control" data-name="Streams" data-id="twitchstreams">
<span class="lol-image" style="background-position:-32px 0px;"></span> Streams <span class="remove-website"></span>
</li><li class="website-control" data-name="LoL News" data-id="league">
<span class="lol-image" style="background-position:-48px 0px;"></span> LoL News <small>- Keep Updated</small>
<span class="remove-website" ></span>
</li><li class="website-control" data-name="RoG" data-id="reign">
<span class="lol-image" style="background-position:-64px 0px;"></span> RoG <small>- Keep Updated</small>
<span class="remove-website" ></span>
</li><li class="website-control" data-name="onGamers" data-id="ongamers">
<span class="lol-image" style="background-position:-64px -16px;"></span> onGamers <small>- Keep Updated</small>
<span class="remove-website"></span>
</li><li class="website-control" data-name="GoldPer10" data-id="goldper10">
<span class="lol-image" style="background-position:-240px 0px;"></span> GoldPer10 <small>- Keep Updated</small>
<span class="remove-website"></span>
</li><li class="website-control" data-name="S@20" data-id="surrender">
<span class="lol-image" style="background-position:-80px -16px;"></span> SurrenderAt20 <small>- Keep Updated</small>
<span class="remove-website"></span>
</li><li class="website-control" data-name="Paravine" data-id="paravine">
<span class="lol-image" style="background-position:-224px 0px;"></span> Paravine <small>- Keep Updated</small>
<span class="add-website"></span>
</li><li class="website-control" data-name="NewsOfLegends" data-id="newslegend">
<span class="lol-image" style="background-position:-176px -16px;"></span> NewsOfLegends <small>- Keep Updated</small>
<span class="add-website"></span>
</li><li class="website-control" data-name="ESEx" data-id="esex">
<span class="lol-image" style="background-position:-112px -32px;"></span> ESEx <small>- Keep Updated</small>
<span class="add-website" ></span>
</li><li class="website-control" data-name="In2LoL" data-id="in2">
<span class="lol-image" style="background-position:-160px -32px;"></span> In2LoL <span class="add-website"></span>
</li><li class="website-control" data-name="LoL Wiki" data-id="wikia">
<span class="lol-image" style="background-position:-96px -16px;"></span> LoL Wiki <span class="remove-website"></span>
</li><li class="website-control" data-name="Esportspedia" data-id="esportspedia">
<span class="lol-image" style="background-position:-208px -32px;"></span> Esportspedia <span class="remove-website"></span>
</li><li class="website-control" data-name="Leaguepedia" data-id="gamepedia">
<span class="lol-image" style="background-position:-96px -32px;"></span> Leaguepedia <span class="add-website"></span>
</li><li class="website-control" data-name="LeagueCraft" data-id="craft">
<span class="lol-image" style="background-position:-192px -32px;"></span> LeagueCraft <span class="add-website"></span>
</li><li class="website-control" data-name="NerfPlz Tier List" data-id="nerfplz">
<span class="lol-image" style="background-position:-176px 0px;"></span> NerfPlz Tier List <span class="add-website"></span>
</li><li class="website-control" data-name="LoL Esports" data-id="esports">
<span class="lol-image" style="background-position:-112px 0px;"></span> LoL Esports <span class="remove-website"></span>
</li><li class="website-control" data-name="Fantasy LCS" data-id="fantasy">
<span class="lol-image" style="background-position:-192px 0px;"></span> Fantasy LCS <span class="add-website"></span>
</li><li class="website-control" data-name="Pro Matchups" data-id="promatchups">
<span class="lol-image" style="background-position:-192px -16px;"></span> Pro Matchups <span class="add-website"></span>
</li><li class="website-control" data-name="Esports Calendar" data-id="calendar">
<span class="lol-image" style="background-position:-128px 0px;"></span> Esport Calendar <span class="add-website"></span>
</li><li class="website-control" data-name="Elo Hell" data-id="hell">
<span class="lol-image" style="background-position:-144px -32px;"></span> Elo Hell <span class="add-website"></span>
</li><li class="website-control" data-name="Summoners Code" data-id="code">
<span class="lol-image" style="background-position:-144px -16px;"></span> SummonersCode <span class="add-website"></span>
</li><li class="website-control" data-name="LoL IRC" data-id="irc">
<span class="lol-image" style="background-position:-160px 0px;"></span> LoL IRC <span class="add-website"></span>
</li><li class="website-control" data-name="LResearch" data-id="research">
<span class="lol-image" style="background-position:-128px -16px;"></span> LeagueResearch <span class="add-website"></span>
</li>
</ul>
<h3>Add a Website:</h3>
<div class="add-new-website" style="font-size: 0.8em;">
<ol>
<li>Enter your website url and name and then press 'Test Website'. </li><li>If your website shows below, check the iframe compatible checkbox. If it doesn't show up, this means your website will open in a new tab when you click on it. </li><li>Next click 'Add website', and your website is available on the sidebar!</li> </ol>
<input type="text" class="user-website-url" placeholder="Website Url (include the http://)" style="width:250px;">
<input type="text" class="user-website-name" placeholder="Website Name" style="width:150px;">
<input type="submit" value="Test Website" class="test-user-website">
<input type="checkbox" class="user-website-iframe" name="vehicle" checked="checked" value="yes"> iFrame compatitible.
<input type="submit" value="Add Website" class="add-user-website">
<div class="iframe-tester">
</div>
</div>
<h3>Summoner Websites</h3>
<ul id="summoner-websites">
<li class="website-control" data-name="LoLKing" data-id="king">
<span class="lol-image" style="background-position:-16px -16px;"></span> LolKing <span class="remove-website"></span>
</li><li class="website-control" data-name="Nexus" data-id="nexus">
<span class="lol-image" style="background-position:0px -16px;"></span> LolNexus <span class="remove-website"></span>
</li><li class="website-control" data-name="OP GG" data-id="gg">
<span class="lol-image" style="background-position:-48px -16px;"></span> OP GG <span class="remove-website"></span>
</li><li class="website-control" data-name="Summoning" data-id="summoning">
<span class="lol-image" style="background-position:-128px -32px;"></span> Summoning <span class="add-website"></span>
</li><li class="website-control" data-name="LoLSkill" data-id="skill">
<span class="lol-image" style="background-position:-96px 0px;"></span> LoLSkill <span class="remove-website"></span>
</li><li class="website-control" data-name="LoLSkill Profile" data-id="summonerski">
<span class="lol-image" style="background-position:-96px 0px;"></span> LoLSkill Profile <span class="add-website"></span>
</li><li class="website-control" data-name="Kassad.In" data-id="kassad">
<span class="lol-image" style="background-position:-32px -16px;"></span> Kassad.In <span class="add-website"></span>
</li><li class="website-control" data-name="WardScore" data-id="wardscore">
<span class="lol-image" style="background-position:-208px -16px;"></span> WardScore <span class="remove-website"></span>
</li><li class="website-control" data-name="Elophant" data-id="phant">
<span class="lol-image" style="background-position:-64px -32px;"></span> Elophant <span class="remove-website"></span>
</li><li class="website-control" data-name="Summoner GameGuyz" data-id="summonergameguyz">
<span class="lol-image" style="background-position:-160px -16px;"></span> Summoner GameGuyz <span class="add-website"></span>
</li>
</ul>
<h3>Champion Websites</h3>
<ul id="champ-websites" style="margin-bottom: 30px;">
<li class="website-control" data-name="Champion GG" data-id="championgg">
<span class="lol-image" style="background-position:-224px -32px;"></span> Champion GG <span class="remove-website"></span>
</li><li class="website-control" data-name="Counters" data-id="champselect">
<span class="lol-image" style="background-position:0px -32px;"></span> Counters <span class="add-website"></span>
</li><li class="website-control" data-name="SoloMid" data-id="tsm">
<span class="lol-image iframe-capable" style="background-position:-16px -32px;"></span> SoloMid <span class="remove-website"></span>
</li><li class="website-control" data-name="ProBuilds" data-id="probuilds">
<span class="lol-image iframe-capable" style="background-position:-80px -32px;"></span> ProBuilds <span class="remove-website"></span>
</li><li class="website-control" data-name="Mobafire" data-id="moba" >
<span class="lol-image" style="background-position:-32px -32px;"></span> Mobafire <span class="remove-website"></span>
</li><li class="website-control" data-name="LoLBuilder" data-id="builder">
<span class="lol-image" style="background-position:-144px 0px;"></span> LoLBuilder <span class="remove-website"></span>
</li><li class="website-control" data-name="LoLPro" data-id="lolpro">
<span class="lol-image" style="background-position:-48px -32px;"></span> LoLPro <span class="remove-website"></span>
</li><li class="website-control" data-name="GameGuyz Champ" data-id="champgameguyz">
<span class="lol-image" style="background-position:-160px -16px;"></span> GameGuyz Champ <span class="add-website"></span>
</li><li class="website-control" data-name="LoLKing Stats" data-id="kingchamp">
<span class="lol-image" style="background-position:-16px -16px;"></span> LolKing Stats <span class="remove-website"></span>
</li><li class="website-control" data-name="Elophant" data-id="elo">
<span class="lol-image" style="background-position:-64px -32px;"></span> Elophant <span class="remove-website"></span>
</li><li class="website-control" data-name="LeagueOfGraphs" data-id="leagueofgraphs">
<span class="lol-image" style="background-position:-224px -16px;"></span> LeagueOfGraphs <span class="add-website"></span>
</li><li class="website-control" data-name="LoL Wiki" data-id="wikichamp">
<span class="lol-image" style="background-position:-96px -16px;"></span> LoL Wiki <span class="remove-website"></span>
</li><li class="website-control" data-name="Esportspedia" data-id="esportschamp">
<span class="lol-image" style="background-position:-208px -32px;"></span> Esportspedia <span class="remove-website"></span>
</li><li class="website-control" data-name="Leaguepedia" data-id="leaguepediachamp">
<span class="lol-image" style="background-position:-96px -32px;"></span> Leaguepedia <span class="add-website"></span>
</li><li class="website-control" data-name="Inven" data-id="inven">
<span class="lol-image" style="background-position:-176px -32px;"></span> Inven <span class="add-website"></span>
</li>
</ul>
<h2 style="margin-bottom:-2px;padding-top: 20px;">Website Settings</h2>
<script id="homepage-list-template" type="text/x-handlebars-template">
{{#each this}}
<option value="{{id}}">{{name}}</option>
{{/each}}
</script>
<div class="settings-holder">
<h3>General Settings</h3>
<table class="settings-table">
<tr class="settings-odd">
<td style="width:115px">
<select class="ezHomePage">
</select>
</td>
<td>2ez.gg <strong>homepage</strong>.</td>
</tr>
<tr>
<td>
<select class="newWindow">
<option value="on">On</option>
<option value="off">Off</option>
</select>
</td>
<td>Enable <strong>mobile version</strong> when suitable (highly recommended for performance issues).</td>
</tr>
</table>
</div>
<div class="settings-holder">
<h3>Stream Settings</h3>
<table class="settings-table">
<tr class="settings-odd">
<td>
<select class="twitchVisualNotifications">
<option value="on">On</option>
<option value="off">Off</option>
</select>
</td>
<td><strong>Visual notifications</strong> when a favourited streamer comes online.</td>
</tr>
<tr>
<td>
<select class="twitchAudioNotifications">
<option value="on">On</option>
<option value="off">Off</option>
</select>
</td>
<td><strong>Audio notifications</strong> when a favourited streamer comes online.</td>
</tr>
<tr class="settings-odd">
<td>
<select class="eSportsNotifications">
<option value="on">On</option>
<option value="off">Off</option>
</select>
</td>
<td>Show online <strong>notification</strong> with stream links to <strong>Riot Games</strong>.</td>
</tr>
</table>
</div>
<div class="settings-holder">
<h3>Summoner Search Settings</h3>
<table class="settings-table">
<tr class="settings-odd">
<td>
<select class="defaultNameLink">
<option value="king">LoLKing</option>
<option value="nexus">Nexus</option>
<option value="gg">OP GG</option>
<option value="summoning">Summoning</option>
<option value="skill">LoLSkill</option>
<option value="summonerski">LoLSkill Profile</option>
<option value="kassad">Kassad.In</option>
<option value="phant">Elophant</option>
<option value="summonergameguyz">GameGuyz</option>
</select>
</td>
<td>Website to open after <strong>'enter'</strong> key is pressed in the <strong>'summoner name'</strong> text field.</td>
</tr>
<tr>
<td>
<select class="shiftNameLink">
<option value="king">LoLKing</option>
<option value="nexus">Nexus</option>
<option value="gg">OP GG</option>
<option value="summoning">Summoning</option>
<option value="skill">LoLSkill</option>
<option value="summonerski">LoLSkill Profile</option>
<option value="kassad">Kassad.In</option>
<option value="phant">Elophant</option>
<option value="summonergameguyz">GameGuyz</option>
</select>
</td>
<td>Website to open when <strong>'shift'</strong> and <strong>'enter'</strong> are pressed at the same time in the <strong>'summoner name'</strong> text field.</td>
</tr>
<tr class="settings-odd">
<td>
<select class="ctrlNameLink">
<option value="king">LoLKing</option>
<option value="nexus">Nexus</option>
<option value="gg">OP GG</option>
<option value="summoning">Summoning</option>
<option value="skill">LoLSkill</option>
<option value="summonerski">LoLSkill Profile</option>
<option value="kassad">Kassad.In</option>
<option value="phant">Elophant</option>
<option value="summonergameguyz">GameGuyz</option>
</select>
</td>
<td>Website to open when <strong>'ctrl/command'</strong> and <strong>'enter'</strong> are pressed at the same time in the <strong>'summoner name'</strong> text field.</td>
</tr>
</table>
</div>
<div class="settings-holder">
<h3>Champion Search Settings</h3>
<table class="settings-table">
<tr class="settings-odd">
<td>
<select class="defaultChampLink">
<option value="championgg">Champion GG</option>
<option value="champselect">Counters</option>
<option value="tsm">SoloMid</option>
<option value="probuilds">ProBuilds</option>
<option value="moba">Mobafire</option>
<option value="lolbuilder">LolBuilder</option>
<option value="lolpro">LolPro</option>
<option value="champgameguyz">GameGuyz</option>
<option value="kingchamp">LolKing Stats</option>
<option value="elo">Elophant</option>
<option value="leagueofgraphs">LeagueOfGraphs</option>
<option value="wikichamp">LoLWiki</option>
<option value="leaguepediachamp">Leaguepedia</option>
<option value="inven">Inven</option>
<!---->
</select>
</td>
<td>Website to open after <strong>'enter'</strong> key is pressed in the<strong>'champion name'</strong> text field.</td>
</tr>
<tr>
<td>
<select class="shiftChampLink">
<option value="championgg">Champion GG</option>
<option value="champselect">Counters</option>
<option value="tsm">SoloMid</option>
<option value="probuilds">ProBuilds</option>
<option value="moba">Mobafire</option>
<option value="lolbuilder">LolBuilder</option>
<option value="lolpro">LolPro</option>
<option value="champgameguyz">GameGuyz</option>
<option value="kingchamp">LolKing Stats</option>
<option value="elo">Elophant</option>
<option value="leagueofgraphs">LeagueOfGraphs</option>
<option value="wikichamp">LoLWiki</option>
<option value="leaguepediachamp">Leaguepedia</option>
<option value="inven">Inven</option>
</select>
</td>
<td>Website to open when <strong>'shift'</strong> and <strong>'enter'</strong> are pressed at the same time in the <strong>'champion name'</strong> text field.</td>
</tr>
<tr class="settings-odd">
<td>
<select class="ctrlChampLink">
<option value="championgg">Champion GG</option>
<option value="champselect">Counters</option>
<option value="tsm">SoloMid</option>
<option value="probuilds">ProBuilds</option>
<option value="moba">Mobafire</option>
<option value="lolbuilder">LolBuilder</option>
<option value="lolpro">LolPro</option>
<option value="champgameguyz">GameGuyz</option>
<option value="kingchamp">LolKing Stats</option>
<option value="elo">Elophant</option>
<option value="leagueofgraphs">LeagueOfGraphs</option>
<option value="wikichamp">LoLWiki</option>
<option value="leaguepediachamp">Leaguepedia</option>
<option value="inven">Inven</option>
</select>
</td>
<td>Website to open when <strong>'ctrl/command'</strong> and <strong>'enter'</strong> are pressed at the same time in the <strong>'champion name'</strong> text field.</td>
</tr>
</table>
</div>
<div class="settings-holder">
<h3>Search Settings (Google, YouTube etc.)</h3>
<table class="settings-table">
<tr class="settings-odd">
<td>
<select class="defaultSearchLink">
<option value="google">Google</option>
<option value="gimages">Google Images</option>
<option value="yahoo">Yahoo</option>
<option value="bing">Bing</option>
<option value="youtubesearch">YouTube</option>
<option value="wikipedia">Wikipedia</option>
<option value="wolfram">Wolfram</option>
</select>
</td>
<td>Website to open after <strong>'enter'</strong> key is pressed in the <strong>'Search'</strong> text field.</td>
</tr>
<tr>
<td>
<select class="shiftSearchLink">
<option value="google">Google</option>
<option value="gimages">Google Images</option>
<option value="yahoo">Yahoo</option>
<option value="bing">Bing</option>
<option value="youtubesearch">YouTube</option>
<option value="wikipedia">Wikipedia</option>
<option value="wolfram">Wolfram</option>
</select>
</td>
<td>Website to open when <strong>'shift'</strong> and <strong>'enter'</strong> are pressed at the same time in the <strong>'Search'</strong> text field.</td>
</tr>
<tr class="settings-odd">
<td>
<select class="ctrlSearchLink">
<option value="google">Google</option>
<option value="gimages">Google Images</option>
<option value="yahoo">Yahoo</option>
<option value="bing">Bing</option>
<option value="youtubesearch">YouTube</option>
<option value="wikipedia">Wikipedia</option>
<option value="wolfram">Wolfram</option>
</select>
</td>
<td>Website to open when <strong>'ctrl/command'</strong> and <strong>'enter'</strong> are pressed at the same time in the <strong>'Search'</strong> text field.</td>
</tr>
</table>
</div>
<div class="settings-holder">
<h3>Misc Settings</h3>
<table class="settings-table">
<tr class="settings-odd">
<td>
<select class="youtubeDisplay">
<option value="fillscreen">Multiple Videos</option>
<option value="single">Single Video</option>
</select>
</td>
<td>Choose whether to have <strong>muliple videos</strong> per row (if space permits), or a <strong>single video</strong> per row. Affects the LoL Videos page. </td>
</tr>
<tr>
<td>
<select class="smartEnter">
<option value="on">On</option>
<option value="off">Off</option>
</select>
</td>
<td><strong>Smart enter key</strong> (if you press the 'enter' key in the summoner name or champion name field while you have a relevent website open, it will automatically reload the currently opened website).</td>
</tr>
<tr class="settings-odd">
<td style="width:115px">
<select class="redditNewTab">
<option value="on">On</option>
<option value="off">Off</option>
</select>
</td>
<td>Open Reddit threads in <strong>new tabs</strong>. (for Old Reddit)</td>
</tr>
</table>
</div>
<div style="width:100%;display:block;margin-top: 10px;"><input type="submit" class="settings-update" value="Update Settings" style="margin-left: 2.5%;"></div>
<p style="margin-top:40px;margin-bottom:20px">
Find a website breaking bug? Or have a suggestion? Head over to <a href="http://github.com/2ezgg/2ezgg.github.io">github</a>
</p>
<p>
Wanna talk? You can get a hold of me on Reddit <a href="http://reddit.com/u/joeldo">u/joeldo</a>
</p>
</div>
<div id="reddit-content">
<div id="top-reddit-offline-message" style="display:none;">
RedditJS appears to be having some problems - so we've temporarily reverted back to the old reddit while we get it online.
</div>
<div style="margin-left: 15px;margin-top: -97px;">
<div id="mobile-reddit-options">
<select class="dropdown-subreddit">
<option value="leagueoflegends" data-subreddit="leagueoflegends">r/LeagueOfLegends</option>
<option value="loleventvods" data-subreddit="loleventvods">r/LoLeventVoDs</option>
<option value="summonerschool" data-subreddit="summonerschool">r/summonerschool</option>
<option value="fantasylcs" data-subreddit="fantasylcs">r/fantasylcs</option>
</select>
<select class="dropdown-reddit-options">
<option value="hot" data-type="hot" data-duration="">Hot</option>
<option value="new" data-type="new" data-duration="">New</option>
<option value="tophour" data-type="top" data-duration="hour">Top - Hour</option>
<option value="topday" data-type="top" data-duration="day">Top - Day</option>
<option value="topmonth" data-type="top" data-duration="month">Top - Month</option>
<option value="topyear" data-type="top" data-duration="year">Top - Year</option>
<option value="topall" data-type="top" data-duration="all">Top - All</option>
<option value="rising" data-type="rising" data-duration="">Rising</option>
<option value="controversial" data-type="controversial" data-duration="">Controversial</option>
</select>
</div>
<div id="normal-reddit-options" >
<div id="reddit-subreddits">
<a href="#"><span class="subreddit-setting subreddit-leagueoflegends setting-chosen" data-subreddit="leagueoflegends" data-type="hot">r/LeagueOfLegends</span>
<span class="subreddit-setting subreddit-loleventvods" data-subreddit="loleventvods" data-type="hot">r/LoLeventVoDs</span>
<span class="subreddit-setting subreddit-summonerschool" data-subreddit="summonerschool" data-type="hot">r/summonerschool</span>
<span class="subreddit-setting subreddit-fantasylcs" data-subreddit="fantasylcs" data-type="hot">r/fantasylcs</span>
</a>
</div>
<div id="reddit-options" style="margin-top:53px">
<a href="#"><span class="hot-reddit reddit-setting setting-chosen" data-type="hot" data-duration="">Hot</span>
<span class="new-reddit reddit-setting" data-type="new" data-duration="">New</span>
<span class="reddit-sub-setting">Top</span>
<span class="hourtop-reddit top-reddit reddit-setting" data-type="top" data-duration="hour">Hour</span>
<span class="daytop-reddit top-reddit reddit-setting" data-type="top" data-duration="day">Day</span>
<span class="monthtop-reddit top-reddit reddit-setting" data-type="top" data-duration="month">Month</span>
<span class="yeartop-reddit top-reddit reddit-setting" data-type="top" data-duration="year">Year</span>
<span class="alltop-reddit top-reddit reddit-setting" data-type="top" data-duration="all">All Time</span>
<span class="rising-reddit reddit-setting" data-type="rising" data-duration="">Rising</span>
<span class="controversial-reddit reddit-setting" data-type="controversial" data-duration="">Controversial</span></a>
</div>
</div>
</div>
<script id="reddit-template" type="text/x-handlebars-template">
<div class="reddit-thread" data-id="{{redditRank}}">
<span class="reddit-rank">{{redditRank}}</span>
<span class="reddit-score">{{score}}</span>
<a href="{{url}}"><span class="reddit-thumb clear"><img src="{{thumbnail}}" alt></span></a>
<div class="reddit-written clear">
<a href="{{url}}" class="reddit-title">{{{title}}}</a>
<span class="reddit-domain">({{domain}})</span>
<div style="margin-top: 6px;">
{{#if content.length}}
<span class="reddit-show-more original-state-content"></span>
{{/if}}
{{#if videoEmbed}}
<span class="reddit-show-more original-state-media"></span>
{{/if}}
<div class="reddit-author">Submitted <span data-livestamp="{{created}}"></span> by <a href="http://reddit.com/user/{{author}}" style="font-weight:bold">{{author}}</a>
{{#if authorFlair}}
<span class="flair flair-{{authorFlair}}" title=""></span>
{{/if}}
</div>
<div class="reddit-comments"><a href="http://www.reddit.com{{permalink}}">{{commentsTotal}} Comments</a></div>
<div class="reddit-expand">
{{#if content.length}}
<div class="decode">{{{content}}}</div>
{{/if}}
{{#if videoEmbed}}
<div class="reddit-youtube-prev" data-url="{{videoEmbed}}">
</div>
{{/if}}
</div>
</div>
</div>
</div>
</script>
<div class="side">
</div>
<div id="reddit-threads">
</div>
<div id="reddit-progress">
<img src="assets/img/loader.gif" />
</div>
</div>
<div id="youtube-content">
<div style="margin-left: 15px;margin-top: -39px;margin-bottom: 15px;">
<div id="mobile-youtube-options">
<select class="dropdown-youtube-options">
<option value="hot" data-type="hot" data-duration="">Hot</option>
<option value="new" data-type="new" data-duration="">New</option>
<option value="tophour" data-type="top" data-duration="hour">Top - Hour</option>
<option value="topday" data-type="top" data-duration="day">Top - Day</option>
<option value="topmonth" data-type="top" data-duration="month">Top - Month</option>
<option value="topyear" data-type="top" data-duration="year">Top - Year</option>
<option value="topall" data-type="top" data-duration="all">Top - All</option>
<option value="rising" data-type="rising" data-duration="">Rising</option>
<option value="controversial" data-type="controversial" data-duration="">Controversial</option>
</select>
</div>
<div id="normal-youtube-options" >
<span class="hot-youtube youtube-setting setting-chosen" data-type="hot" data-duration="">Hot</span>
<span class="new-youtube youtube-setting" data-type="new" data-duration="">New</span>
<span class="youtube-sub-setting">Top</span>
<span class="hourtop-youtube top-youtube youtube-setting" data-type="top" data-duration="hour">Hour</span>
<span class="daytop-youtube top-youtube youtube-setting" data-type="top" data-duration="day">Day</span>
<span class="monthtop-youtube top-youtube youtube-setting" data-type="top" data-duration="month">Month</span>
<span class="yeartop-youtube top-youtube youtube-setting" data-type="top" data-duration="year">Year</span>
<span class="alltop-youtube top-youtube youtube-setting" data-type="top" data-duration="all">All Time</span>
<span class="rising-reddit youtube-setting" data-type="rising" data-duration="">Rising</span>
<span class="controversial-reddit youtube-setting" data-type="controversial" data-duration="">Controversial</span>
</div>
</div>
<script id="youtube-template" type="text/x-handlebars-template">
<div class="youtube-thread clear">
<div class="top-youtube clear">
<span class="youtube-rank">{{videoRank}}</span>
<span class="youtube-score">{{score}}</span>
<span class="youtube-title"><a href="{{url}}" target="_blank">{{{title}}}</a></span>
</div>
<div class="video-container">
<iframe width="560" height="315" src="{{videoEmbed}}" frameborder="0" allowfullscreen></iframe>
</div>
<div class="youtube-comments"><a href="http://www.reddit.com{{permalink}}" target="_blank">{{commentsTotal}} Reddit Comments</a></div>
<div class="youtube-author">Submitted <span data-livestamp="{{created}}"></span> by <a href="http://reddit.com/user/{{author}}" target="_blank" style="font-weight:bold">{{author}}</a>
</div>
</div>
</script>
<div id="youtube-threads">
</div>
<div id="youtube-progress">
<img src="assets/img/loader.gif" />
</div>
</div>
<div id="twitch-content">
<script id="twitch-template" type="text/x-handlebars-template">
<div id="twitch-user-{{name}}" style="padding-left: 30px;padding-top: 10px;">
<div class="twitch-stream-info">
<span class="twitch-user-name"><a href="http://www.twitch.tv/{{name}}">
{{displayName}}</a></span>
<span class="twitch-viewers tooltip-viewers" title="Viewers">{{viewTotal}}</span>
</div>
<div class="twitch-video-chat" >
<div class="twitch-video" style="width:600px;height:250px">
<object type="application/x-shockwave-flash" height="100%" width="100%" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel={{name}}" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" /><param class="twitch-player" name="flashvars" value="hostname=www.twitch.tv&channel={{name}}&auto_play=false&start_volume=25" /></object>
</div>
<div class="twitch-chat">
<div class="twitch-chat-area"></div>
<span class="view-twitch-chat" data-name="{{name}}"></span>
</div>
</div>
</div>
</script>
<div id="twitch-online-content"></div>
<div class="twitch-sidebar clear">
<script id="twitch-users-online-template" type="text/x-handlebars-template">
{{#each this}}<div class="twitch-name">
<div>
<img src="{{thumbnailUrl}}" class="view-this-stream tooltip-center" title="View Stream" data-id="{{id}}" data-type="favourite" style="width:100%"/>
</div>
<a href="http://twitch.tv/{{name}}" target="_blank">{{name}}</a>
<span class="viewer-numbers tooltip-viewers" title="Viewers">{{viewTotal}}</span>
<span class="remove-twitch-online tooltip-left" data-name="{{name}}" title="Remove streamer from favourites">[-]</span>
</div>{{/each}}
</script>
<script id="twitch-user-favourited-online-template" type="text/x-handlebars-template">
<div class="twitch-name">
<div>
<img src="{{thumbnailUrl}}" class="view-this-stream tooltip-center" title="View Stream" data-id="{{id}}" data-type="top" style="width:100%" />
</div>
<a href="http://twitch.tv/{{name}}" target="_blank">{{name}}</a>
<span class="viewer-numbers tooltip-viewers" title="Viewers" >{{viewTotal}}</span>
<span class="remove-twitch-online tooltip-left" data-name="{{name}}" title="Remove streamer from favourites">[-]</span>
</div>
</script>
<script id="azubu-users-online-template" type="text/x-handlebars-template">
{{#each this}}<div class="twitch-name">
<a href="http://azubu.tv/{{name}}" target="_blank">
<img src="assets/img/azubu.jpg" class="tooltip-center" title="View Stream" style="width:100%"/>{{name}}
</a>
<span class="viewer-numbers tooltip-viewers" title="Viewers" >{{viewTotal}}</span>
<span class="remove-twitch-online tooltip-left" data-name="{{name}}" title="Remove streamer from favourites">[-]
</span>
</div>{{/each}}
</script>
<script id="azubu-users-favourited-online-template" type="text/x-handlebars-template">
<div class="twitch-name">
<a href="http://azubu.tv/{{name}}" target="_blank">
<img src="assets/img/azubu.jpg" class="tooltip-center" title="View Stream" style="width:100%"/>{{name}}
</a>
<span class="viewer-numbers tooltip-viewers" title="Viewers" >{{viewTotal}}</span>
<span class="remove-twitch-online tooltip-left" data-name="{{name}}" title="Remove streamer from favourites">[-]</span>
</div>
</script>
<script id="twitch-add-user-online-template" type="text/x-handlebars-template">
<div class="twitch-name">{{name}}
<span class="remove-twitch-online tooltip-left" data-name="{{id}}" title="Remove streamer from favourites">[-]</span>
</div>
</script>
<script id="twitch-users-offline-template" type="text/x-handlebars-template">
{{#each this}}<div class="twitch-name" style="border-right: 1px solid black">
<a href="http://twitch.tv/{{name}}" target="_blank">{{name}}</a>
<span class="remove-twitch tooltip-left" data-name="{{name}}" title="Remove streamer from favourites">[-]</span>
</div>{{/each}}
</script>
<script id="azubu-users-offline-template" type="text/x-handlebars-template">
{{#each this}}
<div class="twitch-name" style="border-right: 1px solid black">
<a href="http://azubu.tv/{{name}}" target="_blank">{{name}}</a>
<span class="remove-twitch tooltip-left" data-name="{{name}}" title="Remove streamer from favourites">[-]</span>
</div>
{{/each}}
</script>
<script id="twitch-top-online-template" type="text/x-handlebars-template"><div class="twitch-name">
<img src="{{thumbnailUrl}}" class="view-this-stream tooltip-center" title="View Stream" data-id="{{id}}" data-type="top" style="width:100%"/>
<a href="http://twitch.tv/{{name}}" target="_blank">{{name}}</a>
<span class="viewer-numbers tooltip-viewers" title="viewers">{{viewTotal}}</span>
{{#if isAlreadyAdded}}
<span class="favourited-streamer tooltip-left" title="You have this streamer favourited">&#60;3</span>
{{else}}
<a class="add-top-champ tooltip-left" data-id="{{id}}" data-name="{{name}}" title="Add streamer to favourites">
[+]
</a>
{{/if}}
</div></script>
<script id="azubu-top-online-template" type="text/x-handlebars-template">
{{#each this}}<div class="twitch-name">
<a href="http://azubu.tv/{{name}}" target="_blank">
<img src="assets/img/azubu.jpg" class="tooltip-center" title="View Stream" style="width:100%"/>{{name}}</a>
<span class="viewer-numbers tooltip-viewers" title="viewers">{{viewTotal}}</span>
{{#if isAlreadyAdded}}
<span class="favourited-streamer tooltip-left" title="You have this streamer favourited">&#60;3</span>
{{else}}
<a class="add-top-champ tooltip-left" data-count="{{count}}" data-name="{{name}}" title="Add streamer to your favourites">
[+]
</a>
{{/if}}
</div>{{/each}}
</script>
<div style="position: relative;padding-left: 25px;" class="clear">
<div style="margin-top:10px;margin-bottom:10px;text-transform:none">
<input type="text" class="champ-addition" placeholder="Streamer's URL or ID" style="width:200px;">
<select class="stream-website">
<option value="twitch">Twitch</option>
<option value="azubu">Azubu</option>
</select>
<input type="submit" value="Add Streamer" class="add-champ">
<span style="display:block;margin-top:18px;margin-bottom:18px;">
<p>
You can add a streamer to your favourites using their stream URL above, or click the [+] button next to a streamers name below.
</p>
<p>
Note: Only Azubu streams present on liveleaguestream.com can be followed.
</p>
</span>
</div>
<div id="stream-favourite-list" style="margin-right:1%">
<div class="streamers-header header-favourite">Favourites Online</div>
<div id="twitch-list-online"></div>
<div id="azubu-list-online"></div>
</div>
<div id="stream-top-list" style="margin-right:1%">
<div class="streamers-header header-top-online">Top Twitch Streamers</div>
<div id="twitch-top-streamers"> </div>
<div id="view-more-streams">View More Streams <span class="stream-loading"> </span></div>
<div class="streamers-header header-top-online">Top Azubu Streamers</div>
<div id="azubu-top-streamers"></div>
</div>
<div id="stream-offline-list" style="margin-right:1%">
<div class="streamers-header header-offline">Favourites Offline</div>
<div id="twitch-list-offline"> </div>
<div id="azubu-list-offline"> </div>
</div>
</div>
</div>
</div>
</div>
<!-- let's try to get requirejs setup; make this all cleaner -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<script src="assets/js/retina.js"></script>
<script src="assets/js/perfect-scrollbar.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/moment.js"></script>
<script src="assets/js/livestamp.js"></script>
<script src="assets/js/tipsy.js"></script>
<script src="assets/js/handlebars.js"></script>
<script src="assets/js/2ezgg.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48443247-1', '2ez.gg');
ga('send', 'pageview');
</script>
<script>
// update the advertisement every 2 minutes
if(!isBuggedChrome){
setInterval(function(){
$('#ezggadvertisement').html('<iframe src="http://ib.adnxs.com/tt?id=2359794&referrer=2ez.gg" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" allowtransparency="true" width="300" height="250"></iframe>');
}, 1000*60*2.01);
}
</script>
</body>
</html>