Mirrors/Plex-Meta-Manager
2
0
Fork 0
mirror of https://github.com/meisnate12/Plex-Meta-Manager synced 2024-09-20 06:22:07 +00:00
Code Issues Projects Releases Packages Wiki Activity

[16] change background image dependant upon branch (#2127)

Browse source
This commit is contained in:
YozoraXCII 2024-06-20 12:27:59 +01:00 committed by GitHub Action
parent faee45fcea
commit 88350a180b
5 changed files with 22 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
VERSION
View file

@ -1 +1 @@
2.0.2-build15
2.0.2-build16

BIN
docs/assets/backgrounddevelop.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
docs/assets/backgroundnightly.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.4 MiB

3
docs/index.md
View file

@ -1,6 +1,3 @@
---
title: Home
---
#
<style>

43
docs/stylesheets/branch.js
View file

@ -1,32 +1,31 @@
// custom.js
// Function to check if the current URL contains "nightly" or "develop" and adjust styles accordingly
function checkURLForBranch() {
const currentURL = window.location.href;
// Helper function to update style and text
function updateTheme(headerColor, tabsColor, textContent) {
const header = document.querySelector(".md-header");
const tabs = document.querySelector(".md-tabs");
const ellipsisSpan = document.querySelector(".md-ellipsis");
// Select elements for background and text changes
const headerAndTabs = document.querySelectorAll(".md-header, .md-tabs");
const ellipsisSpan = document.querySelector(".md-ellipsis"); // Select ellipsisSpan
if (header && tabs) { // Check if elements exist
header.style.backgroundColor = headerColor;
tabs.style.backgroundColor = tabsColor;
if (headerAndTabs.length > 0) {
let backgroundImage = "https://raw.githubusercontent.com/Kometa-Team/Kometa/nightly/docs/assets/background.jpg";
let ellipsisText = ""; // Initialize ellipsisText
if (currentURL.includes("en/nightly")) {
backgroundImage = "https://raw.githubusercontent.com/Kometa-Team/Kometa/nightly/docs/assets/backgroundnightly.jpg";
ellipsisText = "Kometa Nightly Wiki"; // Set text for Nightly
} else if (currentURL.includes("en/develop")) {
backgroundImage = "https://raw.githubusercontent.com/Kometa-Team/Kometa/nightly/docs/assets/backgrounddevelop.jpg";
ellipsisText = "Kometa Develop Wiki"; // Set text for Develop
}
if (ellipsisSpan) { // Check if element exists
ellipsisSpan.textContent = textContent;
}
}
headerAndTabs.forEach(element => {
element.style.backgroundImage = `url(${backgroundImage})`;
});
// Change theme based on URL segment
if (currentURL.includes("en/nightly")) {
updateTheme("#262dbd", "#262dbd", "Kometa Nightly Wiki");
} else if (currentURL.includes("en/develop")) {
updateTheme("#ffa724", "#ffa724", "Kometa Develop Wiki");
// Update ellipsisSpan text only if it exists
if (ellipsisSpan) {
ellipsisSpan.textContent = ellipsisText;
}
}
}
// Call the function on page load
window.addEventListener("load", checkURLForBranch);
window.addEventListener("load", checkURLForBranch);