From 0060f6372a77ce4a1a7eb09df33637099a850119 Mon Sep 17 00:00:00 2001
From: Alec Maier <Maier.144@osu.edu>
Date: Fri, 13 Sep 2019 18:57:59 -0400
Subject: [PATCH] Add small versions of role art to description modal

---
 assets/images/roles-small/Hunter.png             | Bin 0 -> 1949 bytes
 assets/images/roles-small/Mason.png              | Bin 0 -> 1103 bytes
 assets/images/roles-small/Minion.png             | Bin 0 -> 1672 bytes
 assets/images/roles-small/Seer.png               | Bin 0 -> 1217 bytes
 assets/images/roles-small/Shadow.png             | Bin 0 -> 1052 bytes
 .../{villager_small.png => Villager.png}         | Bin
 .../roles-small/{wolf_small.png => Werewolf.png} | Bin
 assets/images/roles-small/hunter_small.png       | Bin 1911 -> 0 bytes
 assets/images/roles-small/seer_small.png         | Bin 1146 -> 0 bytes
 assets/images/roles-small/shadow-small.png       | Bin 967 -> 0 bytes
 static/setup.js                                  |  14 +++++++++++---
 static/styles.css                                |   8 ++++++++
 12 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 assets/images/roles-small/Hunter.png
 create mode 100644 assets/images/roles-small/Mason.png
 create mode 100644 assets/images/roles-small/Minion.png
 create mode 100644 assets/images/roles-small/Seer.png
 create mode 100644 assets/images/roles-small/Shadow.png
 rename assets/images/roles-small/{villager_small.png => Villager.png} (100%)
 rename assets/images/roles-small/{wolf_small.png => Werewolf.png} (100%)
 delete mode 100644 assets/images/roles-small/hunter_small.png
 delete mode 100644 assets/images/roles-small/seer_small.png
 delete mode 100644 assets/images/roles-small/shadow-small.png

diff --git a/assets/images/roles-small/Hunter.png b/assets/images/roles-small/Hunter.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9fe684adc7706e3cd4b630b6304d154e7e732d9
GIT binary patch
literal 1949
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

literal 0
HcmV?d00001

