diff --git a/startpage.html b/startpage.html
index 2931c92..0d12b36 100644
--- a/startpage.html
+++ b/startpage.html
@@ -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")) || "";
@@ -2016,6 +2015,7 @@
containerMapValues[i].imageHyperlink
));
}
+
/** set up + load settings menu data */
settingsMenuData = JSON.parse(
@@ -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",
``
);
-
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";