simon/diy-startpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

youtube embed border customization now works as expected, hyperlinked

Browse Source 
images and saved cursor initialization has been fixed too
This commit is contained in:
Simon
2025-08-13 22:22:46 -04:00
parent 3cb4c20e1f
commit 7555a66dbe
1 changed files with 30 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
startpage.html
+30 -14
View File
@@ -64,18 +64,23 @@
}
.youtubeEmbed {
border-style: solid;
width: 100%;
height: 100%;
position: absolute;
display: inline;
}
.youtubeEmbedCover {
border-style: solid;
width: 100%;
height: 100%;
background-color: rgba(250,0,0,.5);
background-color: rgba(250,250,250,.5);
position: absolute;
}
.hyperlinkedImage {
cursor: inherit;
}
.section {
margin-top: 0rem;
@@ -1661,9 +1666,9 @@
if (this.imageUrl?.includes("youtube.com") || this.imageUrl?.includes("youtu.be")) {
// apply border to iframe and cover element rather than containing div
document.getElementById(this.id).children[0].style.borderColor =
settings.bordeColor;
settings.borderColor;
document.getElementById(this.id).children[1].style.borderColor =
settings.bordeColor;
settings.borderColor;
document.getElementById(this.id).children[0].style.borderWidth =
settings.borderWidth + "px";
document.getElementById(this.id).children[1].style.borderWidth =
@@ -1928,13 +1933,7 @@
} */
});
/** set up cursors */
cursors = JSON.parse(localStorage.getItem("cursors")) || {};
if (cursors.default != undefined) {
// apply new default cursor to entire html document
document.getElementsByTagName("html")[0].style.cursor =
'url("' + cursors.default + '"), auto';
}
/** set wallpaper */
wallpaper = JSON.parse(localStorage.getItem("wallpaper")) || "";
@@ -2017,6 +2016,7 @@
));
}
/** set up + load settings menu data */
settingsMenuData = JSON.parse(
localStorage.getItem("settingsMenuData")
@@ -2039,6 +2039,19 @@
for (let i = 0; i < tabs.length; i++) {
tabs[i].addEventListener("click", changeActiveTab, false);
}
/** set up cursors */
cursors = JSON.parse(localStorage.getItem("cursors")) || {};
if (cursors != {}) {
// apply new default cursor to entire html document
document.getElementsByTagName("html")[0].style.cursor =
cursors.link ? 'url("' + cursors.default + '"), auto' : "";
// apply link hover cursor
let links = document.getElementsByTagName("a");
for (let i = 0; i < links.length; i++) {
links[i].style.cursor = cursors.link ? 'url("' + cursors.link + '"), pointer' : "pointer";
}
}
})();
/**************************
@@ -2213,9 +2226,12 @@
hyperlinkedImages[i].insertAdjacentHTML("afterend",
`<a id="` + containerId + `--hyperlink" href="` + link + `"></a>`
);
hyperlinkedImages[i].remove();
document.getElementById(containerId + "--hyperlink").appendChild(clone);
if (cursors.link != undefined) {
document.getElementById(containerId + "--hyperlink").style.cursor = cursors.link ? 'url("' + cursors.link + '"), pointer' : "";
}
}
// remove any youtube iframe covers
@@ -2814,7 +2830,7 @@
function setLinkHoverCursor() {
cursors.link = document.getElementById("linkCursorInput").value;
// apply new grab cursor to grabbable elements...
// apply cursor on links...
let links = document.getElementsByTagName("a");
for (let i = 0; i < links.length; i++) {
links[i].style.cursor = cursors.link ? 'url("' + cursors.link + '"), pointer' : "pointer";
@@ -3061,7 +3077,7 @@
if (container.imageUrl?.includes("youtube.com") || container.imageUrl?.includes("youtu.be")) {
document.getElementById(containerId).children[0].style.borderWidth =
container.settings.borderWidth + "px";
document.getElementById(containerId).children[0].style.borderWidth =
document.getElementById(containerId).children[1].style.borderWidth =
container.settings.borderWidth + "px";
}
else {
@@ -3076,7 +3092,7 @@
container.settings.borderRadius = radiusChange.target.value;
if (container.imageUrl?.includes("youtube.com") || container.imageUrl?.includes("youtu.be")) {
document.getElementById(containerId).children[0].style.borderRadius =
document.getElementById(containerId).children[0].style.borderRadius =
container.settings.borderRadius + "px";
document.getElementById(containerId).children[1].style.borderRadius =
container.settings.borderRadius + "px";