From ac045dba002c9aa85df93f3f2fccdf0478bcf894 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bruno=20Ryb=C3=A1rsky?= <bruno@brn.systems>
Date: Fri, 31 Mar 2023 20:47:02 +0200
Subject: [PATCH] columnizer

---
 assets/letters/A.png | Bin 255 -> 419 bytes
 assets/letters/B.png | Bin 246 -> 396 bytes
 assets/letters/C.png | Bin 272 -> 419 bytes
 assets/letters/D.png | Bin 0 -> 411 bytes
 assets/letters/E.png | Bin 0 -> 367 bytes
 assets/letters/F.png | Bin 0 -> 363 bytes
 assets/letters/G.png | Bin 0 -> 423 bytes
 assets/letters/H.png | Bin 0 -> 358 bytes
 assets/letters/I.png | Bin 0 -> 350 bytes
 assets/letters/J.png | Bin 0 -> 359 bytes
 assets/letters/K.png | Bin 0 -> 425 bytes
 assets/letters/L.png | Bin 0 -> 355 bytes
 assets/letters/M.png | Bin 0 -> 418 bytes
 assets/letters/N.png | Bin 0 -> 408 bytes
 assets/letters/O.png | Bin 0 -> 427 bytes
 assets/letters/P.png | Bin 0 -> 388 bytes
 assets/letters/Q.png | Bin 0 -> 420 bytes
 assets/letters/R.png | Bin 0 -> 414 bytes
 assets/letters/S.png | Bin 0 -> 414 bytes
 assets/letters/T.png | Bin 0 -> 356 bytes
 assets/letters/U.png | Bin 0 -> 389 bytes
 assets/letters/V.png | Bin 0 -> 423 bytes
 assets/letters/W.png | Bin 0 -> 430 bytes
 assets/letters/X.png | Bin 0 -> 442 bytes
 assets/letters/Y.png | Bin 0 -> 404 bytes
 assets/letters/Z.png | Bin 0 -> 413 bytes
 index.html           |   2 +-
 index.js             |  43 ++++++++++++++++++++++++++++++++++++-------
 28 files changed, 37 insertions(+), 8 deletions(-)
 create mode 100644 assets/letters/D.png
 create mode 100644 assets/letters/E.png
 create mode 100644 assets/letters/F.png
 create mode 100644 assets/letters/G.png
 create mode 100644 assets/letters/H.png
 create mode 100644 assets/letters/I.png
 create mode 100644 assets/letters/J.png
 create mode 100644 assets/letters/K.png
 create mode 100644 assets/letters/L.png
 create mode 100644 assets/letters/M.png
 create mode 100644 assets/letters/N.png
 create mode 100644 assets/letters/O.png
 create mode 100644 assets/letters/P.png
 create mode 100644 assets/letters/Q.png
 create mode 100644 assets/letters/R.png
 create mode 100644 assets/letters/S.png
 create mode 100644 assets/letters/T.png
 create mode 100644 assets/letters/U.png
 create mode 100644 assets/letters/V.png
 create mode 100644 assets/letters/W.png
 create mode 100644 assets/letters/X.png
 create mode 100644 assets/letters/Y.png
 create mode 100644 assets/letters/Z.png

