From 021ba1453f6df2741fd87f3f72b8f9f278c248bf Mon Sep 17 00:00:00 2001 From: Nicolas Ronvel Date: Thu, 30 Jul 2015 19:00:13 +0200 Subject: [PATCH] Enhancement of the Modal view --- builder/css/style.css | 81 ++++++++++++++++++++++++++++ builder/img/element_air.png | Bin 0 -> 877 bytes builder/img/element_darkness.png | Bin 0 -> 718 bytes builder/img/element_earth.png | Bin 0 -> 738 bytes builder/img/element_fire.png | Bin 0 -> 777 bytes builder/img/element_light.png | Bin 0 -> 1009 bytes builder/img/element_water.png | Bin 0 -> 764 bytes builder/img/traits_agility.png | Bin 0 -> 524 bytes builder/img/traits_defense.png | Bin 0 -> 508 bytes builder/img/traits_energy.png | Bin 0 -> 575 bytes builder/img/traits_mind.png | Bin 0 -> 734 bytes builder/img/traits_spirit.png | Bin 0 -> 546 bytes builder/img/traits_strength.png | Bin 0 -> 512 bytes builder/json/supremes.json | 7 ++- builder/mustache/supremes_modal.mst | 70 +++++++++++++++++++++--- 15 files changed, 149 insertions(+), 9 deletions(-) create mode 100644 builder/img/element_air.png create mode 100644 builder/img/element_darkness.png create mode 100644 builder/img/element_earth.png create mode 100644 builder/img/element_fire.png create mode 100644 builder/img/element_light.png create mode 100644 builder/img/element_water.png create mode 100644 builder/img/traits_agility.png create mode 100644 builder/img/traits_defense.png create mode 100644 builder/img/traits_energy.png create mode 100644 builder/img/traits_mind.png create mode 100644 builder/img/traits_spirit.png create mode 100644 builder/img/traits_strength.png diff --git a/builder/css/style.css b/builder/css/style.css index 41fd1da..6fc793e 100644 --- a/builder/css/style.css +++ b/builder/css/style.css @@ -62,6 +62,77 @@ img.supreme-freelance { float: left; } +/* Header on the modal view */ +.modal-header { + background: linear-gradient(#BBBBBB, #DDDDDD 45%, #FFFFFF 90%); +} + +.header-modal .supreme-name { + float: none; + width: auto; + overflow: hidden; + height: 50px; + margin-left: 3px; + font-size: 28; + font-weight: bold; + text-align: center; +} + +.header-modal .supreme-thumbnail { + width: 60px; + float: left; +} + +/* Elements from the Modal view */ +.modal-body .info-icons { + width: 27px; + float: right; +} + +.table-traits { + margin-left: auto; + margin-right: auto; +} + +.traits-value { + text-align: center; + font-size: 23; + padding: 0px 7px; +} + +.traits-separator { + background: #000000; +} + +.traits-trump-1 { + background: #DE0F0F; + color: #DADADA; +} + +.informations-left-modal { + float: left; +} + +.exclusive-minion-name { + font-weight: bold; +} + +.supreme-description { + margin-left: 20px; + margin-right: 20px; + margin-top: 5px; + padding: 10px; + background-color: #D5D5D5; + border: 1px solid #7F7F7F; + font-style: italic; + text-align: center; +} + +.supreme-links { + margin-top: 10px; +} + +/* Icons */ .info-icon { height: 25px; width: 25px; @@ -75,6 +146,12 @@ img.supreme-freelance { background-origin: content-box; } +.icon-element { + height: 20px; + width: 20px; + margin-left: 6px; +} + /* Selected supremes */ .supremes-selected-list { background-color: #EEEEEE; @@ -206,4 +283,8 @@ img.supreme-freelance { } .faction-ulthar{ color: #2090FF; +} + +.clear-both { + clear: both; } \ No newline at end of file diff --git a/builder/img/element_air.png b/builder/img/element_air.png new file mode 100644 index 0000000000000000000000000000000000000000..e9d12cd92e34070242c7f49b08531070f8e04cc4 GIT binary patch literal 877 zcmV-z1CsoSP)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGy!2kdr!2!c*R8s%|02p*dSaefwW^{L9 za%BK;VQFr3E^cLXAT%y8E;VI^GGzb&0^UhPK~zXfmDX9v4pA7u@z;fvrChkNuc0U; zvSf>Jflx$lP~=Jy64~yo31ur}%Ni;Bnj~c{F1V02lI+>{|9_h2>lp86dFod)XU?4W z%roaa^OpV+tuPm-@faU-9-o5O?DOBz9Q*Md-*5w4u@pcY0m@Wp>dcWguScLIBng*moi70$s9=Kf`VtP`jYQ)hoCa|?aZ9z)?vwyz80EF3d? zikWbR{SgDU#q<35B0Azue!c)F^J53`3F5v@7?hmPLg^Ts%>=}SNoa`9aE7<>0BbN2 z{otgczt+Ol^ek!f$x9Eh2g?u_USJ{2t24ZWZrBJ@Sre|ht2l!p7=Reu$@mT*q4WXH z%o)TF6ph83fmWxSPjGF?$}x3 zvX*#5F|YEa#tI3hplhK`uDm)h4#BarT;214Sd8=r+tXDMym?xoP19jif%$i}WwpbL z9Xuhrz%o1oZYp!^^;dWe7eH^^MLM|4xEc(Xxoufpax?g1T*KwUS=rhB&;V{YOL;oD zMj*lp`xO=CVh3!9a*&4QBL;CIN(a^vMEC*n=;oS?v-+bTQ%K)hMVswT#2J?C>NFpf5dukeUB)vE;(~QN`|TR z6YAhoZ1__QgX`Hmy2HJ>D(1rPx#1ZP1_K>z@;j|==^1poj532;bRa{vGy!2kdr!2!c*R8s%|02p*dSaefwW^{L9 za%BK;VQFr3E^cLXAT%y8E;VI^GGzb&0zXMaK~zXfrPj+!7Eu_0@lR}FLeRFbvU|Je z|8V6lS`{d!QPv`|i`!OV*bOCGwDOv{E4q*fR&)_1S`?Hh7TF?_(k_}l&*0c`nm)hF z3qKg=JLkM-&Ybg(nN?ypn(+`H@MDSB58!XM$vd{;7XDxX@6d;|0^m85~5`I00w$6g3!zPw*ATuoh{t6Hj2@Gu}uGXKsVr zIEy(r_yqP~wJ3vq?Q_T*VN~K9T!NFZk!G0um**OlXmQ=aQQfc2otCZ zg~TRUpBy`?imzeaNhWxPQsfisV3`@meQ#Jh+*0*OCXj{B!j?-o87r-2$G%Zr^5n$_ z%@UkUpzA0{wpfo|SSVc$59)HcuvEC48j+SjV>p83>D~bk>nAwTI{0!|Z1c^qB)jH* zP|^~Frr_bUPk7(u^gK<&0=goq;S4<4HuSxOowKp6%VJ-zEt;uu7$)&Ua}@5bv;jk} zVA~gP@Z-oDK8c6y7uwN;8yJD>{1MOL;cS3Q>YBSO|DAaPx#1ZP1_K>z@;j|==^1poj532;bRa{vGy!2kdr!2!c*R8s%|02p*dSaefwW^{L9 za%BK;VQFr3E^cLXAT%y8E;VI^GGzb&0#ivuK~zXfoz~lnPEj0(@s|q{Ii=K?95W8# z#+8d{{siR?DTga}C}j{AB1I|VFu0R)KE(w&To9!sks=|-k_(Z;$T&RD?p^P!S+m}; zU*G!F-fO>m?Y-CGH&gjXrePDV;~l!HJiZ36`J09_8E5dj>RI)CANJrRo*-O5j~0~5 zVtmDS>_UGxPQ`Bgz&9*IzgYv{=r;U{I6inCw&4)k5#li2h4*f-A(ut)2WK(JhA3n4 z3x6V?F%%&~a1mZxZbO`j_yXTN?cB^q+~=`!1?tm}GZz?xq}TPp zM&IZap2N;}!jkNYaMF&z+J6+*opG?FZ^kODz;@Wz3DhzkpWs}KwBbK93XX&?Y60z) z1#qaWs7_L&84h=~W1m*pT2{h`Ji;s+N@fNgz|O-mtsB4OBiw}@n2rHRW7|x)N!?Hm zOWik5W4SntpK!v$AN_+kfOB|>uv*-x6VPy)u@;wLQ4IgKxWcTImg7E?*^^4;FMWj; Uw2#AxBLDyZ07*qoM6N<$g69%aH~;_u literal 0 HcmV?d00001 diff --git a/builder/img/element_fire.png b/builder/img/element_fire.png new file mode 100644 index 0000000000000000000000000000000000000000..bb5764807490c4580d85cae5a77ac9f8deea4f9c GIT binary patch literal 777 zcmV+k1NQuhP)Px#1ZP1_K>z@;j|==^1poj532;bRa{vGy!2kdr!2!c*R8s%|02p*dSaefwW^{L9 za%BK;VQFr3E^cLXAT%y8E;VI^GGzb&0(wbAK~zXfmDWk9%~1fy@ymvilm#UjGiO5< z7T8)SB^F2`C5l2xrX*#91u`vVVICJ|mdLcA$XKS8h|Kf%d)__Qah&&m_x?h1YWtPGgT|=owWAGDiFb^GI2H`3!yUGit%zzIZM<*||lGAY5 zvWMFpX-G*{qO--P*u6vfcOG!LX0o5Cl0am*vNi3h6BS{b&eo?fxVuH80+|q z!{LndhvT{>oK?rd-;lmQcM#{pSeJE%UaWwvaH7(5#kiKkMjZ3J@+f`Qx~y}hCui~4 zgCryI5}U(WOGd-5r&PH%BFzJw_ux5>c~DO;ynux+V_p5PEy^oRok5y|u#sUx?7DFr zeQT+Lwmd?bop1rxzQQfQj76z%Gu|Pc=-sgHuyNTPvkaxe&2R`8!g+Hoxj$KV*cI=2 zKwRdf!a3JWzTl!C@CDCs0ijag?s}MwQlXR;%);d4TIw!F)Q`iyha2cWnF5E$?bu}>7n?lJ(-ZE%w$@g6fs4)FPDe2d;7e{}JoX~4 z;0eg%uiQEK%XSk!y9AZ7CvV}d>0+6NHE@UQju_`-81}$kI4rHUJdgX4t^W>NANMO) zy!=gg3h()~9DrY7yVD!X;n@0;_-~7wn0uDn@qd%~H?`Uy-*O!OTeTw100000NkvXX Hu0mjf?IdjZ literal 0 HcmV?d00001 diff --git a/builder/img/element_light.png b/builder/img/element_light.png new file mode 100644 index 0000000000000000000000000000000000000000..c4eb6aab145848fb0860837c5548ea17f801ec0c GIT binary patch literal 1009 zcmVSkgkIi(g#YH4X{4|{)c5U+aR z@NxE9>;GTtzt-OSYpWyl^i(NzVj{+(6Q>l@2CT)0m|I7z>ItK5e*{%ZeK8w%q7B=y z80Vr3r{k;!;ft7AN9;H#L6y?QcpHQ84xYm@9F0YF#03rCk(i1}SdE+Oh$T(D_Ixf%19DDFZmC`i(I4M;O#V#zuF=g$#hW#Au#lZ4? z1ZH4Z`R<2>_y;3eaqT7Z-gpyhFs_c+TKK0H$zXl?y}tZDf-CBXr6tiFn1G)!r%I_` zQ=%t|=9BA)KNuLVFfnU5u;0KedX!di63z4AxJc)j_7JGR4ILo&UXBai&};{VrMD! zLA-nj;F~b8O6jiF=BiR^!{CDLo>J!E#+W@*)~-bN0i@Y2kN2mtw3~1ZMiu+riUfP) zru3FK(01HZ$WFq0`vLzNRU@emjFz=uDfh3lWt=S^QlH>SoYn}Oh1cbopMo23sk~2q z#e|k`@xQ!a&HDea!vpwM-ek|#5vv;-k3x4H@e4-cjXGjU9kCg=;Kr6?mC{i~iSOhd zW`a6mS8*JGc~wgNOTd^?@(TrH4tllhb;LZpUwn_lN2St91ye_hy^i?4N@*%y!?G%+ zR7Whpf<`rqOZkU4*50jB8X_NXXX1`JqPu0>-<3J2WI9xC?kiZ(I0BaA{F2--+$-M^ z-^hc}-NftZ((jP_@=yWVEYI|sLcCT!O8UqX_!J&)$#PJF2GI%fEj7NB-zgs{>k8p~ f`ESdHo-qCcjbeoHafH2p00000NkvXXu0mjf@*U;t literal 0 HcmV?d00001 diff --git a/builder/img/element_water.png b/builder/img/element_water.png new file mode 100644 index 0000000000000000000000000000000000000000..1ce3c53d584a3f4ca21deecc615bda5181856ec2 GIT binary patch literal 764 zcmVPx#1ZP1_K>z@;j|==^1poj532;bRa{vGy!2kdr!2!c*R8s%|02p*dSaefwW^{L9 za%BK;VQFr3E^cLXAT%y8E;VI^GGzb&0&Ph|K~zXfmDbtIO;H%f@neV(k#a#9Gb@z* z2W}Om3>RK5u98r`qPi1~lN-4cB7hF(eiVHV}%=7oV+v~K>vd($8Uwvv% z=h^G5wfA#Qt(#25M%=(_d@Z?s9iH==|IS#P!SB)|oWMQ&!D&23IDZb~Q7KFC316@k z;}CKI-XM&6GPc2MKVunMW;Gm9C(;oO!FPCrr5=bf2Djj6H+UcyNA3le(a!@(*1+Pr z=z%1C;naD4xd-Bm#z%CazXy_d{vE;%eqlD!c$3?3ie1Ngj>4y7Lb2DFp}3DwJa~Ws zNMm8w<7BZ%oIgjjz1VBaAlyM(JUENqNaMp{&Ei|EgBSZm#OZ-kNQnEloWG{ShYTwG8Dse&IB6kBhRUvy|?V@qnXX5xgH%qH&vS)=Hhqa5Y_|T0g`;mK_ zU2xy_TyYfz%XqVEZrD5gP~6m>!WQkE_Q7DZ;SF+y1K$~At$JVbW$>l2D~8xI!iStk z&&P$D*$mST7rovtj=&Z7c{e+dE6|FIKMZzZpG?=Fo{@MDdyehFH_?&j3gtK*3t?}% ziw_uuhRlakaTDHTMY*3V7<07#K3M!JyxC%8vl14yQ%=KNxZt_M7P13Of#2AXdu$b2 zW*(eRr)W23U=B86CtN_kon6>9^O)B literal 0 HcmV?d00001 diff --git a/builder/img/traits_agility.png b/builder/img/traits_agility.png new file mode 100644 index 0000000000000000000000000000000000000000..39e7cd8b35e79e440e22df44ef9bf149f3d3c6ac GIT binary patch literal 524 zcmV+n0`vWeP)8FWQhbW?9;ba!ELWdL_~cP?peYja~^ zaAhuUa%Y?FJQ@H10f|XOK~y-6oz%T+7C{il@y|lkM8Wvhs43M-n=}fFkceO;(S;34)EmBBU~4qX>eHZ-@vAiiienOySE~Jaf8)JG{-pa11-Y@665a zj-0ccGaSQX+{G|Pu@^g=m>N@nUm}Oy!>7W(fuYrcUl*X#p2hcKH5hAg0$*Cd6F7^H zI9OeAB-n#@E5L8D4YRn@8;p^{*@9m!Ro}vP9I64o#{(R|R7amPE>!gxhvPSw@h~9Y zTfjfDi1FH6aRg5Tav7&O61-T=;U!FBE5`A>1^gT9s=!5pYaNH!*tu#j&a{9&M~@r- zE5>SCu^~i__$H>Y9!IfMz-MbKeiXv#mc8Bn&6FRwis8QC(;>Xy(f?5_6qUch$v)sU z_z;J;xdWc!F+C{~%=Ebxmm+xTKd)ID*~_gdJKaEGsVrh(iONr0+z9{ z4?J|oLpRs9dEQ|5Hoe=?7aaQASW4miT`8q8Y{Ce><(yxsSSh6;%>Mz25^ss1+$&)K O00008FWQhbW?9;ba!ELWdL_~cP?peYja~^ zaAhuUa%Y?FJQ@H10eMM8K~y-6jnqGD6+sjQ@ZZLe5X43#XcNI87J`L>AOyrlB#nrT zL9oydAowBd(xynESUpfI(?%-`!9pS=pruF<(wn+?jjs z6%mF3vslDOEa6NmzaUUy9xLc0GW65>RZKPaR(Ol!m`s?!n1k^ZNBti=*i6`h7md?P zxLwGyiC1GOv$ptz9$t6w-i;#mJRTo@Dp>XFf;gJ_;oK+Kl-1v@EtcW z*QIV7w1 zg||Hx5w$rZ;xisKs(>)HR(&_>5;d{cXAxA4%Bvfoqp1zj literal 0 HcmV?d00001 diff --git a/builder/img/traits_energy.png b/builder/img/traits_energy.png new file mode 100644 index 0000000000000000000000000000000000000000..da5452a8daac66ef1ac907d7c20a6b6b5cf3683a GIT binary patch literal 575 zcmV-F0>J%=P)8FWQhbW?9;ba!ELWdL_~cP?peYja~^ zaAhuUa%Y?FJQ@H10lY~>K~zYIt<*bfRY4R5;BPb#5PaPzVwYM}P!SP~MJgdNLa-1^ zTMPXIb~e#c6dNn;ViN>wMG!T+v zuLO8T69;1d67F=U*@9`@!fZG2BL#TICtQo?_r0q^xgE~Be@jZ~5FQ7}3SNZG zns|iYcvF~qsFQgACHgI%@xnWJsI{>Y8A=$Zzfnj;W$x33E7! zk@&bDB6kyCDx!%lb7C3`S|dE(;m{3Sjpu`*xVKv{+Vk(mSoMAs-~ZioAS?D0n9v&e z-08;atl00$IX}S}ExS&2Iy6+^G#1+BMmDOv5ceRZB&9T(b6zQPe*q}ChgZ`qS7HDF N002ovPDHLkV1ixv`Sbt) literal 0 HcmV?d00001 diff --git a/builder/img/traits_mind.png b/builder/img/traits_mind.png new file mode 100644 index 0000000000000000000000000000000000000000..a126433f429c9110129054df08b6ac41ffefa30c GIT binary patch literal 734 zcmV<40wMj0P)8FWQhbW?9;ba!ELWdL_~cP?peYja~^ zaAhuUa%Y?FJQ@H10$WK$K~y-6jn!Xhmt__+rj@=DO?E{K7G7b+wTO(=-ijnK_PbJJ+MNXte?*r*#&Esca4h@nBs0O{_%h^(vQm1z+MP z+=%!>Xc{d97elo2$BGjz1@=%aRk=t_Wh3xSILEOC4`2w_@Wlqg*YS6VbYc+af^!L` z!Wpc!S4+*W3qOM18fQ;%W*eHV1;0Z|sVk*4ipOm5F=@rPLa5d#qjXPkd!- zt#vMJbmG9OG!BLTM)*r`Ih+?FxE1#T8{QxlLq)Nk3hbTmuQo6p$KM@S`~`;sJDXCP zPAN^IEwFD>N;4P_|47bxCf)~PorYom4U)FvgnRL`wQW?|EcO-rhc)Yzv7hGfnG9gO z%wcTkL3bgz4V^VkD?X3-6dL8MxD|mb_z>N-&6RMYz1ZOtLD$VvW8}_Zi;m!(sw%N{C%nOFLt2eiN@Dg Qc>n+a07*qoM6N<$g6Drv&Hw-a literal 0 HcmV?d00001 diff --git a/builder/img/traits_spirit.png b/builder/img/traits_spirit.png new file mode 100644 index 0000000000000000000000000000000000000000..1f105f54ce037b2dfb0aed83207a4c821b53e752 GIT binary patch literal 546 zcmV+-0^R+IP)8FWQhbW?9;ba!ELWdL_~cP?peYja~^ zaAhuUa%Y?FJQ@H10iQ`kK~y-6oz=f<6hRaK;O`~5sGwjhqDiB~!$P|h7DB*I?JNZw z3nAKyV6PVb1&WnTS}O}XK?sSO#uSR+4+M)S8Y~10g&T{T!*MaYdwVc2bMyAwot^h) zrIa)^oW{*Iu_+}J+Woe%*)sNDG$N)Vq8||lD{)7$H8vU%`|t{Hu~vbPbwY7AUknRa zF6R39+6C=b=1vy<1^n!SKCjH}E&B5*r9oS?nmTtdK*BdnV-L2AnElvYn}Ywz$!i%+ zc!Bl2^aqBUmGBHRVpEw$N=Zaq#(iqb z_Ebt~eKd%OIUGPQZ)gvf5P>B;Mbv=sGH=v;j@`n0e83cDaVD?GTCv2>_*nA_mN8j# znoZ03{U%@V2s1cdgTBVD7DuIfxQ>b9&&?Y6RwKH@oo-a1A4UHcPIN&J`&+IFxACPI zKN%a%@M?jq;%epTFLXgKR*)sbvtTrS*9D!-IXFTd;)vn*Dq&@8G{aX4^m}nWEHbRd kE@&8*?(u200004b3#c}2nYxW zd8FWQhbW?9;ba!ELWdL_~cP?peYja~^ zaAhuUa%Y?FJQ@H10ewkCK~y-6wbVarRY4Gk;pZHZ5CpLZ!75)u5V263U?+l&g_YQe zg=GrCG(iPp;b#aUb~Y*XRyJCwh}c*dObXE$HC|)>I2LCwoNV?ec;mpZ?7KTZW|x@} z5lW5;%;GJsU_9|dxQgqTEXJmbXYmd_T*Do#BU=6)&(bin2gdE6ZPr*T94zB=fiD%<%WVG<-q`zuOPJ5tL!8Oj2OP-Q)2>YW1@;MB z8C%zUU)xr?M1Nv5V^O#ls4})(<4fW4<`ANtnGP-bUotI~&c+a;OSNWTwCx+7cZlv} zY&-Gow0{*5uWLNQJ^V^O7ZDqpUT)i}rlr5O*kVL%;Wid=Zg5Z~pTuEI;W$p(UDT)2 z1iGjx`W~h_#-=(w_dXtI3i>?`;skEsbo!19DQKi?4!7rN&)!yjjLSHN^O`o@!I3`+ zwnb+OqFui5H_;J@h?`Yay};e{r+rONm)24V?y}#PdPNMtQ|ZG10000
- +
+ +
{{name}}
+
-

{{name}}

-

{{role}} lvl.{{level}}

-

AP+ : {{ap_granted}}

-

Minions+ : {{minions_granted}}

+
+
+
+
+
+
+

{{role}} lvl.{{level}}

+

AP+ : {{ap_granted}} +
AP limit : {{ap_limit}} +
Minions+ : {{minions_granted}}
{{#exclusive_minions}}{{.}}{{/exclusive_minions}} +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
 HPMvt
{{strength_value}}{{defense_value}}{{agility_value}}{{energy_value}}{{mind_value}}{{spirit_value}}  + {{hp_value}}{{mvt_value}}
+
+
+

+ Factions : {{factions}} +
Type :{{#supreme_types}} {{.}} {{/supreme_types}} {{#elements}} {{/elements}} +

+
+ {{#description}}
{{.}}
{{/description}} +
- - - + + +