5`%vaTL$*Wgu@9kGd)wC(g#u-iE#hGC5bUe<=Xn)EDpyIS+fMn&+{9fUYTPYjZuI
z4w&OHCa}Jg&bjIV{!3VMNGF9n?Bnvz8Hl%xSK6mwk3w@+eRr0I>zi{5n0bjF06J9K
zLxPvIIpk~T3$foKfS3FO@BvvdGGy5+5|=qN%6@yApYt5?Af#Z
z{3D{rMBk%)m7ePwd@{(Hw+*6XTKOZ5aWgX(5a+mxe)z6e$|;5YQ0H(?pb?a!@{0}IS%R2
zuTT%TV!Mf)&%6hryj<6?p#Zcu*8^n8thrcsOO6a5Y1^z9&?97QknSN^nfnsP1$0a5
z*RSvA!%%ezxiasuSz_PPoUeW9oPDzo>v|431?=kq^k=SzZH?rx;v;iKGzrQGd^o=E?zQE
zfRFew^|bk1rTss9_RJjJ&`m>Ut9<$L|5KMphw+AWA7cbID?YZdMC1Q|60$u|PxKG2
zE(jY6s2-TxCG$XJ@tm26JczY|>H$||OX#04@1t)(|JW=qX5Pp?(@fj>i_Mxf^V{1s
zr-2Wr|PKhg|F0wwr$%QXQ|2d(9BD8OOWFr
zU&4k7*&b(LqPI^!fxaU0DC!gbEzPn?b2`jJn1eER7%^gmmHh$69rL>6-R4mElwN&;
zeZPy`khKG2J!1rGKl{Ex{A4|VzDbrWSq$9-)_Uj~u)ZKZHVW)jBA=Aao8szFsmU@l1erd`8N_K(;zV!nrdk$C9n%6DvC=}V|5)FJ&-AK<&A
zdV$`n^qlPLrto!L!-fLTTXn(FILx?>{Ab6G9md+8cFwrYnV9tH_-??zfq9S7QQdI%
z4*uKwNC}(Lx>5}c1*iw~1CHv0;xiXSXOVdX>qPuEvloe9hrxpf8~O*x8ki?iSC|hn
z{-Y1dm_gsdnuPkacI{fH^F!t7x`sam?E42jhd(B+93v71R1fGQ)L+nN&@XUR|DkZ;
z&b>K2VflB~&qSm$yKr$)z(oNU1zZ$xQNTq37X@4ta8bZT0T%^a6o{M@u*oD{;G%$w
z0xk-;DBz-iivsT$1%_6xSoVWhDPq}*{Xw~}zN~7oxY=&qEHR)%kK|7_@YJqj#p-Sc
ze(g5JV#yS%+?StM?|%CB^b`Hg>|ApA9tF=g-{#?FNk1ZfnHb+&en?wxY}%M((^_I&
zC?92u#UuC57|EwBNk3xMum!&_Snzv|s1=&6oLq2av%ICo#Mzbm+qjl5-v6R!=`o2*
zXKmVedFOJ6;tYrrHTmw6$-WvkC(GD5UyV%|<;mUE(>mv9@Rg;^+`8E&>|0Rv(%FISykVR?pq8MDsJ{_TiLy$2p#F!TBDxfYKP
zN}VV_^jQ0BlfG#>xBTh_*PHKq;dZO%`lu^UW`5E?>HC(QgQkpHG^pT(`E}RVUVP*I
zo!vLyea|gJxhM^P*fwR<&8fS+l3A9GKV7R%{o(Gh$5uUb$hw?h8wwk9Mf3`}i+%
zq?mN*#jANewx(!)zEbO`SL1D|JbeAp(+@fpno_fC(Xx3qZCROV<*{?;6MUEO`^B@e
zG+kY_bkQ^)#~8G-c6aY9z8gL(=KXanON$9r+ji>Gqf7oN$JT7Dm^;(NmFr&iU3;u$
z;x+~1CcS90q{u$z<>SmAza}3yd1awZ-}Iey?(eRr_FrlmXF#q3ak4JokjE?j{;V~k
zCMfySd*$xO^*V5|UEBM$zZ;fr!NC0^j}4sLy~^Sn$zuFqV+Wj{=7rp7e?rNU*R-N5>_}0t4J
z{K33^DWarpzB1Xh+ihY${qnCbKeTvs$yoeFvyK_F*60$)l4$#|t==<^dwhGTLg!Q?
zUQcsN_Qx@w85P`Xe6uUrSLI{G@ktT4_Wn4YxA*<@(W_VYyH}lmBSzHt87|&h*ER2@
zzrV@!ytDV6^v^dHFF9#k_758$Ig~DnWmvcTT^r7({T0Ca;
z7`$=$%C(+*8ZTaY>covswM%C7TAr_H-nE&&w~Sr+qE62ZMbGr!_{qUb6z)4TDv4BAxOw`J?X^U_uLY0<(?P1a>@nD_3Z
z7|E-4zH#no%Q8#SrHwJpvrWTXM=xBMd@lZhEc5mznN-=D=*rdQmQuB6K6`ksYVF*)
zzE7C4X!JoF`Xo70@$RzvLn?SCkLR8^s@wM~@~!gyU_gq}6TN$#@7eKr=}mt>{(anr
z@s{#`&tE$(dxt%i_?s4=`(;T@uXR_CAFbY`ZO5MZv!=H!ds@3luOf9`cJ1nuGt1vs
zt*6^(+LQ9}zUY>H_fM7Bb>(8ys9P?5@Ik!J(Wbwgk+s$Jx%c-xTRr{o@C;oohtvj20tUQtP;LMLsj#%2S_=fL>Zff=L>5Ws@R=TBK
z>e>DIr|FWHEVAKl-~1qNzr*blS7VhfoG0aqhe?xKj_1i+qS)k|$xGIGc_NK>n*z6egWjvyFH1wH0!aaP5MRsw#0|O7qoPFc>7|~eWfe3|Dey>y8|}m-@b85
z>`I$^ZmfE+f5NHJ+l}nHVbtWS-%l-bWmtV>J%@|w0@_cr8*UfC{2K2W+J<#^+k^QzmcvQ(cZCvLs58m0@?ryi!B~m^4
zD9g69M~iK&vS`uBE~jpH$TgmcIN6&1q=-d9j^?Ti$bmw&GRvGiZet2YkLXSO%
zdfdFz{z%pW56>0*CGp&`4JO|_e`?(8-KQ+Mh7Gq7`HwE!5^lPGuWPGsZvK?0@2g8)
zYPs!9^3jGap8GlsD_i#7;va`6uQ&2Qymb|PbN4UemTSdIug@m$Nilx)tA&Hpzn=2C
z)w5^rUKN_<8|(Yzoad2Vd%ITi-h6r4qGpqlOeuY&Mc>~yTb7OK`{c;d>=`Qz_k5DZ
z_r#7H>!zf(`mQa#XV$-s1{56Ptva}S7X#)zTGP|F5l(-S$|lcK6$uo
zMDn}7cQ@Zi*lLs4M?HMc%>4e;ta`sJ^}6$9M&Gju*Nl37`HPJC&z#9|eC}=ErwQ^u
zzjgIQmBdqjT$|=x>m)5xSLl1^`jP7cez?B#rjPfX-}hx3)h5}`qcUGQHoxM`TB9%3
zN_Dz={XWm1EFVy2$n+ebc6mJ086H*|(OS4@UR*9HqSs7-%SZh_b5Jy%%NAb@ASNF2T*aGwVzm`Sfh>h1T(Lugqys_K#=tau&=sXZ6iP
zPqwc)_xfVXm$!Xp4yv*3()!1**0$+Vp~2k`Tim`@r~HIt`~T>>v3-#b3w>-^wB+^c
z)^jV=+VJ{$npeG!q^bGq($}wE42o5E`{Kb*YTwv6x=!}JC%oc&AFQ@-pWDOh70wUv
zS+b~jpFH1gn>eFviAQ(l_8qh8(XIPu29&RL+Us@KRoCO3^%?cmFP{BAO`o);`^MJC
zJ6UE8>i42Yx>oH|_3LqRW73~4o_%z2UbPmfT6;e6N_B5Wy)Kz82fe*tH!po^+MPD%
zD_wT4^j^u~o=>k%9k4Z@ci&u_u3ASt+EHorq+vrk#wphQV5jHFpSO?MX8Xfaz1x1j
z;#`NL=l-yD6W5o|te-i-#mopZ3mYv)6li=3tFj;IQgL
zM-HA+F>#CO=Qpm)^=#k5RTXGFygayn+wKFxqfH^>yQOM-|c>{LAR*x*Isum
zT{wF5&t}bQcJ;`$L?t@i`q*PwC$Hl5YR0T{;KbS#-I6w5SLn&jy9={r?fmNU-$Rxb
ze|Eak&{iAQjQwQ%q|6(q&C8OkPytKE=NF!2oP7TDo!-Ybzv#An)zeESdJJ9Gx!Cg#
zUw+p3$=dXLbFWG`_1J~Ho{MkoY25!}T(@F{UpM;2o2~J7j@Ku?pb4Q?OwF@C*wC2Sd*nsCd=NJ2S!gy+&)gRb!!T`)l65(`mDgnlM|Qr
zOV*`Nffvy&vu-V(o;pd>OgkGtcXz8i^wr~i)5^yv=5zMk;$z!SKfi0uJF!eApXp@_
z7H?;Dd-|JqlGwkL$y9S#=8@4xMJ-urQ_nTO{#5rs!EUcszp}RY)g#&6#nIFImN;-f
zW|bueOa7R=TmPw+x)$uXz0$F*;lu+^){e>MJ@{
zNO1hG*Ota}l3dMudT8JCzgvFF_pnisR+aZR=yPWIxPjaEzRc;hWWw@{k1noF(y`RS`
zd9qiTso$k9mOpigF-Z%hvrOyzB+sJCf2EAqZe6!48}{yem^p9481-y}){IYccFUH#
z|Css-_8z)_`NAo;Eq@HWS}oeP)19mvx?Q!l*pt-yG;h?_4{yKly!!a1n`P1T^q;5x
z`r){#neRs_8^t60*9Uez*!|I_UfaDMz8v{z$Hk#>8f}{0z_-tmX!o}MTK7b|d{s|h
z`SWnOZClg3o4w#
zQr4~VHzO+TOmL)7@5L?LS1fJ2xo44TCBL}(s@>@W87&JEZ;e*!lPH(mch#J*(&90^
zQ@ff?_ohy9{p=pM>+{{M-N%(`z3bKBt3LfKr_Y_b-t5uIjYBWGml04VL
zY1rI-_3)}WtyjNEQDtOu`};`
z%sJzje(P2UZV0;hFSe?fPG|z8&vDYn>~O2zA|x;=gVI7N&J
zlV%pHH^1^I@4IaaPPew{UFTQNs8Q>e`TCO_sZP9CJeno(q~Eq>EA;%XZ=1mzkL^!d
z>FVCJozHsqh@1SU(R&Vem|ZR3oVk;K@A=t>PZL>+75Dt9z{yc(PORDIG2-Q)Gh_Go
zGJ0F@o2%-Mu&sAXZhZg!m(}xcUN*MGjF`QDjlFJDzT`E_-97Jn<@UVAtw&VKobPbI
zs~f-HRXVv%6m+FwgW(=?E?>WPKgqzEmdYb5{pFs^C-;h#-lf++>y}`0{K09?KA7Gj
z+KvvTi)`q*Y5bbpg*(|Wc+cbI(W&2z>>BS;kG1nQJ~%zI+IJZ`zr4J`df{XVi)HJY
z54v=$T&s7=;x!9(@1ApStEE>nod3bI|LyLTVq5Q*t(!N0pDy$6fAOAW^?TDix4R{o
zw`*6zUEh6}DwbvL)!)X}IDO=VXR0XI_LP{JGfTsG=WZ059cxRqA#K*@zLxg#?x!v1
zSF|ikIQ_dCC0nOydFsZeV}I*6b9cJUub!WuT-{?v#R0S3=M2r;F>l_Xjl1{XZkhG+
zLGQ!4@;~xjzxFpvmsiJ5W@?n8Y`galWRBi@U42e&Srq^x0aqb04+2O4k@3d!Ik*n0ji|VxQFM()`%9
znMmPaFT>H1*9UH^5`F6~x7}lg9!s~Zf92SfES7AajM|?#!Ob)u
zJ*xYA{Pth$`3%)o7@E8P0MX{j{P8eaM~N!1#A3+GxlA?DH@J9nMP-~O@BokAz-
zd2DyfwLkr<0#(1su_(!?Ytf3wnl+{NcaxT{zS(o*K#L_q&e1u)9&-0t%T?a)vu`KAdTCsfthRWZTP{Ojae*P_8wk%
zJz@LSkmV&mb_r|1`WJ!
z{+iNa`MzzMmRI*&IQ-?KEX%iSwPagO
zah6Q&(|WXQnLAz76GxBj{?IaOz`Wz-2b?_R^B{S}ZAU*}wQ%7H_XQa;CGD8`y~^Ho
zD^zb@w(Q2KZkA69=O1_U8}Au^eSO~6zCGIAidnm4{mCPG7b(#*zNPw*MTz6Aw5{je
zELlGFs*^pz7hhMZw{*p4U*{e*D(<9mUsv4!Tk*mPK6=l_-r@5Hte(HWX%vsWJ9l)h
z-S}*uVoCFT(9vT+!z^h__UO^O-0MXBqgonf-8BAi^Rk^vrgf{_wnvc#Kg{iurF-1f
zTQVoQc;oux%4Irs&GvZy-sMr}v2X1IIX-Dt
z;`=CRqLjSceUZmk%a`}h>^9=jg^o!kpIJJyUG7UAN-z85$8$-(81`4Y@$njb*e6EG
z1A}Kr`?6Qt87p6hqgY|gbhe%TD?ucf}1_t>Lt4>DIRl_tu;!(#?SXb#hDPNr_{9U2W>%d4q~uJdQQVu{1#vuSuCLdl!CKWkRB&
z8#YbaWoz;62Ml_(Xkz!G2}*R1)7!G;rw_9x&-;4TkCrXhhfe-%nfG76#jgB8_X-{Q
z|NUvvEDx6^DL**DQ;SFa5%X&NaPwN%s3lvp$+IASBlop0I`*)23d;tS`LWsfsgutZ
zYQ6DgDNEJb3#$J0SCRx#{{EsR2g+t2;Q7g=jYFnxotd!3^^cn8FV(d}rY=KbZi;7_)F^lI*ds?qv3$DZ
zlX)K;KXdH$vx);wR2#8$H@Ta=B+XeEjt7rd2w0$n*TrpSz=5
z3XDzh{rzV>Vof^U>_p;ihtKw1^KH86b89vDy300}y3EQdwWs@3E`A~UlP4c!AG&Tp@~L&^l=S}DCr8v1
zr;oJ%rCX_Zlh%L#`@jRwg%>MK0jnVe*9(ii>w{cCEiHZS%4N
zR^KfXeQ?Kp57QL=c0(FVw%>-o|MTs*qZT#WmNHM0QnUN-D;&M;@D|BZ-;00a`Pmy~
zSNwQ4>h8TI+s7>$d%~lhzm@M1z1Qul=LT0BdcNqOBHgEbH?3UiX(>*}n>A%$wvyk~
z>-zrQ>tF7PAEnp_lXAyea(mXic3ZYrKfdc~yiw5}yOq4$q-Mri^Ujq2`(>F5AJ@IT
zIO*TjPtM;F?M0nJyT937r2FjFX)LqH|MhK*zb>!&sb|MemQ3BW-}~!zalLbHJC*nR
z_p5fC?0#X^(6Tnm9AZ{
z-dE}Np1QVq$L9x^{Mo;M+@imfX|_H3v@8pwd1M>dC~>kwJO93Lq2t6{FQP74+1=;a
z)g(=C-nySROW_jzwj8?9$1;9X^^D23HacFd)t+p7Ui417BFF1>>Hh3Lqh|IhaStr&
zmn`y+TKk%dTH1=ii*xU>u5eImF(sFf#5E3fAA?|XrL08~jul-bG~sYtp)S_8qlzTWg4
zMf>{)y(T@kG?#dPO|)+aDCH`m%mQ0UuIF`=qov{ER|OtXeDg?$1=P)jsPx{NXrBcr
zvW7_$N6Ybe8Jpcf*Ck&E?1^yokNO!cx3c#BL{JMrE6W9MJq)P57F?V^&G4Pbb)
z65EuJ$f)0Y$SC^NWT^LcmP`91Z*5A$TyL4?IfP#uhmWND2LWJn^
z)aj*`7es`$tv_gn;=;RqH6!~ipn_>mK)GxgQ#S9VsEj^_7++t=NmpVM^VynkaK96*
zU`h~-bXoz%;kgnEp&AjkuIn9ETwIvis4;>4ae#(tGpFT>8n6!crK*cNidb)d$iq}O
zXKJrr+y|h7fVFbvf`UlVU$6JtUK|mY=1@Su($ZYb)rCrgOv&@rhEbWdAGOz
zV%%NrPEy;Pncq80vTrS*18^2HU#I}v&?KIBbL%gXZ|Q1eaei)WWp}%LUq;Blz%Y8Y
zP$7Ar_sXmUYh-E&b=b&ie0F}fgt!&}#sCyq%}E+%^}8ki)OnDGGs
zjDRH6OkQJb9@`a3hkhW^*4^i)we`0XTPMo)PlG_BQl@0EHuve?VRw;b3J!FLSepK0
zPI(^yMnGzXtcuMJ*VP3;IeYsWXdIs$Pih|mp!HG-5oS@matnc75p1x(%SI~E$>kEf
z?*xI=-0E9Wv-({ne_35bm!4S|D
zxeAooay2$ZKO)lJ8uFX<%P`Xx0AOzHYq4TAzMih^1F-!cCZ4~l
zap1OSN2tHaOb{61+MaF$AXw2tUu_Ejw)IX{D>S#bO|<|>iogIsu)@`i1Gh!lZ`f~2
zzMjB70L0c~rv)oVK~>b)tnC)ueDoa1vB~K5Fku8J5N+rCl^Yr!)><+R?&9Z
zPEH>|v~}yY{Cz`!1OOn-b~}&L&;HLJvdQjph@!u>v(ai|7>1?@g1BlZ4zK`*=NS~6
zSuS8rNstu9T5NWw%hw$A**Mn3P$UU(bufGgfaL5}6JfRrjD`#Y0HiEMGpv~xo&H9j
z({6LvcoRv{)YWhf9}WSEvsoF+ccW-cNoqyY5Fn%}005L|w^^(XpU-76^P<(lnN7^4
zpDsR}1xU`yQIzYZ*t4F_7fZ4%%jK=h8I4>H0L*r$&BBRJr_*5<1wjxv_A=YTzL1Xq
z0HDmAi3G|k_DYgeEXlde)o`Y)>AH?E0DziE5fp7=IYG2p1ku~t>a&^{nx-zNWB9-a
z5TwaO0|3RFora<7MpY>m@`Y4nZY8ZEj4@yX^r}LTBu&v2W473Ac2}UQyOAd^;~a6o
zG)OZf0RRL=F#rG*8RNMq``E;zXy{=k>arPMc^kU#f+~
zd!aA@5bybSf*@(L6@matCY{Mb~&9MpU)|9yv54W
zBuQQZgQx{SF$4fXkRLlF!36>Ux|B>8O2y=6JXDJ3S7o&DGfG
zvT_{9nHZY7*yExW0K*ahKpsBB(>80HVQ6Yu%BM4#Oe&SkNfiwtgaI%hS&2~;&GHtT
z)8%%#JYJ8@Ow(Joa3MkL1He%l0721*n(mgTK*-Rws#Ynb)?;Z&%B8Y$Ro8R_8-@lz
zkQBw3Obq923VKD0-Q%*b3{79eMRqL!vuLVdAgH6ncqB=071F9jNmk@sGMSSksVGTu
zxuOF$3{U_7XsgY_@ivdwDO#+eRkR4^3s!!*4}gu84T2z#71x-}UI4u!%aSA&3b}MT
zQ
zodm!(1!DKBRk@hUWfHMuUMdv|rHX-&fncXPjpD5~r_1N}xvYX{6FG_`&uMkJ4}e3U
zfS{PVWWh`(M+-nHohe9#R4iRo6j>^%6-_q)01Qdm1TZ^2c8k^NZ?N-b!7A{qiT>Y_HpUGtMMY*ghYGv!#in_T8!0=9&-D0&nT~3G1!kamc
z{hSnP|CY%jm`I9d>g<~c*5ot{U8`2)LM~q_W+F?`qJa^{7z1FvSX!qjlZoZ54!bDW
z8avxvEJ1E%-_G7U>;vFv3J8qfQSYr`f&dBtV{90@W@vJ1GoFHBi(Hzflg3a!7xtunuXmi-kv}Cgu07iy^fjm+qcxoY}t5QB+l(Mmncu^^rishP1
z?+A)A33j_E+Pne3OW=evi=BuQys^G+!T^9PQa+c@CnC!mIi;#;I@(%XVgLewpar|b
zZg&OSTU~<5#LyH;)OTHVt^l?uU;`mTuPXUiBoa%c^RlYx$S^R*001OOkrc(4EuKJg
zu)*uFawdu*w>ex10J}2Ol3bSa@%3b0mW%n4qG`Iecg&L&1i@nSHZ?eS-f9y1Tq2Q?6jd(oUH?Il3}>;5R?#Zj-9C@Vn|a~ndB_V10009x~NpP
z_a}fLfFvoJqFIZ>>GApe4L%#snvNOAUT6S&LWWi@6^n&TES@ULQZ6gi9snju#%!^O
zqSMphb671l*D+$JO9Eg=dN!4jxdqlDv&$8a(Z*KWMo{GLy`*@fbBlmY=8`{S}99~Qd!PKBXLPpWO?gcST!C_AM&D=s{jB1fFx-SFfuSg
z)v}b&BqK}9n
- Gallery
-
+
);
}
-export default App;
\ No newline at end of file
+export default App;
diff --git a/src/components/AppBar.tsx b/src/components/AppBar.tsx
new file mode 100644
index 0000000..1fdc6a1
--- /dev/null
+++ b/src/components/AppBar.tsx
@@ -0,0 +1,45 @@
+import React from 'react';
+import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
+import AppBar from '@material-ui/core/AppBar';
+import Toolbar from '@material-ui/core/Toolbar';
+import Typography from '@material-ui/core/Typography';
+import IconButton from '@material-ui/core/IconButton';
+import MenuIcon from '@material-ui/icons/Menu';
+
+const useStyles = makeStyles((theme: Theme) =>
+ createStyles({
+ root: {
+ flexGrow: 1
+ },
+ menuButton: {
+ marginRight: theme.spacing(2)
+ },
+ title: {
+ flexGrow: 1
+ }
+ })
+);
+
+export default function ButtonAppBar() {
+ const classes = useStyles();
+
+ return (
+
+
+
+
+
+
+
+ Gallery
+
+
+
+
+ );
+}
diff --git a/src/components/ImageGallery.tsx b/src/components/ImageGallery.tsx
new file mode 100644
index 0000000..a148819
--- /dev/null
+++ b/src/components/ImageGallery.tsx
@@ -0,0 +1,49 @@
+import React, { useCallback, useMemo } from "react";
+import { createStyles, makeStyles, Theme } from "@material-ui/core/styles";
+import ImageGallery, { ReactImageGalleryItem } from "react-image-gallery";
+import "react-image-gallery/styles/css/image-gallery.css";
+import { imageGalleryItems } from "../state";
+
+const useStyles = makeStyles((theme: Theme) =>
+ createStyles({
+ root: {
+ flexGrow: 1
+ },
+ thubmnail: {
+ backgroundColor: "red",
+ '&.image-gallery-thumbnail.active': {
+ borderColor: 'green',
+ },
+ '&.image-gallery-thumbnail:hover': {
+ borderColor: 'lightgreen',
+ },
+ }
+ })
+);
+
+export default function ImageGalleryX()
+{
+ const classes = useStyles();
+
+ const root: string = process.env.REACT_APP_WWW_ROOT!;
+ const uploads: string = root + 'uploads/';
+
+ const items = useMemo(() => {
+ return imageGalleryItems.map((item: ReactImageGalleryItem) => {
+ const newItem = { ...item };
+ newItem.original = uploads + newItem.original;
+ newItem.thumbnailClass = classes.thubmnail;
+ return newItem;
+ });
+ }, [classes.thubmnail]);
+
+ return (
+
+
+
+ );
+}
diff --git a/src/gallery.json b/src/gallery.json
new file mode 100644
index 0000000..f5d4fc9
--- /dev/null
+++ b/src/gallery.json
@@ -0,0 +1,43 @@
+[
+ {
+ "original": "IMG_20230217_161150_331.jpg",
+ "thumbnail": ""
+ },
+ {
+ "original": "IMG_20230218_182608_079.jpg",
+ "thumbnail": ""
+ },
+ {
+ "original": "IMG_20230218_182625_867.jpg",
+ "thumbnail": ""
+ },
+ {
+ "original": "IMG_20230218_184359_940.jpg",
+ "thumbnail": ""
+ },
+ {
+ "original": "IMG_20230218_184429_386.jpg",
+ "thumbnail": ""
+ },
+ {
+ "original": "IMG_20230305_164907_552.jpg",
+ "thumbnail": ""
+ },
+ {
+ "original": "IMG_20230305_164913_285.jpg",
+ "thumbnail": ""
+ },
+ {
+ "original": "IMG_20230305_164919_797.jpg",
+ "thumbnail": ""
+ },
+ {
+ "original": "IMG_20230305_164921_376.jpg",
+ "thumbnail": ""
+ },
+ {
+ "original": "IMG_20230305_164923_912.jpg",
+ "thumbnail": ""
+ }
+]
+
\ No newline at end of file
diff --git a/src/state.ts b/src/state.ts
new file mode 100644
index 0000000..2df6ffa
--- /dev/null
+++ b/src/state.ts
@@ -0,0 +1,5 @@
+import { ReactImageGalleryItem } from 'react-image-gallery';
+import data from './gallery.json';
+
+
+export const imageGalleryItems: ReactImageGalleryItem[] = data;