User:Williek11/global.js

// Variables

var WhatIsIt = 0 var AdHid = 1 var WikiaBarHid = 0 var WidthIsIt = 0 var Website = window.location.origin var BodyTag = document.getElementsByTagName("body")[0]

// Create Element

var GearBackground = document.createElement("div") var GearBehind = document.createElement("div") var Gear = document.createElement("div") var SideBar = document.createElement("div") var RGBA = document.createElement("div") var BackgroundComplement = document.createElement("div") var BackgroundComplementSecond = document.createElement("div")

// HTML

GearBackground.innerHTML = ' '

GearBehind.style = "background-color: rgb(69, 43, 32);border: 5px solid rgb(54, 33, 25);border-radius:50px;padding:20px;position:fixed;display:block;right:30px;bottom:50px;z-index:999997" GearBehind.className = "GearBehind" GearBehind.innerHTML = '       '

Gear.style = 'background-color: rgb(69, 43, 32);background-image:url(https://static.wikia.nocookie.net/3b0de2fc-bfda-417b-af86-09a6a1bb4e31/scale-to-width-down/40);border: 5px solid rgb(54, 33, 25);border-radius:50%;padding:20px;position:fixed;display:block;right:30px;bottom:50px;z-index:1000000'

var HeaderSideBar = '' var SetupSideBar = ' ' SideBar.style = "background: rgb(66, 46, 36);width: 500px;height: 500px;z-index: 500000;position: fixed;top: 90px;color: rgb(255, 255, 255);box-shadow: rgb(0, 0, 0) 0px 0px 50px;border: 5px solid rgb(51, 35, 27);overflow: auto;display:inline-block;border-radius: 20px;left: calc(50% - 250px);" SideBar.innerHTML = HeaderSideBar + 'Customized Settings ' + SetupSideBar + 'Width make ThickShow AdsHide Wikia Bar ' + HeaderSideBar + 'Wikias and Social Media ' + SetupSideBar + 'FANDOM Requests</a></li>    Discord Requests</a></li>    Discord</a></li>    Starve.io Wiki</a></li>    ShootUp.io Wiki</a></li>    Global Forums</a></li>    Edit JS</a></li> '

RGBA.style = "background: rgba(0,0,0,.6);width: 100%;height: 100%;z-index: 499999;display: block;position: absolute;top: 0;color: #000;padding: 40px;right:0"

BackgroundComplement.style = "z-index: 999990;width: 150px;border: 5px solid rgb(54, 33, 25);background-color: rgb(69, 43, 32);position: fixed;padding: 40px;bottom: -10px;right:-90px"

BackgroundComplementSecond.style = "z-index: 999989;width: 135px;height:50px;border: 5px solid rgb(65, 40, 31);background-color: rgb(80, 51, 38);position: fixed;padding: 40px;bottom: -10px;right:-90px"

// Append

BodyTag.appendChild(GearBackground) BodyTag.appendChild(BackgroundComplement) BodyTag.appendChild(BackgroundComplementSecond) GearBackground.appendChild(GearBehind) GearBehind.appendChild(Gear)

// Animations (Attempt, atleast.)

Gear.addEventListener("mouseenter", GearRotateFunction) Gear.addEventListener("mouseleave", GearReverseRotate) Gear.addEventListener("click", SideBarHappens) RGBA.addEventListener("click", SideBarHide) GearBehind.addEventListener("mouseenter", GearAnimationFirst) GearBehind.addEventListener("mouseleave", GearReverse)

var GearPosition = 10 var GearFind = document.getElementsByClassName("GearBehind")[0]

function GearAnimationFirst { var GearIntervalStart = setInterval(GearAnimationStart, 1) var Counter = 0

function GearAnimationStart { if (GearPosition == 90 || addEventListener("mouseleave", GearReverse) || Counter == 90) { Counter = 0 clearInterval(GearIntervalStart) } else { Counter++ GearPosition++ GearFind.style.width = GearPosition + "px" } } }

function GearReverse { var GearIntervalReverse = setInterval(GearAnimationUndo, 1) var Counter = 0

function GearAnimationUndo { if (GearPosition == 0 || addEventListener("mouseenter", GearAnimationFirst) || Counter == 90) { Counter = 0 clearInterval(GearIntervalReverse) }   else { Counter++ GearPosition-- GearFind.style.width = GearPosition + "px" } } }

var CurrentGearRotation = 0

function GearRotateFunction { var GearInterval = setInterval(GearRotate, 1) var Counter = 0

function GearRotate { if (CurrentGearRotation == 360 || addEventListener("mouseleave", GearReverseRotate) || Counter == 90) { clearInterval(GearInterval) Counter = 0 } else { Counter++ CurrentGearRotation = CurrentGearRotation + 4 Gear.style.transform = "rotate(" + CurrentGearRotation + "deg)" } } }

