From eef09a642b5dc8f4ea5d5a98911d411fd3a67716 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Sat, 15 Feb 2025 12:16:47 +0100
Subject: [PATCH] feat(templates): add icons

---
 templates/basic/src/components/my-head.html   |  27 +++++++++---------
 .../basic/src/public/apple-touch-icon.png     | Bin 0 -> 11906 bytes
 templates/basic/src/public/favicon.svg        |   1 +
 templates/basic/src/public/mask-icon.svg      |   1 +
 4 files changed, 15 insertions(+), 14 deletions(-)
 create mode 100644 templates/basic/src/public/apple-touch-icon.png
 create mode 100644 templates/basic/src/public/favicon.svg
 create mode 100644 templates/basic/src/public/mask-icon.svg

diff --git a/templates/basic/src/components/my-head.html b/templates/basic/src/components/my-head.html
index 4656ed4..064f946 100644
--- a/templates/basic/src/components/my-head.html
+++ b/templates/basic/src/components/my-head.html
@@ -4,24 +4,16 @@
   <link rel="stylesheet" href="/reset.css" />
   <meta name="generator" content="McFly v0.0.1" />
   <meta name="theme-color" content="#3054bf" />
-  <meta
-    name="description"
-    content="McFly is a no-framework framework that assists in leveraging the web platform."
-  />
+  <meta name="description" content="McFly is a no-framework framework that assists in leveraging the web platform." />
   <meta name="author" content="McFly" />
   <meta name="origin" content="https://mc-fly.vercel.app/" />
   <!-- Open Graph data -->
   <meta property="og:site_name" content="McFly" />
   <meta property="og:type" content="website" />
   <meta property="og:image" content="/morty.png" />
-  <meta
-    property="og:title"
-    content="McFly: Back to the Basics. Into the Future. 😱"
-  />
-  <meta
-    property="og:description"
-    content="McFly is a no-framework framework that assists in leveraging the web platform."
-  />
+  <meta property="og:title" content="McFly: Back to the Basics. Into the Future. 😱" />
+  <meta property="og:description"
+    content="McFly is a no-framework framework that assists in leveraging the web platform." />
   <style>
     body {
       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
@@ -29,7 +21,8 @@
       margin: 0 auto;
       padding: 1em;
     }
-    body > * {
+
+    body>* {
       padding: 0.5em 1em;
     }
 
@@ -46,5 +39,11 @@
     }
   </style>
 
+
+  <!-- Icons -->
+  <link rel="icon" href="favicon.svg">
+  <link rel="mask-icon" href="mask-icon.svg" color="#000000">
+  <link rel="apple-touch-icon" href="apple-touch-icon.png">
+
   <slot />
