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

all container settings have been implemented! menu reorganization next

Browse Source
This commit is contained in:
simon
2025-07-02 17:43:13 -04:00
parent 22d2f704a6
commit 4cfc6f53d2
1 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
startpage.html
+23 -20
View File
@@ -2267,14 +2267,14 @@
return;
}
// parse input
// parse input to extract name of font
fontCode = input;
fontName = fontCode.slice(fontCode.indexOf("family=") + 7);
if (fontName.indexOf("&") != -1) {
fontName = fontName.slice(0, fontName.indexOf("&") + 1);
}
fontName = fontName.slice(0, fontName.indexOf(":")).replaceAll("+", " ");
// set new font
// set font on container
document.head.insertAdjacentHTML("beforeend", fontCode);
document.getElementById(containerId).style.fontFamily = fontName;
document.getElementById(containerId + "-settings-font-name").innerHTML = fontName;
@@ -2283,35 +2283,38 @@
}
// SHADOW
function changeContainerShadow() {
containerSettings.shadowX =
document.getElementById("shadowX").value == ""
function changeContainerShadow(valueChanged) {
let containerId = valueChanged.target.id.split("-")[0];
let container = containerDataMap.get(containerId);
container.containerSettings.shadowX =
document.getElementById(containerId + "-settings-shadow-x").value == ""
? 0
: document.getElementById("shadowX").value;
containerSettings.shadowY =
document.getElementById("shadowY").value == ""
: document.getElementById(containerId + "-settings-shadow-x").value;
container.containerSettings.shadowY =
document.getElementById(containerId + "-settings-shadow-y").value == ""
? 0
: document.getElementById("shadowY").value;
containerSettings.shadowBlur =
document.getElementById("shadowBlur").value == ""
: document.getElementById(containerId + "-settings-shadow-y").value;
container.containerSettings.shadowBlur =
document.getElementById(containerId + "-settings-shadow-blur").value == ""
? 0
: document.getElementById("shadowBlur").value;
containerSettings.shadowRgba = hexToRgba(
document.getElementById("shadowColorPicker").value,
document.getElementById("shadowAlpha").value
: document.getElementById(containerId + "-settings-shadow-blur").value;
container.containerSettings.shadowRgba = hexToRgba(
document.getElementById(containerId + "-settings-shadow-color").value,
document.getElementById(containerId + "-settings-shadow-alpha").value
);
let shadow =
containerSettings.shadowX +
container.containerSettings.shadowX +
"px " +
containerSettings.shadowY +
container.containerSettings.shadowY +
"px " +
containerSettings.shadowBlur +
container.containerSettings.shadowBlur +
"px " +
containerSettings.shadowRgba;
container.containerSettings.shadowRgba;
// set shadow
document.getElementById("mainContainer").style.boxShadow = shadow;
document.getElementById(containerId).style.boxShadow = shadow;
}
/************************************