From b0f4e985138b1fab2cfc364f9f3a8cb504653cc5 Mon Sep 17 00:00:00 2001 From: Raphael Maenle Date: Thu, 21 May 2020 11:37:52 +0200 Subject: [PATCH] updates account design --- app.db | Bin 53248 -> 53248 bytes server/static/css/.main.css.swp | Bin 0 -> 28672 bytes server/static/css/main.css | 118 +++++++++++++++++++----------- server/template/.account.html.swp | Bin 0 -> 12288 bytes server/template/account.html | 21 ++++-- 5 files changed, 91 insertions(+), 48 deletions(-) create mode 100644 server/static/css/.main.css.swp create mode 100644 server/template/.account.html.swp diff --git a/app.db b/app.db index 24e1da5f26432a9c28ad08cc8b56d0fdaf0d6475..f95e63b7d69c3f6f8e129b17bf93a371df302ba5 100644 GIT binary patch delta 206 zcmZozz}&Ead4e?Kgo!fFj1x8{EX`+Sn#;g6cVgqS%^wQZGV;tyVB|K}G;B2GU6Hx@ zVTms5|0t*~!?% zX!8GZhsoNt%9Cp<{lLnNVai$D6LV9+DpO1ifB>u#WV9JjMIoa(OdV@TW>sn)*z%C- TXeL7wxXmDivYX>;7X|?U$mU7V delta 155 zcmZozz}&Ead4e=!??f4A#@>wyOY>P-t}?J(o!Izn^M``9j2kCdF!4>(VB|K}G;B2G zonP7IIXTfnbn}5CG1kprD&!g2Ty!0aG7~2+C{>(XQWHJ7r;L};c=E!k6g~qT1*P1~ kywZ|XB`XD^$%ZwusA^+SRhWV_F&a%~tCriGP`e-q03awf^#A|> diff --git a/server/static/css/.main.css.swp b/server/static/css/.main.css.swp new file mode 100644 index 0000000000000000000000000000000000000000..24b1385acb1d4d1a4178d1e57566eedc53f245c5 GIT binary patch literal 28672 zcmeI)eT*Ds0mt#--ST1!h<{ii4|gFm1%`3|nnyM)KXid{`|*b1n~ka|UG>Ty z9~C!e%c(ui6217vWPyXsJy>zVLCbVy-8TJcGqkE3%f43+c|I6Oe@gm;L1>1KHE0FF zV9j*ud475Ob?7;C0y=>n2{glUZp9(S$Z%muz1rV*v^e~*&-R#6PtpnK1atyA0iA$O zKqsIR&GW;M^!+1vn2jCh##V#v=5i5A(1Wo||VFzsCKz9v9<6oR3p6 zjv*X@eevS^4C4jt!q4yn+=8vR6ko!H@L*vLmSG8w#C#aoc>wzaw_`iD;cA?VNt}*x ztiZ825YKb7<+peOkKt}yi)(NdW^e}9V**3iA3M33vjg|z9^8N}2*K?nqlR_(C{|!O zmS6#1qJsS%58+$55jWs+oC}H77{~GG$NqSM8$?gyar_E9a2u|}MVLet6|Bc93?Yvk zK8Uxt$@M1QfNz|~PBjFNn(0@Zdd_z$)vzcEzN{JfpjpaW3`b$yiS$LjZq}sOoW8;G zT+c6x{*jT9mC+K)%$Wo{i zP}YK?B^hz!$J5Vl2BA~llvA6{oyzu|Z#&;z-nEm!>o1M7&=SPDijP}j! ze6f3l(^Za?_?;y$3_VgN*my$HVr0*gx?EV1&X69xttr{T)z=p3?FYME`K%xMe3N%~!f%L$fw3d8Q6kc3%8a=ryw6t)?HSX0YKotwv;zo0Hb( zbybW$spP z_&`p|6t^Sot@5mvx2s8QZYLy&R$xff6KJ{2!-l5FVGJC9Sb89)-E<4Zocum@lDFVxvvM$WJEe2}l zOfIPk%ZA8jah#0Wp?$5w_X*22gFrZe;Dd=)F!ZAR8W)SY6jsG*bIP2se5VnL=_-p? z)u749R^IAZlYyYHYLY5-o(jXF;$_y%Ng1>+&Go!VQSm%my(OrbuA7uN5Cci{(d>LK zvsebsGH8~WHgRYKp)`40SyVmWIY*t&Fnw{yPTj-qi}r=8O-ZD}>`Gaf#kv;`6w8hu zggL9~xHg$(%Zw_(J5E}C*qxS!mFyORaV1%YRkJSGC!*oZNHWEj7L|ea9 z$QetLI3I^mCQ+%#O^SiOajz!(7U#u8)tk-&Q;Q9w+RjlBh@k2o7(wNwus7+FPT9q(f-P^9EYe%PtVe%=MeJFK*UiFWjxa#CFj-IqA zX5QoskOM9{#8=ri6tww0FM=L|4z3DQ;5d?afxxqK|gZH(wq z0Nb|P)?Tc7R7qBzoFTTIDi@ZgpOaC$VoS^OX-(D1YT9nJHCYADkVIkGthXdhQG1J+ zo+p%t)xSAg!lZqQ&qK4QTE$d_W*$yksA0BDn$#X!8(jmW3y317rU=?PrxI;TcCck1 zF~h1|AtBe}s$-+1`E^_CP1>H>^KkH2Xqem1I^#>0qH5Er>s)-4&6?x#+1R(vm!&43 zdZAc5(YI8LOLt1D24SfPI8Dsa06FEA#%81B*_*@?!%)}%XK)REIn?z(mv_cSy$fF*^I2 zxQ(E?f!c18jHS0nT6Zewr;P8&%Yl=9Fp8t_VJyUa?56L27k+~Wunm`C8cl>K;Uo-W z2!nW)e*C}Sr?>}q<1RQj9pg9|Ct)l7`(MBb7{rm7hyAb*_C}um{sZt7{q{R>3%24i zTmlapuo|NnLLNDM00-k``tYB|!?+b!U<8pPoui$Y!i0|VjT#YNS z1?QlS^;m^54B$gJ2)pRNe-!uOZrp(z@MTQF#sp5pFpj`$+}wEvf5KDvF>c0cl z!o&uw#G%+lzx~hgFdo8oY{mK5j2UdiCvYN8z!(-{H+}bi#V>IizKiX+1`V8vH7G*h zC>)8s@GN!m8T=WKU>j6Dy#wFG6`00GoQcn4HO6oZ`fxN3#EbO#zYNyGqt_Ak9`5sx zn}yafo%M#6#tNfD$8j@J_17e06-rIIDeHM#x-x7V576V?al6p{R_;uC%`m$uIrrV! zt{cMXeaURNLfh@$Y_LPt3#Eoyh(dlW`qBEm*XCq}Y4u^LE-XD1Ko13&V>|*irgM-) zXK#N_4+WqLK@SCp#(n9b0D35Z9tx0*^6MVSp@#zKp#XX)z;EUXCVvC!`kzas=#gIktLe|G*YratpcBvu=mc~EIsu)4PCzH1 z6VM6h1atyAf%kd>vj!H#U+F9O>N^?g`d@vIUiG=F>;HwxmZg(@^`fmU0EbnRj5r2UCZvQ>F1vld+s6KzS-m{<|Isu)4PCzH1 y6VM6h1atyA0iA$OKqv4&oPg?l?lIJMj>-D3ZvESTbu0O!3SECA=AHk2t$zWB_0doO literal 0 HcmV?d00001 diff --git a/server/static/css/main.css b/server/static/css/main.css index e72f121..e9bdac8 100644 --- a/server/static/css/main.css +++ b/server/static/css/main.css @@ -1,3 +1,9 @@ + +body * +{ + font-family: "Trebuchet MS", Helvetica, sans-serif; +} + .logins { height: 100px; width: 500px; @@ -67,49 +73,17 @@ text-align: left; } } - /* The sidebar menu */ - .sidenav { - height: 100%; /* Full-height: remove this if you want "auto" height */ - width: 160px; /* Set the width of the sidebar */ - position: fixed; /* Fixed Sidebar (stay in place on scroll) */ - z-index: 1; /* Stay on top */ - top: 0; /* Stay at the top */ - left: 0; - background-color: #111; /* Black */ - overflow-x: hidden; /* Disable horizontal scroll */ - padding-top: 20px; - } - - /* The navigation menu links */ - .sidenav a { - padding: 6px 8px 6px 16px; - text-decoration: none; - font-size: 25px; - color: #818181; - display: block; - } - - /* When you mouse over the navigation links, change their color */ - .sidenav a:hover { - color: #f1f1f1; - } - - /* Style page content */ - .main { - margin-left: 160px; /* Same as the width of the sidebar */ + +/* Style page content */ +.main { padding: 30px 10px; - } + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} - /* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */ - @media screen and (max-height: 450px) { - .sidenav {padding-top: 15px;} - .sidenav a {font-size: 18px;} - } - - - /* slider */ - - /* The switch - the box around the slider */ +/* The switch - the box around the slider */ .switch { position: relative; display: inline-block; @@ -170,4 +144,64 @@ .slider.round:before { border-radius: 50%; - } + } + +.container { + display: inline-flex; + justify-content: center; + align-items:center; + flex-direction: row; + padding: 0px 2rem 0px 2rem; +} + +.container .button { + padding: 1rem 1.5rem 1rem 1.5rem; + font-size: 2rem; + margin: 4rem; + color: black; + text-decoration: none; +} + +.container .button.logout { + background-color: #ddd; +} + +.container .button.delete { + background-color: #b51409; +} + +.sub.container { + width: 20rem; + justify-content: left; +} + +.profile { + display: inline-flex; + justify-content: center; + align-items:center; + flex-direction: row; +} + +.profile .picture { + width: 4rem; + height: 4rem; + border-radius: 50%; + margin-right: 2rem; +} + +.profile .name { + font-size: 3rem; + color: #333; +} + +.sub.container .name { + margin-right: 1rem; +} + + +.sub.container .data { + background: #ddd; + padding: 5px; + border-radius: 5px; + margin-right: 1rem; +} diff --git a/server/template/.account.html.swp b/server/template/.account.html.swp new file mode 100644 index 0000000000000000000000000000000000000000..5a4b7782b66d4251561d2bc62b373ca22063918e GIT binary patch literal 12288 zcmeI2J&P1E7{{NpKVLhm7&)-n%btQ9GBY6D6$c8}Xz7y4WOoNMFJv;SvWz0v-G{NU z6KwqgR(6VCz(TO~$;|ACa@>L4vQOYoc=Ga3o?oU}_KC+&j~=uA-95l|72xO5r)M7y z@4&kdz{+wiwed6OwwW0vdU5WOcJg&^C~&oyrA{bmbe>52LOL~{Ol^@nj76pGLR;Z< zRvPKFkV+MG?sn%cyZAB}UxQW>Y5g-CYfCvx)B0vO)z}ga6?l7#Wj!mJSvz-P4k)(?V0?Cw-RTc8McCN@- zqK$T%v$@sNkYk0m4<~))HIEM3m_6(&u>&E`urS4}sNG=EhtZ>UxZ8qf_vb3C^_FR_ zEgE%KV%UPRpH8Hc(KrxgGz{f3(-Aw+i&W`~`6&qg`0=Wa*Ce+FLUnQd4w*k#tL>Hv8L%R+UAyKvla9*Rj#&(yRs_84W%unsnHX^1ouee zLVnzhvEzPi6bPJ-*k4%>8LuobbA0jcx#J>vg-`CkfS10ozGA#e6CF$2meOHello, {{ username }}! You're logged in! Email: {{email}}

-

Google Profile Picture:

-Google profile pic
-Logout -test API -{% endblock %} \ No newline at end of file +
+ Profile Picture +

{{ username }}

+
+
+

E-mail

{{email}}

+
+
+

0

Devices

+
+
+Logout +Delete Account +
+{% endblock %}