-</head>
+</head>
\ No newline at end of file
diff --git a/templates/basic/src/public/apple-touch-icon.png b/templates/basic/src/public/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c73d7ac05ac38911e547baed88780eef1809e1ea
GIT binary patch
literal 11906
zcmXwf1yCE`8*OlRcPSo<6n6`f6nBcdySoJ`PJrU@!?lnCE$&*hP+VKIc=6&d|M%ui
zW_M@q&CcGt``J0)`KYO`jE7B)4FCY}z$zeZ#I@yr2PQJ&+|-zEi?}dat7xkM06}a3
zKm-&3ct8wA`~d)b`2c_;3jjbo2LPb(DCp3VL`<Mty;lYSUjO&|ue&M(F@oixV&n|~
z;1B-qKpJ(gwm}SH_<+?EF%FUO$ynZjw8>Bb02KNlT|*yjOMgZWFLygf7h6W3Ko48S
z09OwHK;>hFzHw7NAMW!KR|l#wjMWgo|6ilP^T}nfjS64)?(L>y4oig1;h#U2KhKMM
z|6oXqX?(QF+RtF0V7rBHkAGiIXrKB9w%uCYxo|iMkjWp(-_~w{%pHNzIx?opGk8;C
z6hme|SN~=}SA@r#=D9egFR&YhyyI@6p62#Wus3$~#-fVB_)p6@QsI;7Uu_K7AgRKr
z4QGArZ8p^y<^Z2i`!=M>!tv_m_f*Mnz7U7F$oF@nF`X<)<|FPKbRMh}7!<!Z*c*N$
zU8XR<El_8PKyo4!T|2>g5U^T~I7uTJu=)pLj7*aHWFF~!=3v?P@6E$mP_t^4Hl@Uq
z%a}zowh$ac5jvb-&Tjo1vX~eh(^4lrY|V%E@g@YKMD=6Z-cU;t>Hz<*`i+;(+ghju
z4G|BDk(id`l<60TzxsVd$XpyPc-(JjwA*g$b#1`5dw#7aCO1BEt<u;|roLzU>70Bq
zsj8TuG$ToHiiBvCCh2+3uMN!rJz6KOc=FO}%6|EgS7p`cd;yz|{^$qsADNhB=7Z<!
z3RBx{z;{S}!)T`2VM<&NgjllNKY>F1$CfG52DCaeuBtDFd`u;sdF{V#tG~_eu80cy
zP2WkJxbOunS*9Q5x2FZ=HXNw_VVx~yG$19f)KHBuFxYc8@GX1)tKXllUE+&!<L8EA
zKi$!l;wIPq$mZ07YS(#2VpJT`qOYZrc&Ub!Ktm5_J|j!rm#ojx6RK~D2sh$9i);9i
zu4QtmNffi0iaL(gIRC9PPxrSr#*-3xu`JQj?OP3vOcpTD{^Ga(7Tx|rARx6Ym!ZDU
z=y{QX{lG)9<jVhTvJm@$nS$hqb;BLGQ>+7514<?USi;t~dgn%O&FlNqf$F5mh)x23
zpD~YCE0FU`Xmr`1;1h$KS0hhkO+m~QOvU`RMN!Q@HC;hu-LOMdY;j2REC$BgKVL;D
z>mT{zoN@$IWo9u_h*cCA7@P@s{skl!_Y~D>Im<x0Hn;2Lmj=gqI>h+1q(obQ=W%oo
zC<3!Qe~nG6+yMYCelSQ*H(>QN)IN>&yYK!)eeE{^6nFCGzhQiQC<4*^0CF4)Jh&m?
zxNZJIKB2RX(6{5iF>6f<(n63{W)wCTNSpM0ObW&xGv;fUgGRoIhqx^@(s((Bb^YJr
zS?y6n$laUH;8k6J13iCyJMw_YJ|BO*o{;-@z}{@$tqJDQWkrMwgI?k+t|b73FK<SA
zkmXOD?p!eeD#UImAmj}L@PO-vB#FB~o%kLXxb1C>z4k&))UfTop1**`Z^yZUvpUb*
zsQ|Wh@{E;TVOd5jJ@!MU)lxUTjCH;I%<(xns=5)w8W7t>onWOdNrE}!#Vg}M_X-%5
zMDRI*ipRcId^*#xW2-zUajr@P#hT&t+g3xh-$%O|X1Rv~SiS)Gw0ikZ>o5z+5-uxv
zoYyb6^yXbkxke*DuU2y%+g_&{kz*L1AS>*F^Rdh<{)o1DQoQ=}A5@%@rYJ|K&8u5;
z5vie^jy}0%Ob-8do~}15I9Nb(`Yl?W{hesCIUTqa8%5+$V!I{l4mUfwKBi~{8SJ5T
zsUQ2h5urCh<v?G85&wyBI-RzULprVi?Ebm3)n*nYitKvIgX*UnJ2}MO;?RS5)TP(X
z8YWq*vM(`boI8%B6An;m5##>r_aE;sAZz{%=;5u{2>X}6iNjGT3>a2dVqfjz>^gIj
z9P9|N*aW`g=2o&HsrAfQv42>~rYhUCNy}?pK$kc`=gbS^wh;&_lXFrCP;N@(Q=xkl
zD?*JHjJp<N4NpRMgn)y?Qhb0_t(4{MIJY@+NASqX`N6Q1E<>v`^G8_mo2(#)`uJOK
z8+QA%tEw=3lA}bpl{S~V;bCZ4$~qbYuwFDYEtpb&@|ji`n|&fvc(Ql^vN$K~Z_AG%
z@m`fyrw0zZtymg>Fl=S1al8LEJAlJpgm?`(p|oP)p$3-`W4e$3#3Hl0aAedC`+Eq0
z?bHspD<R<#hL+ogSfK>^CvG~+IgXb_V%!4>d!NK9M#SnZs57eIFd3t$tdPex-ad#n
z!3}0Ti)1jlpT$-Epca~7<J|r(r9O5kY8)J9Bwq*Dro1>^-#~%GjN?P>SLrvh-lEpW
z7d2)qFcRuxi+jgMl6_$T=(`AF(8<W(4?+n3i4i+L(Dp(4SBzq^ByBtlTMkNRemWoJ
z!?#riq|t!nc^SWhc_YY1ck4Ci-QlTM%47WX*X56rU)XSd<N1xT)r-2<@0c2039k~B
zN5Emdau1Xi6@AHPS#TIjA)Vj-Xc}z55#)gD$ad(>Rnqs#g}x$)TE8gXbcI_;Y%?pA
z*kag|i6{)e1b#VG!M2MB>;^6$I6BGSYHO%F$roea2CDLxbFyB=Wc83JtVYAPs}Wx<
zTbrb56{7ERNvc12q}KS2x01~;ASBoo_weUDbp2XTh)Lj>on9ZiATRCqb7~(pvURK_
zh>(iVDl8y&D#!+)TJ%Om90=pPv2~+o+VD>54xDT8JAgonM(Sr4C|_l@?K-)&_t1cp
zZyjj#t#sZoGh5?Ej5V#DezKwRNj}U|uNlIfBnjL-X%10+SQj5(6rSu`O8OW&o|6~x
zouTR57e4;-Z{t=U<eX{K_(3308q4sWmJJ%^o6{**gS<SRVzGc)%Z%;Ir{UB^t?z@B
zZ#dJOl|f>Or8uy>h{Jbe^!f!d3^^mv@~A*{!|yWMeEuYa=}ai7^0wKdpW8S9K3_2!
z3*9?H9)88_1UD2py95Vd05B`YmPfXpHW)&0&Luu5z*yK9tmB&cA*DfHUxe&ov!N+s
zxw~}^qX;YA`_hj+iVI?aa`B{Yf5Pn7Wc0dws4|$Q@9}Us-xI)K*leH9A+iUvVi88B
zX}mlu@9FWX=iiyYbyzPhEWP&`r97iN-(_5{(eGf5c(NT<bU052MR}G=om`{tu=G<}
z$79Np4wtprf|1pR<NV!CWWt}GE<!0Z=C?XMIqT~#c*=E=0kQS@LM8F_KI_-+ueEae
zA(Ivx1h{N^h0mzg@8MSdeYsCRjxAYJ@TJg!SOOT#iECLrtxG_lAo0kj$2;lA>-m_S
z8;X>rt&R{SJU`#;icG?RgDhz78#a=6kP3;Vyv3LE^QZ5x4+qn?d=*V7Q&qSr^6DoW
z1MzWLsGsmHS(~Bymcx;G08DFiq@#;_8$~PJwR~e<5xV<po56eQ$A&_Q#f8l|Q<9SP
zqF)M}!QDwzvSZT(Veh&hDiS)fk?FXyb|vw&y~*~R`-}_43L5qKlEG$mWJvg78MRn^
z(d|<7c5tA5s=2iHZphB&gndejWLri6NrkqLAfrO`${Y^z)2K|S?NiGj{Z^lfsEfbt
z+8a3YC)B=#<bBaNGCRK3nefB;bn};+Y<F{snIupr3|VOk(+)%{jF+x`*nc{4{&LOx
zI?=ir$+vp5ETyJ4_I>(jGvTc~h)YX~^x=k}*XzoQgi(`Ai;GAekVb`W9h+4a+(aUx
zOzr>j(tmoKFcBk6C9S3w|1!m(|3e*YGr0p4Uu%0@ZQs#_Q3?E$>3q&E^UXx=Yjf07
zP)fo(wzMMA57Kjr5*Q~svHlF-v0wm=<XBQFK{X+mij!Y|5;msG4zizn(nskIZj|Xw
zZ2AQ=hH7PG?4l}#7@3WwTX=tkrIK%RgI9S2zX-I)_W27EMrt2j2AJ}Ql$3W@piy!0
zv=Z?*<%h*rw@KZ(hx?U=;Q;vT1}9q<a7S>%FZ!q!fb)c!Tw>;*a|R$Y4f?bOu-8}>
zH$yp)O?<p;d}*60J#Ph!8h4}9^JXsB`hbQe<#gkn({_vdvlkuVr_Z^lKP>1Q50;D6
zB2)AstQa#bWTlz!>{J`W0#zIx|5GT_ZIV#<Zd4!I+1V5*GD?+^seSuID`o&p;<v$s
zjx|l}-9eg&7jKlq+q^3dciTsv?P&<syL`+H6acauu08(tJMLkZi^bv1-R(v&va1dv
z%!&?j>9#$o_+TA0LS~eR`-z@EZRjiGk}jSG!evLpXXBOdmV*NoGBQA<1UC^93;6aS
z!6rMAs{Up+8fTQCSR&}}$?pfC8aqni>Bd*@a8_nO*W=ILLZfCI6C*{AAH#HOHDpZQ
z!HEq;Qhpa86u^I!s=qIBgZ;L5S7vIMqP3kADEOODfzyg70&wKM&zK+xYxd}|S0|E+
zz46+f06Pz@Ovt|G^KeG;XM%I~6LUghe~sa%EU30A-t!hi$g}&4D^11xe5^uj!h7)+
z*SE~tV2Fo1sV*m!ncBN3_;XutZ?l^3iS#+xkSJ1Z+LG1D;2k5B!>x7Vv;szZbkyN}
zdRfJuS}3L){_>~fvDKYA-9vQ;szPkRUCKNq6_ca|77st^d+-l?8g2}!>aK`^ctMh3
zr7a?@f@dZe1C@9Hi%CZ4r17Ob2%{6YEK2rnc@*>r4!2SbLa8Slz*T^eHuf6A_TZH=
zZNZP@xjJgf)Oq*}ZGneT4I`~mSXnIbqszNNKkilkZq9`9)%hJl53iz33w2=~YBVEV
zimX-mF0X^hKu;Df(F@ZRECDBFjl9n_;wAI+Ln9pdkLzDtJ{AYD*E3p6hie%qkFLDI
zm=UIT5)b+1^z%^GURmVlkgG<%fJ})X@nZPRbK~<b|4tSoyQFlRaAJS=zq!5ej(BWY
zOlDo4z_mRjHQSA51ElEClL74SQls&GY-{iV-2Jy)o2{0oGrc#--;@c6eIYeNuqjLo
zXp$C}sd(sabn)xo)SicD3j_8NOj*L*iJj*``)rNVE%c}jnx4{^<|BP4E|8j*@;rqO
ziRw3}`YJZY(rv%3-q0)am!o6XRC+>44T}~ek`N@Aq#}0$=t)}dJ=|zW(FcDj<JU=Q
zmpt1E7Qql-<H$mFeYu>~G`rdUn_f1MmuKT48CioB??9>Kb2+nsJd!hdAkntBbGxq$
z<Muufv95<pyU23@Cac4GZ2BzT5VN5I(lx<2H5jd70ILleOn}}*k3%VTzVGdDl1NW@
zQW8Hoe~zUl_%b__^zJ-0{z6(fjtm5;p~gL1`$vRXuv|t%<qO<QFo+zJlzz>sEThn%
zMg4MyCtU8cJ})-o%oM#F$@$~J0*#7V2}(u8ICOk>M<ZAr&<8NpOFditdfM$zmW{)o
zWdM^J$QeC<y`I0gQcjKNqb~*U`5jGy1?uK4=E-8?o0#d=ADD(prHA#T>}Q>y(aDqt
z#KBrMY8HP^Yp^J<lmN_GEUimrZBl?AE2}Su-!trKQj44%+B{ASubv;ra#+5<-wLSf
zu26(cy;&#J(#m{hXv6@d<8wq|UYQ&2@NynHxR&TDp&EI9l@9UnSyGBOVquP-F}x}Y
z7a&HLS1CFkq6e$N$9YOD=A~kw+QX-Qo!!tm3xi+#d%%NKIvL;pN)G>~2a6!wrJ5!|
zI{_f`x+pRMta~7!qFxky!DStfh;N!$2zfOd{G`UXj8xGkr8l8}$j?tH5Hie~EFmJ@
zc17hcA77pAO>Zt8J~`j6br-8Qm7n3ujvx}6Ok3Cpk@@UA!Yk_ALg-UjfO)l>oq><r
zA9bpz@r%R){veitb;cRrSw(5B3(Gs-cpUcceeO1Y)i+pZOQ&~7vySa;+x_)v>dt-R
zS9%B9Axu|MGa)I<;4QU~V;(i82L>q<l>b}!RVQJ-0hEv_LbLtaH8tDs8<j5XswHT6
zByB&63>7st9v4X#M%K8+3v5skefmRir%@ml-0}NI4N4r3NFkoDukxO9cA?`LryV79
zPU={?)}+H_IQymTt*d$F-H#$)hGqA3*IMJ3SZ-i^5<n4@JsNy)G%SGOk0grK@kM0}
zH?^_6)UBc+@?PE89IVEN>!vhj)@b0_Nj3OQd5R*X*hzdnptR>VV&kV%AGPkG+T$65
zP2BwdxXxZf&O3h|EaAQl)i=;1#<BV(<#Tm8OmY(}yDlC>XjA|C%d+|ClVgdj;6^-^
zTk7N3G~N@1Ty(T1RxbZ%uS0>dQ8W}TRv6d<QmmpTJG33fnh7a9rOQ??mRbvVvI$lA
znO>H9wwdTp!$9~Y2PjxinHrx7K{)Hn_8KCNgul`Okdn}y_(mkn+y_5RIq`8!lU6|A
z3GPeYU8c>=n!0M~=)!g_4F0p6z#ydQk>}XoWF%#zug%%QUHMsq6+&U`$r-%pE)EZT
zJd95Em+2&$?QE55r?Rw`Wg)RfuV}HH*iY^aJGhZ~K6jm(g0Y}Pv4A6|Q$lH^k<+Dy
zl>JUGMSk#EaTdfbna}wIoZnor%l&WXAYq4pe;ltqIWR@reBiqCGPFboo^8E~guiOM
zKAiR@8pr6C0*1D~*{g3$T~8Cd*eR)PjA4-o=_#W3Y;R}WJT?dxqNktXfrOo`R_4Wo
zoH+Wl7>HPn#Nqc+gzW+Q0{X*I29E?(KNiT3HZi6N^n<Q#B@q>Y3Bmb#=(+hO5&*pI
zNZp4!l7y_hH)_z{Wo7i~&dm_#3t9>$b0(ngiNb*5j==)N9MY_$zn*%wA=U9{O?aO6
z+2oQfQTE#u>Eqc|IeK1GlUS}zS0VrY+e^CDp3eKtP>3T7Ejj<-mGU>IL!6zeEawtJ
zBt%I;aJDYic0)qAsu0Wc{qo7S&Q~oFKWGFIpK4GfJ}_*)$;5`p{c6bM*V#|vEpCjx
zmNeZ5=bbd5$oh=XFbS5%`FHi2K~p+_il`Bab&G!+llW7&!hP;i7BTK>+UQG30pt6N
z$+_YRIB55pjHo%59;!sykAoOidoYo1MTpaxO;~%ZRQ5$Iu9Woof;WZ6i3H|Akp;b(
zP{{nB1T-9lNI>ceKXW?5J4m%m<=<lg=067v?s<8);xTtf_2g&I2+@(Z2c(GGbT?Bp
z%;~8V3SY)%C9$5Ijqf|5cz13DFS;%Ysj>Xk0aOPD-uGD!GF#FSZkQoH_<=gzGC|ai
zbHW2&PWK;HA=2Hp5lZjC^*H}}0_WPkLSZf>*_HL-ik+%Ic@S_vA6n4KXDm#P2`^>i
zwX;-d^pZ#FSR_EAe#169KHtbX{Y>N(gYrN}8xfcl8_-PAEgCZ477&umGGR(b7x%3J
zt>g?(7Le0>;tEFYYx(n)9)Uec8T=<LHkr3-P?Q@AJ308^pR@rv?}DdySDF_r(uldf
zdl>`=KabM%srtq+Pq(`b=U@1F>RfMsj4n2nM3LX1NxGpCtq*y@aT;UPg`76^AOkZY
z64HhQ05rj>pSp4Yi`lxm5Jg4Fo{8ft5jruS=K(RoMFq(oyMNW5ds#U1vIZ@_2*1QD
z4goNiiHOEee)v27-|s=@j(t%yrZ=z1=#S+(^CW{m_WZV<Pm~7PCFJ0a`!|oyW*-`2
z<e}Pta^j6nvzFj!WZ9d<x<@=}E6_lQnXbth0vge;HB<f5a*J9`#0AuT3XP<a?4bem
zCuGb~&1YSH<R3h~5^`BtxUJ5Gl#*wx<JKFtIn0-T{Gh@LNLUL!Uz~a)0gVk({#=lk
zZH{vs#2pkJ81h1Lvxb2F6vvyg+;k$Ym-XUr%dhrvV#tX2%T+iRe5H;y30p4^)N`Ui
zV~MW3Yzk+xgnx^42*+wSzpeVsKS#0;e0{ydkb#cr4VvwE2^(N`*BS3ETYEH)@_@BU
zddcX)<F)S3?+*%$^WFW+X+#y?<Wdya=$sXZg7N2Vy?MUQb=T3}S@NEHTetM4pv~mz
zO{m|+<jP18VHZysOw#}2xPzXKgKd7oGKPO&d%aV7eJuJbsv{Tr6E8kJKXa*b{GW@U
z#v)g7Z%vD8k)iF^{kKLX!y7bXCT@2nuE$9phUJKt**7nisHB!x5+~1+5nLuRh>bj!
zFt@ncWxv7x1LZ7PudYnO4A<06<GB(~iG}+|w;U^=+7RwCl!Mhlz0DckRPXcc8|~_d
zH45mfh+ol93LCVXh3Lu?5lxPIzUcder_nq5F5f-s5=0TRGf|a2m0yJ(4b?PCUo+0T
z3-2NVrKoHcbnLnRZD5Axmnz!R+->!6{U{{y9lK?atn+IpmkAy;8Orp!t^LvhbT+sq
zrC-}J#`rR&z*Nh;-hJVu1(tb3EH}~>_F5DB+}dD5p8H*$a0Q-jZ8tAjh2Du-A<3Oe
z*cARVSbl9nd9Z$UPeCa&wz*Ses2}1*wpeI!@l*51>BV}_?MjJjr<{$&TLIjay;{>A
zd4q+Vxa5<2hqst?>5_aFD|INbxT#QIc}zZ^_KiC?Gl?(mz<3i$>&b4WADjdL`9cds
zG#d4{xJsG+h9Ab#n1&8wC|mWk)mhLa1enmzY#c99`=0{(-w*?w%*{x!jtRZp+d^N;
zIz{}ywkAwu?0f$fu&z|i?N&){7kQ`M7()iBsf_XK>SbauBX_*WTe2A*HrL#~xW{)}
zn_JlA3Gx&S)ZZJT@?NkIWKPqrtz$~z+`cToHxYHea2`f^Qer768w|$QZ_?o+K~$UP
zogUkhhp|e8x!8S_$081zdob1#*$8b2=Yo8{)bS8Hu{TbO-@P+^aj^zd$ZA{A?QYD@
z0L2Uxa`mZ;ewI7JZc`vm(eQgk18EIq2g_2!*ZhB99HIn=8CLFjyZA!ptKpSQrT;4w
zcfWflBVUy>b$rw@Y2PJN+shY?7$eQDvwW{{vZLBiO(W1QucJT}YL3P%$6sFEmbt$l
z7rd0{>+Uf<(-@dcmDDLhn(cfZ>&w^_SE{eRaW#`tT&|3PG2T>nIy*SHwuIx#d!BIr
zeoK3u<z_F8%3WhVd+O7^-fBS_)#ULN-J18W+l3iaUN+D9a`4Z(Iz&`w0{L;iB{)0Z
zViDHJYprw}K89*<3ikY5L?q+x{3U3INE+1(EV7xrtF$Jz;;I1KDJ`$LX+s|wvu&pv
z55VYlwBvm;kOh2?j?c$zdA2F4Wgh;zI2F)J)-(6#kfY3QQMwTw<s<$jO8zFs#aS}d
z0xxc`a8QxX8TswEdDOGbHqXP=lG9+Mh?T(hw6|8Va-61ZUKI^aP;Ev)JpWxRoCwST
z(B(1W_xK|~WXg^j!JoYreAf(Qzq=Z4HoO~oqS!nOBZ&Vm&&q~VsDClSIw{a(^Ev+;
znz(qNM+IT~y|u26faQbFTT)a&>uB)R<z88^pTZ;-Q&ihdx!*l?&qowl%6F|x{yum6
zvi6-0cO&q0l8Jqu#i*d`mj7DThEN}K-cEu~M2sbCSYld!O%q6?6Ow|67RUkIX5FiM
zegY$D{H;sD9><?F4YK=&kxKx4mJcW2o4Eo9-XLppIhOQAPFbZ!CKerBuh+4nyk{ob
zI1#PN)FJES^+`<^JXBd^aH#AAcoj+Ih42FY76|vAug_+v#id4z)};~JQ4T*p8oV{G
zM32tY<^q?<TAat;Ai|;?CSbm&YsA20fSnyds$7|iha&RPAo3bb@S63)oCx!8w`R6h
z9ErU{HmU~ue<hmej(47F*jj#Ftwck-Y`|=8PC5~N10m4$zbA@RhF*^oO3X8+)+K|l
zCuF9{v6_sfEI<t5yCHrL5_{d$LUEBZqsaL%{$N;ex?BRnGUEu&&)3?>hB`&ad%vNl
z7xzatF<&_<T*nt^bvx`1)qLPMihz+B91jK~U_#`NKX~$h|C|o<>5B^-)LHKmBkFf{
z^Db*6s3s3C7*>qJ&-dxL{P;gs?2PEmFVy_cEIr#1fWUc~dHFXw0Dxl_r~uo|2_F3W
z@Kl9=65?^7bbab(6^}??yt&;D6_rgVXUU^!^EO{+p_F~!Ue4ZNcp0)w*YFsA>3aRu
zpYD-U_VT4W_<XB_brF$K`YdO3xlO2Lf>9#)Mvg?h?qaKNy;``6d#`h6cYNP+GV}S<
ze>jgIvq=i<Dmtd%5jtBXK%ih~nqr+9-m!QIl%}e)Jy=0A>kE-lyUqPCdr05|;X9w;
zE<}_?aQMn~@yQ}}VZU)Qm9oQgQ+#<v$*}b?-|eS&2aC8Y$k+ZUth%fn2RGZ*^fLlH
zgS$m|OvS&rGsJ7C*BD=jCl1YcTe&r!|F}*5z`-#_$_j-vMUA23F$jJ3`k1%B`G-?R
zxd$Ev<MxjcZ|&_w8am5D0dRl#I=*v-$Y2=4?%Sh%A8Ru;0hCgKtMg)43UX(g04_w)
z?boBuX%T#1<8V=E<|aR7+7;B7CYKH`BI(A)0mcL-Q&>-$>#nyw_Er2mkUg=2-M@!8
znT2WLp<}T^f5<A2Zr&Wr{fRF}#j7^$88M%0EUU<cyrYh7Y}-1F?OvKGj_q3Fgr@zI
z8@<q(wHY=QcN^bL=-_Oo$THx;N9&mR9AA9G`XIP4&_zc~#G2;c#o+56FHWAUJ+j<&
zK#@u-(^J=t0zhP|i_k{|fsGP%MbBbX6X=-LPzxQ}q5Gb47mfqKPbFv7+Kwx^Fc2n!
z#7Rkn%}pLP1tyMU8{pH3^&j6cq6k$}#mYrg79by>>K7C$IAH@n88UUOpFQ54pFIXh
z#A~1#cG(G;-@S=qndp>xz#K{)JG`Pu%GIV%V4o!!NK!G>DRXL4{pgM{xNIWg;cy70
z%ChyQP%kjj5%+^=^%Bee@O@M7Sm;^^fWrROfxQQ@?d~_P5Cn_<?v?A>x8JiHk0x0$
zM>*womwl_VW%j%#l-Q_&*CWvqtpsjlG)Gfe%^rI+O{I(q%!;jiNh-U&p?9MO(?xCJ
zK;=nnrp$vAmL9tL>eoI`+vbUV?gGh9zulq3XAHc`OsH?A^9KWCj7x1O1P0CN&<((a
zTh(Sk1G#r7nKMC*1E%}i@tO&-TAfdOa)YtoT3Z-l%*EkLaSUJADMXng2}hE`P%vgp
zpGv8Jo#E~3mo?NNNY^I@nWy2qm))#ua3bMA>X7}Utj&{DxLafRb@^qDH+kliF`wOd
zedHj-RxtsZ+u#(Lq7K?ciRx|SeR)~+DWONHw;^Vg;E#1{ygO>wNIi1|TqJ%!(C;3f
z@n)7yQn6WD{Tfxf1LCxe<v+jAj{TH!<l<bRn{ccTE1$mo)ShVmF!%a&9R4_Zt_hYO
z!7PzwbW);32dE@yi~C*9uL#**k*Dw$OSJeTtsM(9SJ&lH<1$(ULS$7oI_(1|(d8{!
z9fRP=z_FaTAiwZyEPwa-pl&=wvtnMXxoWZo6D=Awe(j(;=w<!;LlEIngcUA;ygo#r
z8yhu^rM>y{UNZ0NUd7K*eD^I`j^q!OPz0}evYSxrn3c#jl_L^z4GQ-pvIZ@+z$+a~
z2#XCdOF-N27wa3Vz)MQk>T{izXj<CkDHe~2v@iE}ngm(0H7KjGy1Kg^jcA?T{dq(!
z-NW!NPPWJH5a&-W=WX{LNIMFZ67xgx^XW{3xhTnr3va%GfpDwa_{ov|s2V3dA7%v9
z*K}z<Wl=ajm*@)_Cpcs$=PeC0ePOyp<u?BSw)NyWuUL!q`QFciNKDD}WUAPu^G4Gb
z7&$hPJPY{9#eJ<+4nCM{EXMnp>r4h-wwM0B)0L33!qSwNp6^dw?-rIU;v=wS#@@gi
zYE4f+$7A`~`k&~ElkJWL{uGv!Hk3of_BrmPVZ@%1x5IaHpEhgpxGw(~nZg73`|lZ1
z%bWIkL^4#dgFb)RsdY9pqg$Nkwj9iygI6L7Q_^%F-xen3$Q;v;D=zWSk1JI5*V_x&
z%pH<vGV9&G7C+SqgVNpr0Ftk(PF!G2OibNUtvmFJm{C%BjuKrMvt@Tzlb^|oPZong
zp^>D#0}E|zKv(KlhyGoA-oxnOsCIV*S}!;lFSYz<V?Ow)`z-<e$K*{5m$7*J{kLK2
zc&J!RJgtu}pV#8PxyD81l|C)Z%VILVv!hf(1&}x1m!5dpf2}ATVe$7D|7@~+W&Wd^
z%=_<q1`kXXjs>~3hsT>z>XEuiQoOSLJ&L%bfXeO)GNLX;MTyPVGzOIHgJ1Cvz>E!@
zXLP(=6aH4jQa{+9E;k+aPy2CNqUBEyj(8Wy)k$FhZ}GGf;V{sw^)K}zsV^G8_&pFs
zEw@=S7x6~`f$RCv>Lo*ObHn(&lH!KW(?a<y(r+Lay|KQTnUS${FJk{ma)U}Lh&F(b
z5aqTlckJvc@gaX-f|}PqYF^Mj`W?d9lH-{Wc&aDlL!d2d>N^Z%L<f@D^0*fIFCv2F
zE_2%}IZv>{W%G&ZibAzOi@(LEeBxMOfJjXbrI5}u+;&>W8Pjk~QXs4LapkzXj!cE8
z&=>+rBdhpY7kChtFSo01Jo!Hi(F;RRSh}!4{UedE%bD<(?TN?~d^ctrE>*CgI=3_<
zCeut36~cPGlzcaK6WZU5q}-8Z@kJlj);c?JQ0{gfWX>6aG}H@4X{k6>w^v&OS{HIF
z{|m$S*01@AZf&M9``gvnJ%mfpoifLAETPF`&+9Fz)XYb1>Z7APLFavg*9+zFyDD?_
zMk&v=jA0%;>X*sggcSj2L{zGy7PHj;9uXM<S`su}5dT1b(M`+<f>|eOz@cvfwKe)6
zVTq>f@TdsXvBj+`Nyofb;G^otwR|!hr_n4mJU_IZB6KipEk8dy{7|M)#?NJ=aWkFe
zBmam(BFX9a_6rKzbdFeeM`c%S(8;_b0^=ZB4U0aedJ-Ruks=8&dnSf8#!t>l=AS=u
z>#7)fy3BoGorOomyQLo7PSM~Q57DEHIv(aXP9)%bNz|r37GTlE_VEe3f86TzIl68y
zQwC42{l0h@Q7sfN>#$Suo%(ku5SzrIXHpd3;9N`oCqADD1S=2tui?HvyZojoI%`0O
zU=ZQ^??WGjFRg!pa!a2it6rip40udwu~D^QLYPdkL>K>_xBjhY^nSZs*nWAopP!$u
zuPHRq;t!d3XxwrK;i@6Lfp2+b7z1>zSmYQ$v^50Ds~fh)-bDf)(!Q(vl7{YxZzu<V
z)Qroo1zyMUIY)O&*O`A14%r<``LuZb%aRN1#P{#y-^Ka-QgFyiSTwr8$SI`zb9*k}
zH<K`NdP!$*^N^BHS@abB5l>EB@gV*GYvzyB!lRM`yL-HqX9}D|v6(k$OyXG^8|`BI
zHN;hV<A|vjuVIlWx&5p8Bq!rJRFNq+_GP4U7%`Li#(?N+{-HF#_tC0IcPRwY`=fni
z<T~4DoG+!9{5oti^|=h#sLd<@VhHnZK0t|=%LM5u6;e00KK6fuQRt7$0m&51;|X;Y
zSF;ViXb3FnNKGq5nBE&avFDdsBzY(k{><C;Qd+RX>#Bp2@v^(ll<@3ZptS$bqaGUN
zkf@Mq+qI&iW|4HiG5jcU+7ZgyYyC@gLnl*O!p$XcVLbuutIokRy;xX5eVcqFAgekn
zh#0EjnzGTps+7AM71%a&nk&(bqfZ>}_|Jv_pb5dt&ynY3g~Dy_=6}rDS5DVd8yZS<
zJ8f2jNe~bUfNHuRsP|K7<3nBv34z=Pnv62T6F3l+gLE?VWm%g9GYymS{nm#s7p)A2
zA?~^e{&PL(EtRMRWH`yl_sV`zH#uKl*y9f&7r3MHxOQ=N4jWSz3&}|gNl5WUcVg>Z
zy{Pf$<qLyKj;bY$$298`E8Qm2=oAUO4EfTJmXs)6(P0+^GA}D4uS^+o)N6YKLw$Uy
zTOuVPNA(@GM!pLfcAp5|(v`HWTT0c}I2jTs4?gd7nsm(tEW0KkOmp=lrJ1?%a+L1(
z#Tq<6P``-ZUqw=e@%OhR$xd70_Rnj>uyFw%@77xIS?$g{c7ILuA}aU9Bc{QH%>Hy;
z|A$|)Ae&z||9Wm$!#6s^j6*{HIyeDfq9!(q^iqKXNk@Ur6#5#4#{5>-Dyd8EltlPc
zV|?ULwaJl+n|?WBmKG_|ZB-bARj)AAqx{e6$}g2enS<yzzq$C^r$E1Gqj%)@*&El2
zDbKm=_=fk~f`43&eyuw*>tzK(Sct*bvB{JYP7hCFh=*hwOi>AWnrLZZDa;G0{S>t0
z>yiDqC%|?mC*NpKN6Sf<JAaH&C5%r=d$X8-l@?W{4@!)Fvzh)~f$Q#<3WLHndK{kN
zZxd#svgNJwA7>9T#<#)*baa9)WAp6-2i&zqMiTBP^WbL;TxQvp_{z8zl_3BlbZ%L0
zBlofI_axGNALQxi07YLLLs?@0Vgh<Y%z1GaexCh${xA&0(dRDY3myNjM8Q_mr_wo(
zeD;kNkhvo(uYRg!h2ypVH>G})tX}MzcJMQ2eU55q5`Xb%qozOQKwd-4S3YL8l`N{v
zqCgKrXx2&e4re{7i-)L&8e=B9Jd%y+?9E3|h8_d&vedCsu8m2gnDKE2Nb6L*e{$m>
zWieigUg5z|VAJcegcvPPkf4f>sj}l+<DCh%2fc1OUlNIu9<hX0zci;BN4<83?To?|
z@)o|Mc}`SP-u%iqvkvUyy&rmD1=|qzs$W!YJZA)I4_#CKkL_+mL-)B(5pSeH{M>qU
z&iaE~BCSijlit-n%WcJA4P6$4xihwhep^0xRbLIESLsDUTU1e6iRp(lpy!2-Tqmw9
zi!Bj>t>@w_&=BO+|7ByotZN?(AT$oD)(8#HCA*w^+~k8oBQ&d={)ouXllEk%9AB9X
zGf=|jsOpJLBp>2|3Cv|}!3M?<ZB1`T0f6l>WB!$765f~*WV2VkP1L9Z5IK8%{{OF@
z_-{v<Bi!&1Nk-X9tr*3SQ&gf34vWLZPqdmg$3_Dl3f-s~da_s+N0H%7egE4{(U)ND
zwaD)9u)xe`9FawPEvBx<@$^1U4LiZNxGJ;79-%RtO<_cXW<BA}jRJsZZa#>$vK*ek
zz3VHWT6%oRq_q0)KB<JU)t`@xS4v|6H4uWYPkFTG<I-60?Y1;bnK(^Dra<_+5_W(-
zHXLXyn~WJlCTMF*q|aRqMirJaGYq6Y$uRc18eQU!ZD}1$7`80xy$;3Frxp5<86>*Q
z&il#8l@%x+hz+#6sWf;$nPWp?7LiiW5BW6Ox-^oO5Ud!KDUAV_XCyG>_b<M~GyLM=
z@tuSK80Z>XKAKh;di)*^gLG5rKUg`*kAvnDEh|zR^@%6)|4tc}yba3Bv-qvA%#2Wi
zsMyY3)nJ7Z>%Y@WuM13N5@IR@GeFb`F@YM0zH+a0OxDvOLY{T)?yjQ7AsL#YO+s%!
zVr+*M%p+7nF#vI63gU{L7ps><Xi+vLC(vMj{_me(YOwqew?!G1$yC)~b;~^=&TLtd
zxiwhrgJHo8_1AoRn73c_mp$P#)?)$3rZre8hn{^2-F&YFCtjNm<yCBw2>N=SU7Ms{
zWlLb5!dj*9{T92Qt@jd?Jbc1OXXN{5i+~J&xCRpH_i(j*FfV884Q2gPIEU28aB}!F
z4??y{;-hHj<6&bbF6Zmx;O+&G3v_3c3$%7GSmNnLOq>318X>wCSMaj6^l|snb$53G
zC|J7rSu)zVTT6lDl&!q|JO!0}wHST9ZM~%Q<P>$(`GpiUMAR6qye!>pq~!lMA`12}
rS9WIfv32!uvGlQ(Qj}BT6L|0J;BMo+l7yF!cn|=rs19n7w}|>bENr{S

literal 0
HcmV?d00001

diff --git a/templates/basic/src/public/favicon.svg b/templates/basic/src/public/favicon.svg
new file mode 100644
index 0000000..4317020
--- /dev/null
+++ b/templates/basic/src/public/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="7c9597ec5d"><path d="M 187.5 0 C 83.945312 0 0 83.945312 0 187.5 C 0 291.054688 83.945312 375 187.5 375 C 291.054688 375 375 291.054688 375 187.5 C 375 83.945312 291.054688 0 187.5 0 Z M 187.5 0 " clip-rule="nonzero"/></clipPath><linearGradient x1="0" gradientTransform="matrix(1.464844, 0, 0, 1.464844, 0.0000045, 0)" y1="128" x2="255.999988" gradientUnits="userSpaceOnUse" y2="128" id="02335e4f4f"><stop stop-opacity="1" stop-color="rgb(80.39856%, 100%, 84.698486%)" offset="0"/><stop stop-opacity="1" stop-color="rgb(80.311584%, 99.891663%, 84.757996%)" offset="0.0078125"/><stop stop-opacity="1" stop-color="rgb(80.136108%, 99.676514%, 84.87854%)" offset="0.015625"/><stop stop-opacity="1" stop-color="rgb(79.960632%, 99.461365%, 84.997559%)" offset="0.0234375"/><stop stop-opacity="1" stop-color="rgb(79.786682%, 99.246216%, 85.116577%)" offset="0.03125"/><stop stop-opacity="1" stop-color="rgb(79.611206%, 99.032593%, 85.237122%)" offset="0.0390625"/><stop stop-opacity="1" stop-color="rgb(79.43573%, 98.817444%, 85.35614%)" offset="0.046875"/><stop stop-opacity="1" stop-color="rgb(79.26178%, 98.602295%, 85.476685%)" offset="0.0546875"/><stop stop-opacity="1" stop-color="rgb(79.086304%, 98.387146%, 85.595703%)" offset="0.0625"/><stop stop-opacity="1" stop-color="rgb(78.910828%, 98.171997%, 85.714722%)" offset="0.0703125"/><stop stop-opacity="1" stop-color="rgb(78.736877%, 97.958374%, 85.835266%)" offset="0.078125"/><stop stop-opacity="1" stop-color="rgb(78.561401%, 97.743225%, 85.954285%)" offset="0.0859375"/><stop stop-opacity="1" stop-color="rgb(78.385925%, 97.528076%, 86.073303%)" offset="0.09375"/><stop stop-opacity="1" stop-color="rgb(78.211975%, 97.312927%, 86.193848%)" offset="0.101562"/><stop stop-opacity="1" stop-color="rgb(78.036499%, 97.097778%, 86.312866%)" offset="0.109375"/><stop stop-opacity="1" stop-color="rgb(77.861023%, 96.884155%, 86.431885%)" offset="0.117188"/><stop stop-opacity="1" stop-color="rgb(77.685547%, 96.669006%, 86.552429%)" offset="0.125"/><stop stop-opacity="1" stop-color="rgb(77.511597%, 96.453857%, 86.671448%)" offset="0.132812"/><stop stop-opacity="1" stop-color="rgb(77.336121%, 96.238708%, 86.790466%)" offset="0.140625"/><stop stop-opacity="1" stop-color="rgb(77.160645%, 96.02356%, 86.911011%)" offset="0.148438"/><stop stop-opacity="1" stop-color="rgb(76.986694%, 95.809937%, 87.030029%)" offset="0.15625"/><stop stop-opacity="1" stop-color="rgb(76.811218%, 95.594788%, 87.149048%)" offset="0.164062"/><stop stop-opacity="1" stop-color="rgb(76.635742%, 95.379639%, 87.269592%)" offset="0.171875"/><stop stop-opacity="1" stop-color="rgb(76.461792%, 95.16449%, 87.388611%)" offset="0.179688"/><stop stop-opacity="1" stop-color="rgb(76.286316%, 94.949341%, 87.507629%)" offset="0.1875"/><stop stop-opacity="1" stop-color="rgb(76.11084%, 94.735718%, 87.628174%)" offset="0.195312"/><stop stop-opacity="1" stop-color="rgb(75.93689%, 94.520569%, 87.747192%)" offset="0.203125"/><stop stop-opacity="1" stop-color="rgb(75.761414%, 94.30542%, 87.866211%)" offset="0.210938"/><stop stop-opacity="1" stop-color="rgb(75.585938%, 94.090271%, 87.986755%)" offset="0.21875"/><stop stop-opacity="1" stop-color="rgb(75.410461%, 93.875122%, 88.105774%)" offset="0.226562"/><stop stop-opacity="1" stop-color="rgb(75.236511%, 93.661499%, 88.224792%)" offset="0.234375"/><stop stop-opacity="1" stop-color="rgb(75.061035%, 93.44635%, 88.345337%)" offset="0.242188"/><stop stop-opacity="1" stop-color="rgb(74.885559%, 93.231201%, 88.464355%)" offset="0.25"/><stop stop-opacity="1" stop-color="rgb(74.711609%, 93.016052%, 88.583374%)" offset="0.257812"/><stop stop-opacity="1" stop-color="rgb(74.536133%, 92.800903%, 88.703918%)" offset="0.265625"/><stop stop-opacity="1" stop-color="rgb(74.360657%, 92.58728%, 88.822937%)" offset="0.273438"/><stop stop-opacity="1" stop-color="rgb(74.186707%, 92.372131%, 88.941956%)" offset="0.28125"/><stop stop-opacity="1" stop-color="rgb(74.01123%, 92.156982%, 89.0625%)" offset="0.289063"/><stop stop-opacity="1" stop-color="rgb(73.835754%, 91.941833%, 89.181519%)" offset="0.296875"/><stop stop-opacity="1" stop-color="rgb(73.661804%, 91.726685%, 89.300537%)" offset="0.304688"/><stop stop-opacity="1" stop-color="rgb(73.486328%, 91.513062%, 89.421082%)" offset="0.3125"/><stop stop-opacity="1" stop-color="rgb(73.310852%, 91.297913%, 89.5401%)" offset="0.320312"/><stop stop-opacity="1" stop-color="rgb(73.136902%, 91.082764%, 89.659119%)" offset="0.328125"/><stop stop-opacity="1" stop-color="rgb(72.961426%, 90.867615%, 89.779663%)" offset="0.335938"/><stop stop-opacity="1" stop-color="rgb(72.78595%, 90.652466%, 89.898682%)" offset="0.34375"/><stop stop-opacity="1" stop-color="rgb(72.610474%, 90.438843%, 90.0177%)" offset="0.351562"/><stop stop-opacity="1" stop-color="rgb(72.436523%, 90.223694%, 90.138245%)" offset="0.359375"/><stop stop-opacity="1" stop-color="rgb(72.261047%, 90.008545%, 90.257263%)" offset="0.367188"/><stop stop-opacity="1" stop-color="rgb(72.085571%, 89.793396%, 90.376282%)" offset="0.375"/><stop stop-opacity="1" stop-color="rgb(71.911621%, 89.578247%, 90.496826%)" offset="0.382812"/><stop stop-opacity="1" stop-color="rgb(71.736145%, 89.364624%, 90.615845%)" offset="0.390625"/><stop stop-opacity="1" stop-color="rgb(71.560669%, 89.149475%, 90.734863%)" offset="0.398438"/><stop stop-opacity="1" stop-color="rgb(71.386719%, 88.934326%, 90.855408%)" offset="0.40625"/><stop stop-opacity="1" stop-color="rgb(71.211243%, 88.719177%, 90.974426%)" offset="0.414062"/><stop stop-opacity="1" stop-color="rgb(71.035767%, 88.504028%, 91.093445%)" offset="0.421875"/><stop stop-opacity="1" stop-color="rgb(70.861816%, 88.290405%, 91.213989%)" offset="0.429688"/><stop stop-opacity="1" stop-color="rgb(70.68634%, 88.075256%, 91.333008%)" offset="0.4375"/><stop stop-opacity="1" stop-color="rgb(70.510864%, 87.860107%, 91.452026%)" offset="0.445312"/><stop stop-opacity="1" stop-color="rgb(70.336914%, 87.644958%, 91.572571%)" offset="0.453125"/><stop stop-opacity="1" stop-color="rgb(70.161438%, 87.42981%, 91.691589%)" offset="0.460938"/><stop stop-opacity="1" stop-color="rgb(69.985962%, 87.216187%, 91.810608%)" offset="0.46875"/><stop stop-opacity="1" stop-color="rgb(69.810486%, 87.001038%, 91.931152%)" offset="0.476562"/><stop stop-opacity="1" stop-color="rgb(69.636536%, 86.785889%, 92.050171%)" offset="0.484375"/><stop stop-opacity="1" stop-color="rgb(69.46106%, 86.57074%, 92.169189%)" offset="0.492188"/><stop stop-opacity="1" stop-color="rgb(69.285583%, 86.355591%, 92.289734%)" offset="0.5"/><stop stop-opacity="1" stop-color="rgb(69.111633%, 86.141968%, 92.408752%)" offset="0.507812"/><stop stop-opacity="1" stop-color="rgb(68.936157%, 85.926819%, 92.527771%)" offset="0.515625"/><stop stop-opacity="1" stop-color="rgb(68.760681%, 85.71167%, 92.648315%)" offset="0.523438"/><stop stop-opacity="1" stop-color="rgb(68.586731%, 85.496521%, 92.767334%)" offset="0.53125"/><stop stop-opacity="1" stop-color="rgb(68.411255%, 85.281372%, 92.886353%)" offset="0.539062"/><stop stop-opacity="1" stop-color="rgb(68.235779%, 85.067749%, 93.006897%)" offset="0.546875"/><stop stop-opacity="1" stop-color="rgb(68.061829%, 84.8526%, 93.125916%)" offset="0.554688"/><stop stop-opacity="1" stop-color="rgb(67.886353%, 84.637451%, 93.244934%)" offset="0.5625"/><stop stop-opacity="1" stop-color="rgb(67.710876%, 84.422302%, 93.365479%)" offset="0.570312"/><stop stop-opacity="1" stop-color="rgb(67.536926%, 84.207153%, 93.484497%)" offset="0.578125"/><stop stop-opacity="1" stop-color="rgb(67.36145%, 83.99353%, 93.603516%)" offset="0.585938"/><stop stop-opacity="1" stop-color="rgb(67.185974%, 83.778381%, 93.72406%)" offset="0.59375"/><stop stop-opacity="1" stop-color="rgb(67.010498%, 83.563232%, 93.843079%)" offset="0.601563"/><stop stop-opacity="1" stop-color="rgb(66.836548%, 83.348083%, 93.962097%)" offset="0.609375"/><stop stop-opacity="1" stop-color="rgb(66.661072%, 83.132935%, 94.082642%)" offset="0.617188"/><stop stop-opacity="1" stop-color="rgb(66.485596%, 82.919312%, 94.20166%)" offset="0.625"/><stop stop-opacity="1" stop-color="rgb(66.311646%, 82.704163%, 94.320679%)" offset="0.632812"/><stop stop-opacity="1" stop-color="rgb(66.136169%, 82.489014%, 94.441223%)" offset="0.640625"/><stop stop-opacity="1" stop-color="rgb(65.960693%, 82.273865%, 94.560242%)" offset="0.648438"/><stop stop-opacity="1" stop-color="rgb(65.786743%, 82.058716%, 94.67926%)" offset="0.65625"/><stop stop-opacity="1" stop-color="rgb(65.611267%, 81.845093%, 94.799805%)" offset="0.664063"/><stop stop-opacity="1" stop-color="rgb(65.435791%, 81.629944%, 94.918823%)" offset="0.671875"/><stop stop-opacity="1" stop-color="rgb(65.261841%, 81.414795%, 95.037842%)" offset="0.679688"/><stop stop-opacity="1" stop-color="rgb(65.086365%, 81.199646%, 95.158386%)" offset="0.6875"/><stop stop-opacity="1" stop-color="rgb(64.910889%, 80.984497%, 95.277405%)" offset="0.695313"/><stop stop-opacity="1" stop-color="rgb(64.736938%, 80.770874%, 95.396423%)" offset="0.703125"/><stop stop-opacity="1" stop-color="rgb(64.561462%, 80.555725%, 95.516968%)" offset="0.710938"/><stop stop-opacity="1" stop-color="rgb(64.385986%, 80.340576%, 95.635986%)" offset="0.71875"/><stop stop-opacity="1" stop-color="rgb(64.21051%, 80.125427%, 95.755005%)" offset="0.726562"/><stop stop-opacity="1" stop-color="rgb(64.03656%, 79.910278%, 95.875549%)" offset="0.734375"/><stop stop-opacity="1" stop-color="rgb(63.861084%, 79.696655%, 95.994568%)" offset="0.742188"/><stop stop-opacity="1" stop-color="rgb(63.685608%, 79.481506%, 96.113586%)" offset="0.75"/><stop stop-opacity="1" stop-color="rgb(63.511658%, 79.266357%, 96.234131%)" offset="0.757812"/><stop stop-opacity="1" stop-color="rgb(63.336182%, 79.051208%, 96.353149%)" offset="0.765625"/><stop stop-opacity="1" stop-color="rgb(63.160706%, 78.83606%, 96.472168%)" offset="0.773438"/><stop stop-opacity="1" stop-color="rgb(62.986755%, 78.622437%, 96.592712%)" offset="0.78125"/><stop stop-opacity="1" stop-color="rgb(62.811279%, 78.407288%, 96.711731%)" offset="0.789062"/><stop stop-opacity="1" stop-color="rgb(62.635803%, 78.192139%, 96.83075%)" offset="0.796875"/><stop stop-opacity="1" stop-color="rgb(62.461853%, 77.97699%, 96.951294%)" offset="0.804688"/><stop stop-opacity="1" stop-color="rgb(62.286377%, 77.761841%, 97.070312%)" offset="0.8125"/><stop stop-opacity="1" stop-color="rgb(62.110901%, 77.548218%, 97.189331%)" offset="0.820313"/><stop stop-opacity="1" stop-color="rgb(61.936951%, 77.333069%, 97.309875%)" offset="0.828125"/><stop stop-opacity="1" stop-color="rgb(61.761475%, 77.11792%, 97.428894%)" offset="0.835938"/><stop stop-opacity="1" stop-color="rgb(61.585999%, 76.902771%, 97.547913%)" offset="0.84375"/><stop stop-opacity="1" stop-color="rgb(61.410522%, 76.687622%, 97.668457%)" offset="0.851562"/><stop stop-opacity="1" stop-color="rgb(61.236572%, 76.473999%, 97.787476%)" offset="0.859375"/><stop stop-opacity="1" stop-color="rgb(61.061096%, 76.25885%, 97.906494%)" offset="0.867188"/><stop stop-opacity="1" stop-color="rgb(60.88562%, 76.043701%, 98.027039%)" offset="0.875"/><stop stop-opacity="1" stop-color="rgb(60.71167%, 75.828552%, 98.146057%)" offset="0.882812"/><stop stop-opacity="1" stop-color="rgb(60.536194%, 75.613403%, 98.265076%)" offset="0.890625"/><stop stop-opacity="1" stop-color="rgb(60.360718%, 75.39978%, 98.38562%)" offset="0.898438"/><stop stop-opacity="1" stop-color="rgb(60.186768%, 75.184631%, 98.504639%)" offset="0.90625"/><stop stop-opacity="1" stop-color="rgb(60.011292%, 74.969482%, 98.623657%)" offset="0.914062"/><stop stop-opacity="1" stop-color="rgb(59.835815%, 74.754333%, 98.744202%)" offset="0.921875"/><stop stop-opacity="1" stop-color="rgb(59.661865%, 74.539185%, 98.86322%)" offset="0.929688"/><stop stop-opacity="1" stop-color="rgb(59.486389%, 74.325562%, 98.982239%)" offset="0.9375"/><stop stop-opacity="1" stop-color="rgb(59.310913%, 74.110413%, 99.102783%)" offset="0.945312"/><stop stop-opacity="1" stop-color="rgb(59.136963%, 73.895264%, 99.221802%)" offset="0.953125"/><stop stop-opacity="1" stop-color="rgb(58.961487%, 73.680115%, 99.34082%)" offset="0.960938"/><stop stop-opacity="1" stop-color="rgb(58.786011%, 73.464966%, 99.461365%)" offset="0.96875"/><stop stop-opacity="1" stop-color="rgb(58.610535%, 73.251343%, 99.580383%)" offset="0.976562"/><stop stop-opacity="1" stop-color="rgb(58.436584%, 73.036194%, 99.699402%)" offset="0.984375"/><stop stop-opacity="1" stop-color="rgb(58.261108%, 72.821045%, 99.819946%)" offset="0.992188"/><stop stop-opacity="1" stop-color="rgb(58.085632%, 72.605896%, 99.938965%)" offset="1"/></linearGradient><clipPath id="dc50761c01"><path d="M 219 81 L 338 81 L 338 242 L 219 242 Z M 219 81 " clip-rule="nonzero"/></clipPath><clipPath id="782dea3e20"><path d="M 5.101562 165.863281 L 336.472656 78.273438 L 368.863281 200.816406 L 37.492188 288.402344 Z M 5.101562 165.863281 " clip-rule="nonzero"/></clipPath><clipPath id="ba0c8834af"><path d="M 5.101562 165.863281 L 388.679688 64.472656 L 422.027344 190.640625 L 38.453125 292.027344 Z M 5.101562 165.863281 " clip-rule="nonzero"/></clipPath><clipPath id="c6e7fc76b2"><path d="M 124 106 L 244 106 L 244 267 L 124 267 Z M 124 106 " clip-rule="nonzero"/></clipPath><clipPath id="bbee0f3b7a"><path d="M 5.101562 165.863281 L 336.472656 78.273438 L 368.863281 200.816406 L 37.492188 288.402344 Z M 5.101562 165.863281 " clip-rule="nonzero"/></clipPath><clipPath id="309bd7eac8"><path d="M 5.101562 165.863281 L 388.679688 64.472656 L 422.027344 190.640625 L 38.453125 292.027344 Z M 5.101562 165.863281 " clip-rule="nonzero"/></clipPath><clipPath id="bc0543611a"><path d="M 33 130 L 153 130 L 153 289 L 33 289 Z M 33 130 " clip-rule="nonzero"/></clipPath><clipPath id="3371f835ba"><path d="M 5.101562 165.863281 L 336.472656 78.273438 L 368.863281 200.816406 L 37.492188 288.402344 Z M 5.101562 165.863281 " clip-rule="nonzero"/></clipPath><clipPath id="29c66202ac"><path d="M 5.101562 165.863281 L 388.679688 64.472656 L 422.027344 190.640625 L 38.453125 292.027344 Z M 5.101562 165.863281 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#7c9597ec5d)"><rect x="-37.5" fill="url(#02335e4f4f)" width="450" y="-37.499999" height="449.999989"/></g><g clip-path="url(#dc50761c01)"><g clip-path="url(#782dea3e20)"><g clip-path="url(#ba0c8834af)"><path fill="#000000" d="M 219 225.578125 L 230.71875 241.144531 L 287.40625 226.160156 C 288.472656 225.878906 289.417969 225.363281 290.238281 224.625 C 291.054688 223.882812 291.660156 222.992188 292.046875 221.957031 L 337.882812 98.699219 L 326.003906 81.160156 L 270.402344 95.859375 C 269.601562 96.066406 268.890625 96.449219 268.273438 97.003906 C 267.65625 97.554688 267.203125 98.222656 266.90625 98.996094 Z M 219 225.578125 " fill-opacity="1" fill-rule="nonzero"/></g></g></g><g clip-path="url(#c6e7fc76b2)"><g clip-path="url(#bbee0f3b7a)"><g clip-path="url(#309bd7eac8)"><path fill="#000000" d="M 124.949219 250.441406 L 136.667969 266.003906 L 193.34375 251.023438 C 194.414062 250.742188 195.359375 250.230469 196.179688 249.488281 C 197 248.746094 197.601562 247.855469 197.988281 246.820312 L 243.820312 123.5625 L 231.945312 106.023438 L 176.335938 120.722656 C 175.535156 120.933594 174.824219 121.3125 174.207031 121.867188 C 173.589844 122.421875 173.132812 123.085938 172.839844 123.863281 Z M 124.949219 250.441406 " fill-opacity="1" fill-rule="nonzero"/></g></g></g><g clip-path="url(#bc0543611a)"><g clip-path="url(#3371f835ba)"><g clip-path="url(#29c66202ac)"><path fill="#000000" d="M 33.824219 274.527344 L 45.542969 290.089844 L 102.21875 275.109375 C 103.289062 274.828125 104.234375 274.316406 105.054688 273.574219 C 105.875 272.832031 106.476562 271.941406 106.863281 270.90625 L 152.699219 147.648438 L 140.820312 130.109375 L 85.1875 144.816406 C 84.386719 145.023438 83.675781 145.40625 83.058594 145.960938 C 82.441406 146.515625 81.984375 147.179688 81.691406 147.953125 Z M 33.824219 274.527344 " fill-opacity="1" fill-rule="nonzero"/></g></g></g></svg>
\ No newline at end of file
diff --git a/templates/basic/src/public/mask-icon.svg b/templates/basic/src/public/mask-icon.svg
new file mode 100644
index 0000000..5709ff3
--- /dev/null
+++ b/templates/basic/src/public/mask-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="500" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><clipPath id="65f23166bb"><path d="M 226 63 L 371 63 L 371 258 L 226 258 Z M 226 63 " clip-rule="nonzero"/></clipPath><clipPath id="5e13a0e4b8"><path d="M -33.179688 166.285156 L 368.523438 60.105469 L 407.816406 208.75 L 6.109375 314.929688 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="70081a8495"><path d="M -33.179688 166.285156 L 432.332031 43.238281 L 472.773438 196.234375 L 7.261719 319.277344 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="8e717becf2"><path d="M 112 93 L 257 93 L 257 288 L 112 288 Z M 112 93 " clip-rule="nonzero"/></clipPath><clipPath id="418f6242d5"><path d="M -33.179688 166.285156 L 368.523438 60.105469 L 407.816406 208.75 L 6.109375 314.929688 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="dd77348e68"><path d="M -33.179688 166.285156 L 432.332031 43.238281 L 472.773438 196.234375 L 7.261719 319.277344 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="09ee6a3ee1"><path d="M 1 122 L 146 122 L 146 315 L 1 315 Z M 1 122 " clip-rule="nonzero"/></clipPath><clipPath id="f463d97b52"><path d="M -33.179688 166.285156 L 368.523438 60.105469 L 407.816406 208.75 L 6.109375 314.929688 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath><clipPath id="722abc99ea"><path d="M -33.179688 166.285156 L 432.332031 43.238281 L 472.773438 196.234375 L 7.261719 319.277344 Z M -33.179688 166.285156 " clip-rule="nonzero"/></clipPath></defs><g clip-path="url(#65f23166bb)"><g clip-path="url(#5e13a0e4b8)"><g clip-path="url(#70081a8495)"><path fill="#000000" d="M 226.324219 238.738281 L 240.542969 257.621094 L 309.3125 239.441406 C 310.609375 239.101562 311.753906 238.476562 312.746094 237.578125 C 313.742188 236.679688 314.472656 235.601562 314.945312 234.34375 L 370.550781 84.804688 L 356.140625 63.53125 L 288.6875 81.359375 C 287.710938 81.613281 286.851562 82.074219 286.101562 82.746094 C 285.355469 83.421875 284.800781 84.226562 284.445312 85.167969 Z M 226.324219 238.738281 " fill-opacity="1" fill-rule="nonzero"/></g></g></g><g clip-path="url(#8e717becf2)"><g clip-path="url(#418f6242d5)"><g clip-path="url(#dd77348e68)"><path fill="#000000" d="M 112.21875 268.898438 L 126.4375 287.78125 L 195.199219 269.605469 C 196.496094 269.265625 197.640625 268.644531 198.636719 267.742188 C 199.632812 266.84375 200.363281 265.765625 200.828125 264.507812 L 256.4375 114.96875 L 242.027344 93.691406 L 174.5625 111.527344 C 173.589844 111.777344 172.726562 112.242188 171.980469 112.914062 C 171.230469 113.585938 170.679688 114.394531 170.320312 115.332031 Z M 112.21875 268.898438 " fill-opacity="1" fill-rule="nonzero"/></g></g></g><g clip-path="url(#09ee6a3ee1)"><g clip-path="url(#f463d97b52)"><g clip-path="url(#722abc99ea)"><path fill="#000000" d="M 1.667969 298.121094 L 15.882812 317.003906 L 84.644531 298.828125 C 85.941406 298.488281 87.089844 297.867188 88.082031 296.964844 C 89.078125 296.066406 89.808594 294.984375 90.277344 293.726562 L 145.882812 144.191406 L 131.476562 122.914062 L 63.980469 140.753906 C 63.007812 141.007812 62.144531 141.472656 61.398438 142.144531 C 60.648438 142.816406 60.097656 143.621094 59.738281 144.5625 Z M 1.667969 298.121094 " fill-opacity="1" fill-rule="nonzero"/></g></g></g></svg>
\ No newline at end of file