From d346c34b3f2b6467511273749f41d7644e2a58be Mon Sep 17 00:00:00 2001 From: 2weiEmu Date: Mon, 15 Jun 2026 18:09:08 +0200 Subject: [PATCH] updated: slowly working on styling --- public/css/index.css | 52 +++++++++++++++++++++++++++---------------- public/index.html | 15 +++++++------ public/rooms.html | 4 ++++ songmanager | Bin 11702364 -> 11702364 bytes 4 files changed, 45 insertions(+), 26 deletions(-) diff --git a/public/css/index.css b/public/css/index.css index 2ee1b13..df176b8 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -1,18 +1,44 @@ :root { - font-family: sans-serif; + font-family: "Sansita", sans-serif; + + --darker-background: #251E1E; + --lighter-background: #373333; + --green-foreground: #DDEFD7; + --green-background: #B1C0AB; +} + +body { + background-color: var(--darker-background); + margin: 0 auto 0 auto; + width: 50vw; +} + +h1, a { + color: var(--green-foreground); } -button { - padding: 5px; +input { + background-color: var(--lighter-background); border: none; - border-radius: 6px; - background-color: #bcdee0; + padding: 12px; + border-radius: 15px; + color: var(--green-background); +} + +input:focus { + border: none; + outline: none; +} + +#songFilterInputs { + display: flex; } -button:hover { - background-color: #4be8f2; +#songFilterInputs * { + margin: 10px; } + #innerSongList, #innerSongFileList { overflow-y: scroll; height: 50vh; @@ -24,12 +50,6 @@ button:hover { .songElement { display: flex; - margin: 10px; - max-width: 40vw; - border-radius: 5px; - box-shadow: grey 3px 3px 2px; - border: 1px solid grey; - padding: 4px; * { margin: auto 10px auto 10px; @@ -48,12 +68,6 @@ button:hover { font-size: 12px; } - .songElementCheck { - padding: 0; - font-size: 2.25rem; - line-height: 2.25rem; - - } } .songFileElement { diff --git a/public/index.html b/public/index.html index 224c9e1..288b9ec 100644 --- a/public/index.html +++ b/public/index.html @@ -3,6 +3,9 @@ + + + @@ -10,21 +13,19 @@ - Room Management +

See Rooms →

-

Song List

+

Songs

- - + + In DB Not In DB +
-
- -
diff --git a/public/rooms.html b/public/rooms.html index 9084726..fd2d994 100644 --- a/public/rooms.html +++ b/public/rooms.html @@ -1,6 +1,10 @@ + + + + diff --git a/songmanager b/songmanager index f75e0335c4e3fae45670a3668712d740c980f1a9..7551edf1a0d107c7208bd09959d8ceeaaba3cb94 100755 GIT binary patch delta 1100 zcmcb!;1nweZ@9t6F2KS70@D-K3nZr}{IO)&{D-ZOqdv31C{VY+EGgZo#N4sK+tAT2l7Ge1W^B{R7sw=6j@ z-PkqDqSD#BFv!P;0c4Q~0|Nsy0|SG*Uns*|cFy+?h3EPwl>BsYJj*UPdrr!A{hZ7s zGZX!s<~RK9Z}=J8-|#cFzu{+Yf5Xqx{)V5m{S7}``x}1t_BZ?-?Qi%w+u!hWwZGx# zZhyni)Bc8^xBU%2U;7(=kY0iIH~fO_Z}^4U-|!2!zu^~Yf5R`@{)S(y{SCi(`x}0V z_BZ^J?Qi&{+TZX?x4+?+X@A2n+x~`MuKf+aeES=Ih4wf6itTUsmD=C%E4RPlS80F4 zuiE~GU#`-^hF`D!4ZnW-8-9cKH~fa} zZ}^Sc-|!o^zu`A&f5UIu{)XSI{SCi)`x}0X_BZ^N?Qi(4+TZY7x4+@HX@A3S+x~{% zuKf+aeft}JhxRx8j_q&wo!Z~v-(zx(z#{2trV1Wk=hOmxi+ zQ2qH#4>{O-V|#uuQQuGD$WyN=-AJ{;twP zj@8u2%EV;4V3mg`OIl)1@$~ssh>_ssh^`s)E`bs)E}cszTZwszTcxs>0eGs>0hHsv_DQsv_GRs-oH*s-oK+ zs$$w5s$$z6s^Z!ms^Z%nsuJ2AsuJ5Bs*>6rs*>9ss#4k=s#4n>s?ypWs?ysXsxsOg zsxsRhsb zJ)z9QiFN^_IQao1YrDdfl6HkDrR@q+%C;*^DcAVKc&**Dt)kttt+L&-t*YI#t-9T_ zt)|_xt+w5>t*+g(t-jr}t)bnst+Cy+t*PC!t-0N^t)<`f7bffp*X9 htJ^)VuW9$ZzP8=-`nq<{>+9P+uW#7yd3~esP5?vKwA}yz delta 1119 zcmcb!;1nweZ@9t6uE4?o0@D-K3nZr}{IO)&{D-ZOquwkf$}zIgF+3^CAlKE&F*PhP zQ{O$(urMn$+$qp3DWW1Y$RscAT2l7Ge1YaJkz|$BiPle zR5vWu(mW_!H=sO+0c4Q~0|Nsy0|SG*UnoQKgEMUQyzNHO7ZzuC9oGE3b^dlA{hZ7s zGZX!s<~RK9Z}=J8-|#cFzu{+Yf5Xqx{)V5m{S7}``x}1t_BZ?-?Qi%w+u!hWwZGx# zZhyni)Bc8^xBU%2U;7(=kY0iIH~fO_Z}^4U-|!2!zu^~Yf5R`@{)S(y{SCi(`x}0V z_BZ^J?Qi&{+TZX?x4+?+X@A2n+x~`MuKf+aeES=Ih4wf6itTUsmD=C%E4RPlS80F4 zuiE~GU#`-^hF`D!4ZnW-8-9cKH~fa} zZ}^Sc-|!o^zu`A&f5UIu{)XSI{SCi)`x}0X_BZ^N?Qi(4+TZY7x4+@HX@A3S+x~{% zuKf+aeft}JhxRx8j_q&wo!Z~v-(zx(z#{2trV#Es01EOd>M zEs~ScjMEa6j1sj|GK)$ow|7n`;bqo9mM}L-HZw~#H%Lk{vP?}iH#Rp*GfYfLOfpC_ zwVb|ha)}(Pk(rf|#q@`hOGHIWib_+tei}I&wn-=yF*G>|IEvl))NWnn(QaMk*=}9s z)oxwo-ELjw({5em+iqRu*KS?q-)>zM&~9B7*lt}F)NWlB+-_YJ(r#T9+HPGH)^1%D z-fmqL(QaK8*=}7G)oxuC-ELhK({5cA+iqPI*KS=E-)>!%&~9Co*lt~w)NWms+-_Z! z(r#Uq+HPHy)^1&u-fmr$(QaLp*=}8x)oxvt-ELi#({5dr+iqQz*KS>v-)>!1&~9B- z*lt}_)NWl>yxqF0S;Y+Kas*|xadvu#PcXWP -- 2.54.0