From 3061c46397d7c5b709cd670c98385b3f55cb398c Mon Sep 17 00:00:00 2001 From: Alec Maier Date: Sun, 15 Sep 2019 04:38:10 -0400 Subject: [PATCH] made aspect ratio consistent for avatar images, fixed bug in scrolling the background instead of the modal on iOS --- assets/images/roles-small/Hunter.png | Bin 2634 -> 1117 bytes assets/images/roles-small/Mason.png | Bin 1698 -> 753 bytes assets/images/roles-small/Minion.png | Bin 2232 -> 1025 bytes assets/images/roles-small/Seer.png | Bin 1347 -> 871 bytes assets/images/roles-small/Shadow.png | Bin 1164 -> 824 bytes assets/images/roles-small/Sorcerer.png | Bin 2451 -> 1102 bytes assets/images/roles-small/Villager.png | Bin 2205 -> 1012 bytes assets/images/roles-small/Werewolf.png | Bin 3120 -> 1385 bytes static/setup.js | 12 +++++++--- static/styles.css | 30 ++++++++++++++++--------- views/create_game.html | 2 +- views/game.html | 2 +- views/index.html | 2 +- views/join_game.html | 2 +- 14 files changed, 32 insertions(+), 18 deletions(-) diff --git a/assets/images/roles-small/Hunter.png b/assets/images/roles-small/Hunter.png index 6e046feccacb41799fdaf057eed15bc245137b11..c7076e21fc636b3c353b8d65315bf09a368b87fa 100644 GIT binary patch literal 1117 zcmeAS@N?(olHy`uVBq!ia0vp^DIm14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a>7=2iqWh9jgHEBs(h~dmHbqTelkOIrw=emX?+p={uE+iv!hbsF_Pkswv1BFf(#X zh^W{|@rjAbsj2FI*qU~-*M^0OVZ-_@&z^ip6y%&HC(OwvEbLUF7Bl09(hf zV@Srmx7T{Z78?k#J~+k{Dr|bYEH`t?{$Kyj?L zy=izWPnAb=TT`##ClOoCyiHRl?Y`^x%bd9->f*+Z@NXjd58__>pZpT68>lRJ?^t~fZ z<RR|vDEInD*2_NIdqRGA?R=-~VYqCW{tBtyFU34Z-p2_$dc^+-e)1|mFO)}M-PN+` zyYhA%^EQ`hOkADll_qE#?RUQ|VCk}zZsPYJ`M!Ss_}Inyxh-0zx~Iy%oZe`yD?4Xq zKf{r@b^7&F%LH54PyFFNk-8&lUduY^xBpx_YJb(TC+*AKvFo118@;}oyRVGyZ)kbD zS^IZZ%kqE0sgfzF{|hs|)XZ}2nF0m>)%G*2J39T{iVL>DoXMbC;u=wsl30>zm0Xkx zq!^403@vpHEOiY{Lkvu;42`TzO>}__0|W6NYcHZ`$jwj5OsmALA#JH>E>Hu5r>mdK II;Vst0H-O#?EnA( literal 2634 zcmdT``8(A6<9)qnmB^HJjAeY>7EwfuEMsH|Srb=fnUa*L)RiSP^Oh`Gn)HZFU6VV7 zQ0B_g&@fRAS;pFw?8^Eu6p{7Q=YRPA^8MkQ^TRpMbACI|x$W+HL{?f=8UP^c=wN&7 zx5EE}6y`TKkWV)QAdPdhwLTu@Kl8}tqN10A&`t9j2VS^;^M0q&J84_UYNX1gWLGtp zdd9gsVSn10w0UH_tvqLI|M}zt)mP#UT=p%@NQbw&q_O_Nq-(;M3VORYH?Fd@kyIgC zlT7173ygk@{cLUEMYi?7W*!O)Zu_-4%NrlKeo5A``5G$3aE5Q{hM>IH!T}VVc7!-O zdlZ8Mh8l5cHTrl8XpBM`&eom<5OH*Sbqx@nz6?%YcFy;}QY^A2U2(||f2PdV>j-rcO=Vcp9ZB8ful z=At*v0FQOz-M=GSbVq^^$%@;qVyGSKpQ-O#@VTPqUj3Y*&AGXNsW6*{Lz(RCg1-l2 zN7Svtzh_2EBy#Ml`>X&rTo$1VN$r@aSCmgkYHb|W`Y=w|1w7P>^ZLqn7{t&&9deAF zHJ5^)f2nNmHLfy8#~B04gO6DeQ`3?h;>3s47suJ-t;OuQ_2CBXTOG^{i5131Em&$n zev!6pBuLz?k=NGdijLF$ERY7ci_SzL82 z^hEB$Sx@(o-;BWPgA43yG=5~<2#KdIqiv$CF##f1T@YZGpZ z>HtqLw`0so76CP|ZJP&y;)|66aZkO%>uj}>JyI85{P|O_uO;VYkL)8pH|Gx9bhh8Q zzr+lUy~DP+?tDYU38)M71S*IeL{V{#*c`MUVSEZ&U7;5YAAV!rcUM$=Ami`e-_0{=n)H~%Ajg~I)T)g@A41@ z|HaY0J^EVtaVer*A|8yL3b&dQ!_jrztJ~GpEQa_aHThvIi<)Nr8hZUc2>9=K4^hl{ zpE@j<)k~U{I}p=`AjR|`WiCtcke0U}uyB~IuO`E_^OV=+z<(KbqyN-B<} zRCztAKw7{G5A8Zi@IHl&3&#Ve)2ee!x{{|zN(LZDuy*Wiz`A>vJL;32>$=Hd>P~<| z)f&DOe&g~*G=WGN@5J=vN*Y@_f3F1taqg+@v<%^Tak2I@ZGH{N|75Q+Fc&# zDg49lq@>UOhNNVRlIh5&a6-+6o)4~F7bwrc?4?3Z_F%QJW|udr@}kTMG(~7k>Z+~n zG-N_UA8PLD-IC6Qd^)Q$tLv5xW|^+3IL(=qm*=`{`0-PGmsLa?#HG%hGb^ts*I*mm zxD_ihF_ps$6ku_$s+V%W`i-;!wf&Y19N3G$qcwg;dM+5q=QRil0l2?`1cJw9=OWvS zWCTB~+@Kx+ZU}w1DQS`I$*Rnad0qf;FxxVr3rivyjy#rp+%tNS*e;P`^Z;`cv|}?B zaXuN)n(puE&Qd_(7$v4h7q8D36_0j9{)@~Jxl6Bs0?0Q*aN2%|HZK55>4psuh@XiN zAI}0lIEW?|fv??~M#v~ebiOjo$Sw&**^T zEc6;4tk3kOjsE+{NGo=f~COXhk;}56gdOSuABZVXrS>y++bWIG1WaR`_LsPcPe4c(K7A^IRM zB~aIx66Ed`Tj?n4KK~A3h66?0z2eF1a&e~ejbzvw7s$#l!wC3T%dJtbBzuhexc(7{ zz!ZW|uLlUA%{xOmFeM*0op=Nha;4X@S^i%fgl_lgWnSstB%4Kc@0*M#qMR#+O)&3c zHW*_4lei%T5}~kGUvS06!-jzZ4KVNAe();4FwY7BpBDHUDFa{6?siQ`U_gD5vlYD1 z37KF5s)~WQ1r5Xs#tTP)fy@Ki7y_oHsIF)O6- XcUq2m9WnoX5rLzftL=-!)SKYHxd^l$ diff --git a/assets/images/roles-small/Mason.png b/assets/images/roles-small/Mason.png index 69e4e878033d29d993ea9b2de97cc0cecdef267d..7182d35674f6dd0d80910feaa978a971b6ffe47b 100644 GIT binary patch literal 753 zcmeAS@N?(olHy`uVBq!ia0vp^DIm14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a>I{@#?djqel5y|twS#$w z6$D%Z3lb+a%>DL%|F#1R$JG49ZInW1?OriSr^bXWSXzB7%nT(QuUFh$+c5I&U1II0?F1P>YJLrU5e5Ts8H?dHt*omiV(vH18 z`&E88Z*srj(*L0R1Eb;>HZ?0vmlnB}yzQ%G-ihb*RrdZpz`YMJ0^u!7AI9)u0DTKv2Kcq$ikAE(#)2Nd&)1q7Fe(Q z_VnE?cFh83-N9i#Y29yD*Jjlsk+6nvU`(o(xJHzuB$lLFB^RXvDF!10LrYx)OI<_L w5Can{LlY|lV_hJ_z+n2qw>2mla`RI%(<*Umc=jjs08j&ir>mdKI;Vst0FbsMRR910 literal 1698 zcmd5+`#aMM9R7T_9oMlXPe&P1DLv&n6&;tk#oUrhl4O$VoXTZlqcC%bC`!dCOjo&6 zlo4|am0GbV!dxCJxvktXo1;JCJkR;zeczwn_j!ML-(*)8I|aE7asZ$}wzqLxRmLyK zNUd_Sx&LbbsZ(SdOAq?d$!zB&f~|7f>C9{!8|r~zGRd`3j~CyrPW^F4_Zt2te~j=(`G-3#O;rP_cYt{xiaavvPH`Apd)%sT#Ayx&qQ4t{ZWCMLM1b||SZf(AZ z1{hhduWn8NP~kF!GeZCkbg9&fIB9@ZBE|HAF@Sz9GBVVR{Pz(tLdEivpFGcQ80@PM zvjW#CKuYYNb9c1SZMrK5VuRK*hmq=V$%}&-u@asD@_2#itFt~$FDR45~a?7uk`mmEZUM`P^w9kVU_Xj0~1cWklAav!7jy>=53G#A=o=)v$Zp0BR zEM?c@9J>S_X$U`}0yA2u>6%u;Ix+Da$(wiZle-iK$KLr#od}0pVh?+|F{2@Ms`Ejt z(wAD?Oi%0tQu9cYuAnC!y_<<8z5G_M_nw~#7FqSMIFAF&Nor4N7-C#oHS)IDiG|&% zwqo379SSkeEKCNr%GjUNbsqjP#(g!BPtTB@+^Z^}`_3&jipIwVI6rCB4z?~ojXT`o zH3@c#8-v8Va5%}mBCmXypO#CsYr;Dm{h{;rLKUPhO3zPo4bvz4p82X`c=qEzVeorZ z$Y_d|XTQ=+_t!4(C#?8L(Pxt@no<3^U+V@u)ThK8GnH7o9`BFx*P-E1Wv$=Q;*|l~ zgxvzad4F{o*J~{%U&I&(rJ_V@P|>Det{fwJ)8%~u0?$o*+5ibQ9PH_)&sh8zp?WtOCcDXolVjA`Zd z)=)c32>nTWLEfg8u6ta}PWTO1HpDH+`C~B11##^)C+&c_jzQDV_7cwdvvQ29i$?R8 z(n8ryT(@A+(gw)V@((NY5q8zkg3QJxVu3&w_C=>oOAtnkch46H0BxfhpPuhVAw!BY zFBA4WG`w(JY-O+~frrMAh$gyS?x7b?)Bg%iFLZQ-N$VzRNH`j1iMicHZHj!0(z&uc znq(i|$%N$K!O8LPMKR_z{Ud+Wod(KPaP2EIQ(d`%v#hucEd%Oz``RCv{{F5SlP;-} zKehTaax*1n;lX(&x;hAuWEjL9uRS{u^X0fW z?uh@pUtrwuJP|9M<+W8*)ir-GWD;V?-jbcxKj&HxkLaaT$YyJ0h{vCz_X4T^A~);z=v5m;Mr>u@t~1G+f|2xU2g4I f47C40Eu$7{J&##wd57IsPanv(E;glB6ej!&9?AOj diff --git a/assets/images/roles-small/Minion.png b/assets/images/roles-small/Minion.png index 8201cf0b33cd7001d7207d1df17fe6624aba3eeb..ead2d61387c755c52310e7f2a79372cdcc98239b 100644 GIT binary patch literal 1025 zcmeAS@N?(olHy`uVBq!ia0vp^DIm14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a>p1!W^ zk2(2S_>_%ixpp%!FfI0UaSX}0_x5^b@ht-ZwuF;R*ESvCypj3)e|=_nduh7SwS(