diff --git a/assets/letters/A.png b/assets/letters/A.png
index 1fdcd673fcdf0bcfade2ba6e4f1fffbd2e98e2f7..ed43dfca6b405fa954fc7e09632eea5a54da73c8 100644
GIT binary patch
literal 419
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkPh{9aSY+O9(rUW?*RoKmIL<>C>waWEnbkI*X^3XJY7#fUS-3Sn8F7>EU|Twy;V1R
z#a6z%)!}tNwEM{C%uf4=%zJ7R>?{>NoSB^(CQ&|DM<T^qbEUppWz06!Xm=%`1*#>k
z5hW>!C8<`)MX5lF!N|bKSl7T<*Vr(`(89{l$jZc0+rYrez@Xyk$Ac&ua`RI%(<*Um
z;N0O^3)CP9vLQG>t)x7$D3zhSyj(9cFS|H7u^?41zbJk7I~ysWA_h-aKbLh*2~7YT
C6n1R@

delta 239
zcmV<L01*G91OEY#7=H)`0001UdV2H#0004VQb$4nuFf3k0002FNkl<ZScTP=K@xx<
z2t}c3>HV)ut7gm;0Ws(=oj`aWO(Y@$r4aG8W=I170Ea2cQR)JE-E-^i1$awUK-*>O
zyM@BP2!s|e!oO<6KM0gkR7o`yP;wK_reFF^Px&p7c4i&M{AdJ13(yXh#fH2DtiM-n
z9x(ywxz@gn!Y%0DgkJb-jmU%($XCD){9N917HEC%bDP$B5ZKi{m!F-1mF}hSd4_N|
p{?R@|0;~9?d2(3r75-cGeiy|kLU7EZy6XS{002ovPDHLkV1o1IYCHe{

diff --git a/assets/letters/B.png b/assets/letters/B.png
index fbf4970d2a1e03371b8257420aaabb235dd043a0..111b5061a40aaa4b3310bbbc030f86eebca6cc89 100644
GIT binary patch
literal 396
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkhb%5aSY+Op8VtBfq(NKvNJRHtjJ%%E@b~E@rZn-4ol28XImeA<3m%bME3qaz+!L5
zwB}vAjmLW1D-0chZ~imh>G6t|%VD<%nxtCd8c~vxSdwa$T$Bo=7>o>zjCBo+b&U-}
z3@xk-jjT*8wG9lc3=ArsemsbxAvZrIGp!Q02F@LxwLlG$ARB`7(@M${i&7cN%ggmL
f^RkPR6AM!H@{7`Ezq647Dq`?-^>bP0l+XkK0~&4A

delta 230
zcmV<C02%*`1NH%s7=H)`0001UdV2H#0004VQb$4nuFf3k00026Nkl<ZScUDEK@NZ*
z3<SHzEC2r|AE*~e2tlCO7NhRX7}>FwE`phvP641<g%BvlD1HuF0J*XyyV_J73rSwY
z1V93@w{A*GSu+ICT|=z`5?B*}D~R5wFzbO){Q%|wZo7bJZeNnB0o2S#wq|n>-N}a0
zxzGf#G)_`)LTS~^($GDOl5u(Mx(y$Z1<RYTrdAc+p9Md__W-1+xcod|7RO1hqgZNg
g3b5orGV^zI0L;BXM!~li3;+NC07*qoM6N<$g7%wV&;S4c

diff --git a/assets/letters/C.png b/assets/letters/C.png
index 40c1c37cdd130e87ca044b1c96a556c0e0a54055..011777fe2b0b0cfda9d14f8240a1bd5173ad241e 100644
GIT binary patch
literal 419
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Lh#2~<!(!FsL
zkPh{9aSY+Oo_p4i&%r^!?V);?uI#};ncj0-w-xicUkJ?k*6Hce@oaV4y?)lhrN?~^
zy<AkfOikSDy`SV1Wr_T4{Qo}KRn{qsUOaJpLhtvAWruqivmbK`&yWAZy8HMQparTW
zt`Q|Ei6yC4$wjF^iowXh$XM6FSl8Gv#L&XZ(8$WfQrp15%D|xF>Boa88glbfGSez?
zYvA1BSqs!439=zLKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXpdtoOS3j3^P6<r_
DA%lA^

delta 256
zcmV+b0ssD^1CRoc7=H)`0001UdV2H#0004VQb$4nuFf3k0002WNkl<ZScUDEOAf;z
z3`C*o{jWS-HL8+fu!-%ksHJQ|%shXHa0h_4V7+&_Zr%1BDLVRA!I%I%!pfh4yduN_
z9FKP|nSqhG5<0KV0vG}?$CZBl`iwwm38KU;{?i_aG*c61M0u~QGy_WjnbBVW?*4FY
z13Y1S17z2K3Q%Ex00~fWEcebpIY7m+lK{-J`(UpUw8qPjnT65}us|q4MiyL`QU&1!
znfb`M004D9zx#!C16qdDs3v4mrrB^dT&xJY0N6%R<M{_iHd#)MG9*_30000<MNUMn
GLSTa1XlxV!

diff --git a/assets/letters/D.png b/assets/letters/D.png
new file mode 100644
index 0000000000000000000000000000000000000000..287079f6e2a526e8a57180f2a32054b838189ddb
GIT binary patch
literal 411
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkoNU-aSY+Oo?LN2;s5-HjLga%2|vz%_#oeGd-(8w`6rD>_ys<;%X|DuW*7P|=wdAP
z$Uux~w$%>J1m}atnsuuZ_=_BEk4W-M%y4Y^ThH)RDEinVmYXp^gH=mhBT7;dOH!?p
zi&B9UgOP!ev95u!uCZZ=p@o&9k(G(1wt<0_fkDO7j|WjS<mRVjrd8tBz`4V-7N|iI
uWJ7R%T1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$MGT&<elF{r5}E*OLv-i>

literal 0
HcmV?d00001

diff --git a/assets/letters/E.png b/assets/letters/E.png
new file mode 100644
index 0000000000000000000000000000000000000000..a7cd308c0573f3aad9193173e9cb50ba8f690ddb
GIT binary patch
literal 367
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>N<gd)#2~<ww{M99
zkXH0`aSY+Op8VtR0fqAoE;s)F_g6Z2AfexJLLS!@jY<<HhPq7w;asZf|A2~BOI#yL
zQW8s2t&)pUffR$0fswJUfw8W!VThrHm7$T9iKVuIft7(l#nX=mQ8eV{r(~v8;?}^q
z!?PBsK@wy`aDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0uvp00i_>zopr0NQh5
AMF0Q*

literal 0
HcmV?d00001

diff --git a/assets/letters/F.png b/assets/letters/F.png
new file mode 100644
index 0000000000000000000000000000000000000000..601c985824d2fcc60d9af9845ff24e57081b4701
GIT binary patch
literal 363
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>N<gd)#2~<ww{M99
zke2myaSY+Op8VtZfq?T3E+_u~_g6Z2puuxO9v2@I!}5ty{J&<@odhaWEpd$~Nl7e8
zwMs5Z1yT$~21drZ2FAL^h9QO)R)$7aCYIU;237_J6;D4NMA49&pOTqYiCY8b4$oSk
x21$?&!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NC6cwc)I$ztaD0e0syW6V6p%J

literal 0
HcmV?d00001

diff --git a/assets/letters/G.png b/assets/letters/G.png
new file mode 100644
index 0000000000000000000000000000000000000000..51f478f2b60ef1f73480ab01d7e8d5a57179d54e
GIT binary patch
literal 423
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Lh#2~<!(!FsL
zkdE|paSY+O9(r!0V1t5y%f(VXg)J=J3r$}19xyw{cS0p0g8xF`<mvzTueB~nVpf*n
zSZrx^WvX@8^G+d;Cyer6&Km~)Tp+y6vyRhEvf{84r>};s-uJdci`U22D8xED@!t6h
zv_!SUHKHUXu_V<hxhNG#F&G&b8S5Gt>lzz|7+P2v8d;fGY8x0>85mSN{df>XLvDUb
zW?Cg~4V*hXYk?XhK{f>Er<If^7Ns(jmzV2h=4BTrCl;jY<rk&TerF>ERK(!v>gTe~
HDWM4f7K3;q

literal 0
HcmV?d00001

diff --git a/assets/letters/H.png b/assets/letters/H.png
new file mode 100644
index 0000000000000000000000000000000000000000..a99a189251aa96b1596556edb08459e62a086dce
GIT binary patch
literal 358
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zke2XtaSY+Op8Vs(e|vjoR~BYwHOGw$4VV}*dBa!6-d->hs7AHKHKHUXu_V<hxhNG#
zF&G&b8S5Gt>lzz|7+P2v8d;fGY8x0>85mSN{df>XLvDUbW?Cg~4V*hXYk?XhK{f>E
rr<If^7Ns(jmzV2h=4BTrCl;jY<rk&TerF>ERK(!v>gTe~DWM4fUxHgr

literal 0
HcmV?d00001

diff --git a/assets/letters/I.png b/assets/letters/I.png
new file mode 100644
index 0000000000000000000000000000000000000000..c618878b5a1a352187f945bc6ac1f26dce095091
GIT binary patch
literal 350
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>3P7w4#2~=L_ehW%
zNDFwnIEHXsPyX@$_&@u@4^$aE0@4-LcW)5~%BhyPMwFx^mZVxG7o`Fz1|tI_V_gGd
zU1P%#LklZIBP$b2Z36=<1A~gE9}l8v$jwj5OsmALfpdpvEl`6b$cEtjw370~qEv?R
j@^Zb*yzJuS#DY}4{G#;P?`))iiWody{an^LB{Ts5TliSI

literal 0
HcmV?d00001

diff --git a/assets/letters/J.png b/assets/letters/J.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6ce1bfe15b5d9a04a6eee9048fe5ac38b1daecb
GIT binary patch
literal 359
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>3P7v`#2~<E?eXmu
zke2jxaSY+Op8Vtg{=fEz6BK?V9$~Mv`1s$RL40dI539nw1fU|-64!{5l*E!$tK_0o
zAjM#0U}UUoV61Cw7-DE)WoTq&VySIlU}a!X@$}<C6b-rgDVb@NxHWL@@T>(n17t&R
rep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt&9mu6{1-oD!M<Xt!P?

literal 0
HcmV?d00001

diff --git a/assets/letters/K.png b/assets/letters/K.png
new file mode 100644
index 0000000000000000000000000000000000000000..644afa9ea9ef35c090f8fcbae52f331437913066
GIT binary patch
literal 425
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkdF3raSY+OZhLMcuY)27OMoz!w|jwzyYVyqXBvGDnT`+c2j1AjwqtQdguYZc!`uY+
zh$qUT70lb2Wgqx#VAfGuV)ul%NOk&W9p;|Ea~CFrPnp{O^pv@t{3f<N|GeDOLWE}C
zPzG9~TH+c}l9E`GYL#4+3Zxi}42+C*4UBb-4MPkqtPG8;Of0nx46F<cDxQ8kh@v4k
zKP5A*61N7<9iFv74U!-mg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3kpe1W@O1Ta
JS?83{1OP1LcDVom

literal 0
HcmV?d00001

diff --git a/assets/letters/L.png b/assets/letters/L.png
new file mode 100644
index 0000000000000000000000000000000000000000..86c367dd9feb699d8c72d56669aadfda9eb951bb
GIT binary patch
literal 355
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>N<gd)#2~<ww{M99
zkQViHaSY+Op8O;E|9|_#35pUDZ!U5$JTr{f^!7iJ22`M0;u=wsl30>zm0Xkxq!^40
zjEr>+jCG9-Lkumf42`TzEVT^`tPBh)o_;)tq9HdwB{QuOw+7A~p0z*?k{}y`^V3So
o6N^$A%FE03GV`*FlM@S4_413-XTP(N0xDwgboFyt=akR{0PSj9X#fBK

literal 0
HcmV?d00001

diff --git a/assets/letters/M.png b/assets/letters/M.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb3636d54d0f0eb69df5fba3685ca85fedef1b2b
GIT binary patch
literal 418
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkPh*5aSY+Oo@^2DfBr<q&JF+B)kGxu8aaR3Cn!yPxZw}K!a;teU-mXB7I*m6`|MeS
z+7BK{R`~eCU_u3lS|4*K|67Gc@*aO4v<rW7c*H;F$A5WqMuxz@F<v?8+VMd1RZCnW
zN>UO_QmvAUQh^kMk%5u1u7R<xv0;dzg_WU^m5HUcfq|8QLB-RL2T?TS=BH$)RpQpb
zxx=#-s6i5BLvVgtNqJ&XDnogBxn5>oc5!lIL8@MUQTpt6Hc~)E44$rjF6*2UngCDq
Bb<qF-

literal 0
HcmV?d00001

diff --git a/assets/letters/N.png b/assets/letters/N.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d4f42006ee13c78de037ab511c657ed62ee22b7
GIT binary patch
literal 408
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkoNL)aSY+O?s{aQ=m7;D2gjIHw*(Ql)eZ*Y{jR6jCUVG`$P4<#T-c(T@#RSMihyNq
zQ>|XU-Fi$j(m3k1%C&u>r>?9BTHb#}`rZ_I#is$mL00bTfTpUJxJHzuB$lLFB^RXv
zDF!10BV%0yV_jpz5JL+qLnA8_OKk%KD+7ayrymcZXvob^$xN%nt$}lgXDv{JB*=!~
s{Irtt#G+J&^73-M%)IR4<ivthz5Jr|+3#$mfQlGAUHx3vIVCg!0BX!~q5uE@

literal 0
HcmV?d00001

diff --git a/assets/letters/O.png b/assets/letters/O.png
new file mode 100644
index 0000000000000000000000000000000000000000..9a28e67e2f454b588c2545d07f0c54bd3acbb5db
GIT binary patch
literal 427
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>3P7w0#2~=9Q#QjK
zNXL4*IEHXsuRXVs_kaQq%Ypu&03#>2M3V^`M&U=45}Buqbo3iunYd>4n*Z!ag?-wY
z_A<JZ=rihm;TCFd52*BP-?j6j57$ifr_=Y$dwp!J2KUwq?M+_V+a-OLFS=|O`yr~m
zMQ)im&?40m*NBpo#FA92<f2p{#b9J$WUOmotZQr-VrXGyXk=w#scm3jWnfV8^y5Jk
z4Y~O#nQ4`{HE{0mtOaV21lbUrpH@<ySd_|8US6)3nU`IhoLG>mmtT}V`<;yxP!WTt
LtDnm{r-UW|St5Bl

literal 0
HcmV?d00001

diff --git a/assets/letters/P.png b/assets/letters/P.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f8fe38db620cdc99b0f617274e28cdaaa714aa8
GIT binary patch
literal 388
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>N<gd)#2~<ww{M99
zkT&ylaSY+Op8VtRfq(NK@-r)UBrphl<NfOJsM&VH4@RYbCxlh%PB@nu7+i7oZJcqO
z-{`%)D+|LOuHbe%YpXLr6I4rFBT7;dOH!?pi&B9UgOP!ev95u!uCZZ=p@o&9k(G(1
zwt<0_fkDO7j|WjS<mRVjrd8tBz`4V-7N|iIWJ7R%T1k0gQ7S`udAVL@UUqSEVnM22
Weo^}DcQ#T$MGT&<elF{r5}E*ArD=Hp

literal 0
HcmV?d00001

diff --git a/assets/letters/Q.png b/assets/letters/Q.png
new file mode 100644
index 0000000000000000000000000000000000000000..0cac9333e004d8578a5064348e90f7825c910aaa
GIT binary patch
literal 420
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>3P7v^#2~=v5!9am
zq{BR2978y+_nzG-+MvMG^6-a-j$~t?QPi85?!W@(QzABfDjE5oOTWuI8gqO#&@(!x
zXR_IdSMKPH){qJ2va^5lcjb$@WQlaU$*nwD9XWX+pWJdwEk6Bx>sX7v4ZlwUZBQ+7
zjVMV;EJ?LWE=mPb3`Pb<#<~W^y2gefh89+aMph=4+6D$z1_l*RKORKUkei>9nO2Eg
z1LqFUTA&6=kPX54X(i=}MX3zs<>h*rdD+Fui3O>8`9<lo-`Pk36)||a`njxgN@xNA
DQfPD>

literal 0
HcmV?d00001

diff --git a/assets/letters/R.png b/assets/letters/R.png
new file mode 100644
index 0000000000000000000000000000000000000000..a32a46a8117d896439ff0760c63929a2d84b4849
GIT binary patch
literal 414
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkPh&4aSY+Op8Vs0!vFaXnVGFS64-?POEez&&#dr>amEUEA^8o01*!>0dkmNr+&(t<
zFctncZ|-PTc%&G^expG?;gFoiA4cI%29M<Jdw!hfV<>M+mJnU`>>to<)e_f;l9a@f
zRIB8oR3OD*WME{hYhbKvY#3r_VP$A!Wn!sqU|?lnQ1SHRK@<(S`6-!cmAEx<?(nPy
xYLEok5S*V@Ql40p%1~Zju9umYU7Va)kgAtols@~NjTBH3gQu&X%Q~loCIFa*bh7{e

literal 0
HcmV?d00001

diff --git a/assets/letters/S.png b/assets/letters/S.png
new file mode 100644
index 0000000000000000000000000000000000000000..e22c08c79dfb3234ce996542fe486b7f65d7a7c8
GIT binary patch
literal 414
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>N<gd$#2~<U)A4Q%
zkPh&4aSY+OUV3(;V1ogVb70`oGaQmf7pI!Kd3iqEJmJtq$Inu)_Z_^-F>i)K+^Xpk
zDn|c4Y@Ky5gu&lcC%i-8bd2+omHC$@^YmUmZ{B)%<vD4+2Vw4$h4n!`RxNRjC`m~y
zNwrEYN(E93Mg~U4x(3F&#)ct=7FLEvRwkC(1_o9J1{F^~9z@ZQo1c=IR*72!=MK+W
ypaw~h4Z-<oCFO}lsSM@i<$9TU*~Q6;1*v-ZMd`EO*+>BuF?hQAxvX<aXaWGf2X}`6

literal 0
HcmV?d00001

diff --git a/assets/letters/T.png b/assets/letters/T.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a4470e45924167266ef2c8ee88faa76e66278e5
GIT binary patch
literal 356
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkQVcFaSY+Oo?LO@z=1Oj3jh93{BJ*lgF#X{rhenBlGQ*JswJ)wB`Jv|saDBFsX&Us
z$iT>0*T7iU*f7M<!phLd%EVIJz`)ADpyKJrgD4tu^HVa@DsgMz+~HXZ)F276Aviy+
pq&%@Gm7%=6TrV>(yEr+qAXP8FD1G)j8!4b722WQ%mvv4FO#q-dUCRIf

literal 0
HcmV?d00001

diff --git a/assets/letters/U.png b/assets/letters/U.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f34f741fdefbe9c30dc3d8d67bb138e5d84dc34
GIT binary patch
literal 389
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>3P7v{#2~;VIg`}`
zNSk}QIEHXsPyX@Yzr8*4+RiGGNA7>^4HVCRI4tM$XJYz~!~YM?dnnKBY<sw#P2t!5
z0~{)LAO5p57{x|tJ4v<}0*z2Dag8WRNi0dVN-jzTQVd20M#j1Z#=6FaA%+%KhDKH<
zmf8jeRt5$YPd^?+(U6;;l9^VCTLb3~&sv}cNstY}`DrEPiAAXl<>lpinR(g8$%zH2
Ydih1^v)|cB0TnTLy85}Sb4q9e0GeBCBme*a

literal 0
HcmV?d00001

diff --git a/assets/letters/V.png b/assets/letters/V.png
new file mode 100644
index 0000000000000000000000000000000000000000..0f1e558b4f79064c1a7a1bb821d69cb339808057
GIT binary patch
literal 423
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkdE|paSY+OZhB;)AcG<g%Yot(Qzisy@P2ICB_Y+wrzFVp{eyg%4p-!blfSN?V0TN4
zNIKvlqOW(b$J=&p*HYsuBP9*x#)D-yUtBGFwLLEXZOTuPvd7+e!T;l?PfqAO^y*?3
z&=S=W*NBpo#FA92<f2p{#b9J$WUOmotZQr-VrXGyXk=w#scm3jWnfV8^y5Jk4Y~O#
znQ4`{HE{0mtOaV21lbUrpH@<ySd_|8US6)3nU`IhoLG>mmtT}V`<;yxP!WTttDnm{
Hr-UW|2x)tb

literal 0
HcmV?d00001

diff --git a/assets/letters/W.png b/assets/letters/W.png
new file mode 100644
index 0000000000000000000000000000000000000000..85e6339b6ba65a523d6760e2448c5303693d0784
GIT binary patch
literal 430
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Lb#2~<^C-dbm
zkWTP)aSY+O9(!&h?*RoK){FZYl?}Ka2UfN4I6s^uIYFFZso|uhM_86V><X8c<7dA(
zNh#u$LT~b9`)5}VOqM#O5Gk@;?8I3f!R5Is$sgJ-L>_W`-4PJQa=ghZ@N)ms$4^;h
ztP|bU+lsdV?NTjqjVMV;EJ?LWE=mPb3`Pb<#<~W^y2gefh89+aMph=4+6D$z1_l*R
zKORKUkei>9nO2Eg1LqFUTA&6=kPX54X(i=}MX3zs<>h*rdD+Fui3O>8`9<lo-`Pk3
P6)||a`njxgN@xNAGZuTv

literal 0
HcmV?d00001

diff --git a/assets/letters/X.png b/assets/letters/X.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b7a941cd68c51e612b7c6575fa64f71426c95b1
GIT binary patch
literal 442
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkk0XRaSY+OZhCGb?*Ri27KbGwdXfhhS8Nf{v<ZLWI)_(7bAo-ps=2!21IIlJy-ilQ
z#A>Z}o4WKO%c~{7btT;HaUT3W$+9EXQ*mC4nyI%f@9Xr6^}YQzGlPu$XYTpr_T*%*
zd0m2em&A{&Ec4`V%#QgiDY<4j&|cLN*NBpo#FA92<f2p{#b9J$WUOmotZQr-VrXGy
zXk=w#scm3jWnfV8^y5Jk4Y~O#nQ4`{HE{0mtOaV21lbUrpH@<ySd_|8US6)3nU`Ih
boLG>mmtT}V`<;yxP!WTttDnm{r-UW|B@BT~

literal 0
HcmV?d00001

diff --git a/assets/letters/Y.png b/assets/letters/Y.png
new file mode 100644
index 0000000000000000000000000000000000000000..128704086bb2fdf3d5b7e7100cebf5c8356f5df3
GIT binary patch
literal 404
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>ia@Ll#2~<Qx#UD2
zkaqKQaSY+OzV?WrAcG+X%YoM#%8Z&G-i@0q9GOzN)c*J;J=`AQvRyg-^y)V}Q>H!Y
zG1|tfYk6_r*`~Ee4@KT<d3*5Hvifg~fBNE^R>`&g0Gg;;;u=wsl30>zm0Xkxq!^40
zjEr>+jCG9-Lkumf42`TzEVT^`tPBh)o_;)tq9HdwB{QuOw+7A~p0z*?k{}y`^V3So
o6N^$A%FE03GV`*FlM@S4_413-XTP(N0xDwgboFyt=akR{07W)*2LJ#7

literal 0
HcmV?d00001

diff --git a/assets/letters/Z.png b/assets/letters/Z.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae7c572524a03e377d0cc9cc21993a66fe03c652
GIT binary patch
literal 413
zcmeAS@N?(olHy`uVBq!ia0vp^3Lwk~Bp9L@-6Me%OS+@4BLl<6e(pbstRTr`k04(L
zhAK4%hK3dfhF?ITh8GMBr3MTPuM!v-tY$DUh!@P+6=(yLU`q0KcVS?>+a<gN$m1;V
zh%9Dc;5!V$jK}j=qyPokOFVsD*`G7Z3-M_$y(AwD6cR{I^eY3>3P7w4#2~=L_ehW%
zNc(%bIEHXsk3GGS_kaQq%YpYXMofzhq*y1X3im&l#PqRpk;4*`>#|H9KNOxPJ@M67
zT2+vD>);Weq?C*DT^(9;9$9T^<!lw#b!rSykl7$_e(rVTfj{xH?14tBmbgZgq$HN4
zS|t~y0x1R~10!Qy17lrd!w^FYD?=kI6H9Fa11kfAil-kBqG-s?PsvQH#I1pIhi5HN
xgCxj?;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq=1STJYD@<);T3K0RSo)bE5zN

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 80286e8..0d53502 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
                         </tr>
                         <tr>
                             <td>
-                                <div id="trashcan" ondrop="droptrash(event)" ondragover="allowDrop(event)">
+                                <div id="trashcan" ondrop="droptrash(event)" ondragover="allowDrop(event)"></div>
                                     
                                 </div>
                             </td>
diff --git a/index.js b/index.js
index e152782..12ffd70 100644
--- a/index.js
+++ b/index.js
@@ -2,10 +2,12 @@ var ranid = 1;
 
 var cntdrag = 1;
 
-let data_tabl = ["A", "B", "C"];
+let data_tabl = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
 
 let prefix = "assets/";
 
+let numcolumns = 2;
+
 function cleanup(){
     var htmls = [];
     var returntos = [];
@@ -70,19 +72,46 @@ function getRandomElement(array){
     return array[getRandomInt(0, array.length)];
 }
   
+// imageholder.append();
+//         letterholder.append
+
+function columnize(arrayin, columns){
+    var tmp2 = "<table><tbody>";
+    for (var i = 0; i < arrayin.length; i += columns) {
+        var tmp = "<tr>";
+        for (var x = i; x < i + columns; x++) {
+            if (x > arrayin.length - 1){
+                break;
+            }
+            tmp += "<td>" + arrayin[x] + "</td>";
+        }
+        tmp += "</tr>";
+        tmp2 += tmp;
+    }
+    tmp2 += "</tbody></table>";
+    return tmp2;
+}
+
 function showImages() {
+    var images = [];
+    var letters = [];
+
+    let imageholder = $("#imageholder");
+    let letterholder = $("#letterholder");
+
     for (let i = 0 ; i < data_tabl.length; i++) {
         let imagepath = prefix + "images/" + data_tabl[i] + ".png";
         let letterpath = prefix + "letters/" + data_tabl[i] + ".png";
         
-        let imageholder = $("#imageholder");
-        let letterholder = $("#letterholder");
-
-        imageholder.append("<div returntarget=\"" + ranid + "\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\" id=\"imageholderak\" class=\"place holderak\"><img returnto=\"" + ranid + "\" datacode=\"" + data_tabl[i] + "\" draggable=\"true\" ondragstart=\"drag(event)\" src=\"" + imagepath + "\" /></div>");
+        images.push("<div returntarget=\"" + ranid + "\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\" id=\"imageholderak\" class=\"place holderak\"><img returnto=\"" + ranid + "\" datacode=\"" + data_tabl[i] + "\" draggable=\"true\" ondragstart=\"drag(event)\" src=\"" + imagepath + "\" /></div>");
         ranid += 1;
-        letterholder.append("<div returntarget=\"" + ranid + "\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\" id=\"letterholderak\" class=\"place holderak\"><img returnto=\"" + ranid + "\" datacode=\"" + data_tabl[i] + "\" draggable=\"true\" ondragstart=\"drag(event)\" src=\"" + letterpath + "\" /></div>");
+        letters.push("<div returntarget=\"" + ranid + "\" ondrop=\"drop(event)\" ondragover=\"allowDrop(event)\" id=\"letterholderak\" class=\"place holderak\"><img returnto=\"" + ranid + "\" datacode=\"" + data_tabl[i] + "\" draggable=\"true\" ondragstart=\"drag(event)\" src=\"" + letterpath + "\" /></div>");
         ranid += 1;
     }
+
+    imageholder.append(columnize(images, numcolumns));
+    letterholder.append(columnize(letters, numcolumns));
+    
 }
 
 function generatePair(){
@@ -128,7 +157,7 @@ function drop(ev) {
     let cntdrag = ev.dataTransfer.getData("cntdrag");
     let datacode = ev.dataTransfer.getData("datacode");
     if (!ev.target.outerHTML.includes("img")){
-        $('[cntdrag="' + cntdrag + '"]').remove();
+        //$('[cntdrag="' + cntdrag + '"]').remove();
         ev.target.setAttribute("datacode", datacode);
         ev.target.innerHTML = data;
     }