diff --git a/startpage.html b/startpage.html index 6cce9d8..263d24e 100644 --- a/startpage.html +++ b/startpage.html @@ -38,6 +38,7 @@ body { height: 100vh; margin: 0; + background-color: #181818; } @@ -285,25 +286,10 @@ hr { width: 75%; } - - #editToggle { - z-index: 999; - position: fixed; - font-size: 0.75rem; - } - #editToggle:hover { - cursor: pointer; - } - -
- edit page - -
@@ -2042,27 +2051,7 @@ } }); - /** set edit mode toggle color */ - editToggleRgba = localStorage.getItem("editToggleRgba") - || "rgba(0,0,0,1)"; - document.getElementById("editToggle").style.color = editToggleRgba; - // fill in inputs with saved value - document.getElementById("edit-toggle-color").value = - rgbToHex( - editToggleRgba.replace("rgba(", "").slice(0, -1).split(",").splice(0, 3) - ); - document.getElementById("edit-toggle-alpha").value = - parseInt( - editToggleRgba.replace("rgba(", "").slice(0, -1).split(",")[3] - ) * 100; - // set event listeners - document - .getElementById("edit-toggle-color") - .addEventListener("input", changeEditToggleColor, false); - document - .getElementById("edit-toggle-alpha") - .addEventListener("input", changeEditToggleColor, false); - + /** set wallpaper */ wallpaper = JSON.parse(localStorage.getItem("wallpaper")) || ""; if (wallpaper.startsWith("#")) { @@ -2123,6 +2112,8 @@ let containerMapValues = JSON.parse(localStorage.getItem("containerMapValues")) || []; numberTotalContainers = containerMapValues.length; + + if (numberTotalContainers == 0 && wallpaper == "") alert("press \"e\" to get started (after you've closed this alert)"); for (let i = 0; i < numberTotalContainers; i++) { containerDataMap.set(containerMapValues[i].id, new Container( @@ -2259,7 +2250,6 @@ else { editing = false; toggleEditingElements(false); - document.getElementById("editToggle").innerHTML = "saving"; // if data was just imported directly to localStorage, don't save current element states (would overwrite import) if (justImported) { @@ -2302,26 +2292,19 @@ // save active settings tab for next session localStorage.setItem("activeTabId", JSON.stringify(activeTabId)); - // save edit mode toggle customization - localStorage.setItem("editToggleRgba", editToggleRgba); - // lastly, set current state as download contents for export button const exportData = new Blob([JSON.stringify(localStorage)], {type: 'text/plain'}); const url = window.URL.createObjectURL(exportData); document.getElementById("export-button").href = url; - - document.getElementById("editToggle").innerHTML = "edit page"; } } /** handles the revealing/concealing of elements part of toggling edit mode */ function toggleEditingElements(show) { - const editButton = document.getElementById("editToggle"); const settingsContainer = document.getElementById("settingsContainer"); /** when editing-mode is enabled, */ if (show) { - editButton.innerHTML = "save + stop editing"; // reveal settings container settingsContainer.classList.remove("hidden"); @@ -2818,15 +2801,7 @@ } } - function changeEditToggleColor(colorChange) { - editToggleRgba = hexToRgba( - document.getElementById("edit-toggle-color").value, - document.getElementById("edit-toggle-alpha").value - ); - - document.getElementById("editToggle").style.color = editToggleRgba; - } - + function moveElement(mouseMove) { if (!moving) { return;