From 522f4f602a52ac8767c77a1e98b160c3dd6ea998 Mon Sep 17 00:00:00 2001 From: Misthaa Date: Tue, 17 Sep 2024 14:28:57 +0200 Subject: [PATCH] Site : - Fix "REGISTER" to "Register" - Fix "NEWS" to "AUTHORS" - Fix Chat Button to icon (No notifications) - Fix not center title on login and register screen --- .../server/server/templates/homePage.html | 8 ++--- .../nginx/static/img/homePage/bulle.png | Bin 0 -> 3660 bytes .../nginx/static/javascript/homePage/main.js | 12 +++++-- .../nginx/static/style/homePage/home.css | 13 +++---- .../nginx/static/style/homePage/liveChat.css | 33 ++++++++++-------- .../static/style/lobbyPage/lobbyPage.css | 2 +- 6 files changed, 39 insertions(+), 29 deletions(-) create mode 100644 docker-compose/requirements/nginx/static/img/homePage/bulle.png diff --git a/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html b/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html index 83c2f41..4763f21 100644 --- a/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html +++ b/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html @@ -3,9 +3,9 @@

PTME

-

HOME

+

HOME

PROJECT

-

NEWS

+

AUTHORS

LOGIN

@@ -58,7 +58,7 @@ - +
Already have an account? Log in
@@ -68,7 +68,7 @@
-

CHAT

