bigger

README.md

@@ -20,10 +20,10 @@ A lightweight inverse rendering model that decomposes RGB images into PBR materi
 
 ## Examples
 
-<div style="display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;">
-  <img src="https://huggingface.co/singam96/ShadeNet/resolve/main/assets/input_result.png" alt="Sample 1" style="width: 45%; min-width: 300px;">
-  <img src="https://huggingface.co/singam96/ShadeNet/resolve/main/assets/152029243_b3582c36fa_result.png" alt="Sample 2" style="width: 45%; min-width: 300px;">
-  <img src="https://huggingface.co/singam96/ShadeNet/resolve/main/assets/160585932_fa6339f248_result.png" alt="Sample 3" style="width: 45%; min-width: 300px;">
+<div style="display: flex; flex-wrap: wrap; gap: 16px; justify-content: center;">
+  <img src="https://huggingface.co/singam96/ShadeNet/resolve/main/assets/input_result.png" alt="Sample 1" style="width: 100%; max-width: 800px;">
+  <img src="https://huggingface.co/singam96/ShadeNet/resolve/main/assets/152029243_b3582c36fa_result.png" alt="Sample 2" style="width: 100%; max-width: 800px;">
+  <img src="https://huggingface.co/singam96/ShadeNet/resolve/main/assets/160585932_fa6339f248_result.png" alt="Sample 3" style="width: 100%; max-width: 800px;">
 </div>
 
 *Each result shows: Input (blue) → Basecolor, Normal, Depth, Roughness, Metallic (green) → Recon RGB (orange)*
@@ -74,7 +74,12 @@ shadenet/
 
 ### Gradio Space
 
-Upload an image and click "Decompose" to see all output maps side by side.
+A **HuggingFace Space** hosts this model as an interactive web app — upload an image in your browser and see results instantly, no installation needed.
+
+The `app.py` in this repo is the Space entrypoint. To create one:
+1. Go to [huggingface.co/new-space](https://huggingface.co/new-space)
+2. Select **Gradio SDK**, choose this repo as the source
+3. Space will auto-launch with the Gradio interface
 
 ### CLI Inference