From 0d571d6cc2df2bb75e8663cb2ec0101c3b44eb3c Mon Sep 17 00:00:00 2001
From: userquin <joaquin.sanchez@fi2net.es>
Date: Fri, 12 Feb 2021 06:00:32 +0100
Subject: [PATCH] fix: accessibility (#57)

* fix accesibility issues:
- index.vue: input without label
- about.vue: color contrast doesn't have sufficient contrast ratio on code sample on light theme

* optimize png icons:
pwa-192x192.png: -31.04%
pwa-512x512.png: -14.66%

use https://ezgif.com/

* chore: color

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
---
 public/pwa-192x192.png      | Bin 5676 -> 3914 bytes
 public/pwa-512x512.png      | Bin 12023 -> 10261 bytes
 src/pages/index.vue         |   1 +
 src/styles/markdown.postcss |   8 ++++----
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/public/pwa-192x192.png b/public/pwa-192x192.png
index 16c0a4494f74deb337e006f6b46686f85d8962e8..a8aae8daf9d693e6660a05afb8a4a78bf37120f2 100644
GIT binary patch
delta 11
ScmZ3Zb4qT4@@7_cb$$RD_ycJG

delta 1784
zcmb7Fy^h;99CwxiMTQPtG6jkb1sXJzD4Ny>acU6QY43olIV1*p9VwEsg|kFO;+=iB
z=oLB_9r^%WGG_>~_6_<JeT9;;?D$+ay$BE>k$?R@{``^p^Wh&)emQCfpI0Y8H-o|b
zFU@^#@au0627}Mu=hJg_p8P<VEF8*ZDx6hO4a{}?bX8GyA(WMhSzgBW-*4a9R?cJl
zr%?ivYAojY$xSU@-TXLZHy148_S0{z;}y{Wg;3O56^pVVtJpTUtswfvjJvkg)u@Zu
zer6c0^W@AL%UW2z0|A2&SwZA@KE`4A#6l237Y42e0YU`&WHhw;%hq%?&&bQkcRiVY
zi|x5m6>;6=a_KCGj;v>{7e#I4LgXR@bO~s#OGQ_pY>qY%6Vb3buT(Be%RtgpUaHvE
zQr9MmYKvPoeWP^C+!d`{&w<8MSIF76uDYxj9Xn^PShS)LrD}Asw=J&bQpsj6{{wqF
zeTzYNH%Yc62gMY{mZDM5ue6W3YP+5sEN`aQm2h8*MqbuTJipR9kBpy+jB7!atfx{g
zHfwdZ(QF~)K<n#-vb;1d9`Af2CRB;oHcJOQ55VCRwup>8f`e~hNFZF-CX(mb^<FKW
zdYB9`LFiVg4i2Y^{%<j7B$IVPwduT|GvQX{%(kj|+qasG<wDk)S?lx6#Af_-JU**s
zmM`?gL@MihnwL6!Uv*NGgq)U*q9qfjli1e1aq^s#3<{Vb8h{85eSky#6nYc`=3_6+
znCE5C@4s)!M6yeh0RzzOG{Pm*ARi>);V6U=_dw_msm8<+pdu0gN0>4^Vm#z{Bj-h(
z>rF`)yQoGM*N9@|2R?=wpk9gqP9X<j8;AfPCQ>X$DbEly$?vj6PVz=C@^!zNUWwQJ
z(;~OJ_z=p>zKCsR;vl%)59bFua)`QPZg;7BfaP3h)ZLWqg=9_N$V@G1EuPJE_wJBG
z_mKY97-;C#$K`W>$owG40OJ`2IMe4vgi;K=Aj33DBOD>LvA?JO-?_b|zP+>jzBz18
z%bC!pt!p1NbSFO_0@{8op=+g|X6O_B6lBkkYmV7<*xdabc5^#NvR=?`NFVg(ar=wW
YFWaA#D0Q!D{R{f*_hbLfqsL$T18Xxd-~a#s

diff --git a/public/pwa-512x512.png b/public/pwa-512x512.png
index 2a9550c7a3268ef4e5fe00c775b1e0eb0c4c042e..9bdb895f28ab8a9c22caeaadfc8e74af45a47acc 100644
GIT binary patch
delta 11
Scmew!J2hZ}@@7`{PwD_5d<4Y+

delta 1784
zcmb7FJ&)ux7#=8)5G4&|$O^#;96Qdpb>VcHIoOp5jP6EaDJUG<nTd81hs3)xyG{NA
z4GrQ?AW90vf1#&AqQ%a9-0UzMdyyi=_M7*4p7(uh|1kag+waf%(c8`WH{EFT&b#J)
zWAx)s?~O)p{a(&4)n)btVX|^4m$`7(RWmZr<0tEevMZsiT+GWlwg3F}H`^+CYJVMM
zC~L-IQJ&wm;>F#UGj?~y5^g{F)Ox%oIzc5Awbs?L?#Mc|P2OG*JuvgowuTsWmD*1Y
zqIH=~t+8x{6*>qogs>GQjvM-Z9DibAgb_p$bP>RqppXQfwS8<2*YbiqpM16j)1%a0
zDAf=MSF4q?@*LUDp_?Rq0uhE7104do+gi~zsJpXWiizl0TQ;hcwPjM$Twbfx)>Jnl
zs%D?J?zV-}C4+0)K-WP=(-6qnKCZcLmjgOyP%L{<iCT3!*xd&=3#nwckpGc;zkClt
zS2xS{AScOG)gGc#&u+Aih3bczoDA<~w~c_$MJKOYCZ64Bo@Yi+L&mM3O13j8m%Cm~
zcbqMZ9b|o!QC8MQ#iN5?#Dpr5+NO2Dbpi5bsK+F5i64E8VuH{nHj}(8ZjWO9nd=kJ
zBQCxds*S^`qW>Gr87X92Q7yWx=v=_2p4(Ql=(nXNW4V;AM%MgXv#^`L7>}o|EXt)`
zm`G)PPRm-G?}LGAmXV9PQ?zE{Vv^drHcnY`g1Hw*Iimn!N`dbp59Dr;fJk7T_^uy#
ziN+W@){}{3*Tw@T!LZW^mrN&lNdYky;3B3V4x<QA?jw+hJOTj^V@f$Ia>RFZzG_Ro
zDe3YstD(hpMiGQj=%WHqH^;!&e}TA<L<BGsxi5m87nm9656sAU+36<VZa32l@!j@o
zSz3dA2xVqpq&72l5Sqefx;#;lQ_ur)e+a!zuv!S6_0T0pCfVS0vQR79il=j3y$ARZ
zp5osd0Uf=0HGLGup`h3Wf#ABKUcx~hM?Rn;#Ic?$D9(5CkJ$g)xA)lh52n8@4qMQA
zF7#;&?URBYr01nU`&T)1!}Rq8y{4Xu90`KvnBABS9{X@uJ2;YcLx(AS(3{Ww6{83H
WOG?zbR;|8*-kkpN%g^us_2EB_E;Aee

diff --git a/src/pages/index.vue b/src/pages/index.vue
index 52295ef..be3d091 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -34,6 +34,7 @@ const { t } = useI18n()
       id="input"
       v-model="name"
       :placeholder="t('intro.whats-your-name')"
+      :aria-label="t('intro.whats-your-name')"
       type="text"
       autocomplete="false"
       class="px-4 py-2 text-sm text-center bg-transparent border border-gray-200 rounded outline-none active:outline-none dark:border-gray-700"
diff --git a/src/styles/markdown.postcss b/src/styles/markdown.postcss
index 7c4a3ef..0c4d347 100644
--- a/src/styles/markdown.postcss
+++ b/src/styles/markdown.postcss
@@ -8,11 +8,11 @@
 html:not(.dark) {
   --prism-foreground: #393a34;
   --prism-background: #fbfbfb;
-  --prism-comment: #b8c4b8;
-  --prism-string: #c67b5d;
+  --prism-comment: #8e8f8e;
+  --prism-string: #a1644c;
   --prism-literal: #3a9c9b;
-  --prism-keyword: #248459;
-  --prism-function: #849145;
+  --prism-keyword: #248358;
+  --prism-function: #7e8a42;
   --prism-deleted: #a14f55;
   --prism-class: #2b91af;
   --prism-builtin: #a52727;