From fb1c37461f4a54fd10c0cd0f18196c3fcf7d2413 Mon Sep 17 00:00:00 2001 From: xbubbo Date: Fri, 20 Oct 2023 19:07:08 -0400 Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20|=20Added=20lots=20of=20themes.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/apps.html | 2 - static/css/theme/gradient/black-blue.css | 33 +++ static/css/theme/gradient/black-coral.css | 33 +++ static/css/theme/gradient/black-green.css | 33 +++ static/css/theme/gradient/black-orange.css | 33 +++ static/css/theme/gradient/black-pink.css | 32 +++ static/css/theme/gradient/black-purple.css | 33 +++ static/css/theme/gradient/black-red.css | 25 +++ static/css/theme/gradient/black-ruby.css | 33 +++ static/css/theme/gradient/black-white.css | 32 +++ static/css/theme/gradient/black-yellow.css | 32 +++ static/css/theme/gradient/dark-purple.css | 33 +++ static/css/theme/gradient/fire-ice.css | 33 +++ static/css/theme/gradient/indigo.css | 33 +++ static/css/theme/gradient/purple-blue.css | 33 +++ static/css/theme/gradient/purple.css | 33 +++ static/css/theme/gradient/red.css | 33 +++ static/css/theme/gradient/sunset.css | 33 +++ static/css/{themes => theme/solid}/legacy.css | 0 static/css/theme/{ => solid}/light.css | 0 static/css/theme/{ => solid}/midnight.css | 0 static/css/theme/solid/ocean-blue.css | 33 +++ static/css/themes/bannana.css | 43 ---- static/css/themes/blue-green.css | 43 ---- static/css/themes/cherryRed.css | 36 --- static/css/themes/dark.css | 0 static/css/themes/forestGreen.css | 33 --- static/css/themes/milkshake.css | 33 --- static/css/themes/nightBlue.css | 24 -- static/css/themes/red-black.css | 40 ---- static/css/themes/sunset.css | 43 ---- static/edu.html | 1 - static/games.html | 2 +- static/go.html | 1 - static/index.html | 2 +- static/loading.html | 100 --------- static/scripts/customIcon.js | 91 -------- static/scripts/main.js | 205 +++++++++++------- static/settings.html | 39 ++-- static/tabs.html | 2 +- 40 files changed, 740 insertions(+), 583 deletions(-) create mode 100644 static/css/theme/gradient/black-blue.css create mode 100644 static/css/theme/gradient/black-coral.css create mode 100644 static/css/theme/gradient/black-green.css create mode 100644 static/css/theme/gradient/black-orange.css create mode 100644 static/css/theme/gradient/black-pink.css create mode 100644 static/css/theme/gradient/black-purple.css create mode 100644 static/css/theme/gradient/black-red.css create mode 100644 static/css/theme/gradient/black-ruby.css create mode 100644 static/css/theme/gradient/black-white.css create mode 100644 static/css/theme/gradient/black-yellow.css create mode 100644 static/css/theme/gradient/dark-purple.css create mode 100644 static/css/theme/gradient/fire-ice.css create mode 100644 static/css/theme/gradient/indigo.css create mode 100644 static/css/theme/gradient/purple-blue.css create mode 100644 static/css/theme/gradient/purple.css create mode 100644 static/css/theme/gradient/red.css create mode 100644 static/css/theme/gradient/sunset.css rename static/css/{themes => theme/solid}/legacy.css (100%) rename static/css/theme/{ => solid}/light.css (100%) rename static/css/theme/{ => solid}/midnight.css (100%) create mode 100644 static/css/theme/solid/ocean-blue.css delete mode 100644 static/css/themes/bannana.css delete mode 100644 static/css/themes/blue-green.css delete mode 100644 static/css/themes/cherryRed.css delete mode 100644 static/css/themes/dark.css delete mode 100644 static/css/themes/forestGreen.css delete mode 100644 static/css/themes/milkshake.css delete mode 100644 static/css/themes/nightBlue.css delete mode 100644 static/css/themes/red-black.css delete mode 100644 static/css/themes/sunset.css delete mode 100644 static/loading.html delete mode 100644 static/scripts/customIcon.js diff --git a/static/apps.html b/static/apps.html index 2a1b2f92a..798361f4f 100644 --- a/static/apps.html +++ b/static/apps.html @@ -64,7 +64,5 @@ gtag('config', 'G-WKJQ5QHQTJ'); - - diff --git a/static/css/theme/gradient/black-blue.css b/static/css/theme/gradient/black-blue.css new file mode 100644 index 000000000..78ec30e32 --- /dev/null +++ b/static/css/theme/gradient/black-blue.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(0, 0, 100) , rgb(0, 0, 0)); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/black-coral.css b/static/css/theme/gradient/black-coral.css new file mode 100644 index 000000000..24e118e8d --- /dev/null +++ b/static/css/theme/gradient/black-coral.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(255, 127, 80), rgb(0, 0, 0)); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/black-green.css b/static/css/theme/gradient/black-green.css new file mode 100644 index 000000000..b834f67ba --- /dev/null +++ b/static/css/theme/gradient/black-green.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(0, 100, 0) , rgb(0, 0, 0)); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/black-orange.css b/static/css/theme/gradient/black-orange.css new file mode 100644 index 000000000..2e532e8b9 --- /dev/null +++ b/static/css/theme/gradient/black-orange.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(255, 165, 0) , rgb(0, 0, 0)); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/black-pink.css b/static/css/theme/gradient/black-pink.css new file mode 100644 index 000000000..08b067c2a --- /dev/null +++ b/static/css/theme/gradient/black-pink.css @@ -0,0 +1,32 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, #ff00ff, black); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} \ No newline at end of file diff --git a/static/css/theme/gradient/black-purple.css b/static/css/theme/gradient/black-purple.css new file mode 100644 index 000000000..2a3997ea0 --- /dev/null +++ b/static/css/theme/gradient/black-purple.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(75, 0, 130), rgb(0, 0, 0)); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/black-red.css b/static/css/theme/gradient/black-red.css new file mode 100644 index 000000000..70009ce90 --- /dev/null +++ b/static/css/theme/gradient/black-red.css @@ -0,0 +1,25 @@ +.title { + color:white; +} +body { + background-image: linear-gradient(to right, rgb(217, 26, 26) , rgb(0, 0, 0)); +} +h2 { + color:black; +} +.fixed-nav-bar-right .navbar-link { + color: white; +} +#INImg { + content: url("/main.png"); +} +input, select, .column, .key-form, button, .key-button, .searchbar { +background-color: black; +} +.settings-card { +background-color: #111; +} +input:checked + .slider-round { + background-color: #000; +} + diff --git a/static/css/theme/gradient/black-ruby.css b/static/css/theme/gradient/black-ruby.css new file mode 100644 index 000000000..a9697c562 --- /dev/null +++ b/static/css/theme/gradient/black-ruby.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(220, 20, 60), rgb(0, 0, 0)); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/black-white.css b/static/css/theme/gradient/black-white.css new file mode 100644 index 000000000..8d49e05a2 --- /dev/null +++ b/static/css/theme/gradient/black-white.css @@ -0,0 +1,32 @@ +.title { + color: black; +} + +body { + background-image: linear-gradient(to right, white, black); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main_inverted.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} \ No newline at end of file diff --git a/static/css/theme/gradient/black-yellow.css b/static/css/theme/gradient/black-yellow.css new file mode 100644 index 000000000..16efffe1d --- /dev/null +++ b/static/css/theme/gradient/black-yellow.css @@ -0,0 +1,32 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, yellow, black); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/dark-purple.css b/static/css/theme/gradient/dark-purple.css new file mode 100644 index 000000000..9cc644f99 --- /dev/null +++ b/static/css/theme/gradient/dark-purple.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, #8a2be2, #4b0082); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/fire-ice.css b/static/css/theme/gradient/fire-ice.css new file mode 100644 index 000000000..2effb94ca --- /dev/null +++ b/static/css/theme/gradient/fire-ice.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, #ff4500, #00bfff); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/indigo.css b/static/css/theme/gradient/indigo.css new file mode 100644 index 000000000..d5ebd895f --- /dev/null +++ b/static/css/theme/gradient/indigo.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(75, 0, 130), indigo); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/purple-blue.css b/static/css/theme/gradient/purple-blue.css new file mode 100644 index 000000000..38ae5dee4 --- /dev/null +++ b/static/css/theme/gradient/purple-blue.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(255, 171, 234) , rgb(171, 198, 255)); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/purple.css b/static/css/theme/gradient/purple.css new file mode 100644 index 000000000..dfab0ee38 --- /dev/null +++ b/static/css/theme/gradient/purple.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(128, 0, 128) , rgb(75, 0, 130)); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/red.css b/static/css/theme/gradient/red.css new file mode 100644 index 000000000..8663b704b --- /dev/null +++ b/static/css/theme/gradient/red.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, rgb(255, 0, 0) , rgb(128, 0, 0)); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/theme/gradient/sunset.css b/static/css/theme/gradient/sunset.css new file mode 100644 index 000000000..4557d9675 --- /dev/null +++ b/static/css/theme/gradient/sunset.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-image: linear-gradient(to right, #ff6f61, #fce38a); + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: black; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/themes/legacy.css b/static/css/theme/solid/legacy.css similarity index 100% rename from static/css/themes/legacy.css rename to static/css/theme/solid/legacy.css diff --git a/static/css/theme/light.css b/static/css/theme/solid/light.css similarity index 100% rename from static/css/theme/light.css rename to static/css/theme/solid/light.css diff --git a/static/css/theme/midnight.css b/static/css/theme/solid/midnight.css similarity index 100% rename from static/css/theme/midnight.css rename to static/css/theme/solid/midnight.css diff --git a/static/css/theme/solid/ocean-blue.css b/static/css/theme/solid/ocean-blue.css new file mode 100644 index 000000000..f082d9feb --- /dev/null +++ b/static/css/theme/solid/ocean-blue.css @@ -0,0 +1,33 @@ +.title { + color: white; +} + +body { + background-color: #1A5276; + color: white; +} + +h2 { + color: black; +} + +.fixed-nav-bar-right .navbar-link { + color: white; +} + +#INImg { + content: url("/main.png"); +} + +input, select, .column, .key-form, button, .key-button, .searchbar { + background-color: #3498DB; + color: white; +} + +.settings-card { + background-color: #111; +} + +input:checked + .slider-round { + background-color: #000; +} diff --git a/static/css/themes/bannana.css b/static/css/themes/bannana.css deleted file mode 100644 index 1273a3aac..000000000 --- a/static/css/themes/bannana.css +++ /dev/null @@ -1,43 +0,0 @@ -.title { - color:black; -} -body { - background-image: linear-gradient(to right, rgb(247, 255, 171) , rgb(171, 255, 185)); -} -h2 { - color:black; -} -.fixed-nav-bar-right .navbar-link { - color:black -} -#INImg { - content: url("/main_inverted.png"); -} -.searchbar { - background-color: transparent; - border-color: black; - border-radius: 2vw; - border: solid .5vw; - color: black -} -p { - color:black; -} -.column { - background-color: #00ff2280; -} -input { - background-color: #00ff2280; -} -select { - background-color: #00ff2280; -} -.settings-card { - background-color: #00610d; -} -.key-button { - background-color: #00ff2280; -} -.key-form { - background-color: #00ff2280; -} \ No newline at end of file diff --git a/static/css/themes/blue-green.css b/static/css/themes/blue-green.css deleted file mode 100644 index cd2a640c8..000000000 --- a/static/css/themes/blue-green.css +++ /dev/null @@ -1,43 +0,0 @@ -.title { - color:black; -} -body { - background-image: linear-gradient(to right, rgb(171, 217, 255) , rgb(171, 255, 178)); -} -h2 { - color:black; -} -.fixed-nav-bar-right .navbar-link { - color:black -} -#INImg { - content: url("/main_inverted.png"); -} -.searchbar { - background-color: transparent; - border-color: black; - border-radius: 2vw; - border: solid .5vw; - color: black -} -p { - color:black; -} -.column { - background-color: #0077ff80; -} -input { - background-color: #0099ff80; -} -select { - background-color: #0099ff80; -} -.settings-card { - background-color: #004561; -} -.key-button { - background-color: #0084ff80; -} -.key-form { - background-color: #00aeff80; -} \ No newline at end of file diff --git a/static/css/themes/cherryRed.css b/static/css/themes/cherryRed.css deleted file mode 100644 index 675f541ba..000000000 --- a/static/css/themes/cherryRed.css +++ /dev/null @@ -1,36 +0,0 @@ -.title { - color:white; -} -body { - background-color: rgb(24, 0, 0); -} -h2 { - color:rgb(255, 255, 255); -} -.fixed-nav-bar-right .navbar-link { - color:rgb(255, 255, 255) -} -#INImg { - content: url("/main.png"); -} -p { - color:black; -} -.column { - background-color: #ff000080; -} -input { - background-color: #ff000080; -} -select { - background-color: #ff000080; -} -.settings-card { - background-color: #610000; -} -.key-button { - background-color: #ff000080; -} -.key-form { - background-color: #ff000080; -} \ No newline at end of file diff --git a/static/css/themes/dark.css b/static/css/themes/dark.css deleted file mode 100644 index e69de29bb..000000000 diff --git a/static/css/themes/forestGreen.css b/static/css/themes/forestGreen.css deleted file mode 100644 index 78a557759..000000000 --- a/static/css/themes/forestGreen.css +++ /dev/null @@ -1,33 +0,0 @@ -.title { - color:white; -} -body { - background-color: rgb(0, 24, 4); -} -h2 { - color:rgb(255, 255, 255); -} -.fixed-nav-bar-right .navbar-link { - color:rgb(255, 255, 255) -} -#INImg { - content: url("/main.png"); -} -.column { - background-color: #00ff3780; -} -input { - background-color: #09ff0080; -} -select { - background-color: #00ff3780; -} -.settings-card { - background-color: #086100; -} -.key-button { - background-color: #09ff0080; -} -.key-form { - background-color: #00ff0080; -} \ No newline at end of file diff --git a/static/css/themes/milkshake.css b/static/css/themes/milkshake.css deleted file mode 100644 index 9925f3bfb..000000000 --- a/static/css/themes/milkshake.css +++ /dev/null @@ -1,33 +0,0 @@ -.title { - color:black; -} -body { - background-image: linear-gradient(to right, rgb(179, 0, 140) , rgb(149, 151, 0)); -} -h2 { - color:black; -} -.fixed-nav-bar-right .navbar-link { - color:black -} -#INImg { - content: url("/main_inverted.png"); -} -.column { - background-color: #ffbb0080; -} -input { - background-color: #ffc40080; -} -select { - background-color: #ff990080; -} -.settings-card { - background-color: #613f00; -} -.key-button { - background-color: #ff990080; -} -.key-form { - background-color: #ffbb0080; -} \ No newline at end of file diff --git a/static/css/themes/nightBlue.css b/static/css/themes/nightBlue.css deleted file mode 100644 index 34505aaf1..000000000 --- a/static/css/themes/nightBlue.css +++ /dev/null @@ -1,24 +0,0 @@ -.title { - color:white; -} -body { - background-color: rgb(0, 11, 22); -} -.column { - background-color: #00a2ff80; -} -input { - background-color: #0099ff80; -} -select { - background-color: #0099ff80; -} -.settings-card { - background-color: #004261; -} -.key-button { - background-color: #0099ff80; -} -.key-form { - background-color: #00a2ff80; -} \ No newline at end of file diff --git a/static/css/themes/red-black.css b/static/css/themes/red-black.css deleted file mode 100644 index 65c38b129..000000000 --- a/static/css/themes/red-black.css +++ /dev/null @@ -1,40 +0,0 @@ -.title { - color:white; -} -body { - background-image: linear-gradient(to right, rgb(255, 0, 0) , rgb(0, 0, 0)); -} -h2 { - color:white; -} -.fixed-nav-bar-right .navbar-link { - color:white -} -#INImg { - content: url("/main.png"); -} -.searchbar { - background-color: transparent; - border-color: white; - border-radius: 2vw; - border: solid .5vw; - color: white -} -.column { - background-color: #ff383880; -} -input { - background-color: #ff3b3b80; -} -select { - background-color: #ff474780; -} -.settings-card { - background-color: #ff5d5d; -} -.key-button { - background-color: #ff686880; -} -.key-form { - background-color: #ff585880; -} \ No newline at end of file diff --git a/static/css/themes/sunset.css b/static/css/themes/sunset.css deleted file mode 100644 index fea2eb17b..000000000 --- a/static/css/themes/sunset.css +++ /dev/null @@ -1,43 +0,0 @@ -.title { - color:black; -} -body { - background-image: linear-gradient(to right, rgb(255, 171, 234) , rgb(171, 198, 255)); -} -h2 { - color:black; -} -.fixed-nav-bar-right .navbar-link { - color:black -} -#INImg { - content: url("/main_inverted.png"); -} -.searchbar { - background-color: transparent; - border-color: black; - border-radius: 2vw; - border: solid .5vw; - color: black -} -p { - color:black; -} -.column { - background-color: #ff00f280; -} -input { - background-color: #f700ff80; -} -select { - background-color: #ff00ea80; -} -.settings-card { - background-color: #61005c; -} -.key-button { - background-color: #f700ff80; -} -.key-form { - background-color: #ff00f280; -} \ No newline at end of file diff --git a/static/edu.html b/static/edu.html index 0b50a75c1..d96289b8c 100644 --- a/static/edu.html +++ b/static/edu.html @@ -82,5 +82,4 @@ }); - \ No newline at end of file diff --git a/static/games.html b/static/games.html index 674e72277..2dd7260a0 100644 --- a/static/games.html +++ b/static/games.html @@ -63,6 +63,6 @@ - + \ No newline at end of file diff --git a/static/go.html b/static/go.html index ade10d83e..ea1cc53ae 100644 --- a/static/go.html +++ b/static/go.html @@ -82,5 +82,4 @@ }; - \ No newline at end of file diff --git a/static/index.html b/static/index.html index 261f5d22f..5ebe7e00d 100644 --- a/static/index.html +++ b/static/index.html @@ -52,7 +52,7 @@

