From 22fa2d4759d66ad620ef62e86343e559792a12b2 Mon Sep 17 00:00:00 2001
From: Mystikfluu <Mystikfluu@gmail.com>
Date: Sat, 9 Jul 2022 16:09:27 +0200
Subject: [PATCH] change user page design

---
 css/global.css          |   6 +++++-
 images/settings_min.png | Bin 307 -> 1064 bytes
 js/user.js              |   2 +-
 views/user.html         |   4 ++--
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/css/global.css b/css/global.css
index 27fb77e..038930c 100644
--- a/css/global.css
+++ b/css/global.css
@@ -30,6 +30,10 @@ li a {
   text-decoration: none;
 }
 
+.totib {
+  margin-top: 6.5%;
+}
+
 li a:hover {
   background-color: #111;
 }
@@ -53,5 +57,5 @@ footer {
 }
 
 .less_padding {
-  padding: 16px 16px;
+  padding: 6px 14px;
 }
diff --git a/images/settings_min.png b/images/settings_min.png
index 58ee1ee717a52095083f19ad5588a0ba7184ef0d..56aa1718039b6ecc80211127c2b59c772f9532e9 100644
GIT binary patch
literal 1064
zcmV+@1lRkCP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D1HDN^K~zXf)s{(Y
zPEi!cpIIWIB1CGe1!AsRAm$Vc8zmY`f*3+dyATP%&Xm@$6G2FjSP(JBm{^EJi=as(
zLYvT*&@Pag!tejyxzGK+zOU`K6944?opaB<_nbSO^S<C;p_9q1P*6}%iRc%#f?Ji9
zm8(tfFgly;FbLWeF&+*xE`?bm>%d?f>=vmZa#+l8(>sjBz&M%&8(@){e2g&ZV}i*T
z%$*Bg$d{Q?(CUtD;9Zy#8iL?3cUXd5?Gm^craOBA&oFMkjoS@3LHTcnbLrEV7)gO2
zBhnq$!amR~rY$HytA!Cb-}De&OvcE~&8<PKh*~ieuxF%(JGcxl!rQPO>iD}uVW3He
z?{HOpef_Jb86h#9*!2;_#;6tJJ=_6LvU)j70drO&%3=Dc9Ax|!(_>`JV;sFkxYw%V
zn}>rY?ETT#L8X-DKZhsitD{dr^*-EDE8h$0(<!AO(~jjpfh9k{k(!LX41K%V(^1Np
z3Y+^B4u#Fw`l>S>nete#*EyF%1>KB(044<$${Dl4cBcgj%JKE4ry$<3tyD)V?u0t7
zcQ_hEpB|5n%>|Y7d$1RrFN23X=DcB!GC{l6HEn~9*p)FM!W}b6_oAa!#|7x_=#I%H
z&<|RSlOnhPeR^p93+1_R-K2b7gH^=&4V4k`QEQh;NBGv{RFlFb0^T$|K!1SH?j2^E
zY%rOQvHEGRR)0>DLT{5k{8#Jr7L$o^f&CTxC@`t}a+t$$#gz$t24YUs3h~CIo9jc1
zQu?K)6Hf9FQ{X<R;}6pTyRM-L`Zx_$MrT3){_~lm$5n?u1U`aFK^=V!ec?%@luXK6
zGpwd;D)+RDp6JyKu0npJU8r$}iEtEjrBv9(*ee7rMqd?~f<xF&;kOa~G+V|yJ_vtD
zYH$=sy_mcQU1^pC?Q{!c_A*wBR_PREKN_j2XsdGRwT=!AQ7%ryaSMHe(U(D8Ne}o8
zo~N(c=IP_%UUn^ZS9Vj7DX?~|>gD4TEW^>ssQDL+*OzG~JPTFJeH>%X8q;I63XGHG
z2t6GAw@Sh<cn-dVy0bA*?;#gv!XkoSH9bU9;6}uNs1@S{3=_W{=uXA-<5i03L-QkQ
zCO@u)CWWt1sij=iSbbMrp8B{COQGttQnErugBG&Z4=QB3V-*P1>=Gti3XKN(REyQ;
zLv>q^DhA^wBaXwZ^xX)J9ufn$1sv*&<5w~v{34m&A+%Sklkm}`gQ{CrL4~XX6XXj*
iN2gtj58?lUAov3+qd!P^gF$})0000<MNUMnLSTZGzUylM

literal 307
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zC0t0+PT!FMPRl#ot^@~75rAmVQ
zf*JY+J`^0NKX0%=;r_WfGs}{lY+r0?@i$eM)KqbN2~<_?>Eal|aox0!o$s&#53}=W
zYwNq;|F@f!W-$pV23Tb7c(Q%r>A9(8KW}=UYBIg=JX@IMsG!s7`!9aZ$X49`bVix+
zisV0ryrRW?oPRbrPT9%dZBYMgSE#{l=bRPdr=s}&1~LYPG_Aa=yKvou{>-w!-fJqS
df1h5@80^8i=}h7^9-tE#JYD@<);T3K0RX{yW`qC$

diff --git a/js/user.js b/js/user.js
index 60676ee..4b0e4a3 100644
--- a/js/user.js
+++ b/js/user.js
@@ -48,6 +48,6 @@ async function setuser() {
     avatar = "/images/default_avatar.png"
   }
   document.getElementById("user").innerText = `User: ${username}`;
-  document.getElementById("bio").placeholder = decodeURIComponent(bio);
+  document.getElementById("userBio").placeholder = "Bio: " + decodeURIComponent(bio);
   document.getElementById("avatarimg").src = avatar;
 }
diff --git a/views/user.html b/views/user.html
index 4775465..50099a0 100644
--- a/views/user.html
+++ b/views/user.html
@@ -17,13 +17,13 @@
       <h1>Welcome Back!</h1>
   </header>
   <main>
-    <div class="form_class info_div">
+    <div class="form_class info_div totib">
       <h2 id="user">User: USER</h2>
       <br>
       <img id="avatarimg" width=100 height=100>
       <br>
       <br>
-      <span class="bio">Bio: <input type="text" id="bio" disabled placeholder="wow such empty"></span>
+      <h4 id="userBio">Bio: </h4>
       <br>
       <button onclick="logout()">Logout</button>
     </div>