diff --git a/assets/images/roles-small/Mason.png b/assets/images/roles-small/Mason.png
new file mode 100644
index 0000000000000000000000000000000000000000..8bf2e0e3a164242b75f0716cf830c924aab04ed1
GIT binary patch
literal 1103
zcmV-V1hD&wP)<h;3K|Lk000e1NJLTq001rk001}$1^@s6f;P&r00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D03mcmSad^jWnpw_
zZ*Cw|X>DZyGB7bYIxsmpF*6`BI65;jIyE&}Bki0300Xy4L_t(&L+zMNNESgD$4BuX
z5fOUm<D{M{=mWAtgokdOJB1M<<e_U&DAuV&Po9Df79x^#>sYrA5(O5O*#`vLtvVzj
z5go+s{jc+E&(6-*&g{M#_=AU?-FIg8KhOMUcJ~!K?BGX>JXTIyt4L%~%lby#y=xIp
zqNfM;rROSxGvCu=jQHAwzZ^d;&-C<;JdYCIDv$pim1o>1+eA#(D-~WwG!ZI($0{M&
zCPK0vlyQhuL;e&@**?8Ssdj?QB1@EEUJgaq2d;7WtT=^}Xp^vapO(`HN)^KKz&d)U
zM_$Q8gCOx%;SlW-1mVDRLtlLR!2lpWI^)fvRK^L@LaA#os<(+!9yehcOqFn<D#5}D
z3}E1RbT=6@ZxgFvBI=HmbqGJOJ6`<PUr8z)xWorP@*#TojJf&5vkh6wW4g{kzb-3A
zy{jNYb>P!)lyGj3*g^32KDMjG;~>`O+~1%!j{|h>vjddDx6dfyRS{ydrV773Z{AV3
zO?+@o3H9cjI(iVPKIdX@^cC|&+4g<#5VnfRm9x9j!riC8aj<r35^jSp$g*oCSNURp
zzt?;{n42rygmxHu{M!b=JzX}_MAiVJd%C;jnVsd86{~na129o$>(h}nxH&rNm2KkI
z*ci3dwrdQ+Nkeb}wDTEAjBr^JV(rybdh8nfDE96@BHoNAV$aDT?P3I2uxN8)q(%Jv
z_Cb7^J}iIPq~p|(ESU!pydC1k6o5qgg8C*_7pAh{_Tyy2+0;9^cD_rNiXhtn1Jb<-
z;u;Os2a|Z4*xYvLx*4|#2h&bohJPUhP<@?MbjW@(y}?%DxTc*fMWU;~B)rr@1vY=*
zd-z0_sv|1n$h0ln#N`X;WN8z%4L`?jgm9trcrrgbEcz}@2%X2N(~e_T(<3Oeo50gR
zZ9~_=>f)q!O>v*A8BZ;;u=qJWQIVpv!Q$p+L<3VBy6)Q_7oOmOff&BCBrp9#6}{DH
zJ$}7coAIWKemwua5FF#;MCLo!|D+*j!n)JIqiUG&se7=qy$~F&aJ+Wv!X>^+u+G%r
z<b>np2Lkaftwyt1eetLe94<Un2a#%~5!(&bDlN#mnr+1W*9m?zre58~Y};Cyx+V%9
z$3hIvI0R6*C{tHQK{&Fi%lLMqARItEEc2tSJq?s~*tWA6d_MbZskHq)k@F6JZ>fT{
zrOEWKW)40;`1^RMa87Mo4$r*$?ddToPS9a30kIT~^Bh$O-x3NVVW<|c)on6D`~_-x
VA-OKn$|(Q<002ovPDHLkV1g<*0{Z{}

literal 0
HcmV?d00001

diff --git a/assets/images/roles-small/Minion.png b/assets/images/roles-small/Minion.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9a73bf91e95d1a2e0d15d5c1ebe97c845ef969a
GIT binary patch
literal 1672
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
Sv+ltF0000<MNUMnLSTX!x%)u?

literal 0
HcmV?d00001

diff --git a/assets/images/roles-small/Seer.png b/assets/images/roles-small/Seer.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb746e8fe5087ddd08f26c8d28ac5da818692a7e
GIT binary patch
literal 1217
zcmV;y1U~zTP)<h;3K|Lk000e1NJLTq001ul001%w1^@s6%x{9}00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D03mcmSad^jWnpw_
zZ*Cw|X>DZyGB7bYIxsmpF*6`BI65;lIx;XrW6%fy00b#XL_t(&L+zJ6XcR#hhW8AL
z7LlM)OwM3XtJvCzl^PKYh**eV5hQ9*P#eKcL<9+Fp@QNc5`tI=7J`KswGta!)A&Oq
zBoU1gjen@&ymxNi&3AJ%yR$zR5qw~s+0EYU^L_K}%o_a56m(k;O1dSvKdT<{O1ijm
zk2)cvuW#s{BA4gpEnkw-of}rDcJT2V)e;>@=4a<6Uz2T$lX?V@hkTfAQ@H>73DtJ@
zR9eD7L@A~6$SPkWPGJ`eM9xIoS;!*q6hE+jUeI1#s`_Mj^j&c2$xqeKD}c1}k>YV6
zh&%$AquWeGiDL$MkiMPE)o*Z^?@1YRe{hmU-ui-?;uP-f-m0%ut`T`Z$KklXWX?RY
zM-d8Bn&Pq#Q2&IpmWEu)2FR>RQ3<XyIN<YsM3GcJEEx%8m`#^B;Vk44KyH}_QoO0_
zitf!IubH!uhPsrEFS7R2kXiod#s$Iqi4XcL8M55ckZajUChzUny%}uRvQRhqB*<M>
zF9=>6RTBBC0p$j@q<OLKB?qO0vE+EZ0r<+RCDL3b2L^5{an|jrvjeInSY3FS;2M9|
zF?CI~5}yEk<gIHvIKBN-)ysP3(f2A*)Hn|b?lHgdZNvo-C+`%Ob;@OuLbgm3*WcuL
zzC?X~I>o`^wGUK_%(Lc)8uzM}9PAj>y$TnHI(4rC%LV0gcYL?%+i-m<yW}Iq0p!m=
z+pJpFt`v|jAd%VK)^bzL7{)+9N*>q(NWE0zp~UuJh)UTsWg)TEzfC?i>j0Tx_K`W0
z(aR^*(Z8!l9Xxk|u|7|Z=`%l4Wgg;<i?-;q$_tC^Q!q-Be`m=+`qqmsReDn&@9Vql
znAtaL-aG4%U)a>D9uAJ}d#YN{F!ECOs+n$Et$P*vuC7x7eEl*RO#l8C%Evjd{u9aL
zM_dli?HCKz9QvjDGSgM!Bd>I)Oxr5msScvpdt9~8FU$>&+-X&P{O>Bxqf8-D*+_94
zp*W<aI1txdGsAIxHZYL5=J5bz$jo|`c$vc3aLu7G0^sj49>#Sg#zv|a77xHQ*C52f
z^yqMS05bpy#!Dg&QpwBAn@Dj`niy9H&s{L{NigLL`elg3nRx?9gF<tQYNN<2^IieC
zGGA(KS8YSFT}e|M=TW%EGvP{ue_Unb41iyS*39eWPzJyQ@VZ<!3CD~2B9-DGs^%jD
zV106(4%coGKqy<r6zBc?eO%3(;vnvY^(vtnAZQE15ckC<4r(qq2zOq7>YBTtbC)%+
z?XCop*r4PWs7oC9%7d!UQQP({1Bk;ECytrUEDxODK6vP+W%Kn}JP+UgaDKl;Wm^(g
z^RtexILJjlY1RSmca(@XN#$!+pETkmYXE<}Y_bH9Nj^)~C20dly4sL%*~~*8VD-_Y
fb^6aN5d?n##egMMphY8e00000NkvXXu0mjfEY>%G

literal 0
HcmV?d00001

diff --git a/assets/images/roles-small/Shadow.png b/assets/images/roles-small/Shadow.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc1f69160247530dba0b692cc83b5dcd5ccc6f02
GIT binary patch
literal 1052
zcmV+%1mpXOP)<h;3K|Lk000e1NJLTq001ul001=z1^@s6(Q2|$00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D03mcmSad^jWnpw_
zZ*Cw|X>DZyGB7bYIxsmpF*6`BI65;mIx{hq!?wBr00V?cL_t(&L+zKpN?bt{hp!?c
zY#Kq-Vv#^dl_FhgNlFRi0VFSwC&+{N0>L^2f@Okrx)iBGAcQSc1e+{uAsT<P^ShpV
z_RPO~@2)BKgJH(IcW1tHW_D(*mMr=Ixb<Z&toV8!+zy9B*BFgPsCpl39`Y{J6em6a
z(#yDg%h%bC(br7$C2wXsMjrw6A)l3P3$c`1d32Sp#b564yPAAHIq|I~uMZAf{q^+J
z)u8PxbdjGC|8RWl>bHl7t_BQ((vq$Lw3fdUck5h>OJop0zQfP@n1ND|byw~rco3Nd
zpU2+8XY9)-1SN}AUzdPETtlyO3uN1x6-iD%7H#AkXt7UgYrYjmzLN?pMrV18SO7V}
z<x(nNFPRW;uCHBfN%9%r>B?L(4>?OP^t>%|kzW)``G=yl{CGU}t$tvCenZGQs7mDP
z4l$5*SLp)!D-9r5-ffY3o9uGH5Z-Y#IRWHcf@b#iQ07a5k<z$%qCeDw!N5PA61%LW
zGH)JA8~}r{fKV1g;6};swjq}J<Y~$a6$SKc=$X*LL0(?U<n>q*%6>>bDNb|%#9CI6
z<Bt-v$M1%uB~}2P<$=D^A`mVuEvVnk5hpqTOFk)nadA;?Z*Tj*Y<}+S_*Rpr=jXmP
zOR8TjUwlY$+ASc=5+e0^tbd=>di&Iw&&oQ`8InS0mzTcPWOr-Jx2EV>2=%Su3>3-B
z{r&H=tLod)ch?Sy|Gv8Nt*Uywx#?TYAQ-@lch9RwKc?@<-;4$2i<XTPx1czrr8tn!
zLNmjDt)0rEc+Fz~WJqUSii2O1$xHz{0Dd3+q2EwqEQ;j;2Ea6Hq&WB^3eW*a&|ir-
zXeBQ*uaV-ezPXte|91#xz6345;(rWLLYdb<8tkp6bJSPnvjPZZ{>jFMtM^duq$!TS
zV}$zC$b%}Bl3)NI-%sx_R_3`KHUjVk@VVSJ3HxLJ7E&C<<}(@q*C+RB?%gr~$^tFU
z_xb(Qn%CkWwHULOkOqQQ5L(<~eSO`x?y<zd%!2^+$;(?I?&|V1&bb}{>vScM#GPN>
zG(+MbR~|I}pR}$KGJq6XoES45bS#kv!MhIzeYJbP##4Mbo0tgzv206HYkuM6ii2L{
zOS2B}zOh7#D3zbtecFhVt^qvwvgr~)C;2W}m$VI_bhjb(w%La~!0zK|>$GG+RMkK7
WPW5&ccN#VT0000<MNUMnLSTXu?&%-^

literal 0
HcmV?d00001

diff --git a/assets/images/roles-small/villager_small.png b/assets/images/roles-small/Villager.png
similarity index 100%
rename from assets/images/roles-small/villager_small.png
rename to assets/images/roles-small/Villager.png
diff --git a/assets/images/roles-small/wolf_small.png b/assets/images/roles-small/Werewolf.png
similarity index 100%
rename from assets/images/roles-small/wolf_small.png
rename to assets/images/roles-small/Werewolf.png
diff --git a/assets/images/roles-small/hunter_small.png b/assets/images/roles-small/hunter_small.png
deleted file mode 100644
index 946d5c2e584a4e6221bcc1102ef97ffdedad1998..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1911
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

diff --git a/assets/images/roles-small/seer_small.png b/assets/images/roles-small/seer_small.png
deleted file mode 100644
index c60eb61af6fefbc7706d5c7a3265c42d4f2a95f1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1146
zcmV-=1cm#FP)<h;3K|Lk000e1NJLTq001ul001%w1^@s6%x{9}00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D03mcmSad^jWnpw_
zZ*Cw|X>DZyGB7bYIxsmpF)<)8Fgh|ZIy5zuUBpKK00ZJlL_t(&L+zMNNL4`;$FE62
zK_O&;z9gv@VcRy+s<2H$l#3`@NLWchwF%lqL=ZwPDk%CQM8ZX25VT5a6>i!lK_3|M
z6w1K93@S1I=goPZH*aR{%)Rp}q90sl?)BYsf9K4(ADH~-U!$<@z#KNUTNCQk7!_T*
z_~uSct`jw=l<wHNmd4>HZ)s#=CK4@>Nt~%w0=a{*v@YC#`wWfUJ*AQ1L}Db6D}XM}
z!ZtV&xe|Gj$b6zr{K%FiNo!#>&6%;{yX4x_?=+8@K&F#i;%Oj>SP3jrV`g09SOMOc
zzCCN`9BlGFkvF_A!SbdXR2OIA-tHahNa+|Oe=p;NlB@El9*eLrOS8C~1N1+`tCp4A
zZ3ARgrKkkQIXU2Sf20v4Z|Y0Pa5Zh>46j101fo<PNb!cw8)~+IJf^QgR-(6!FS7Tu
zl1u*Nwx!AYsSj!|4B2j3iPkof>4%5aYys1;ywpTK1o@T?eNknSmoJu8jVskG9JCH%
zWqs3n$s?d1bYS2fiF4ncyEs6j4|wwMd2OF>(J1jvAXVNL==`pa6*udJ$KQ;PNFDq}
z|He1rlYmp+7C`nXKPFkom4NMUGF}MQ&rnz9$2UKs5tZkjA6<TsM&@YSu$q;)I@+OT
zCAeMCJ`X1M)7*sXQ`z{3v?YW5<!9Sz<ldD6rY}WV-JMN$X~hr&bC*1@C6MW9gNrhz
z3qw@OW^D_`R?I4SpBv@V^hCM(sGLsm`dQlg_x8}n`!)~@F+&NiynYcZKdR4yE=m47
zw+y5QUv_$ZCYXv^(M!Hn2P+zy>Ehtjp%EHE{rD?2t7NuigPN7-yV*_&eEl+=%>JCA
zV~ClC?0;{0NO$dSr}?F>iDc8UA2gSht`Hx8ttRudtXGrDBnrK!X?%WVadKj)BtCS1
z#F>PY_ih_0ZlWv>X(<lGG26;;T)vJEK|PNPph9}pE5zrin;5Iw2rU6VAMp^^Ru~(>
zH!LoIWv)VqgW2L(c>{U^62uD?2f^~P@;Xu+%uP+w#``w7@}X47`~26+T6qmfgSy5h
z8eK%IyiWqQ%Fi{o(pX<;C21DNz6)DC9o@~?Hns%#tI$|^^*EFX@CNv}d~7lt&-F!W
za<cZkD*^6LeomL4-6Daq>^!<S|DMlJ>v@}t^M<vZ<OG7IBs6hfTn=7x{O09PUHvQ3
z`j*u&y<H`UFJq?_FQ~Gv&j*=68YXcjWVNHoZ=4xavvgi8+oxvLgvdL4{&y34k42FW
zsX7S#y^SDwQ)RM>#7N+ewoTpya>>W2UY;1i@}W1CFSUyMmy#sE0B{8iRrH)*<p2Nx
M07*qoM6N<$f)JJ#k^lez

diff --git a/assets/images/roles-small/shadow-small.png b/assets/images/roles-small/shadow-small.png
deleted file mode 100644
index 7022fe78d87d33bee369c89644d2332f5753e2d1..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 967
zcmV;&133JNP)<h;3K|Lk000e1NJLTq001oj001)x1^@s61IB@I00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D03mcmSad^jWnpw_
zZ*Cw|X>DZyGB7bYIxsmpF)<)8Fgh|ZIx;Y_ZI?~}00S>cL_t(&L+zHaY7|ivhR3ih
zfwc*Qjl~iK5eo}D>tGuMA0YSwK7kM73rK1aB(0>jv#<~mM7A(XU>g@wEYbY4_s275
z&zXDg+;K(N4=(r4?ChCu{<$-At1bUKlgZ>4TG;HBTcPh2Ejyh~dp%FD#Zr>(;{tk<
z&Y23O;>FTk=WU62ku-&$939o$<lWg>7&Uo%d|dbM&(G@~bdm2Yt%YBop4R>Ilasm!
zl&7quM7)!<CoGZjKpw;2N)yil(r7m)hrHYHd)qPijkOp=3Ok`shQ;+fwm`bpU67>I
z(PT?Yw9wnZAdGzEF|iBsD3Z2l6HmFQ6tbja^X}PlS@)J4_wkq#dQTcsmYBD{3%yHk
zg01wX=p?;ZEW)TCSTFShlP!%CSZj$AP%lS3Ng9Q8v92Em3D+Q+n0R!Nq6>IQ=Ujx8
z#YzzM(2qu=uy=*Gh-yvRx?&c_N!Wmwng>>R{BJI9(y?2_g$_@w)7Q!Ci-NRVEXif6
z#7f(gjtLVjPORwzDL!ntTl}vlE79Ub(m*dQaRHn{T1+3CB21+CnsiKfHk(!B@i=VR
zd^tD>qbBz+F2ZP?SY0Wd^`7SKwSXv_N9^~u`ZCN$(kUqeoro0qad{a=P44XPhtUe1
zx>s9+#FM4v`}ya?dG+Dd$9n7uf1A(4sH*Pn?S)ZOp5l*RJgRPgS{);w2@6OkPY)?<
zL1D;BVIcQ;cY<}TH;*Q3PNOgq(J4z|@b&6ytpP30|Dzu2dVy%NqyY-!c50+B_%0gI
z;u6$L6$aVTGHHzzuKVljRSVl5Ogfc@wEpr~cu8v@3l4YUxfCazBJL%9Z+Exu57BO9
zDU9tlym}hCnK5|cZ(gp}7*^7Jtu@3$1KclPe}wf|-$FXM_pVKx^N;UYzI&xOC4m;^
z@%(>mPHUIe3FnEo0WnKn3tJ3_!!Y`T<&Y%BFQvDfO!<rh>uV@MeOcQJEi1{k&%6|m
zVF{CzyW5-egQcIa=JUXxA}P|Xb9&RHK101o=cEjBkJn^LTS;^kC=vgs)1#|+k#y;8
p23=}oOQ$|8x%{oVTe?$KzX3Hc<a&?zi&y{v002ovPDHLkV1mR`z3%`3

diff --git a/static/setup.js b/static/setup.js
index 640b6f8..e06f28f 100644
--- a/static/setup.js
+++ b/static/setup.js
@@ -2,6 +2,7 @@ import {cards} from './cards.js'
 import {utility} from './util.js'
 
 const socket = io();
+const finishedArtArray = ["Villager", "Werewolf", "Seer", "Shadow", "Hunter", "Mason", "Minion"];
 
 // important declarations
 class Card {
@@ -45,9 +46,16 @@ window.onload = function() {
         // put card info in the informational role description modal
         const modalRole = document.createElement("div");
         modalRole.setAttribute("class", "modal-role");
-        modalRole.innerHTML = cards[i].team === "good" ?
-            "<h2 class='role-village'>" + cards[i].role + "</h2><p>" + cards[i].team + "</p><p>" + cards[i].description + "</p>"
-            : "<h2 class='role-wolf'>" + cards[i].role + "</h2><p>" + cards[i].team + "</p><p>" + cards[i].description + "</p>";
+        const roleClass = cards[i].team === "good" ? "role-village" : "role-wolf";
+        const roleImage = finishedArtArray.includes(cards[i].role) ?
+            "<img alt='No art' src='/assets/images/roles-small/" + cards[i].role + ".png' />"
+            : "<span>Art soon.</span>";
+        modalRole.innerHTML =
+            "<h2 class='" + roleClass + "'>" + cards[i].role + "</h2>" +
+            roleImage +
+            "<p>" + cards[i].team + "</p>" +
+            "<p>" + cards[i].description + "</p>";
+
         document.getElementById("roles").appendChild(modalRole);
 
         fullDeck.push(newCard);
diff --git a/static/styles.css b/static/styles.css
index 62c93a2..63fad67 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -784,6 +784,7 @@ label {
 
 .modal-role {
     width: 22em;
+    position: relative;
 }
 
 .modal-role p:first-of-type {
@@ -795,6 +796,13 @@ label {
     margin-bottom: 0;
 }
 
+.modal-role img {
+    position: absolute;
+    top: 8px;
+    left: 110px;
+    width: 65px;
+}
+
 .modal {
     position: fixed;
     z-index: 1;