diff --git a/.env.local b/.env.local
new file mode 100644
index 0000000..795210f
--- /dev/null
+++ b/.env.local
@@ -0,0 +1 @@
+REACT_APP_WWW_ROOT = "http://localhost/gallery/"
diff --git a/.gitignore b/.gitignore
index 4d29575..e40b2c6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,7 +13,6 @@
 
 # misc
 .DS_Store
-.env.local
 .env.development.local
 .env.test.local
 .env.production.local
diff --git a/public/index.html b/public/index.html
index aa069f2..ed3e38a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -27,6 +27,7 @@
     <title>React App</title>
   </head>
   <body>
+    <script type="text/javascript" src="settings.js"></script>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
diff --git a/public/settings.js b/public/settings.js
new file mode 100644
index 0000000..c7f48c3
--- /dev/null
+++ b/public/settings.js
@@ -0,0 +1,45 @@
+window.globalThis= {
+    "gallery": 
+    [
+        {
+          "original": "IMG_20230217_161150_331.jpg",
+          "thumbnail": "thumb-IMG_20230217_161150_331.jpg"
+        },
+        {
+          "original": "IMG_20230218_182608_079.jpg",
+          "thumbnail": "thumb-IMG_20230218_182608_079.jpg"
+        },
+        {
+            "original": "IMG_20230218_182625_867.jpg",
+            "thumbnail": "thumb-IMG_20230218_182625_867.jpg"
+        },
+        {
+            "original": "IMG_20230218_184359_940.jpg",
+            "thumbnail": "thumb-IMG_20230218_184359_940.jpg"
+        },
+        {
+            "original": "IMG_20230218_184429_386.jpg",
+            "thumbnail": "thumb-IMG_20230218_184429_386.jpg"
+        },
+        {
+            "original": "IMG_20230305_164907_552.jpg",
+            "thumbnail": "thumb-IMG_20230305_164907_552.jpg"
+        },
+        {
+            "original": "IMG_20230305_164913_285.jpg",
+            "thumbnail": "thumb-IMG_20230305_164913_285.jpg"
+        },
+        {
+            "original": "IMG_20230305_164919_797.jpg",
+            "thumbnail": "thumb-IMG_20230305_164919_797.jpg"
+        },
+        {
+            "original": "IMG_20230305_164921_376.jpg",
+            "thumbnail": "thumb-IMG_20230305_164921_376.jpg"
+        },
+        {
+            "original": "IMG_20230305_164923_912.jpg",
+            "thumbnail": "thumb-IMG_20230305_164923_912.jpg"
+        }
+    ]
+  };
\ No newline at end of file
diff --git a/src/components/ImageGallery.tsx b/src/components/ImageGallery.tsx
index a148819..2017f58 100644
--- a/src/components/ImageGallery.tsx
+++ b/src/components/ImageGallery.tsx
@@ -32,6 +32,7 @@ export default function ImageGalleryX()
     return imageGalleryItems.map((item: ReactImageGalleryItem) => {
       const newItem = { ...item };
       newItem.original = uploads + newItem.original;
+      newItem.thumbnail = uploads + newItem.thumbnail;
       newItem.thumbnailClass = classes.thubmnail;
       return newItem;
     });
diff --git a/src/gallery.json b/src/gallery_2_settings_js.json
similarity index 100%
rename from src/gallery.json
rename to src/gallery_2_settings_js.json
diff --git a/src/state.ts b/src/state.ts
index 2df6ffa..f2c01fc 100644
--- a/src/state.ts
+++ b/src/state.ts
@@ -1,5 +1,5 @@
 import { ReactImageGalleryItem } from 'react-image-gallery';
-import data from './gallery.json'; 
+const {gallery} = window.globalThis as any;
+console.log(gallery);
 
-
-export const imageGalleryItems: ReactImageGalleryItem[] = data;
+export const imageGalleryItems: ReactImageGalleryItem[] = gallery;
