From a2141b48a0d1a3763ac76c4a245831c206c12f10 Mon Sep 17 00:00:00 2001 From: lindenkron Date: Tue, 18 Apr 2023 23:38:31 +0200 Subject: [PATCH 01/27] Initial commits --- .vscode/launch.json | 15 + index.html | 106 ++-- lib.js | 48 +- main.css | 1096 ++++++++++++++++----------------------- main.js | 4 +- translations/blank.json | 4 +- translations/en.json | 4 +- 7 files changed, 552 insertions(+), 725 deletions(-) create mode 100644 .vscode/launch.json diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..2ba986f --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/index.html b/index.html index 87c5cf5..10d2776 100644 --- a/index.html +++ b/index.html @@ -298,7 +298,7 @@ - + @@ -366,22 +366,21 @@ Show me some tips.. - -
+
Add More Here!
From 90dc678e90f35fb0cff83b183b3fb9d63a9287f0 Mon Sep 17 00:00:00 2001 From: lindenkron Date: Wed, 19 Apr 2023 01:22:07 +0200 Subject: [PATCH 08/27] NINJA STARHS! --- main.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/main.css b/main.css index bdbbba9..7e000b1 100644 --- a/main.css +++ b/main.css @@ -752,7 +752,11 @@ hr { border-radius: var(--video-rounded); } -#gridlayout,#directorlayout { +.darktheme #gridlayout, .darktheme #directorlayout { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAA/ElEQVQYlTWPwUrEMBCGJ2mUNKZxIbRQ2oPeRT34OH2HPfQ5eugzeRG8rOLdvRVagm5Jm+DSILO0c5kZZub/vyF1XcMWTdNgda2UeqSUSmvt736/P7C2bZ9DCN8hhBMAxEqpJ601H4bhJ4RwxCsqpdwJIe6wieP4Icsy3nWdt9Z+rIdAlFIvWmuJAynlVRRFsCwLTNPknXNfAODoOI6fxhhfliUnhNCqql4xF0Vxg9bISFbmGK2EEJwxdlGy1p7zPOfGGEvX75xz7n2apnOSJBFaee/fEB6/ZBd6Sm8RPk1T3vf9xgLzPB8ppWRbumeM7VAaGQHgb3U4AcDhH7U6eiFtegoRAAAAAElFTkSuQmCC') +} + +#gridlayout, #directorlayout { padding: 0; width: 100%; height: 100%; @@ -760,6 +764,7 @@ hr { justify-items: stretch; border: 0; margin: 0; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAXklEQVQYlY2QQQrAIBADR9v/v7jVEiEQF1qaiyw7jFH+pM05K9aAI+arAyfQX4BBLH1uhgopMmY0y7yguyxlcGRuLl67bPF1ItOwGbN4dnKFVdyLfIAAf56gBX4HeACpTBUQDGw6iAAAAABJRU5ErkJggg=='); } #gridlayout{ z-index:-1; From d39b8fa0016f22fc74d131ebb512487f15a0cf61 Mon Sep 17 00:00:00 2001 From: lindenkron Date: Wed, 19 Apr 2023 01:30:49 +0200 Subject: [PATCH 09/27] Unsure about this one. What does it break? --- main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/main.css b/main.css index 7e000b1..b282bdf 100644 --- a/main.css +++ b/main.css @@ -1534,8 +1534,8 @@ body.darktheme{ box-shadow: 0 0 31px 0px #244e1c44; animation: pulsate 2s ease-out infinite; } -#mainmenu { - height:100vh; +#mainmenu { + height:0; /* This fixes my background issue - but I'm unsure what it breaks. */ } .mainmenuclass { display: inherit; From 4db46891bd3310de5f940e564d1871211251ed98 Mon Sep 17 00:00:00 2001 From: lindenkron Date: Wed, 19 Apr 2023 01:39:45 +0200 Subject: [PATCH 10/27] Lightmode X close --- main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/main.css b/main.css index b282bdf..efa8810 100644 --- a/main.css +++ b/main.css @@ -2096,6 +2096,10 @@ label { color: #000; } +.darktheme .inner:before, +.darktheme .inner:after { + background: var(--discord-text); +} .inner:before, .inner:after { @@ -4894,6 +4898,7 @@ input[type='text'], input[type='password'] { border: 1px solid var(--lighttheme-6); color: var(--lighttheme-text); border-radius: 4px; + padding: 4px; height: 25px; } input::placeholder { From 510a18ba3f5c4d94d18f74d89ad83f56bc2029cf Mon Sep 17 00:00:00 2001 From: lindenkron Date: Wed, 19 Apr 2023 02:14:10 +0200 Subject: [PATCH 11/27] background image --- main.css | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/main.css b/main.css index efa8810..ffbfe30 100644 --- a/main.css +++ b/main.css @@ -752,9 +752,6 @@ hr { border-radius: var(--video-rounded); } -.darktheme #gridlayout, .darktheme #directorlayout { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAA/ElEQVQYlTWPwUrEMBCGJ2mUNKZxIbRQ2oPeRT34OH2HPfQ5eugzeRG8rOLdvRVagm5Jm+DSILO0c5kZZub/vyF1XcMWTdNgda2UeqSUSmvt736/P7C2bZ9DCN8hhBMAxEqpJ601H4bhJ4RwxCsqpdwJIe6wieP4Icsy3nWdt9Z+rIdAlFIvWmuJAynlVRRFsCwLTNPknXNfAODoOI6fxhhfliUnhNCqql4xF0Vxg9bISFbmGK2EEJwxdlGy1p7zPOfGGEvX75xz7n2apnOSJBFaee/fEB6/ZBd6Sm8RPk1T3vf9xgLzPB8ppWRbumeM7VAaGQHgb3U4AcDhH7U6eiFtegoRAAAAAElFTkSuQmCC') -} #gridlayout, #directorlayout { padding: 0; @@ -764,7 +761,6 @@ hr { justify-items: stretch; border: 0; margin: 0; - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAXklEQVQYlY2QQQrAIBADR9v/v7jVEiEQF1qaiyw7jFH+pM05K9aAI+arAyfQX4BBLH1uhgopMmY0y7yguyxlcGRuLl67bPF1ItOwGbN4dnKFVdyLfIAAf56gBX4HeACpTBUQDGw6iAAAAABJRU5ErkJggg=='); } #gridlayout{ z-index:-1; @@ -1136,10 +1132,6 @@ button.glyphicon-button.active.focus { outline: 0px !important; height:100%; animation: fadeIn 0.2s; - background-size: cover; - background-image: var(--background-main-image); - background-repeat: no-repeat; - background-attachment: fixed; background-position: center; overflow-x: hidden; position: absolute; @@ -1457,6 +1449,12 @@ html { outline: 0; } +body.darktheme{ + background-color: var(--dark-background-color); + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAA/ElEQVQYlTWPwUrEMBCGJ2mUNKZxIbRQ2oPeRT34OH2HPfQ5eugzeRG8rOLdvRVagm5Jm+DSILO0c5kZZub/vyF1XcMWTdNgda2UeqSUSmvt736/P7C2bZ9DCN8hhBMAxEqpJ601H4bhJ4RwxCsqpdwJIe6wieP4Icsy3nWdt9Z+rIdAlFIvWmuJAynlVRRFsCwLTNPknXNfAODoOI6fxhhfliUnhNCqql4xF0Vxg9bISFbmGK2EEJwxdlGy1p7zPOfGGEvX75xz7n2apnOSJBFaee/fEB6/ZBd6Sm8RPk1T3vf9xgLzPB8ppWRbumeM7VAaGQHgb3U4AcDhH7U6eiFtegoRAAAAAElFTkSuQmCC') + +} + body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; @@ -1464,7 +1462,6 @@ body { padding: 0 0px; height: 100%; width: 100%; - background-color: var(--background-color); font-family: Helvetica, Arial, sans-serif; display: flex; flex-flow: column; @@ -1473,10 +1470,14 @@ body { opacity: 1; transition: opacity .1s linear; scrollbar-color:#666 #201c29; + background-color: var(--background-color); + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAXklEQVQYlY2QQQrAIBADR9v/v7jVEiEQF1qaiyw7jFH+pM05K9aAI+arAyfQX4BBLH1uhgopMmY0y7yguyxlcGRuLl67bPF1ItOwGbN4dnKFVdyLfIAAf56gBX4HeACpTBUQDGw6iAAAAABJRU5ErkJggg=='); } -body.darktheme{ - background-color: var(--dark-background-color); -} + + + +body { + } ::-webkit-scrollbar { width: 15px; From 60283c8ba45a13acde1b00aee2d692831705e276 Mon Sep 17 00:00:00 2001 From: lindenkron Date: Wed, 19 Apr 2023 02:25:32 +0200 Subject: [PATCH 12/27] revert #mainmenu height --- main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main.css b/main.css index ffbfe30..734d47f 100644 --- a/main.css +++ b/main.css @@ -1536,7 +1536,7 @@ body { animation: pulsate 2s ease-out infinite; } #mainmenu { - height:0; /* This fixes my background issue - but I'm unsure what it breaks. */ + height:100vh; } .mainmenuclass { display: inherit; From ed9a0b3d9304442f801bedaf4dc0d4f7094b354a Mon Sep 17 00:00:00 2001 From: lindenkron Date: Wed, 19 Apr 2023 03:15:21 +0200 Subject: [PATCH 13/27] Replaced background-images due to lackin darktheme --- index.html | 59 +++++++++++++++++++++++++++++------------------------- main.css | 39 +++++++++++++++++++++++++++++------- 2 files changed, 64 insertions(+), 34 deletions(-) diff --git a/index.html b/index.html index bfa072e..cb808c6 100644 --- a/index.html +++ b/index.html @@ -271,11 +271,12 @@