From a4b2fc7c13895b12018c47ff33dd2bf51950a64c Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Mon, 27 Oct 2025 15:16:16 -0400 Subject: [PATCH] Update App Icons + Favicon (#1659) * adding updated app-icon + favicon assets * adding PWA manifest.json to manage app icons * updating eleventyConfig to pass through manifest.json * updating head.njk to include update app-icon references/assets * removing unused webawesome logo + mark assets --- packages/webawesome/docs/.eleventy.js | 3 +++ packages/webawesome/docs/_includes/head.njk | 7 ++++-- .../images/app-icons/app-icon-192x192.png | Bin 0 -> 943 bytes .../images/app-icons/app-icon-512x512.png | Bin 0 -> 2139 bytes .../docs/assets/images/app-icons/app-icon.svg | 1 + .../images/app-icons/apple-touch-icon.png | Bin 0 -> 965 bytes .../docs/assets/images/app-icons/favicon.ico | Bin 0 -> 5430 bytes .../docs/assets/images/app-icons/icon.svg | 1 + .../assets/images/web-awesome-mark-black.svg | 3 --- .../docs/assets/images/webawesome-logo.svg | 3 --- .../assets/images/webawesome-wordmark.svg | 1 - packages/webawesome/docs/manifest.json | 21 ++++++++++++++++++ 12 files changed, 31 insertions(+), 9 deletions(-) create mode 100644 packages/webawesome/docs/assets/images/app-icons/app-icon-192x192.png create mode 100644 packages/webawesome/docs/assets/images/app-icons/app-icon-512x512.png create mode 100644 packages/webawesome/docs/assets/images/app-icons/app-icon.svg create mode 100644 packages/webawesome/docs/assets/images/app-icons/apple-touch-icon.png create mode 100644 packages/webawesome/docs/assets/images/app-icons/favicon.ico create mode 100644 packages/webawesome/docs/assets/images/app-icons/icon.svg delete mode 100644 packages/webawesome/docs/assets/images/web-awesome-mark-black.svg delete mode 100644 packages/webawesome/docs/assets/images/webawesome-logo.svg delete mode 100644 packages/webawesome/docs/assets/images/webawesome-wordmark.svg create mode 100644 packages/webawesome/docs/manifest.json diff --git a/packages/webawesome/docs/.eleventy.js b/packages/webawesome/docs/.eleventy.js index 3b6a9287a..cece771ac 100644 --- a/packages/webawesome/docs/.eleventy.js +++ b/packages/webawesome/docs/.eleventy.js @@ -350,6 +350,9 @@ export default async function (eleventyConfig) { eleventyConfig.addPassthroughCopy(glob); } + // Passthrough copy for manifest.json (PWA manifest file) + eleventyConfig.addPassthroughCopy('manifest.json'); + // // SSR plugin // if (!isDev) { // // diff --git a/packages/webawesome/docs/_includes/head.njk b/packages/webawesome/docs/_includes/head.njk index 63adce616..ab7cf5b74 100644 --- a/packages/webawesome/docs/_includes/head.njk +++ b/packages/webawesome/docs/_includes/head.njk @@ -15,8 +15,11 @@ document.documentElement.classList.toggle('wa-dark', isDark); - - + + + + + diff --git a/packages/webawesome/docs/assets/images/app-icons/app-icon-192x192.png b/packages/webawesome/docs/assets/images/app-icons/app-icon-192x192.png new file mode 100644 index 0000000000000000000000000000000000000000..7fa388495ff05dbcf73e51bb137c4a9ee3bc9fe9 GIT binary patch literal 943 zcmV;g15o^lP)^^m0)2b5Qq} zfBCeb{p{%Vd|ddemHzeg{`T|wzODV^-1UWM`^LHYy{`S^+xyVO_n3bB(8c5gd;$Of z0|ZG#K~#7F?7@Km0001hp#7;AsR9510001(8oNMr9EO1aswA317=O9F|0$QZWUDZX zdIxAnfr;(kC`mH~X7fejGk%6MU5Yn(fg5G+EPsVNT8k$Y0-B2-1tLmuqefIBUSx=x zJGueBZ$SgY!uJydRN{le(25T*i4UFk0o*@Az4w=R@Lr=M42kol#3WuMh+2vpABZTO zZ)m2KII^yS{G&J$K1Jn9{;vGTna-vb(sshxF8Rwj>I`QkIl_L1vvw~OHb*nVmGe0_3t zO6O2SwS0YYb!z3HUmmVL`8uU@42WvD`sC}B&ap<+NdBQE<#SN?t|amk6A(EzA?<>yV~H$eiM+AnDf59_ku- z*;pcEOtGJV*6ywBp=^|QjGL^(D^m>kCFv{Kp`WR_gA`XnFb?ANJqaDbO{3CpIdlI@ z&eDCy)>Pdf{KP*b#8j_&-_fqGP5-@gZ3iPIL4cZ|bHDuhf-?8}f4Tvneg%M=py4Jc zd{&bKKym{>Y#%W-!2xc9%!Img#70#PuyM>fxCsil2^y0sZU6{50HjSL<|YVG6Le;l zts^#WQa1q94FGO}hMS-;yCw&KBnDVNW&vt~1Kb3eN9xWI8`b3i(lP7cCMe)0XgpSN z13<_DAT1d&H$i}!p!00mI%4A{bpt?M0AMC)xCsi+*W>_@764esEI>_gfSVw*sO}uG zQC$Ea9J3B?f&y-W#=?pl074D`X~BrO2m;gu9oz(M=hGb%`UfCBL_a$pfSFLb0MMSI zH`~hn^>ODf;Qa_^z1Up5)7`%!rgva$Uw`evfdBvi005BxYa^(ts;a80stU3A)iF>2 R{|*2E002ovPDHLkV1n&6yL|uv literal 0 HcmV?d00001 diff --git a/packages/webawesome/docs/assets/images/app-icons/app-icon-512x512.png b/packages/webawesome/docs/assets/images/app-icons/app-icon-512x512.png new file mode 100644 index 0000000000000000000000000000000000000000..0d92d69c7cf16ab816d8d5092ae693f9774b7047 GIT binary patch literal 2139 zcmcIlX;hQf7X31iq#z-I00KcmYN=3E6o`N#iA5|lNDx|~paeyu7D*Xp(j){FL53D& z20ubY20@Ax0TqG+AOZ=~1DwF31xfm#g2(*E)BfyU#iMocrTm zrX4(>t8Jc3y5QYocN^4>OCUBOCahBS>K zO%7T*?Y^87Ef+pg%)VHk60WxJB+)(!@!Z<|23dW9V)nVbw|%AP!fH#UT=;nHe&cd> zv?PkQQpl1IKT?S2<-?Da%S+PaU|IcDY1*l^&IYAaBJXLJMAJg1O_~7!dBfA4;vWwY zzZmbHwZkCzx|3!@f-4H+gn{IL<^5P}v~2LXaGP4<-&sY2#!o{B&h>=;9Khs#9BzDE zNe^zU(iw=8uV0T$NRO~qA&J6{*}W?98;pY}rmxFXz&lW)I(!%Oe7b(%q2;Ne@IDr4 z6A!kq9kMX(33U>v9EMWjg5R)$vHX0H7-@Faqlh;QbT&h+lkxyg&$;GA|E#LjSU*O)N^!?3Zlq|7V6yDr+=XV!h6 zM)I{M6`$lRb9C@kCtsYX%&ak4vTeEIVhNyt=xBE5SuK#c5;$*prsufPGmr6&e1<+n{)Kn3EU6gS2cx#VsmBS9S@L?Q}A3h(sZDEnpa zd@Sbu?$npy5;*sH_YFB{nZsTClC9a#(XzXRa&W(Kxk~$i!cRFqN-7F(y>R~NtArUR zG>nq_z{_;io$(sqGNe=)Z=ai?flc1@1+9Go+kz88;@`9G4OV}f3HHP=?<6=URp%2M z#d;;9n@j!E=T}S(n1#9G7#XC$^cx>f$ z78U90cfpYPRoGG~Sma&(+PiqlZy@zo!7jf2+rkfB6C-Yo+zRXZup>S(k{pYl)MSNM zRi3rmv83t{6BF?2u;%{VVOmpGhBDGzLhTwcI~Edx6S{%iiqmyTyG$VpuFHI}ReN$h=0DE*!lQ-~y?KyPG9T}HHM#S-yTIYd zr_AE%^+6t^M7;LcD@4_X{cwR2F_t5Y5c?3kcx>0etIw7^L1zfxETMVep*RmysBvre5+YCq1p z%n@C?h}I6XX>Lr?Bvcpf>ByEyb3|Z#wYKOR8w(Z0*J3M~(Am~AMwcbA@LK%7i?^Z7AwrV}pbZD0}{sFc& z+8@r}+E&Th>Ea|44}Sg9xi2c>?%TReQ93SpR%mB=hmB8FbRYZbC%vcl?QJQ*Gq5{} z?FLTrT&%^^&#(;{p@a;cUg&$yEi!IiIT1jHq~Ufjj3VPF-fWpLVV50la03Y7?^$q2 zIrHRgv$uPpe0?~3<7Q|qk+0B)PqIs2b_JKB!ajnMH$VYsI2oQ!77Rv-fF?MEfVfOX z(KuK-ED??4*iwLW3P5J-rUTf%XaevjCSsuebaj>r*nYy77~mKNz|dhtGJFw_0yH=m zl?oVcgpj~FGPX}s7!Ih}C=6#0^1nhX$yy$4-FaskyjfEc0zgOvs5?Qx`DZ1>XOb&m z5W1#seGUeMe#}Qm@LQmPDFB8GumLj+gqS-=1_CtLodB=lqnaSD$P97;0eD0J2z-P) z8}-H+1N@1xD2R=ndUyg3G4~S`umc6C*;oQJ0S#ws@E7oXZ0#$6nJ^ms>!|;42`v)D z|9lCy(YZSeWDS-}#*r`S6HASZeqgi5(qzPlL znbT*GGei)`XG6a;F!e{j@;hT1u(i9?D^K;JwE!{RN^dnLsL-u8th|{4g^%+HebJD5 z51WWEm>~b#S0#4Tt#qx@>HjuWCipC|vMhE{HkA_-w7Pq3_E}*`1mj3&qYT$SyJzv) nh;EDH_PHwf-}yuT!WE8M \ No newline at end of file diff --git a/packages/webawesome/docs/assets/images/app-icons/apple-touch-icon.png b/packages/webawesome/docs/assets/images/app-icons/apple-touch-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..0106f5e6d6adde09072a87a58d9eb4cf4dbc7f70 GIT binary patch literal 965 zcmeAS@N?(olHy`uVBq!ia0vp^TR@nD8Ax&oe*=;Xbpbvhu0Z;KLBM+ua`>L%@jk=j zOP1@GRM*crE}t`8KIOQ5$^;_kFWJsO@lQah45v>Su3s`;K4!Xn&H|$hmoM3FpR-&) zXMogv$#MoN`;_SlR0dK2RF>%i6bC8Da`}=8)C-b@h@a_aU*?YcQgQ3;jlX%b z9RyfDY&|R(A3SSETg?Tlr&81J?EBCCZGDMIvx{YkneyBBtYxNdo7oJHNhJ3mh?$wi zFYbjVTZq_bUk|k3qLO|8+o}uGMXcTbstD!8eyLIu+f=rek0o;F+`bPij+b3!MH95M z!(M5e|Lk$tJaV(`<4f_SSLUvnc{y<22HQnzZg=-(xc->OuU-?leN&may6xrs)UPr1 z+cpa`nY)K_Out+C{fn6CKHI5A*X{mk@BYo*)2j5MecgmeGkd|3-DmB@R;>_N9a&tz z`cU-5N}Z5jkyHOox*;BU+(}S4-tQwL<1eG<5ih>P%=r7;Y0anJR->Q&QEL~!>Par_ zYM&=u)@F4*!s6wH`Ie#VEB4tWE4~Vt6I$Bv>a>xVNJ89I##Q>6IrEkTmJ0teO3j&; zE){C78OE7xyv=>>|E1?{$i=mvVzqXjYf~0=p*S|_D(`Cj!Z#-3?1#%{ONLGlshzFg z{9Jk0()rtet-G1~EaYy<*TnnI-`6?wd+N(yp3T2HFAONK@P~r&&Umhdvw@|>N3*i- zf7yQe_VeH?ooBOsgOcwTe*E%A^=jbyMN?Jx#I;U#ZHjXgc-Vcb`-1D;(?QjHcT`8d zQv1Zh%Nu;5W7hKb3m#hPJm_d@J0NUQvFI>UkJi_yAIPUomUm zVJ7!^3l0ji@-{x-(4fBSfk4GCzHdJ5tZR=8o0!~ee%5`9GycljCl9e3l>;>D3I8mG zS79ysS?V)oE1TH-MNC+Lrp|lOd@{ literal 0 HcmV?d00001 diff --git a/packages/webawesome/docs/assets/images/app-icons/favicon.ico b/packages/webawesome/docs/assets/images/app-icons/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..683fe2f100b37bd087068552a8d2d74a0107a704 GIT binary patch literal 5430 zcmeI0YfBVS7{{mR1Nag4RrE2`3h53}uY~S+OS@y3k#^6JB&rueL=ce>T?mRIk%EXc z=<18KdQn-Sm0G(qyRJL?bbhmrj^oa_mq94@4-a$ZIsfPXoO5R9nR8at=4tb_q9RRQ zLt51WO zeF<5+FCvSp!m^|~Wwi0p=Lb{iw_J`&N##_mt$~j|I9}-gY|6U&>ACHA#y}q&FSOr? zNoktgwg!E0(qUl8l=6d-$+5fVj|Ovq1J{Y6;iNR2Gooynve6l>zA88xU2!O`QqZOG2gv|*I4+z6Ppjd z|1@R8AzexxdoHhhZa*=^qLC}um$-Gay+T?qrn)^MBDGI)BQFfYxbn} z`m1+GOUMn%%IxKqp?b9v4&`q!wVg14^RC@Yx$0_ zym>#9JN!E-r__0AX^rAh>y**v3`L(CXrP5A+T`#;-zQVH9?@l4U050~L}kR|z2OYO zd8w>6Y#D9m8N;cM23lyMO%6YN`(esUb)NLfZO7hu9Je&lz5U3)#-N2J+ChMI-f}oq zoA}LbZr0`3=*+bbB3C+%kv~b \ No newline at end of file diff --git a/packages/webawesome/docs/assets/images/web-awesome-mark-black.svg b/packages/webawesome/docs/assets/images/web-awesome-mark-black.svg deleted file mode 100644 index a95543887..000000000 --- a/packages/webawesome/docs/assets/images/web-awesome-mark-black.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/webawesome/docs/assets/images/webawesome-logo.svg b/packages/webawesome/docs/assets/images/webawesome-logo.svg deleted file mode 100644 index 1d58e868e..000000000 --- a/packages/webawesome/docs/assets/images/webawesome-logo.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/packages/webawesome/docs/assets/images/webawesome-wordmark.svg b/packages/webawesome/docs/assets/images/webawesome-wordmark.svg deleted file mode 100644 index a27af5200..000000000 --- a/packages/webawesome/docs/assets/images/webawesome-wordmark.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/webawesome/docs/manifest.json b/packages/webawesome/docs/manifest.json new file mode 100644 index 000000000..a96e1a9fe --- /dev/null +++ b/packages/webawesome/docs/manifest.json @@ -0,0 +1,21 @@ +{ + "name": "Web Awesome", + "short_name": "Web Awesome", + "description": "Build better with Web Awesome, the open source library of web components from Font Awesome.", + "start_url": "/", + "display": "standalone", + "theme_color": "#f36944", + "background_color": "#ffffff", + "icons": [ + { + "src": "/assets/images/app-icons/app-icon-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/assets/images/app-icons/app-icon-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ] +}