+
diff --git a/docker-compose/requirements/nginx/static/img/homePage/bulle.png b/docker-compose/requirements/nginx/static/img/homePage/bulle.png new file mode 100644 index 0000000000000000000000000000000000000000..4ee5df8568d558eeda5b5b2bf64795d564bcc1ac GIT binary patch literal 3660 zcmbVP2~<;88h+W>Wf4IZl@O4El9eq9ivbc0O4vkJaq94 z0~-SX0A>WUnUU~Yt$p-#;O`rLyu0vAU&>x72LRMX?SuGr$6zo3pa+FfTm_dCLgz~o z2t0vg14vLNNMSSp_$*RNdHi@#f!zSc3dO#-p({-|tWe;KTj9YWaioD@oRFO=1DBt!xsi7DCf(BQiV_= z#%dXP8ze~zUmWb|rw|gP)3jpw=QP0yBPw}PBAGzahV&6A;7{YENixw#;{rYr6oCn# zSRse8 zqPXKpG(6cWitI+Gc+x5E3rQ3@iS!A|kqCqvReuPj(kULlgTgH%;3;^22^R3_8zr&? z9vrYRffoxBrQ%o|b~=spK#52qgAK#pxqbA4!=VR@zs;k) zZ`ziivxRcFSgOxAVi}nDc_k8JKXw6~$JchZFOIJ*D=5Hy77PD&20qcI#DOsBpOpI( zOfK1|Na4vq|5!L%f7wn%*mXnqtBmcqDR_t4 z^c$1lXO z%J-AW8%GCdBNL8adC_8fyyRnJ-H%lRlO=~i>!A8KN%hE}STe$KzdklG1lUs@zYk2C zMYW;M9JeCrSYfitE*f(Lwv`AaN~y0jR_Z9f*?*mHaKhv$vOvcOc;S%yFw+&)gBTke z_nvh+CweDOGX;fc=4f(SzcU9dq`Fe`;Z*hwdrYN?)P;n4wD3^G3ttghj5;4Q&-&?3 zQ-&ecaNK3sY{IfYC@O1jczV$wo}WuCoP{bt`~zGj@4A2)ycw6 z8d5R+?q|#CCQ{d7QqQE5luELrHZJK|fQJ&H9nkUR2JWXWnjJN8Z5KQ+fc2b*c^s$H zo*l>{)bXVIC(Ix#jUBi8nPMH_gpkxbCR;EJYiH*@Ja;EG#+Wpli=4EzzAGN7d~BG- z5T8$km@%f~lwo_5{4oucBDa7ZLxmO#tC6+FM=_$aaSk4%=n~Xygx!U>7x|E+Yrf13 z@`Ge=4*KLD$h&5%t~sol!9x$DGz(&iDML1b_h;TjXedSvv#yS;zy;nc;`JfO9jSww^B6>(LYMXqXDb7M;Hs;noB>ZKA5oZ5Sqp6iD?-^+a8D?3dlqjS?X)p zuxP;p8(!O*i8b&(rr>(zuan*xJzc%$pTpZr*M~FrUJBy6clvdfvXIh#u2J>6108yq z|2p=;SeCZRQQbXjca4@nwe&#pSOYOZ9{2nxF!L5Vhw7wm{!hd5k?c9-u zn8r3rFK7Gs=XCzd4r!^eBYg8@Fk}ARs)p|e?iJ!}m-{WNcHLZGTybV)?hGf_gtqK@Dt$#wl5F)eD_i}MzhP9YS z-iV0^VLH%=8dz=rY%5e_UTJsONl(*$TXm&-Yt%6;P~`laFujgp6TWX1*JvS7Zw&g# z+^TNzq6HjN=*2wMY{!_7%Ze|m>Sw61=-V~G_%h_^=?7?pfE~4z6H|T}%JY6bTK~Sx z-5bUI3Wd(+piPqB-`zuLwwwp0@*MlWg)hJ0RlgqmLo4 zH3>V&@fY|!ilN~XxV;?{?qs0UJ9B;fYPkSQw)NV!4Y6vL{yKD z2Fpslk$n+LvFNv3@a|*?Fy>-lh54b3Er}}KwI;rkrZyU1+m;O?x%HK> zq0H=Gd>?2GZ~M+NW~Om|_*x7=`9&Id(_lume%>K&R)tr?9@j|MQ^%FG4AkPbiunWG zIWY$_5atJRJ8HH*Ly6_VWo8UR>#+J)HXWp$%)3-OrAPYvUv6V)}u`m?xq&1pxF@xE)|1kBthSuTE5|VEy=Q$cH-(*4dQ`x z${Z5*86S$S0d8ak9UHLX{A?;EO{Jytdb3B*M~tX|aeAeH{>7iEX}(pKgY9kM4>EQ} z{9-@9_gU7ZJDYlUJY(LEF0N7OU@q9IG%sqS3Yv`TUdH0glMm~Wm!)`7!bq7d8NN%e zy|tFkrc~8+c5=(gyBFpg zA}7dOQ^tZyVy*fJ#vKCLM*mL z!)N~Y-tKZ=3;4CH-&=4GmY)14ayV&fmLU4R^T~2#UupdaJhf9wT6mg`tS-Cdu6%vU zjo6ly;ucGWykeDwB|oL{*rRjXy{mPHbsl;hIdswLF_YJ_A~M#n(pu@B-p%4xug|OZ z-rl4ql9 +#+ +:+ +#+ */ /* +#+#+#+#+#+ +#+ */ /* Created: 2024/08/25 00:02:19 by edbernar #+# #+# */ -/* Updated: 2024/08/25 18:26:17 by edbernar ### ########.fr */ +/* Updated: 2024/09/17 13:06:30 by marvin ### ########.fr */ /* */ /* ************************************************************************** */ @@ -22,6 +22,7 @@ class HomePage Login.create(); LiveChat.create(); window.addEventListener('scroll', scrool); + window.addEventListener('bScroll', scrollToSection) } static dispose() @@ -30,9 +31,16 @@ class HomePage Login.dispose(); LiveChat.dispose(); window.removeEventListener('scroll', scrool); + window.removeEventListener('bScroll', scrollToSection) } }; +function scrollToSection() { + document.querySelector('#homeSection relative').scrollIntoView({ + behavior: 'smooth' + }); + console.log("CACA"); + } function scrool() { diff --git a/docker-compose/requirements/nginx/static/style/homePage/home.css b/docker-compose/requirements/nginx/static/style/homePage/home.css index 5751755..f73a1b4 100644 --- a/docker-compose/requirements/nginx/static/style/homePage/home.css +++ b/docker-compose/requirements/nginx/static/style/homePage/home.css @@ -3,10 +3,10 @@ /* ::: :::::::: */ /* home.css :+: :+: :+: */ /* +:+ +:+ +:+ */ -/* By: edbernar +#+ +:+ +#+ */ /* +#+#+#+#+#+ +#+ */ /* Created: 2024/08/07 12:00:55 by edbernar #+# #+# */ -/* Updated: 2024/09/13 10:40:18 by edbernar ### ########.fr */ +/* Updated: 2024/09/17 14:20:28 by marvin ### ########.fr */ /* */ /* ************************************************************************** */ @@ -119,7 +119,7 @@ body { } #topBar #loginButton:hover { - background-color: #020202; + background-color: transparent; color: white; cursor: pointer; } @@ -173,8 +173,7 @@ body { .right-side-register h1 { font-size: 2rem; margin-bottom: 30px; - align-items: center; - justify-content: center; + text-align: center; } .close { @@ -189,8 +188,7 @@ body { .right-side h1 { font-size: 2rem; margin-bottom: 30px; - align-items: center; - justify-content: center; + text-align: center; } form { @@ -251,7 +249,6 @@ button { .old-player { text-align: center; - margin-bottom: 20px; } .old-player a { diff --git a/docker-compose/requirements/nginx/static/style/homePage/liveChat.css b/docker-compose/requirements/nginx/static/style/homePage/liveChat.css index 1f53f84..6ee00cd 100644 --- a/docker-compose/requirements/nginx/static/style/homePage/liveChat.css +++ b/docker-compose/requirements/nginx/static/style/homePage/liveChat.css @@ -3,33 +3,38 @@ /* ::: :::::::: */ /* liveChat.css :+: :+: :+: */ /* +:+ +:+ +:+ */ -/* By: edbernar +#+ +:+ +#+ */ /* +#+#+#+#+#+ +#+ */ /* Created: 2024/07/30 13:53:39 by edbernar #+# #+# */ -/* Updated: 2024/08/25 18:20:50 by edbernar ### ########.fr */ +/* Updated: 2024/09/17 14:13:56 by marvin ### ########.fr */ /* */ /* ************************************************************************** */ #chatButton { position: fixed; - bottom: 10px; - left: 30px; - background-color: white; - width: 100px; - height: 40px; - text-align: center; cursor : pointer; z-index: 10; -} - -#chatButton p { - margin: 0; - margin-top: 10px; + bottom: 40px; + left: 60px; + background-color: #020202; + border-radius: 50%; + height: 70px; + width: 70px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + transition: transform 0.3s ease; } #chatButton:hover { - background-color: rgb(204, 204, 204); + transform: scale(1.2); +} + +#chatButton img{ + width: 45px; + height: 45px; } #chatDiv { diff --git a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css index 41e0545..9c5de67 100644 --- a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css +++ b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css @@ -185,7 +185,7 @@ body { padding: 0; padding-inline: 50px; display: flex; - background-color: #020202; + background-color: transparent; gap: 2rem; align-items: center; justify-content: center;