JSFiddle - React, Tailwind, and code Playground
by Victor
CSS
body{
height:800px;
}
JavaScript
/***************************************
Deago - Drop-in Plugin for page stats.
By Victor Fuentes
2013
***************************************/
$(document).ready(function(){
$.fn.deago = function() {
var insertBox = '<div class="deago"><div class="deago-title">Deago <span>X</span></div> <div class="winHeight">Window Height:<span></span></div> <div class="winWidth">Window Width: <span></span></div><div class="loadedScripts">Loaded Scripts: <span></span></div> <div class="scrollAmount">Scroll Amount: <span></span></div> <div class="itemScrollAmount">Selected Scroll: <span></span></div> <div class="bodyHeight">Body Height: <span></span></div> <div class="bodyWidth">Body Width: <span></span></div><div class="bodyClass">Body Classes: <span></span></div><div class="bodyId">Body IDs: <span></span></div><div class="timeLoaded">Loaded for: <span></span></div></div>';
$('body').append(insertBox);
var BoxFix = {
'-moz-box-sizing': 'border-box',
'-webkit-box-sizing': 'border-box',
'box-sizing': 'border-box',
};
$('.deago *').css(BoxFix);
var deagoStyle = {
'background':'#555',
'padding':'10px',
'position':'fixed',
'top':'5px',
'left':'5px',
'color':'#fff',
'font-weight':'normal',
'width':'230px',
'border-radius':'10px',
'font-size':'12px',
'font-family':"Nixie One",
'line-height': '1.4',
'z-index':'1000'
};
var infoStyle = {
'font-weight':'bold',
'margin-left': '3px',
};
var titleStyle = {
'font-size':'130%',
'letter-spacing':'2px',
};
var titleSpanStyle = {
'font-size':'80%',
'letter-spacing':'2px',
"float":"right"
};
var loadedScriptStyle = {
'width':'100%',
'background': '#444',
'padding':'1px 10px',
'display':'block',
};
var loadedScriptSpanStyle = {
'width':'100%',
'background':...