function GearReverseRotate { var GearInterval = setInterval(GearReverseRot, 1) var Counter = 0

function GearReverseRot { if (CurrentGearRotation == 0 || addEventListener("mouseenter", GearRotateFunction) || Counter == 90) { clearInterval(GearInterval) Counter = 0 } else { Counter++ CurrentGearRotation = CurrentGearRotation - 4 Gear.style.transform = "rotate(" + CurrentGearRotation + "deg)" } } }

function GearReverseRot { if (CurrentGearRotation == 0 || addEventListener("mouseenter", GearRotateFunction) || Counter == 90) { clearInterval(GearInterval) Counter = 0 } else { Counter++ CurrentGearRotation = CurrentGearRotation - 4 Gear.style.transform = "rotate(" + CurrentGearRotation + "deg)" } }

// Functions

// Wikia function SideBarHappens { if (WhatIsIt == 0) { BodyTag.appendChild(SideBar) BodyTag.appendChild(RGBA) BodyTag.style.overflowY = "hidden" WhatIsIt = 1 } else { BodyTag.removeChild(SideBar) BodyTag.removeChild(RGBA) WhatIsIt = 0 BodyTag.style.overflowY = "auto" } }

function SideBarHide { BodyTag.removeChild(SideBar) BodyTag.removeChild(RGBA) WhatIsIt = 0 BodyTag.style.overflowY = "auto" }

function WidthChange { var a1 = document.getElementsByClassName("wds-community-header")[0] var a2 = document.getElementsByClassName("WikiaPage")[0] var a3 = document.getElementsByClassName("WidthChange")[0] if (WidthIsIt == 0) { a1.style.width = Number("100") + "%"; a2.style.width = Number("97") + "%"; a3.innerHTML = "Width make Thin" WidthIsIt = 1 } else { a1.style.width = Number("1066") + "px"; a2.style.width = Number("1024") + "px"; a3.innerHTML = "Width make Thick" WidthIsIt = 0 } }

function HideAd { var a1 = document.getElementById("bottomLeaderboardWrapper") var a2 = document.getElementById("WikiaTopAds") var a3 = document.getElementById("top-right-boxad-wrapper") var a4 = document.getElementsByClassName("HideAd")[0] if (AdHid == 0) { a1.style.display = "block" a2.style.display = "block" a3.style.display = "block" a4.innerHTML = "Hide Ads" AdHid = 1 } else { a1.style.display = "none" a2.style.display = "none" a3.style.display = "none" a4.innerHTML = "Show Ads" AdHid = 0 } }

function HideWikiaBar { var a1 = document.getElementById("WikiaBar") var a2 = document.getElementsByClassName("wds-global-navigation-wrapper")[0] var a3 = document.getElementsByClassName("HideWikiaBar")[0] if (WikiaBarHid == 0) { a1.style.display = "none" a2.style.display = "none" a3.innerHTML = "Display Wikia Bar" WikiaBarHid = 1 } else { a1.style.display = "block" a2.style.display = "block" a3.innerHTML = "Hide Wikia Bar" WikiaBarHid = 0 } }

// Cookies

// Variables

var GrandmaAmt = 0 var CookieAmt = 0 var MiniSetup = "border: 5px solid rgb(54, 33, 25);background-color: rgb(69, 43, 32);width:65px;height:30px;position:fixed;left:-30px;border-radius:30px;text-align:right;padding-top:10px;z-index:999998" var MiniInnerSetup = '<span style = "position:relative;padding:10px;color:#fff;font-weight:700;font-size:15px' var GramEyeSetup = 'background:#4acfed;position:fixed;bottom:175px;height:10px;width:8px;border-radius:50%' var GramHairSetup = 'position:fixed;height:20px;width:20px;border-radius:50%;background:#' const ChocolateSetup = "background:#2e2118;width:10px;position:fixed;height:10px;border-radius:3px;"

// Documents

var Cookie = document.createElement("div") var CookieBckground = document.createElement("div") var MiniCookie = document.createElement("div") var SmallCookie = document.createElement("div")

var MiniGrandma = document.createElement("div") var SmallGrandma = document.createElement("div")

var GrandmaCost = 100

// HTML

MiniGrandma.style = MiniSetup + ";bottom:155px" MiniGrandma.innerHTML = MiniInnerSetup + '" class = "GrandmaAmt">' + GrandmaAmt + ' '

