From d24b2c9752b216903ded24a1060e342562d5da41 Mon Sep 17 00:00:00 2001
From: Simon Pirkelmann <simon.pirkelmann@gmail.com>
Date: Sat, 26 Sep 2020 09:01:16 +0200
Subject: [PATCH] added symbols on cards

---
 static/backward.png         | Bin 0 -> 895 bytes
 static/forward x2.png       | Bin 0 -> 1281 bytes
 static/forward x3.png       | Bin 0 -> 1366 bytes
 static/forward.png          | Bin 0 -> 846 bytes
 static/turn around.png      | Bin 0 -> 1383 bytes
 static/turn left.png        | Bin 0 -> 2031 bytes
 static/turn right.png       | Bin 0 -> 2008 bytes
 templates/drag_example.html |  13 ++++++++++++-
 8 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 static/backward.png
 create mode 100644 static/forward x2.png
 create mode 100644 static/forward x3.png
 create mode 100644 static/forward.png
 create mode 100644 static/turn around.png
 create mode 100644 static/turn left.png
 create mode 100644 static/turn right.png

diff --git a/static/backward.png b/static/backward.png
new file mode 100644
index 0000000000000000000000000000000000000000..172aa8914820bbb2fc38198a548e3dab96f80cb8
GIT binary patch
literal 895
zcmeAS@N?(olHy`uVBq!ia0vp^b|B2b1|*9Qu5bZTY)RhkE)4%caKYZ?lYt_f1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmPVrxcr>@Q+5Je+&%FJf1F&AsP4H-nRCB5+HHxqxsB2
zk<tU2dlYVWDJfYP_i~9vaT>`VaMF3B<Ce2mL~L5q`~zMef;7bzPwiDuio1|1Ds$wh
zYlusT&J>@2(Qm`5J&i0+?x>cti1j<M{`AS;M;OXnpG@w!@hF+$<kO-_=bs-n;JIFH
zZDqA&_wHzsBO()v8TTzzn3ig2V9?M}5tW>rtZ_y>*oAA6#?z-y=Y2nxWEd!Md&++k
zsdWztqK60X@^Ll$T{-DmU0q#NRHT%en%bA2b9-A%Y;0xShRc_OBje(xZQpJl{(I8N
zC0n*`{rlJH!Rz~O-8*CYy1KZ|Pd>jOthUzn`0?X@%a+cUJ(zntt*UC*lZW2k-hRiA
zoO{5audiQHRyIwis-oh?*_u0+G7mm{nBbxmSo9)9t2H(9)dPm^?rzoAb!*o?eemEw
zuJR$<JKJ)P9Y5~PB-`mSWB&Z_L9B)R>^pYvR-WqB%J=^L`{#fE+FDo~c=k-q)YNq0
zLTPE~lg~fLowmRCkU>~jc;P{FGqbKtTTym>5w4QbQr5nCbLZ-AdlxDr^WfjVd8baD
zI&fj{-n}-qwypf^5%KZI4S1fuXlr9DD=+`6@#81+cAf4Vv(++o=H}1CH(!*uIB@nX
z@5_=XNvp{xe?-3g!q2y1>sHs$(5aKQZ@zy0`lVK8A3wieU43qg-@JMABlgi(dA<oJ
zQ)-&epE<K4Lw|K+e0==nD_25HcCBCE4-BJzX7-5aXl1ePN;h>O&Trqphkm_!^&odE
z)8fU8=RK73k9~N!e$Jy?w{OQTZf|P~kl9+$uz0bu&*hRHzvY*0Y;0<3EDjtx)TCTu
zBbQ!XJ)1#@M<$`5;6s1LWs{k+W+^RTVc)-J&yuA}pKkv!Z=T$|`SbtVS{!)w>Xm-~
zhO1Yv#>B)3Bs8@$_w@Aq_-pz!`2b^7baefq%{O%vRb+nLyeavyVor+D$+vHFH9oB9
zaA}geXl8DH`qZf|7bU@!t5<WU+T<;Gu{?@BIEwLz3G;ik8A?U}WaFlm-V;7q84S!S
N44$rjF6*2UngBi3qU`_x

literal 0
HcmV?d00001

diff --git a/static/forward x2.png b/static/forward x2.png
new file mode 100644
index 0000000000000000000000000000000000000000..f797a04abd25200e6c6f3f73c1ce48b694c0149d
GIT binary patch
literal 1281
zcmV+c1^)VpP)<h;3K|Lk000e1NJLTq002G!002G+1^@s6bHS)Y00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru<Ov!EF#xe;UA_PS1dd5W
zK~!ko?b}T#Y<(OD@b8>+yqhu$k)9_jg#}?OXplidGYhXp30bjF7B*gzg^j3NtSqFA
zmnhLJu)u~UO_-#NX!1OIhC#xJnP$%KZk{vU+r92H=9$+s_gCLKr)JK~r*r1~&;R#t
zBt)bG@CN`Mek>va5rJVC__-JWMh?KA08;$@>6@FIU|ALw6%`0Ty?}`RB0tyJ*%?Wt
zQp(NErQ6$E3P7C(1fH3hNdO1{_4M?F2fVYh(}fnI)oR5JUtV6O*x1+~;PLVCba8PZ
zPPoZrqV)9iAJ9UIi;L;``B{AM=H})P(Ex~H7#bWL6c>DEX6Bb@AyTQ7c6WEh0Y5%I
zCWc|$f&(DATuu)U51|dWSS*y4mE|^CNNa0r=)#>&Cv|sse;O_1%a<>q313@VqsYie
zkKr<zjP!baXu+?quPH4p&11BXva&LIe0&TYxLU3L-)JEtBO{>!9~c<$8X5p`97lV5
zd%+Fg+S;PHxHzxE0Z?LMBE7!81}EHXHj`W~_c~gLTCEN~xWnO~o}M0`p@mFLOavEv
zeSMuI5{b{@$;rv2)9Hc(es_2G)2XJfqEssB>FFu3aHrErg@uKFLkk%l9StnJzrWw_
zXfJhbJcn;?Zc;)*LcriDDJgV$dFfxc#bTknyu5&+g;Z5lk=<_h51i+D>h0|fI2r)4
zEbHkk?(=YsMiUh1Z=dQ84-b6{KRP-hnM@W`Z~&B-mq!kV!#D7kmlrB1C<r>VkhZoq
z@56bXr=g*tphXK=TwL@nd}CvSqNAgO9-fqxL<WPwEjZ`S(xOZz!{p>7A|fK(UXJ8>
z9#d0O(ChUcEoW9&SEIGH6*imgb8EovE<5|O*;rRs=keL=>+ADrv(aa(@<fDSE(T#*
zzu~{(VNzVEd{L{_ii3j#?C<YGr_<s5{2XSp8E<cIkV>UUO-)5%VIkVv+mWB2AGqPn
z;c$3$IBRNZa{Ik4EiGiVS_3nj1+p|64OA)>c%Bda-?&sNg;J?Re}6x;S}hC)1I%VK
z>~=dW77JEZR*;>Y?Rx#r&JL!hr$hfzcc<Ro-l(Xk$aM^bLJ=O9dUSL&#>dB9`)6lo
z;WM0NWo5axB@#*az^|{bUE7(Nnc)MUot<@UH#awj2mJK(6k}s!0Dz2)40LpKh#!7?
zdkd9Hh4=S&#Kgp4ad8nG$B7&M@bG}j%1W3_Ca^4v+1c6eZgQf8TPzlomX^X`Fo0!Q
z%+1ZAp`k%Mla!C{;N|7zFdB_uSr!_N22D*(;+~dXTwFk*P{3$3g5x;M&(FJ!4q5og
z$q9;zig0yx1&-seu&{u}#zt{BB6K<(N=iy_b8~};hzKk#Eup@?Ufdm+?d@$;R8-*c
z@ez@ckyu$-L2YfVxLZ$Jtrj&kHLzN(h>D8B>gp=gYPI-#Zo|XFcz=Hf0N89c)YQ~K
zB9Z)O?(grz<5^wQcXe+R2Y~g}!9Tm;_ifqj_V4yRU3~oLgmVD?{<l@*)j!oT41=z&
rE>u=l{<0zPvmzqo<mCABD*xvz2E%o2=r$_500000NkvXXu0mjfwT51a

literal 0
HcmV?d00001

diff --git a/static/forward x3.png b/static/forward x3.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1c07a02187e76ffb44b681a94efcc7fc1564d77
GIT binary patch
literal 1366
zcmV-c1*!UpP)<h;3K|Lk000e1NJLTq002G!002G+1^@s6bHS)Y00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru<Ov!EFb+?~LHGaw1mj6W
zK~!ko?b}O88*3B?@c&Gr72Bbi)}cirf>;cKwlSi#3!zFQRWVTA*g|koC@3Y+f?Y&i
zh=_C{Ewl@}XelTtZd!HGabqM3qC<V5RPaIXm769-qNc5FNaozl9g*9|jo!Q_>45_o
z!jSLB%<!G>I}?V8rUB>y$cSPP5r_yZ%Oc9b0$9}o$O4cV?Ozu~5gLsK*REYd48jK@
z`h%hz@7}#5j^n7PsEFKdH^m^9V*=05&nEx`fNVBfa=>rjzI}jJa&&YwvEf5QLzJGL
z{vG_(sZ+GJww9Ri&CN|R7!2Q`l`JbOqrJVo#Dm|wdGn`e0K~E^wY9Y+7W~DF7r#U+
z$#EPx9FD|*&(F^j%d#QC0Z?&qF>P;es~hg|c&M<jFl4lnR;yLL@L(`V&CSh6Ml1RF
z@ndzuU%!4$si~>QhVwj6k|e1MzO}VQ7cN{lHd@JwiVE_2z3PG2*4F-Sw2~bi9qNF$
zwzh^14S=*-Elo{L#W#FxY>ZBxJQ-Fv01^a&K7alkpKzDUMa9L%VMi-jTU#4{@IW9y
zHk&PCXeE1kdg2Q{JUmPc!$cf@{``5Go}P{m_{WbQf4J0)RF;>Q)9&tWY~jIRkgi<0
z5;e4vU0q$Vh1>1+sH4NQYjb?KD2k-h>0$=Y%*>?q_4Vk&JsuC4Os1HjmAroaI{E$n
z=)h%JrhE79#T*TQG#bruS8+#&_xJb51^RGR_xA1E$inC5=7{I{xPk*9lgUJZKp--3
zpU+2^FJF#3w33aDjp2vOvP|vm?Qx4%a$sN}yzn<~-cVXvTHM3WojXSh3kxB^wV|{Y
zd7j6UCr^-)k`i(|QkG>refkuVBps`rSyfd9tJR8c-@YBK2OMhKIg*==b#-;ezIrV!
zEfL*pj96Emh!D@gB1z*n{5L#FLaV01Zf<VE>2$*BbYf{~32wI=Znql%AP533Uc3m4
z#e#;02BfE_$7VVU1Oj25&b(f4$meEfXVc{5WNfChSjPMJ?_oBZvADRX{%4$F806*U
z;qKkL=<Dml?CdPIwzlB+`{DEXAW0G)Ja~W;Cr$tWzI^$D`}gmw|5iWBme}FfOMdcR
zP2%0^X0sW2d3guxg%2M-B+qnqcrnHEd~(2NW@fOwybJ&+Dk?%oMuz(5@t?*1{ysJ~
zHZVLqjPCAk5E0VS((vffqr@m+4u?*s!|v|x55F@Q40!qSB}z(4lBZ<7di5$^y?XUa
zbV9<%$H!qX7;xv#9r*qJ#Dnkb?0|?M%QE)%_Aoa$htAGUoIQIM0PyVDGt}4DC+-zz
z7zP~2;nJl`u-omJpPz?buLl5(jErDxY%Do$b-iAXmX?--<I&O4<SAfsa&itnCspO9
z6fgjA=FFMofUmBu;^D)G2gjwQrRpwVZr!?tU@(Zv%1RUz6hIIJ2!epr)KqxAUaYLF
zU}R(jy}iBo^y$;VuFQ=aH`EQ^-rj~NiWnRm40)mQ{P}a7K7BfQp7Gq=T!^BGnwlE*
z*XjcU1DKeYfWzT{BuQ|&T<~~2`1<uLIF3VBRu+s#BP<pRs;jI2v(Kjmpo!FAkJ|7%
z9RDsibvhj^77HvEOE`wcY61ND&sI%X|5VGeESj2{P+3_ChGC9$E)l_KG)C%rumJx0
Y8@n!&95e95%m4rY07*qoM6N<$f)g;B{Qv*}

literal 0
HcmV?d00001

diff --git a/static/forward.png b/static/forward.png
new file mode 100644
index 0000000000000000000000000000000000000000..101422c830efae39c67a6b143cda0361b4a3c70b
GIT binary patch
literal 846
zcmeAS@N?(olHy`uVBq!ia0vp^b|B2b1|*9Qu5bZTY)RhkE)4%caKYZ?lYt_f1s;*b
z3=G`DAk4@xYmNj^kiEpy*OmPVrxcqW`=jV%%?u1ow>@1PLo)8Yy>0IyoyfrYq5Qt9
zpy>o@7tXgD9nA|)E^2O8TI4Kd-u~dh66XU4kJ>jkCo3%2JXxS1NXBQGj#Jx%`3n;q
z1*29<2wr@U;PI|hBVI7)wCdja&il>gafkY&-|ah|sq&e@j?v&@l1GzDi$H-T(}C*@
z4d)pS<^8W#o7}kW^^6%a8rU@(pP28O)7{O@*6hf~%lq-&yFR%m-Rd9y{i|bAU{Dk4
z>}Q-mfByg8X|^^tIe9<s-IKe0`}X~V*4EaQm6bQ=e0cpj``g#Ad!0}B_4R%F`E%#b
z2b(u<u6Jc#AkdVZoqd+|{>_^|)uYTLc#Ni>Hf8_w=1q?ihj#%(kK5v!ii(V!ij5IZ
z4jgDm-I8M?mmgEHHR|c3M@eThZiZ-Go$=xC-`Z{4wq4^j=V@+rTDb9nxw-k9w{O=<
z>ss5{ojZQ~__4<0NgMyWozBb2F=4AIExl@H!obGFC?_xfTYBEvw3`<%CThzt?B2EO
z$EQz^{C~WCtGoE(inkdzBXpkGS1b)mRGL`8qdVJ2?Jujng~ftpnSF<=tEy(4fBu(o
z|Ni~|AFo~(EGsSj`10k++dpJ&JvDKn;PnfeX3w5|?@)MHSd9DalB{5Ro5?2)M7S#1
z_}dTf*|n=kJWfYUveU)J`Lv&}@5UIt-OT2`lfAvY=PhOoxc;^3{-dn+_wU~QV*2}S
z<+~?Ojzs==`BIbj@CQ*D2IYwy+EcrXKLo8j^6+8e{e`K|pFMliK6}~8uU|{=FG{`q
za?9Qiix(?z+q(6q+`YSZ&wl<~?ERr(YUV`)o}Ap=g-e$n{Unn)OKscs?SUF1uVxu9
zU%p(h|M<sWzoKrl<&>6{ecDi%mbUEO?(KW_ym^thIC-^==MPIJc@wU64+x@Z4|WCH
z$Gv{=-Rx=6&A@Vo1Lc3DUgi8<5ysKj+REzV=jU{J%dB;(od*v(s^@>}pRe?#;HlY5
SZ3AG+XYh3Ob6Mw<&;$SgtC@oU

literal 0
HcmV?d00001

diff --git a/static/turn around.png b/static/turn around.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f9df8c1c9bd78d693e6eddc711533ad3dc864aa
GIT binary patch
literal 1383
zcmV-t1(^DYP)<h;3K|Lk000e1NJLTq002G!002G+1^@s6bHS)Y00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru<Ov!EH4-MU>GA*o1oTNn
zK~!ko?VDXFdw(3qKWE#SDa><uDl?5~<RMEQ!j0xBxp0HTos?X-7e(v>r98D1H_AiA
zB{vFJ<e3tsR?M<uo^9jvzxcP}hoA2`J7=5!|GevaweLQk^E#jJ+4uAPoX;pkMBrF9
zn+<F>8`$l3czu0^x3@O{0H7!eL?RJLBodHHr683`K`a)7CnVv@(CzIl?C<Zx{{B8}
zZEeB9!2z6|ox$bh<%fBGetr-W69Wke36Pqa3aP27pwVbRsZ_d`99`7)^)+^Nbzx3U
z4u*t;AOJ8LG)-edLIT#*)Zog>3c5=!f%o?IVqjn(ibNvDz+VliREkAKMR<OG?w#P9
zo12)NoXiRAccZVb51*c%ya&9muMhqG{dt9U4xLVi$H&K>2d}QKMv9``0__|Mg#veX
zcRd5{a5%86tjw*z?}v|%59jbdg4=91Y;JD$7_@T)1qI>Z;i3D$M@B|G4(%LTtrpE@
zGbiBG-!iv@g9AuUPY1i*&MHR`i^ZVPXdo&o3TT>!>+5ScK0XGs*~~icXlZGI{{DWT
zD2l%XCO$r%aa1G{30728;OgosIvkEK?Vg{XV|RBqhKGl<iu}gL27gOkuh%oqz>15D
zac5_T(FJsMbzxLg6eC|Mm5Lv5lgWfhNlC;PBA3f?aBz_IMQm?xV_{(-BlzLrVeY}l
z$H$5HYd=3foSB(%IRX}o1<T9JiNV!s^|y}_EAadKd#tRiByuhmi?Oq_ld~<xXf&cm
zqanWG3kwU}fg6oR3<wAya-N%;%XvmMH8q7kK0ZYLTUuJU17BQRBwlW(r>DH+(FFws
zME>*h^U-3lu<{}Lb9-A_S|Zv8YieqED;~79wGqubIXQu=t1E8y@r;ZNqPxAkyv*x)
zIV>!U=sMQd*SU%K-rnAiH!CnO5E2s;d94iTbULDWCX<Pk{SV-FyPYUKRVtMrlgW4m
z*J`yy^NdC#u&I}R0JmDLL|+OH4hEX0c?FM-jwYIScX!84#7RWcwCjh2A4IyM*dCxn
z@XN(E0KXobtpsoZTmToq1#kge02jaoZ~<HZ7r+H@0bBrgza*Y?Znav!EEI~xVz|G*
zC$jPU{0uiYH{Vub0s;a+BocWSczb(0%+Ah&udnZ?&mJBgh-{3Fjlul<{3mdS!vSiw
z8YU(tAT%`e^B3P2*)J|Gh>G|nB_(LJT3vo=aCCHpv9Yndw2jDQGMt{CCV!#ePN~&u
z=;-L+rAA*@R|i#9Ro_qWWW=4St*zxW+8T|9`70z($Y3x)T3Q+>wn9TgVPRq6cWh@e
znGB|<r$H{4yJUx=C@>fd5EmEsd-idqQVFA@qb}KKYHEVg(o(X?-tde&_44w9_4W0v
zp6is96ui8=WY-blX>ex`9Mk?fnx=7WZOyg!<DOPzWF$;ZPBQ*+%*o05{keK(W+n^`
z4H3<4XlQ`Cx;o}gyltt!S5;NjkNfq-#RWI5Al@XsUJojj>f0?)uh&CFM8tpZSgKGc
zpr@zj%kGQT)>bGfDPeEio0qy%jg5^T{AXupyKM7U6e5O)haoR74*>q{jUh=%87+0v
z?xDxWM^>Fiu4sIG9FmihVPIh3>+?0!^!EKf6rP`-VQy~juN_TqZ*LG883|cgS-f{X
p{TURC#R77<9Hdeyx8VOL{R6SVnQOfnO{M?<002ovPDHLkV1fX;g%|(;

literal 0
HcmV?d00001

diff --git a/static/turn left.png b/static/turn left.png
new file mode 100644
index 0000000000000000000000000000000000000000..314b99795f63e05d34407787ab31bd1ca28d919d
GIT binary patch
literal 2031
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
N002ovPDHLkV1gx^#Ebv{

literal 0
HcmV?d00001

diff --git a/static/turn right.png b/static/turn right.png
new file mode 100644
index 0000000000000000000000000000000000000000..9912156ab9eb984e7f6bf54a07aae3a79c8532d7
GIT binary patch
literal 2008
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

literal 0
HcmV?d00001

diff --git a/templates/drag_example.html b/templates/drag_example.html
index 32097b8..e400367 100644
--- a/templates/drag_example.html
+++ b/templates/drag_example.html
@@ -22,7 +22,18 @@
     <div class="row top-buffer">
         <div class="main-canvas">
             {% for i in range(0,9) %}
-                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" >{{ cmds[i].action }}
+                {% if 'forward' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #28a745">
+                {% elif 'backward' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #E74C3C">
+                {% elif 'left' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #f3d500">
+                {% elif 'right' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #2832ad">
+                {% else %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: rgba(128,116,109,0.55)">
+                {% endif %}
+                        <img src="static/{{ cmds[i].action }}.png">
                 <p style="font-size: 10px">{{ cmds[i].priority }}</p>
             </div>
             {% endfor %}