Interstellar

gtag('js', new Date()); gtag('config', 'G-WKJQ5QHQTJ'); - + diff --git a/static/loading.html b/static/loading.html deleted file mode 100644 index 2c32c8aac..000000000 --- a/static/loading.html +++ /dev/null @@ -1,100 +0,0 @@ - - - - - - - - - -
-
-

- Please wait a moment. Our servers may be under high load causing some slowness.
If you have any issues, please join our Discord server. -

-
-
- - - - diff --git a/static/scripts/customIcon.js b/static/scripts/customIcon.js deleted file mode 100644 index 262a41f37..000000000 --- a/static/scripts/customIcon.js +++ /dev/null @@ -1,91 +0,0 @@ -//Loads custom icons - -document.addEventListener("DOMContentLoaded", function(event) { - const icon = document.getElementById('dynamic-favicon'); - const name = document.getElementById('dynamic-title'); - var selectedValue = localStorage.getItem("selectedOption"); - if (selectedValue === 'Google') { - icon.setAttribute('href', '/images/favicon/google.png'); - name.textContent = 'Google'; - localStorage.setItem("name", "Google"); - localStorage.setItem("icon", "/images/favicon/google.png"); - } - else if (selectedValue === 'Drive') { - icon.setAttribute('href', '/images/favicon/drive.png'); - name.textContent = 'My Drive - Google Drive'; - localStorage.setItem("name", "My Drive - Google Drive"); - localStorage.setItem("icon", "/images/favicon/drive.png"); - } - else if (selectedValue === 'Classroom') { - icon.setAttribute('href', '/images/favicon/classroom.png'); - name.textContent = 'Classes'; - localStorage.setItem("name", "Classes"); - localStorage.setItem("icon", "/images/favicon/classroom.png"); - } - else if (selectedValue === 'Schoology') { - icon.setAttribute('href', '/images/favicon/schoology.png'); - name.textContent = 'Home | Schoology'; - localStorage.setItem("name", "Home | Schoology"); - localStorage.setItem("icon", "/images/favicon/schoology.png"); - } - else if (selectedValue === 'Gmail') { - icon.setAttribute('href', '/images/favicon/gmail.png'); - name.textContent = 'Gmail'; - localStorage.setItem("name", "Gmail"); - localStorage.setItem("icon", "/images/favicon/gmail.png"); - } - else if (selectedValue === 'Clever') { - icon.setAttribute('href', '/images/favicon/clever.png'); - name.textContent = 'Clever | Portal'; - localStorage.setItem("name", "Clever | Portal"); - localStorage.setItem("icon", "/images/favicon/clever.png"); - } - else if (selectedValue === 'Khan') { - icon.setAttribute('href', '/images/favicon/khan.png'); - name.textContent = 'Dashboard | Khan Academy'; - localStorage.setItem("name", "Dashboard | Khan Academy"); - localStorage.setItem("icon", "/images/favicon/khan.png"); - } - var themeid = localStorage.getItem("theme"); - //Loads theme - themeEle = document.createElement("link"); - themeEle.rel="stylesheet"; - if(themeid == "b") { - themeEle.href = "/css/themes/bannana.css"; - } - if(themeid == "bg") { - themeEle.href = "/css/themes/blue-green.css"; - } - if(themeid == "cr") { - themeEle.href = "/css/themes/cherryRed.css"; - } - if(themeid == "d") { - themeEle.href = "/css/themes/dark.css"; - } - if(themeid == "fg") { - themeEle.href = "/css/themes/forestGreen.css"; - } - if(themeid == "light") { - themeEle.href = "/css/theme/light.css"; - } - if(themeid == "m") { - themeEle.href = "/css/themes/milkshake.css"; - } - if(themeid == "nb") { - themeEle.href = "/css/themes/nightBlue.css"; - } - if(themeid == "rb") { - themeEle.href = "/css/themes/red-black.css"; - } - if(themeid == "s") { - themeEle.href = "/css/themes/sunset.css"; - } - if(themeid == "l4") { - themeEle.href = "/css/themes/legacy.css"; - } - if(themeid == "midnight") { - themeEle.href = "/css/theme/midnight.css"; - } - document.body.appendChild(themeEle); -}); - diff --git a/static/scripts/main.js b/static/scripts/main.js index 2a8357a77..e0320e651 100644 --- a/static/scripts/main.js +++ b/static/scripts/main.js @@ -1,72 +1,3 @@ -document.addEventListener("DOMContentLoaded", function() { - var saveButton = document.getElementById("save-button"); - saveButton.addEventListener("click", function() { - var backgroundInput = document.getElementById("background-input"); - var imageURL = backgroundInput.value; - - if (imageURL !== "") { - localStorage.setItem("backgroundImage", imageURL); - document.body.style.backgroundImage = "url('" + imageURL + "')"; - backgroundInput.value = ""; - } else { - - } - }); - - var resetButton = document.getElementById("reset-button"); - resetButton.addEventListener("click", function() { - localStorage.removeItem("backgroundImage"); - document.body.style.backgroundImage = "url('default-background.jpg')"; - }); - - var savedBackgroundImage = localStorage.getItem("backgroundImage"); - if (savedBackgroundImage) { - document.body.style.backgroundImage = "url('" + savedBackgroundImage + "')"; - } -}); - -document.addEventListener("DOMContentLoaded", function() { - var savedBackgroundImage = localStorage.getItem("backgroundImage"); - if (savedBackgroundImage) { - document.body.style.backgroundImage = "url('" + savedBackgroundImage + "')"; - } -}); - -var eventKey = localStorage.getItem("eventKey") || "`"; -var panicLink = localStorage.getItem("panicLink") || "https://classroom.google.com/"; - -document.addEventListener("keydown", function(event) { - if (event.key === eventKey) { - if (window.self !== window.top) { - window.parent.location.href = panicLink; - } else { - window.location.href = panicLink; - } - } -}); - -var eventKeyInput = document.getElementById("eventKeyInput"); -eventKeyInput.addEventListener("input", function() { - eventKey = eventKeyInput.value; -}); - -var linkInput = document.getElementById("linkInput"); -linkInput.addEventListener("input", function() { - panicLink = linkInput.value; -}); - -function saveEventKey() { - eventKey = eventKeyInput.value; - localStorage.setItem("eventKey", eventKey); - localStorage.setItem("panicLink", panicLink); -} - -// Retrieve selected option from localStorage and update the head section -const selectedOption = localStorage.getItem('selectedOption'); -if (selectedOption) { - updateHeadSection(selectedOption); -} - //Loads custom icons document.addEventListener("DOMContentLoaded", function(event) { @@ -135,7 +66,7 @@ document.addEventListener("DOMContentLoaded", function(event) { themeEle.href = "/css/themes/forestGreen.css"; } if(themeid == "light") { - themeEle.href = "/css/theme/light.css"; + themeEle.href = "/css/theme/solid/light.css"; } if(themeid == "m") { themeEle.href = "/css/themes/milkshake.css"; @@ -146,15 +77,135 @@ document.addEventListener("DOMContentLoaded", function(event) { if(themeid == "rb") { themeEle.href = "/css/themes/red-black.css"; } - if(themeid == "s") { - themeEle.href = "/css/themes/sunset.css"; - } - if(themeid == "l4") { - themeEle.href = "/css/themes/legacy.css"; + if(themeid == "v4") { + themeEle.href = "/css/theme/solid/legacy.css"; } if(themeid == "midnight") { - themeEle.href = "/css/theme/midnight.css"; -} + themeEle.href = "/css/theme/solid/midnight.css"; + } + if(themeid == "black-red") { + themeEle.href = "/css/theme/gradient/black-red.css"; + } + if(themeid == "black-blue") { + themeEle.href = "/css/theme/gradient/black-blue.css"; + } + if(themeid == "black-green") { + themeEle.href = "/css/theme/gradient/black-green.css"; + } + if(themeid == "red") { + themeEle.href = "/css/theme/gradient/red.css"; + } + if(themeid == "purple") { + themeEle.href = "/css/theme/gradient/purple.css"; + } + if(themeid == "black-orange") { + themeEle.href = "/css/theme/gradient/black-orange.css"; + } + if(themeid == "ocean-blue") { + themeEle.href = "/css/theme/solid/ocean-blue.css"; + } + if(themeid == "black-purple") { + themeEle.href = "/css/theme/gradient/black-purple.css"; + } + if(themeid == "black-coral") { + themeEle.href = "/css/theme/gradient/black-coral.css"; + } + if(themeid == "black-ruby") { + themeEle.href = "/css/theme/gradient/black-ruby.css"; + } + if(themeid == "black-yellow") { + themeEle.href = "/css/theme/gradient/black-yellow.css"; + } + if(themeid == "black-pink") { + themeEle.href = "/css/theme/gradient/black-pink.css"; + } + if(themeid == "black-white") { + themeEle.href = "/css/theme/gradient/black-white.css"; + } + if(themeid == "dark-purple") { + themeEle.href = "/css/theme/gradient/dark-purple.css"; + } + if(themeid == "sunset") { + themeEle.href = "/css/theme/gradient/sunset.css"; + } + if(themeid == "indigo") { + themeEle.href = "/css/theme/gradient/indigo.css"; + } + if(themeid == "fire-ice") { + themeEle.href = "/css/theme/gradient/fire-ice.css"; + } + if(themeid == "purple-blue") { + themeEle.href = "/css/theme/gradient/purple-blue.css"; + } document.body.appendChild(themeEle); }); +document.addEventListener("DOMContentLoaded", function() { + var saveButton = document.getElementById("save-button"); + saveButton.addEventListener("click", function() { + var backgroundInput = document.getElementById("background-input"); + var imageURL = backgroundInput.value; + + if (imageURL !== "") { + localStorage.setItem("backgroundImage", imageURL); + document.body.style.backgroundImage = "url('" + imageURL + "')"; + backgroundInput.value = ""; + } else { + + } + }); + + var resetButton = document.getElementById("reset-button"); + resetButton.addEventListener("click", function() { + localStorage.removeItem("backgroundImage"); + document.body.style.backgroundImage = "url('default-background.jpg')"; + }); + + var savedBackgroundImage = localStorage.getItem("backgroundImage"); + if (savedBackgroundImage) { + document.body.style.backgroundImage = "url('" + savedBackgroundImage + "')"; + } +}); + +document.addEventListener("DOMContentLoaded", function() { + var savedBackgroundImage = localStorage.getItem("backgroundImage"); + if (savedBackgroundImage) { + document.body.style.backgroundImage = "url('" + savedBackgroundImage + "')"; + } +}); + +var eventKey = localStorage.getItem("eventKey") || "`"; +var panicLink = localStorage.getItem("panicLink") || "https://classroom.google.com/"; + +document.addEventListener("keydown", function(event) { + if (event.key === eventKey) { + if (window.self !== window.top) { + window.parent.location.href = panicLink; + } else { + window.location.href = panicLink; + } + } +}); + +var eventKeyInput = document.getElementById("eventKeyInput"); +eventKeyInput.addEventListener("input", function() { + eventKey = eventKeyInput.value; +}); + +var linkInput = document.getElementById("linkInput"); +linkInput.addEventListener("input", function() { + panicLink = linkInput.value; +}); + +function saveEventKey() { + eventKey = eventKeyInput.value; + localStorage.setItem("eventKey", eventKey); + localStorage.setItem("panicLink", panicLink); +} + +// Retrieve selected option from localStorage and update the head section +const selectedOption = localStorage.getItem('selectedOption'); +if (selectedOption) { + updateHeadSection(selectedOption); +} + diff --git a/static/settings.html b/static/settings.html index 2f8aba361..3d09937d8 100644 --- a/static/settings.html +++ b/static/settings.html @@ -75,19 +75,33 @@

Particles

Themes!

Choose through a selection of themes!

- + - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + +
@@ -101,5 +115,4 @@

Themes!

gtag('config', 'G-WKJQ5QHQTJ'); - diff --git a/static/tabs.html b/static/tabs.html index 0bdef749a..b46e9de6a 100644 --- a/static/tabs.html +++ b/static/tabs.html @@ -47,5 +47,5 @@ - + \ No newline at end of file