SmallGrandma.style = "background:#e6c493;position:fixed;border-radius:50%;border:5px solid #d9b889;width:30px;height:30px;position:fixed;bottom:160px;left:0;z-index:999999" SmallGrandma.innerHTML = '<div style = "' + GramEyeSetup + ';left:10px"> <div style = "' + GramEyeSetup + ';left:25px"> <div style = "' + GramHairSetup + 'b4b7b8;bottom:180px;left:25px"> <div style = "' + GramHairSetup + 'c5c8c9;bottom:185px;left:10px"> <div style = "' + GramHairSetup + 'd4d8d9;bottom:180px;left:-5px"> '

MiniCookie.style = MiniSetup + ';bottom:95px' MiniCookie.innerHTML = MiniInnerSetup + '" class = "CookieAmt">' + CookieAmt + ' '

SmallCookie.style = "background:#6e4c30;bottom:10px;position:fixed;border-radius:50%;border:5px solid #61422c;width:30px;height:30px;position:fixed;bottom:100px;left:0;z-index:999999" SmallCookie.innerHTML = '<div style = "' + ChocolateSetup + 'bottom:115px;left:15px"> '

CookieBckground.style = 'border: 5px solid rgb(54, 33, 25);background-color: rgb(69, 43, 32);width:80px;height:100%;left:-10px;bottom:0px;position:fixed;z-index:999997'

Cookie.style = "border: 5px solid rgb(54, 33, 25);background-color: rgb(69, 43, 32);border-radius:0 50px 0 0;width:150px;height:80px;left:-30px;bottom:-30px;position:fixed;z-index:999998"

Cookie.innerHTML = '<div style = "background:#6e4c30;width:60px;height:60px;left:10px;bottom:10px;position:fixed;border-radius:50%;border:5px solid #61422c;;z-index:999999"><div style = "' + ChocolateSetup + 'bottom:50px;left:50px"> <div style = "' + ChocolateSetup + 'bottom:35px;left:25px;"> <div style = "' + ChocolateSetup + 'bottom:20px;left:45px"> '

// Append

BodyTag.appendChild(CookieBckground) BodyTag.appendChild(Cookie) BodyTag.appendChild(MiniCookie) BodyTag.appendChild(SmallCookie)

BodyTag.appendChild(MiniGrandma) BodyTag.appendChild(SmallGrandma)

// Events

Cookie.addEventListener("click", CookieAdd) MiniCookie.addEventListener("mouseenter", CookieThicken) MiniCookie.addEventListener("click", CookieUnThicken)

SmallGrandma.addEventListener("click", GrandmaAdd) MiniGrandma.addEventListener("mouseenter", GrandmaThicken) MiniGrandma.addEventListener("click", GrandmaUnThicken)

// Animation

var CookieRegister = document.getElementsByClassName("CookieAmt")[0] var CookieWidth = 65

function CookieThicken { var CookieInterval = setInterval(CookieThickenAnimation, 1) var Counter = 0 function CookieThickenAnimation { if (CookieWidth == 150 || Counter == 150) { clearInterval(CookieInterval) } else { Counter++ CookieWidth++ MiniCookie.style.width = CookieWidth + "px" } } }

function CookieUnThicken { var CookieInterval = setInterval(CookieUnThickenAnimation, 1) var Counter = 0 function CookieUnThickenAnimation { if (CookieWidth == 65 || Counter == 300) { clearInterval(CookieInterval) } else { Counter++ CookieWidth-- MiniCookie.style.width = CookieWidth + "px" } } }

var GrandmaRegister = document.getElementsByClassName("GrandmaAmt")[0] var GrandmaWidth = 65

function GrandmaThicken { var GrandmaInterval = setInterval(GrandmaThickenAnimation, 1) var Counter = 0 function GrandmaThickenAnimation { if (GrandmaWidth == 150 || Counter == 150) { clearInterval(GrandmaInterval) } else { Counter++ GrandmaWidth++ MiniGrandma.style.width = GrandmaWidth + "px" } } }

function GrandmaUnThicken { var GrandmaInterval = setInterval(GrandmaUnThickenAnimation, 1) var Counter = 0 function GrandmaUnThickenAnimation { if (GrandmaWidth == 65 || Counter == 300) { clearInterval(GrandmaInterval) } else { Counter++ GrandmaWidth-- MiniGrandma.style.width = GrandmaWidth + "px" } } }

// Functions

function GrandmaAdd { if (CookieAmt > GrandmaCost - 1) { CookieAmt = CookieAmt - GrandmaCost CookieRegister.innerHTML = CookieAmt GrandmaCost = GrandmaCost * 2 GrandmaAmt++ GrandmaRegister.innerHTML = GrandmaAmt } else {} }

function CookieAdd { CookieAmt++ CookieRegister.innerHTML = CookieAmt }

setInterval(AddCookies, 100) function AddCookies { GrandmaAmt * 1.5 CookieAmt = CookieAmt + GrandmaAmt CookieRegister.innerHTML = CookieAmt }