From 3d96fb7531a0132d6f0b34806dfd7ca9a64c545d Mon Sep 17 00:00:00 2001 From: ayyghost Date: Mon, 18 Nov 2024 15:32:04 +0000 Subject: [PATCH] Implement random room generator, login page tweaks --- css/style.css | 58 +++++++++++++++++++++++--------- img/icons/github-mark-white.svg | 1 + img/icons/icons8-dice-90.png | Bin 0 -> 1613 bytes img/icons/icons8-link-64.png | Bin 0 -> 775 bytes index.html | 6 +++- js/cryptodog.js | 16 +++++++-- js/etc/locale.js | 1 - js/etc/roomName.js | 43 +++++++++++++++++++++++ js/etc/ui.js | 4 +-- js/etc/xmpp.js | 2 +- lang/en-us.json | 8 ++--- 11 files changed, 110 insertions(+), 29 deletions(-) create mode 100644 img/icons/github-mark-white.svg create mode 100644 img/icons/icons8-dice-90.png create mode 100644 img/icons/icons8-link-64.png create mode 100644 js/etc/roomName.js diff --git a/css/style.css b/css/style.css index c5b5479..233e654 100644 --- a/css/style.css +++ b/css/style.css @@ -233,27 +233,20 @@ div#bubble #loginTabs [data-selected=true] { div#bubble .loginForm { width: 500px; height: 172px; - margin: 0 auto; - display: block; + margin: auto; z-index: 1; - position: relative; } div#bubble .loginForm [type=text] { - margin: 9px 0; - border: none; - display: block; - padding: 7px; + padding: 5px; text-align: center; - resize: none; - background: #999; } div#bubble .loginForm #conversationName { + font-size: 2em; border-radius: 4px 0 0 0; width: 450px; - font-size: 2.8em; - margin: 0 auto 10px auto; + margin: 0 auto 5px auto; display: inline-block; border: 0; outline: 0; @@ -263,18 +256,26 @@ div#bubble .loginForm #conversationName { div#bubble .loginForm #conversationNameStrength { visibility: hidden; + width: 18px; + height: 18px; + background-size: 12px; + background-repeat: no-repeat; + border-radius: 100%; +} + +div#bubble .loginForm #randomRoomName { display: inline-block; + cursor: pointer; width: 20px; height: 20px; - background-size: 12px; + background-image: url('../img/icons/icons8-dice-90.png'); + background-size: 16px; background-repeat: no-repeat; - background-position: center; - border-radius: 50%; } div#bubble .loginForm #nickname { width: 300px; - font-size: 2em; + font-size: 1.8em; margin: 0; display: inline; border: 0; @@ -321,6 +322,10 @@ div#bubble div#info { font-family: Verdana, Arial, Helvetica; } +div#bubble div li { + margin: 5px 0; +} + div#bubble #info #introParagraph { /*color: #333;*/ color: #e5e5e5; @@ -352,11 +357,32 @@ div#footer a { div#footer #version { font-size: 10px; font-family: monospace; - color: #FFF; float: left; margin-left: 4px; } +div#footer #website { + font-size: 10px; + padding-left: 16px; + background-image: url("../img/icons/icons8-link-64.png"); + background-position: center left; + background-repeat: no-repeat; + background-size: 12px; + float: left; + margin-left: 16px; +} + +div#footer #github { + font-size: 10px; + padding-left: 16px; + background-image: url("../img/icons/github-mark-white.svg"); + background-position: center left; + background-repeat: no-repeat; + background-size: 12px; + float: left; + margin-left: 16px; +} + a#customServer { margin: 0 10px; float: right; diff --git a/img/icons/github-mark-white.svg b/img/icons/github-mark-white.svg new file mode 100644 index 0000000..d5e6491 --- /dev/null +++ b/img/icons/github-mark-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/icons/icons8-dice-90.png b/img/icons/icons8-dice-90.png new file mode 100644 index 0000000000000000000000000000000000000000..73fd68931f507c0724bb5fd5fc0795f8a6201dfd GIT binary patch literal 1613 zcmV-T2D15yP)kuO+0sC@LdB3vdhYs*Dhqi~=tMUBDVOp~*-6-7Vj_{>7XY zUzATRWr-ZN$tukU9|4zSu;WtTfF~OU#m5E3s2cB}8cjY~Wnjx{&$jIGtES$$-%BL) z6`pN5;a5$)bH2m11M0Dm!H(s?LC?1AD@N7iXX9(YxJL&^-bC0_c;^3XA*a0rvy%H(Fh>LD@2|XdTiT@02aZ+L`!uV1s3Q9l-Oz z$pXbaDSdWW+Pp!0u8pw%1a7oxFR7D{H4c0UJOV7Te5`B(j(HULnDnvK!oEe~oANP< zL#FNOI#iQI8h-%0OjdJMfH{)Q-Y0p#yi7=2s?9l(A<75wMfsG*m}&dEj!m5$kOhYE z&KFZl>75y!tmkiubgs4Z^JbgGuuWe{2ITqK?f@>Z=(82r41ASwhfPH`i!J(DB60Ik zTPIEX)ESePQ5k6+4o6zvUrsgiuCnF1u<??I6J+3qF zrgrEIOk>!>z9HZ#V3{*RlkHz7ePyY7GRCE$x|P-0#{sZTO0!J)2YAs(34m%-+E#to zlDaeL(%>Ze>aJUFS;|$Lx_SthpTpMq(uQg)4=Sl~x8y@_)ji9dh%Ck@u`=e`z2v6? zY&Cg~%MyR9+?y9Q(cV$l{*y@;7a??O%(ZHf;EGSPgoeO{z+s2|zHO2!D?;e@m}}c` z%YNO+mPq15$9?uB#Ptmmx;LTx%QX*bY*Wu;6S71|Mgyn_q5EU5Rk=LZ3}|e7FJl`j zB3dW+tW6R8f7un87#k+Enl$dLyLLP7sc3A=GWn@UXnoy%k7=&IGNvE3McOc-kpIhZHAM^Ul_;NW zZ3%nMI{wYNwGf2XPj2_(h#>SdSH}q5k0XN6(`>I3`7TE(v$F)Drx}q+twj->S4=T zXzMzVl4Mva;=A#iUU>vpv-TF?M@yr}O)kzUv{j!qs8bsrkBgcLLkhn)dwwYsP5(am zLEiRioWL5vy&Pl}CHL!tArZK72UcZ#hO09>zH#Y!l-!?7zLR$jjbFxZwBX&Y4jPP- z`*FdyO((EM@FOJ@`lvkaX3mM~Oodjxz-J{8`U~K`Qk>H0S@16469Zv>)wFlQpq;~V zve?WOI1aT+%y`u0OPV&+acpTEirc}PbpW>kA0&vR7DUTaj^6n>;a>H&*6qc5(*!Ve zy6v0lQ6U2F)`?sv_8wWmsgu^jdphN^AB7&%R zERP};62Ad@LMV}_CPd?&JtlgFYcp@bl2Vk(4_EF8}>Gy|I zu(ao!OsD_1rJe0-`&2WUV(|%SzCn3Ff*jCGlGenc9+yEr~q?+|j{G zM!W(%?z?AJ97sj{_+ReR7vA-q1(QDO);MCeN|#i+G4Z3o zx4NCtWX2>lA!$au;xHSPozb*5aGKnh_)`^~`30Q)2cz`4RR^EI`;aqXe&f0g)?u;H z`aa!U-Nq%4*vHKa(1n%8ENv0shNV-_Bml-3X*K7*7A{S>Os{k1w5PdBPCvlBWdKe~ z1clInLf4FxvC}j5geiqjM>`O7mtz^5J;fKd#E-yj;E*}p8H(bM4GdrfM3vinz5}L` z7Oxny5~SGZDBd}#Y6Q9-z{ceyXTFFzu_>cnme%8VtBUw7tq=UE(}gB}@r86%4;exd z*9$LDMJTPAPr}cKhBo>6K|&k+d=n6}pU-46nM_8i_zjT063T@T790Qo002ovPDHLk FV1gn)Tsr^& literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 64e9275..42a2793 100644 --- a/index.html +++ b/index.html @@ -30,6 +30,7 @@ + @@ -90,7 +91,8 @@ - +
+
@@ -102,6 +104,8 @@