diff --git a/App.tsx b/App.tsx index df30be8..7f59eca 100644 --- a/App.tsx +++ b/App.tsx @@ -173,6 +173,15 @@ function Upload({ isMobile = false, onFileSelect, isProcessing }: { isMobile?: b onDragLeave={handleDragLeave} onDrop={handleDrop} onClick={() => !isProcessing && document.getElementById('file-input')?.click()} + role="button" + tabIndex={0} + aria-label={isProcessing ? "Processing image, please wait" : "Click or drag and drop to upload an image file"} + onKeyDown={(e) => { + if ((e.key === 'Enter' || e.key === ' ') && !isProcessing) { + e.preventDefault(); + document.getElementById('file-input')?.click(); + } + }} >
@@ -187,6 +196,7 @@ function Upload({ isMobile = false, onFileSelect, isProcessing }: { isMobile?: b onChange={handleFileInput} className="hidden" disabled={isProcessing} + aria-label="Select image file to upload for pixel art upscaling" />
{/* Description */} -
-

+

+

Transform your low-resolution pixel art into crisp, high-quality images. No sign-up required. No watermarks. Just pure pixel perfection. -

-

+ + {/* Upload Area or Uploaded State */} -
+
{processedImage ? ( )} -
+ {/* Pikachu Character - Desktop */}
diff --git a/README.md b/README.md index a056593..6c3a393 100644 --- a/README.md +++ b/README.md @@ -42,4 +42,4 @@ This project is automatically deployed to GitHub Pages using GitHub Actions when ## Live Demo -Visit the live application at: https://metimol.github.io/PixelScale/ \ No newline at end of file +Visit the live application at: https://metimol.github.io/PixelScale/ diff --git a/index.html b/index.html index 585f8f8..e45f0c4 100644 --- a/index.html +++ b/index.html @@ -2,15 +2,92 @@ - - PixelScale - AI Pixel Art Upscaler - + + + PixelScale - Free AI Pixel Art Upscaler | Enhance Retro Game Art Online + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 0000000..2b3040a --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,4 @@ + + + P + \ No newline at end of file diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..5ae6b80 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,37 @@ +User-agent: * +Allow: / + +# Sitemap +Sitemap: https://metimol.github.io/PixelScale/sitemap.xml + +# Specific rules for search engines +User-agent: Googlebot +Allow: / + +User-agent: Bingbot +Allow: / + +User-agent: Slurp +Allow: / + +User-agent: DuckDuckBot +Allow: / + +User-agent: Baiduspider +Allow: / + +User-agent: YandexBot +Allow: / + +User-agent: facebookexternalhit +Allow: / + +User-agent: Twitterbot +Allow: / + +User-agent: LinkedInBot +Allow: / + +# Crawl-delay for aggressive crawlers +User-agent: * +Crawl-delay: 1 \ No newline at end of file diff --git a/public/site.webmanifest b/public/site.webmanifest new file mode 100644 index 0000000..be05ee9 --- /dev/null +++ b/public/site.webmanifest @@ -0,0 +1,56 @@ +{ + "name": "PixelScale - AI Pixel Art Upscaler", + "short_name": "PixelScale", + "description": "Free online AI-powered pixel art upscaler. Transform low-resolution pixel art into crisp, high-quality images.", + "start_url": "/PixelScale/", + "display": "standalone", + "background_color": "#020100", + "theme_color": "#f1d302", + "orientation": "any", + "scope": "/PixelScale/", + "lang": "en-US", + "icons": [ + { + "src": "/PixelScale/favicon-16x16.png", + "sizes": "16x16", + "type": "image/png" + }, + { + "src": "/PixelScale/favicon-32x32.png", + "sizes": "32x32", + "type": "image/png" + }, + { + "src": "/PixelScale/apple-touch-icon.png", + "sizes": "180x180", + "type": "image/png" + }, + { + "src": "/PixelScale/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png", + "purpose": "any maskable" + }, + { + "src": "/PixelScale/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png", + "purpose": "any maskable" + } + ], + "categories": ["graphics", "utilities", "productivity"], + "screenshots": [ + { + "src": "/PixelScale/screenshot-wide.png", + "sizes": "1280x720", + "type": "image/png", + "form_factor": "wide" + }, + { + "src": "/PixelScale/screenshot-narrow.png", + "sizes": "720x1280", + "type": "image/png", + "form_factor": "narrow" + } + ] +} \ No newline at end of file diff --git a/public/sitemap.xml b/public/sitemap.xml new file mode 100644 index 0000000..6a74fe3 --- /dev/null +++ b/public/sitemap.xml @@ -0,0 +1,12 @@ + + + + https://metimol.github.io/PixelScale/ + 2024-01-01T00:00:00+00:00 + weekly + 1.0 + + \ No newline at end of file