From e3f490aabcb42ff7821d710183bc3a88f29f2c5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bruno=20Ryb=C3=A1rsky?= <bruno@brn.systems>
Date: Sun, 2 Apr 2023 17:37:47 +0200
Subject: [PATCH] fix some stuff

---
 assets/refresh.png  | Bin 0 -> 617 bytes
 assets/trashcan.png | Bin 267 -> 558 bytes
 assets/verify.png   | Bin 290 -> 469 bytes
 favicon.ico         | Bin 0 -> 2787 bytes
 index.css           |  19 +++++++++++++++++--
 index.html          |   7 +++++--
 index.js            |   7 +++++++
 7 files changed, 29 insertions(+), 4 deletions(-)
 create mode 100644 assets/refresh.png
 create mode 100644 favicon.ico

diff --git a/assets/refresh.png b/assets/refresh.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1d29813eae414c36fc6d06e2fc3436b8cea4563
GIT binary patch
literal 617
zcmV-v0+#)WP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px%BS}O-RCt{2n_G^;FbqX+N3%6x0SK{1gjhh^#W7!qC`#i;>;yVKe@GBJC$BaM
zKoA5$5d2#v=?^Z~GmfXjbD7r(0PeTP=J#@rr^AyI<5hObR-9JU0)Tg-X>w`BxfP~J
zg;<Md5&)E2%c|lz9wL5P3rH(_JRP21mCwsB4KWSPJwQUKx0K+NZ`B*z1>}{clFeI|
zibYMv6m9}6T8Jy7MS_cf)>hey3)o9&o&-x+PgKCWV#~ZvwUtL2(?tN_Cm|JK5z|co
z;3EM5O9B^H0l*jul6dX{0KX^0tqD&O?^hF;`#{r+WnQOJr7zbrxhi~AMYL=!k;}YJ
zlz=Wnz?)hnskxv!1WG^ldM~#i9}4Nd#THcor7qQ$q96C$L$%WEVhGfrR)pONkoMAD
z3DC?>yAq%w1dL8#G$CMg0;355qZ1fS2pFBfXv6}nx3)$j65x66H;Sr&Pk#NiLbWHz
z*=rk#q~WSxY}sr37OF#_Wv}g9AiK)eVW`IeXc|+CG#}O+P}+CrY&f={S#dP^kjtRe
z5tNi(D-i2BfI5QeeeP$8=t0QxT%Mwr1hxR~xxCk<2(v;nR99pG`l<?Gw?a@c)7a9O
zDzlt~tS?D%FJ^TS0LWS;{cL?rE|1ks0HA9jPPr`?F}n(Q!R-xJyhK{OqnPXnQCHZk
z$ji5gWu9!$>+*Te8#V+=^!md@Dq&Br=|K<#LC}Fek^Xqg@Z&|X00000NkvXXu0mjf
D6(I_j

literal 0
HcmV?d00001

diff --git a/assets/trashcan.png b/assets/trashcan.png
index a0e11ddd776eeb0ea428c5df92a4814b53ce3a0f..87ff9fb28146bde4762315c0b7dde8a26f2a7247 100644
GIT binary patch
literal 558
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D%zUwFDWhE&XX
zJKNXqwSh?M{_ccNEX*nndqfpVZ*AS-ow4m=?iTNk>yub*UY?z}K!{mMP2r3RTh|Hx
z+@p+7>n875Ra{e5m8`uo`;FhN=3{y{^wj0woIaX=lsP~;;4$M0-W4AiuCQH^_*EKn
z>V@_JRM7|y#)eHg#S-;qRx|FFb1s?k&+Kf~g@(UX>dqw%kKNw?>aOBv*nIPi<Q^sq
zozq6!=g&^&4G=jR(EID~$KbYCqOO6=I@3=te4M{@y8ZVT+6gB<Z#h@pT7Er(H{qK0
z&GPpbH78tp{j!qp#hl<@U)<su<r;1^Nbx)5I`pzHFk5g8)iD(eS<G2B3|kpZ2`l6K
zzMzmZAoObejURvOn)f)TY>g`II{UnML2bK7Xefiv^2?`l&(x)S5#8{aZ{l@7%~;d3
zv(GV}eOFcDSKYQNqvRj&$JX}(FPE9l-BWLH?8oZ={sK-04HA!+zwh726cyfhGKI;(
z>m|p5GjjV+UXDAlPrTbTegDO9hu1O_u79q1+ahp|;mn(F);+o2UN2=7j_qjMzH?3P
z|3@#h7nJgy=-j)yrS$VJ_j8;#!+Sn*{@VZZ%nR)YtP`eHu`Q8%SO!c044$rjF6*2U
FngD+Q07(D<

literal 267
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz#^NA%Cx&(BWL^R}M?GB}Ln2z=
zPB-K_<RIdb-jt~#CMIax_}#uwT_8tCM7lXSaq^q{Z`jNfIqDNu&;9xNME)k1xLFT8
zJ6E1wRZy`}ra|L=;l!~2OneRu6G9koFfp8TzpwC;<w0iCwe8(!@;&0*YxF10mzeU)
zJ;<18{ey_Z`m?{R-N(dUzyL)*xEqoW{>d@>mSa?}JLw!lUb8|azs+xjGKI>MrG88^
zBAfj-GkJauI=k^ETSJQa%Gd>aRBz7Q=aS(3$u_uBR-3&+e{GBV6y82H7odk2JYD@<
J);T3K0RVgXWEubf

diff --git a/assets/verify.png b/assets/verify.png
index 507339fe9e99f2016bc444ebfba2557c044b9593..7744fbaf123e47c5ef63db3020e644c369d78c6e 100644
GIT binary patch
literal 469
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D%z`#oJ8Ln`LH
zoprkKumKP2!Jge7!7r6emv);xwVEWHB%R!0Z=+;%UrsgX*aU8lD?3hfe=PmGVR~KP
zvHcI7EZL{OVQ7$fx5tTj6LZHS&v)jIKnBBwDZjaRPw*v7yLcyjoB4tib_1{c<KJ79
zoS4tWGcT!sF28{BCgT^Q=&whw*h)>1J;34|8vnEAznGv@fgCeaQM^l@_4*49Zy4BS
zoT}vp8nl2->$@mWVT1dX%=K&_fyR}W=S>G&azLo|)@n!QEbX|{iVBL$_ez;K{F$n!
zw0(}t?1pzgY%&fUv^8bUI<%_qd^4L#Ph?V4gS8#M)CEJcD=k-L=d<%l%n*(ho>o#L
zcUwB(T~Xl{uJX4YSE}t_>2BG}_}$c@d{eo*T-Kojd%_g{r`^2Qus^i--O1d(f7|bb
zXEf~H@StScuY21sFuZpwsW<p7b47gRTiy&y?ltfD-@JDMDu1QLzDKmGF%0O94A~tQ
zSTe3|ztC`x(?NLJvwcp?Zt6@v5wn2am{H5{%bID{Tize6<(g&J?rFT735+KOPgg&e
IbxsLQ05V?2(EtDd

literal 290
zcmV+-0p0$IP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px#+(|@1R9J=Ol-mu%APhwhRkz4e-6At}i!9YS+Akv7U@%}4DZO8bl;Ha^fysEj
z9`E!$oH-oeHj_XO(;UdDhktQEQok-+aCbl&9&uU(>#_xKj-X_He7<f8HR|E24rtYb
zg9Ej-b0;7nryh(WXt6%xp8iz&&<kG?wC1Pzw<hY)fgTbg#Iq$FIWUDLQgI8kBzmpi
z36wsxa-xKNcxjkKa#TGe5uCAtkhzGosw~t)!&RIPwCu)#z(^^3Vl>-;-VTWo%qnGd
oh{lN#vegoLJE1<@YVCgU0ZzhhH_`$*^8f$<07*qoM6N<$f_f)*O#lD@

diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..f189833da749409ed9f84986141c3e05c7cc5faa
GIT binary patch
literal 2787
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

literal 0
HcmV?d00001

diff --git a/index.css b/index.css
index ec7224a..df8f33e 100644
--- a/index.css
+++ b/index.css
@@ -39,7 +39,14 @@ body {
     width: 64px;
     height: 64px;
     background-image: url("assets/verify.png");
-    background-color: darksalmon;
+    background-color: blue;
+}
+
+#refresh {
+    width: 64px;
+    height: 64px;
+    background-image: url("assets/refresh.png");
+    background-color: darkgreen;
 }
 
 .status {
@@ -85,6 +92,9 @@ td {
     left: 4%;
     position: absolute;
     z-index: 2;
+    width: 25%;
+    height: 50%;
+    object-fit: contain;
 }
 
 .lettervec{
@@ -99,6 +109,11 @@ td {
 .imagevec{
     width: 64px;
     height: 64px;
-    object-fit: scale-down;
     background-color:white;
+}
+
+#currentvzor{
+    object-fit: contain;
+    width: 100%;
+    height: 100%;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index e5c0eb0..aa2d6ad 100644
--- a/index.html
+++ b/index.html
@@ -36,11 +36,14 @@
 
                                 </div>
                             </td>
-                        </tr>
-                        <tr>
                             <td>
                                 <div id="trashcan" class="fixbgimage activepart" ondrop="droptrash(event)" ondragover="allowDrop(event)"></div>
                                     
+                                </div>
+                            </td>
+                            <td>
+                                <div id="refresh" class="fixbgimage activepart"></div>
+                                    
                                 </div>
                             </td>
                         </tr>
diff --git a/index.js b/index.js
index 2ba39af..d66b06f 100644
--- a/index.js
+++ b/index.js
@@ -148,6 +148,11 @@ function getRandomElement(array){
     return array[getRandomInt(0, array.length)];
 }
   
+
+function refresh(){
+    cleanup();
+    generatePair();
+}
 function randomize(inarray){
     var tmp = [];
     const randomly = () => Math.random() - 0.5;
@@ -340,6 +345,8 @@ $(function() {
     $("#verify").on("click", checkAnswers);
 
     $("#trashcan").on("click", cleanup);
+
+    $("#refresh").on("click", refresh);
     
 });