aboutsummaryrefslogtreecommitdiff
path: root/youtube/piped-button.js
diff options
context:
space:
mode:
Diffstat (limited to 'youtube/piped-button.js')
-rw-r--r--youtube/piped-button.js63
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
- })
-}