veQrI+3u9$>rQxm*p!j zx+T6@bV_6L-1nW^tQBrv4H0U+w}5w|^OF(}=2?o@cI=9@JhpP`A(GtJWhd}<}5bagAOcN9JDlXU@wwW%q>#3@%-b1Mw>2V!5u1)vu*`a+#VSAFQ z=L8ia&jntd>bBNDO*_<6PyLp539!6db#N0;-H89TZt_*X>*#RU#y( zXyd`O`hbG#iO)YnI%48%W|oWfh$$_3!18&*nNM6|;_KFy>N-zzm8xv{T#>7}#ARb! z`-T+8=2>NdZ7JK7{aj>NIA=PatDeYY{=F|@PfTC4fc6A7j&(`@j0|@ei#$+VE-D|m zT;+P{nz#bXuodnOQ*CPxPO&IrX!yP^xXa1MdgI$0ufJB+K73uf`R!tvRE~ysTi)*e zbwKEj(vkCpQ4>#GUO_QmvAUQh^kMk%6J5u7Rblp=pSLiIt&=m9eQVkYQj@_3!>t6b-rg aDVb@NxHWJuPL~8~VDNPHb6Mw<&;$UYPM@~` literal 2232 zcmdT``8(7L7eC)IF~&BDAw!0)Qr9vnl48cB@YcvJQX;wuWiW+C)Q~pU?Ar&JX9Vt&OD&Rs{bA%YYTI`!1Gh-{Mgg>$_@PA-7h6kWp6$_#U4^F>x%aN?dAQF z-C~BGf0SdgjzqVsFBl7|U3$9_9(OO;Ax;9`PRtU~7!tu%fUnqBdJj0wCIw zJv&i{0Oi|e?T{q~fNdZen`x%{Kcd80JnuvR!9fwdJ%#L=v z(r-Q+vh4*PBLKvyJknvctWg{pMAnbqjC@Zmj42=<(Ro0VI zIyupxLlFL$ick^*#faRd^A3!ujb!eic{>BgA8dY_B4aZ$5E%K8 z<`G)g)tPFtxJGxIA&T>b;}Ksa?Jd9f<8}aTiWf^W1f8|gZJAs$fieXg+k9p}|9ci-H2O8(9JnqW!Lj(8Ao~=jiPrg#2>*$0c#HqBK zPmIVxd{u%pQ1U6e`fuMk@p-32j-&X$r55Uc^sLx!N1vL2%K81hj?@p=r{H_NOIu4teu`u=gN3b7Pp3# zOSjj5Y$?sIk~UPlC(ZlWMQ+JhR02x>@uacnd?6at>}#XrwijpSW+ftlGmkn(qxf>} zay6aClpLOOzu^IvfqP?jA%Zf51V*S*D2-ICgGDH(T$e+*6PI1oKgU!_xk|9TilkH* zW~q-qJRV_dGq`cp9t|kHeIef-P|6m1V}}hnv9oqOwUq_x$lM1qevD>oA>f}CC zpQB84x!G?`c(~;{crLYN#CJvo#bVD!@bm;I#`iD2`Iy1XuwZIYg-97pb{Q>OhnUDt z4*Hsz1~jdu&FzhxL}o9g-ekS!zVRQJJaoO@?f~4?)nJ4(3u}PE-HekaAGq=9x@h^u zu~E+47(zMs`{QHqjx`ypL4>wSZnNt8P=yl9yHGFXAer2gkZ9Q@?7W2t!o-l*^D_wR zflmLI8oC+_h~Gjb^d)~~2;rBCFRz{d1`-zhZDnv1V6?nzZbC4r{?{rHyCs!bt(NLr zGne?i>yvzWxWys_=%PoKPK1iPlMVkyh+A}yVcs%XI5@LnHjQ@tirmW!-@P`jthgaz zG*@1gkI1h4yqVa0!aH|byuz4Oynd&J)2pAijs^O=foaU!0EodK=9R$N@J9=k3OB*l zUa7cjl@R{j2_K#%&KQ=0Kh>TU%4o=^%MCi4yUoW(GxxfDU9+dJxotAya#e)bm5MFgeT;LJ7O1les<#LTIPH2Hec)RARy%}SnM9OuAJSRt&rJDk|@>2jyef_K}5VKt38G!Wz=#&ZXj%YmMYXfH3S<{}yCUwpQO(~Ck| zP4_=rNYt3%+-QTIF`*mh6QT@wHy@t{W6iWx4Gqm2EmDXqw~gzU`MF@-T7N{fFyZov z;tv7TVQ&W|a6}y)>W_Ea3Y}V#)Kdeml(0OdOJaKm`^ad7S-y9B7cg zm?WdhCLm`~ymQ4rn-#C63<c>n2rt@8&!8&I@xi65fr@wa)jv1c zjGy9e#{h-ypFV%q1nz%a4N{CxB=Lw|@R+vSBP|E@8ab;1=wSgFs z9;IN)UPu-ZKH&{1LAad-l<>=SW6<_F|0<#9kJL0Z)>`AI_Y!2PD*NK`9X7YceyM#d zTl-Ep!T7ajv#U^4^xe_}wMYC{<4KS9@>e-%IO`>vgYI*`cuXX0~r#Ig7@4 ze?VoZ^Gb}$4m_5U2T5V_pq&Papxskt7n>*!lP_&Y4?Y2kHyW#6hL_NGdg!1{=dMFG_{68;OGZua&7 diff --git a/assets/images/roles-small/Seer.png b/assets/images/roles-small/Seer.png index e2316f8419518f1aa3f686e8d7418662ee1c8e24..3e3373ba3cd2ecf9b3b8985373612d5a2dfa5a4a 100644 GIT binary patch delta 824 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 WxHVku6x#*Vz~JfX=d#Wzp$Pyj)hw0( delta 1120 zcmV-m1fTo328;Rf=?}B`GD42avo#o*)mB7YNoN5G)g{)1^oi0wGwa2sRNcMB{h&p7re6 zduPTdnRCqdgJG__v)9@C&6z)U8zLeiA|fIpA|fIpA|fIpA|fIpA|fK{?IJIC#!OyE zcCo&`f1Vn9dwW>jh3^#lOQZ^sP(%(#g#CU|cYItWZ6a4tw4E+iNt>wQMB3qARZ^l( zZ(+V~lpP(1@@!)xt;NTko!pxAVskUCKkx3QHAJeO2s=3y%De6Dw0^aTn?~2e?%4+yx+DB-jlv^*jU_}&1;V^fT>}x zDBCpnBoJa z3?2qj7N{NlHJDkJ&qm?l2EueP3P8 ztx1m#4svT+SHB*Dar=NNr=k*sAxlly`)&Q_17^@$=%J2^UeyBj$kv0se{_^vlh&4( zb8Ey_Ppxlj$jWgUjDCLk{rI@~^7dlIF|VjeCmr1gC)f0uzsDEPZgtv_q%hs>c*Wz}%rzZuPml`2MVi6_Fz z3&`vG)>%k@(tpX&p}^3=Kx;U1J&@-Rc{b7ENDyE{k?rO4UDp^7p@4^Apx0^5!r+$z zvZ0jB&(G)96)&NHi=9x$GXgR@jNe-HEJ2?s87MvV3j~1QZ1jw?r%=FKe=smHd03jd z(cyHlp@>3-x*7|Q!9aB`4Fmdo?dqD+<_+{f;=i3MdaF>>O|L#OYL_|bHL_|bH mL_|bHL_|bHMC4o3`~d*%67_bf3IMSH000014Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a>TbOxFY)0H2;b}R-BD*~#MpX!zW@LK|E)CdSQ6wH z%;50s2FU4*N#5=*ibryI#ef|45>H=O_Q#z3ECQUi37eZ37?^H&x;Tbp+TCQ@A;)1YHPZ;oFc>Fi=`d96a z=Kd?k9~*8~>YRCTj^FWJCw&wixk^j-D!bpJA zZT7R8JR`A9T?>>ZZ=Y~Db=`vEb18qSRqD4-^O%|)Xp`bk1X6PPXGB<1vo$J+3~c7uYAXIi#QJn`k-b2hE^0L3TOF`D}c!(?S=nbdERJEwQy+<$|>(I7yY?J^`V}p z`wQvN&Ar>D09&`Ml!YaP#=uhjv3fzL; zE-Fe6sl2jfE{eIk--v0=QLQawoND^zQy>41R}cNR9Q-utmn-ijO_dtvasT1f zRYD5SME$2L@!M_qd^4|f@1CgAIR{;Nj6$CIY`XljV{T>Dx7)er(tnxqh-Mr)bNP1d zrY4T}3>Ax}I4T|ViC5V7vB&66TVmsv*KdV3Uw;?c_OR^~&&#wEZ5zuYmm~__aB0ww zO7*_ESmTJsHS>+@zZYHy ze($(&;*HCl6Z7hPy_-62U(Z_p##t_H&9VNE*Z3YYarU@8DOP#h?v&8CA;!a0sVRPy zduc;8$LY=kH~KOTFmX=qDEKRVM4@KtLmTcxSC7xF+BWHfxR;I5-w9FvlM+RyS)ER9 z{Twd6%30ss3k?2k|HHa)SJ+3leOY&a$zHX@HKHUXu_VKdAc u7?@ZYnppwaK!$;Vxk?g0iiX_$l+3hB+#1{}Z*2x@VDNPHb6Mw<&;$SwYRK#W literal 2451 zcmb`J`#;nB1IOR{*lbp8v{{L)I>%g6x{!p8QYn{(Nr>rkq+DBy%zTVo5;{ewoLtVy z(zo0>%4|}tNvPzqxpm5tDQd-B_wD;9d>@bV!|V0>>GgWNetf3W-S%o?^{@Z{P3L{P zJ$@$qKVj5=daHfV3jj2HoOe5T#RPo5btH|!Ac%S`smu*jV-X~-GN}_|)L6SU<-b0C zTuJsy3#dgVm3%60$JJimXPSmL!d$Re?{ewNpQ%^$#e{7K(dLww$=|Yy-K>~dtYd|Z z@`3mnJHxnPmaN16{C≪H>$HN4>s+AH%07r{OW}k-0@)g7c(XAKgac~r zFG;9>Z3Gk*#R{!WQW`AhI;X>4uBLvxD%!eZEJuF~9noQMU_?X}+zHQQb6X5IM_i`n z$PMhSIAJbdb``&SaMn{dM&GNh<+frX#G1pr9^6Y6_(RDf@1||p!`BK`ap@}nF_E$^ z1FW3==hbGqGKjIBIlUgltVKew*{p%B)+VL#kGT^!7fnHfivez{FK!mtHpp<+Z&|Jc z;aXkCnx*}d!(Fj|wVoOhJ;MObxG5|sU3mYiC%h9$;8w3mEd$J77R#NHEw!6Vo22Cth@uZp2xbx9D#*k0m#?z@sc6!IkGW`a^ zmuDAKJx@FTq7xIgE2WXAnG_@RUZn8uwL*)q3mJeOZ@oZS zZ+4;WB$Dhr^+}578WYo#U=YI|{b=#+RJOwOiUum}TC{Cni`fQNH0CbAr_Bu9<|JYVrzd7-X7fC5@xxPaYGZQT#OAi(i>u6W!kg|gX3Ico8#yxC zoqQS~_Z(MNA};o+!b6&$n(A*Vf0DGOTS_0b5082z8F;oAqTM)r@-<0aAg>{IHL-X4 zFWmWs|9v9Nz1D9~^bw!jSaA;gkoHEfea8?};u}W!HnAnth2B3@-Te(0L&vPr_r8>p zfi$pbwKqFPV%inNX$Bfr62Tid}3SPwGxN~^3r9TNv z3($f_92EyRc%yUiU~bapwiob)=-O7UW|9Ru|16XskP9vx~;wzvL={2gp-;*L$?XNrZm$FEMyD%10F~sw#&;_0R z#fPgXHrcb~+z9PQ)mu*ORxgsr33+7}4-a5tln%m8Rn)X91XVkbB z@Xsp7;(D?=t8= zYI>A`0IS#RnZTjRzCgr&$}S@Z+zZY@_&ak7sz7T_MxXy^2e{k^FQ|0|_VFp(t2I{W zne9ni3?gPQskE=Zp1&9xyP z067NrUFrwCDy<&G_22v6`r-Cc*n8OwKm4Rv_xk7^EWAi|IT)t_(Jo)_=;Sl{4*A@J ze5-obkc|C6NlLPVC4zig00v2lJ*%BJx~O%S0tiN!IF1BUQO<)*jb;9L@QX@$*No-? zDkY*9XGyP6#7G^0ZN}2*qXv1obx5I=5-Fwc8rcA9_S8QvR%yj>B!_(D{FB9jR)Dvv zq6g(;NY|v_hsNaWH@VzpcxyB`L4{zFL*%ESP37uj-uR&z=pT>S{lyj>#6Lm6o#WB)joCX+WCXnUDj+eW zIC!hUawofy<>12f_Q58hVzB>SoLU(|5|Sak&Oj8|&=|>O*EeQlYI8{8XsMU7sxW06 z&l2ed(OM{AAFA6%s0$Z`fXM=IrG8*<%UW8~^SX&&63^gBNVH4w!S{4M`$%A!u z!)>m%cJ^+kYWnqjPM#d<$99JHgRrm+=I4inUG+6*_5I92d8x5_{1}ywZ?b%JlU9;fH(O z?PtZt5%xF_Fv{tUK`Rn)QDXPID8rp+URGi;^f|RHR0bvTOS>glX#0cf;e{lL4wDA{ z9`|8%95E;bbka{ANIstTuk*nFOD6ehQ`A@AwA;tCPSJm&7I1cQ+x@_i$pzrQBnUyW diff --git a/assets/images/roles-small/Villager.png b/assets/images/roles-small/Villager.png index 1eb7e90d7b4ab89841b2276b372a77851973696d..281636071ac970521992ebfa76f52e239d0630b9 100644 GIT binary patch literal 1012 zcmeAS@N?(olHy`uVBq!ia0vp^DIm14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a>x#u7^9*k?Y26 zZ(*kjwU`-C=UD&$|KIcnPaaSkV@Z%-FoVOh8zA>FCV9KNNX*V`l>>6vOFVsD*&lQA zvj}Li@lEz(U|^c*>EalYaqsQ*+eNn(1lSTzt~ke)D5ULH```R+kzHC;;|JfL>2m^Y zKGwyFrKHbt1A~9d&%9@NHt$r9-1c`K=fiSx@4BiV)xCVD@L#Hw`d zU0DWG<-9h<%@sS7zq&8DGkRy%&JNE@r+WHtmmX94d|IA4n}~ zIPt4!ZrTo>!eet=x}uh^7I`$$!Eh(fPIk|U-BV7Sn40Dy-^bF)=d*axDdh+_WMmNL5c_OD>R*Y zc}e=1;SaUR7hbGjFsNCVB%a@&d&@^#RVAy%kk2$d^|p`klVIhPul9mJc|;z}xvIcn zv&Cs&*NN%w4vM13>#A4e>=K@(VDgH^;;`GQ3C};T6xg{p!){W>R)LvX?-Ce;Zp2-D zc4+U>O4&`hmo${8EUWfbH0?50+msyU!-gzEYvgm)>aOo-8NsQ?DLVnBF)7y;d0m8l<;81QxiAt7O#<)i4u(EJ8-x5 zV9QNAhMK37yPSM1)%ezYt=e1n_^V>f&n5jHNuqk=<$iYv>4Kc|X2G-dZyHty%J?iXGiZ?eOUfn}QQ z6KB_Wj-M*oW+qDZA-O+w76}H*-}*GiC*NV&I*#OD+wue!wiU=+Ots$hD*D|mVa9d# zHdRVLcz4yS|Ek{gE1u!a!Gh0aF~*CmXI8z_Tj?^l#7V8(uW2b4%b8Y=6}Q918lL@r zJf(i(iA#Ph9>@2v@62%hx9p2KG=Z7cGi*KL*XFYJ<5^(3RV{IiC`m~yNwrEYN(E93 zMh1qKx(1fIhNd9~CRT=KRwjnJK!$-qL!;6p6b-rgDVb@NxHWvdGfNMsfx*+&&t;uc GLK6UvH=26@ literal 2205 zcmd5-={pn(AN|e7kYVg9GFq6DEQM=qBg&L8MfO3rx++3(iHn)IQMPj5ZYkSHlFG!5 zETJjFlVwOD+l=hXNR7}i<9h#u_uKp7ob&0N=X^Tn2Gz+PC%r`)0B}brb|*HJ@n2vi zHn_p+R4V}X^btE7*DJpK9EWqXLu$=Bh4l&_B;_-d9-ez6dGdJY-u|@sryi!PV|e)> zg2eISWI3N3+pUP(D>C=l8GfqRMZhNiwa=B>_(1u|?R_%*x1|)v%0r2SONjqf3hg>RytZB*47@f?#0; zfFO`Lv&~8!;7sn-wuU4WFxvLtidqQ;xD_Q~B&R70V8kI$j5HvCJh8dOBIcL>HN*=` z7qhQ+v<>>)PT2k4sgmhg;N2JB{dzjl@F0K%HB>4%+0xW}p!)YoC*WnY60=rPS3GDS z%Ojsqs6E%%j77i#uy<8C%&8S2feH-T$Io9LeL(^n!FXQ9iYTiFAQByDfvZY1fZM?H z8gRgDr!_DeOHBc!;hYgJ6aQzu85)j8XvgS^G6NAnMUrW%Y$beW9JdK~^lP`O#$?Cc z^|Cf2Ri0TcW__g3P^8wcl732DWTnlAz2c9JXHmkNzV$YBtK(du$OxP4!&b_{m})8r z2RX5h+ZdC}L3%$5+|#qqqk+4Ya5vAzp=dodn2G=d{NWie5Ys#JY5tod5SYb&86t;* zJfVXu!4YMGRxdg$$Whaxd_Y{8Uq&#c(MTQ;lq454M8DAsz1aI-P7x>_h?(o0FE2Nu z7Swl_9MJU|UG;iBB*l`PTQ00aK8OnRU$qLJ#JE`2}s^xG}VeBq^ zdVT#X(@7KgT+rlx9O_W;U1RJ7d&6f{@fqWLxiRsP(&)M_cnCT)D&aJk-Ybof|;8; z0%tD?h|zidrKp8iU2(g)>B?f{ zWE@aGq16~8lKZAyFs1 zha;`RUWOPi3~)9HGZy1EgR(vS>%FBG)4Oy`mbHxyz8n>PYPxN>!sPk3wS(?`sMz1I z!StCqY7U9{wnbk#mlO~L%Ht~F8h-U492=Q7Mv<3`ycjpzvrL{oZLY*w+_AUJS?CjL zcucT5}!jla`Z!N9|*p8s83I{n3}|8ci$eBvLWMj!Ko}NJnr(q=!Kw|SN#<$4?E0n zgspX+aZc#USFYe^6bN0+EosN*-CK*CpRCr?9h7RYXii4RWq`4=V(&gw7pk9OfNCU8kNb{S z^9o=J>7vLm`CiGwm&-GX{?i-WV~U|*HhT*d{pxte_h*kG(qqN_Z%USzLZ@KrSI!`I z4~oIhW>w?CL-U)7{80U!l>QV}^C7zbyJt9{x}jV(+CS#XdKq>qktIveRk_4Wfi1_g zP$@}0RUDHu*AosB4Exc(AnWBeI3g5>?nw+`eF68CF9o&{aEewTpC_<2q(d z#)f0XZr2Ub6Pw5-=&?9?Xvt;}q4Yp{ti=14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a>#F(*HZ zAlKfa%auUq^Le^BhGg7(d-HACA}bNLgzqgKnaR@ZmV5tO+y2%*$#=<;<@K7+&3kpW zHdR&#b0qmMU)*Q)Y6Xa>k7HQSEzY%V-o2Zp52ml(de-dLj;Yl*444m3sL$BBZDw(_ z$elA6r(M_+{;f8nOC&<*%RS$YcN4Z9U@|+&YrWRpjiv5+Sj&ASz9~HGbi?WzIT@pW zYb!6k?NEJkC;O4i8N1fLxl^XHfAa2QYZWYeja|%{ve#Dm_nY-AZc}oLG)mWb|2Oi~ zng+ioET?5RvnW1Sz2w7u+fU?nBAceKcuMR|ktMECNlQNMk&#|u-616Y13C z2~Sr}vi7AK=mY$j%tH?CfF>9LnstYpd zvnNjObUg6;cQprt(L3?Zrr)wn3ZXA|MTM!f%vdkqQ{iMI{q#`KRK3N0l?LIOrxtaX z1_Um7eu&?UW9!`6CLU>(p%U5cU(2sq2pRE&2U>9TcP^3-kLz`J{l3D4L;HF^|A{~@ zp@+o&((sLQ%;YD! z{kA-Yk3JP0bnW?RYUO`SUC?f2rp1erPPrEkmbzM2TeQ1w)6_i_neoHW{R78^B}{SW zFB(0(vNBcNNx5MyQ-wdj(+mAMAsfEC&CQwTzM?yV;|uq3m2MN4RI_`%Q#j=^n!ZeO zRjzbeeX;w1auM4Jk7WfP9_~r{A|E%?(tEdD({mlh`3dPCU&S7KG;8T^t-UNpLYLAV zvc={5f2BXH`e<8k^={=7RzbmD}sOxw~cz05UJKK!UvDN~x-IAh1p=t=hl zWBfL;TQc6$(%E!jLBMZM@$D?Cou*X+#n%@*8g!Y|dEbfU+##Ed_F(>ha{qyuZ z{y5Tks>k$0ng0$wI(psaVyjVB&+`2Tr#3DWTV8qYgw6fUACvD3Zf;H z6W(B-B>gb-f8~MMJF@n)O)zocS$|sbgu=1Y9EmU5elI=Z`9Jcr_=IrbHGf#2fHQRe zSN&Cn{_H0``rZKx3)K?Wh?11Vl2ohYqEsNoU}RuuscT@VYiJr`U}9xxZe?ho3uG7= jG+yzkLD7(#pOTqYiCe>m&Myam8W=oX{an^LB{Ts52k}L8 literal 3120 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 Hm%)DkeQKUk diff --git a/static/setup.js b/static/setup.js index a128ead..4db9ac3 100644 --- a/static/setup.js +++ b/static/setup.js @@ -51,9 +51,13 @@ window.onload = function() { "No art" : "Art soon."; modalRole.innerHTML = - "

