diff options
Diffstat (limited to 'youtube/piped-button.js')
-rw-r--r-- | youtube/piped-button.js | 63 |
1 files changed, 0 insertions, 63 deletions
diff --git a/youtube/piped-button.js b/youtube/piped-button.js deleted file mode 100644 index 60cd7f2..0000000 --- a/youtube/piped-button.js +++ /dev/null @@ -1,63 +0,0 @@ -// ==UserScript== -// @name Piped Button youtube.com -// @namespace Violentmonkey Scripts -// @match https://www.youtube.com/* -// @grant GM_addStyle -// @version 1.0 -// @author - -// @description 3/9/2024, 8:38:47 PM -// ==/UserScript== - -/* Config */ -const instanceHostname = "piped.tjkeller.xyz" -const instanceProtocol = "https:" -const instanceIconLogo = "/img/icons/logo.svg" - -const instanceUrl = `${instanceProtocol}//${instanceHostname}` - -const redirectButtonId = "piped-button" - -GM_addStyle(` - a#${redirectButtonId} button { - background-color: #272727; - border-radius: 18px; - border: none; - color: white; - cursor: pointer; - display: flex; - font-family: "Roboto","Arial",sans-serif; - font-weight: 500; - height: 36px; - padding: .25em 1em .25em .65em; - text-decoration: none; - } - a#${redirectButtonId} button:hover { background-color: #3f3f3f; } - a#${redirectButtonId} button * { align-self: center; max-height: 100%; } -`) - - -function newUrl() { - return `${instanceProtocol}//${instanceHostname}${document.location.pathname}${document.location.search}` -} - -if (!document.getElementById(redirectButtonId)) { - const redirectButton = document.createElement("a") - const redirectButtonC = redirectButton.appendChild(document.createElement("button")) - const redirectButtonImg = redirectButtonC.appendChild(document.createElement("img")) - const redirectButtonTxt = redirectButtonC.appendChild(document.createElement("span")) - redirectButton.id = redirectButtonId - redirectButtonImg.src = instanceUrl + instanceIconLogo - redirectButtonImg.alt = "(Down)" // Logo effectively acts as a test to see whether the instance is up or not as a bonus - redirectButtonTxt.innerText = "Piped" - - redirectButton.addEventListener("mouseover", () => { redirectButton.href = newUrl() }) - - /* Insert */ - document.body.addEventListener("yt-navigate-finish", () => { - - setTimeout(() => { - const headContainer = document.querySelector("#masthead-container #container #start") - headContainer.appendChild(redirectButton) - }, 500) // Wait 500ms for page load to finish after event called - }) -} |