added privacy message

Author: timbatt

src/ImageConverter.jsx

@@ -110,7 +110,7 @@ function ImageConverterForm() {
 
     return (
     <>
-    <form onSubmit={ handleSubmit } id="image-converter-form" className="flex flex-col gap-4 m-auto my-8">
+    <form onSubmit={ handleSubmit } id="image-converter-form" className="flex flex-col gap-4 m-auto my-8 mb-16">
         <fieldset>
             <label htmlFor="image-input" className="btn btn-secondary text-center">Select Images (JPEG, PNG, WEBP)</label>
             <input className="hidden" type="file" id="image-input" accept="image/*" multiple 
@@ -175,8 +175,13 @@ function ImageConverter() {
     return (
     <div className="flex flex-col items-center justify-center p-4 min-h-[75vh]">
         <h1>Image Converter</h1>
-        <p>Select images to convert and optimize.</p>
+        <p className="text-lg">Select images to convert and optimize.</p>
         <ImageConverterForm />
+
+        <p className="text-gray-400">
+            Your images are not stored on our server.<br/>
+            This means you can safely upload and convert your images without worrying about privacy or data retention.
+        </p>
     </div>);
 }
 

src/main.jsx

@@ -8,7 +8,7 @@ import {
   BrowserRouter, Routes, Route
 } from "react-router";
 
-const BASE = '/image-optimizer/';
+const BASE = process.env.NODE_ENV === 'production' ? '/image-optimizer' : '/';
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>
@@ -19,7 +19,7 @@ createRoot(document.getElementById('root')).render(
         </Routes>
       </BrowserRouter>
     </main>
-    <footer className="footer py-12">
+    <footer className="footer py-12 text-gray-400">
       <p className="mb-4">View on <a href="https://github.com/timbatt/image-optimizer" target="_blank">Github</a></p>
       <p><a href="https://www.zoarvalleysoftware.com" target="_blank" rel="noopener noreferrer">© Zoar Valley Software LLC - 2025</a></p>
     </footer>

vite.config.js

@@ -5,5 +5,5 @@ import tailwindcss from '@tailwindcss/vite'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react(), tailwindcss()],
-  base: '/image-optimizer',
+  base: process.env.NODE_ENV === 'production' ? '/image-optimizer' : '/',
 })