HomeScripts.user.js

// ==UserScript==
// @name         HomeScripts
// @version      0.1
// @description  Show popular scripts on homepage
// @author       Capernicus
// @include       http://tagpro-*.koalabeast.com*
// ==/UserScript==

window.onload = function(){
	var targetDiv = document.getElementsByClassName('video-container')[0];
	var scriptDiv = document.createElement('div');
	var $scriptDiv = $(scriptDiv);
	$scriptDiv.css({'position':'absolute','top':'0','left':'0','background-color':'#2b2b2b','height':'100%','width':'100%','display':'flex', 'flex-flow':'column'}).attr('id','homeScripts').addClass('server').appendTo(targetDiv);
	var scriptCss = document.createElement('style');
	$("<style type='text/css'> .userscriptList{margin-top: 10px} </style>").appendTo("head");


	var scriptHeading = document.createElement('h2');
	scriptHeading.className = 'header-title';
	scriptHeading.innerHTML = 'Popular Add-Ons';
	scriptDiv.appendChild(scriptHeading);

	var scriptBody = document.createElement('div'); 
	$(scriptBody).css({'flex': '1 1 auto','overflow-y':'scroll','text-align':'left', 'padding-left':'20px'}).appendTo(scriptDiv)
	.html("<div>&middot; <a href='javascript:void(0);'>TagPro Replays</a></div>\
		<div class='userscriptList'>&middot; <a href='javascript:void(0);'>TagPro Friends</a></div>\
		<div class='userscriptList'>&middot; <a href='javascript:void(0);'>Chat Enhancer</a></div>\
		<div class='userscriptList'>&middot; <a href='javascript:void(0);'>Ball Spin</a></div>\
		<div class='userscriptList'>&middot; <a href='javascript:void(0);'>Scoreboard Enhancer</a></div>\
		<div class='userscriptList'>&middot; <a href='javascript:void(0);'>Live Player Position</a></div>\
		<div style='font-size:12px; font-style:italic; margin-top:10px;'>(Use <a href='http://www.tampermonkey.net' target='_blank'>TamperMonkey</a> to install Userscripts)</div>");


};