diff --git a/README.md b/README.md index e1c0648..76e4c48 100644 --- a/README.md +++ b/README.md @@ -9,11 +9,11 @@ This will be a dashboard hosted on my homeserver with self-hosted stuff. But, fo - [x] External config loaded with XHR (app list) - [x] Apply config for the rest stuff (data shown in More page, default user settings) - [ ] Make 'Security' module functional -- [ ] Security screen on/off - [x] CSS global color variables for easier theming - [ ] Fix blur flicker on showing/hiding pages - [x] Open in new tab setting - [x] Better icon colors in 'More' page +- [ ] Work with blocked cookies - [ ] Minor code optimizations blah blah blah \ No newline at end of file diff --git a/css/dark.css b/css/dark.css index 5f31de8..20b03de 100644 --- a/css/dark.css +++ b/css/dark.css @@ -1,5 +1,6 @@ html { --color: #EEE; + --color2: #EEE9; --background: #1118; --bg2: #0008; --hover: #FFF1; @@ -13,11 +14,9 @@ html { } .setting.checked { background: #36F; - box-shadow: 2px 2px 8px #36F8; } .hostedby { color: #FFF7; - margin: 12px 0 24px; } .hostedby b { color: #79F; diff --git a/css/main.css b/css/main.css index b42446e..70dedec 100644 --- a/css/main.css +++ b/css/main.css @@ -7,6 +7,7 @@ html { --color: #222; + --color2: #2229; --background: #EEE8; --bg2: #FFF8; --hover: #0001; @@ -27,7 +28,7 @@ body { display: none; } a { - color: #44F; + color: #68F; } .init * { transition: none !important; @@ -146,6 +147,10 @@ a { opacity: .6; margin: 2px 12px; } +.source { + opacity: 1; + color: var(--color2); +} .appname.about { font-size: 36px; } @@ -314,7 +319,7 @@ a.box { align-items: center; justify-content: space-between; text-align: right; - padding: 80px 24px 60px; + padding: 96px 24px 68px; max-width: 480px; margin: 0 auto; } @@ -376,12 +381,11 @@ a.box { .setting.checked { color: #EEE; background: #56F; - box-shadow: 2px 2px 8px #56F8; } .hostedby { font-size: 13px; color: #0007; - margin: 12px 0 24px; + margin: 18px 0 20px; } .hostedby b { color: #56F; diff --git a/index.html b/index.html index 2feeba9..38e3ed2 100644 --- a/index.html +++ b/index.html @@ -73,12 +73,11 @@
6 out of 7 listed services use secure connections
-
All services hosted by
lock
-
Enryption
+
Encryption
HTTPS ensures data is transferred securely, so nobody can monitor your traffic.
@@ -86,10 +85,11 @@
dns
Self-hosted
-
Little server serving for a small group of people. All data is stored only here.
+
Everything is running on this server. No more relying on centralized data-harvesters.
+
All services hosted by
-
+
open_in_new
Open in new tab
@@ -109,7 +109,7 @@
-
+
restart_alt
Reset settings
@@ -124,7 +124,7 @@
honey
Nice and sweet place for all your self-hosted services.
- +
diff --git a/js/dom.js b/js/dom.js index aa7825c..254d685 100644 --- a/js/dom.js +++ b/js/dom.js @@ -63,7 +63,7 @@ function get_bool(key) { } function load_config(conf) { - CONFIG = JSON.parse(conf); + if (conf) CONFIG = JSON.parse(conf); let ui = CONFIG.ui; set("app-name", ui.name); set("app-desc", ui.desc); @@ -71,4 +71,13 @@ function load_config(conf) { if (ui.hosted_by) set("app-hostedby", ui.hosted_by); else get("app-hostedby").parentNode.style.display = "none"; load_apps(); + switch_theme(get_bool("dark_mode")); + new_tab_toggle(get_bool("open_new_tab")); +} + +function is_secure(uri) { + if (uri.includes("tp://")) return false; + if (!uri.startsWith("https://")) { + uri = location.href; + } } \ No newline at end of file diff --git a/js/main.js b/js/main.js index 1a70b79..c1eb7b2 100644 --- a/js/main.js +++ b/js/main.js @@ -6,7 +6,6 @@ function onload() { for_all("back", (btn) => { btn.onclick = show; }); - switch_theme(config("dark_mode") == "true"); setTimeout(() => { show(); document.body.classList.remove("init"); @@ -59,14 +58,20 @@ function load_apps() { get("applist").innerHTML = final; } -function new_tab_toggle(setting) { - let v = !get_bool("open_new_tab"); +function new_tab_toggle(value) { + let v = get_bool("open_new_tab"); + if (value === undefined) v = !v; config("open_new_tab", v); - setting = setting.classList; + setting = get("setting-newtab").classList; v ? setting.add("checked") : setting.remove("checked"); load_apps(); } +function reset_all_settings() { + localStorage.clear(); + load_config(); +} + let S_TAP_LOCK; function open_screen(button) { if (S_TAP_LOCK) return;