" + cards[i].role + "

" + - roleImage + - "

" + cards[i].team + "

" + + "
" + + roleImage + + "
" + + "

" + cards[i].role + "

" + + "

" + cards[i].team + "

" + + "
" + + "
" + "

" + cards[i].description + "

"; document.getElementById("roles").appendChild(modalRole); @@ -126,10 +130,12 @@ function resetCardQuantities() { function displayRoleModal() { document.getElementById("role-modal").classList.remove("hidden"); + document.getElementById("app-content").classList.add("hidden"); } function closeModal() { document.getElementById("role-modal").classList.add("hidden"); + document.getElementById("app-content").classList.remove("hidden"); } function buildDeckFromQuantities() { diff --git a/static/styles.css b/static/styles.css index fa0d893..6de2bd0 100644 --- a/static/styles.css +++ b/static/styles.css @@ -13,7 +13,7 @@ font-size: 20px; } - .app-content { + #app-content { width: 92%; } @@ -76,7 +76,7 @@ font-size: 30px; } - .app-content { + #app-content { width: 80%; } @@ -161,7 +161,7 @@ html, body { } } -.app-content { +#app-content { text-align: center; margin: 0 auto; } @@ -853,21 +853,29 @@ label { .modal-role { width: 22em; position: relative; + border-bottom: 1px solid lightgray; + padding-bottom: 0.5em; +} + +.modal-role div { + display: flex; + justify-content: center; + align-items: center; +} + +.modal-role div div { + display: flex; + flex-direction: column; + align-items: flex-start; } .modal-role p:first-of-type { - margin-top: 0; + margin: 0; color: gray; } .modal-role h2 { - margin-bottom: 0; -} - -.modal-role img { - position: absolute; - top: -10px; - left: 110px; + margin: 0; } .modal { diff --git a/views/create_game.html b/views/create_game.html index aed5ad8..9e8d22b 100644 --- a/views/create_game.html +++ b/views/create_game.html @@ -19,7 +19,7 @@ -