Add images

README.md

@@ -20,15 +20,16 @@ Here are the steps to take to create your own demo *in a few minutes* without an
 1. You can easily create a demo using [this HF space](https://huggingface.co/spaces/anzorq/sd-space-creator). You will have to provide a token with write access to continue as shown in the image below:
 
 <p align="center">
-    <img alt="gradio-demo-tutorial-1" src="https://huggingface.co/datasets/group2/tutorial-images/blob/main/screenshots/1%20-%20gotToSpaceCreationl.PNG" width="450">
-    <em Legend</em>
+    <img alt="gradio-demo-tutorial-1" src="https://huggingface.co/datasets/group2/tutorial-images/resolve/main/screenshots/1%20-%20gotToSpaceCreationl.PNG" width="450">
+    <em Enter a WRITE token.</em>
 </p>
 
-2. If your token is valid, a prompt will enable you to specify the URL or ID of the model on the HF Hub you would like to use in this demo. For example [darkstorm2150/Protogen_x3.4_Official_Release](https://huggingface.co/darkstorm2150/Protogen_x3.4_Official_Release), which is a diffusion model able to generate photorealistic images from a prompt.
+2. If your token is valid, a prompt will enable you to specify the URL or ID of the model on the HF Hub you would like to use in this demo. For example [darkstorm2150/Protogen_x3.4_Official_Release](https://huggingface.co/darkstorm2150/Protogen_x3.4_Official_Release), which is a diffusion model able to generate photorealistic images from a prompt. Click on "Load model".
 
-TODO: add pic
-
-Click on "Load model".
+<p align="center">
+    <img alt="gradio-demo-tutorial-2" src="https://huggingface.co/datasets/group2/tutorial-images/resolve/main/screenshots/4-PasteTokenChooseModel.PNG" width="450">
+    <em Specify a model.</em>
+</p>
 
 3. Then, you can specify a few details about your demo, such as:
     - Name
@@ -36,15 +37,18 @@ Click on "Load model".
     - Description
     - Space type
     - Hardware (CPU? GPU?)
-
-TODO: add pic
-
 Click on "Create the space". Your space will now be getting built.
 
-4. Once your space is built, you can reach it at https://huggingface.co/spaces/SPACE_NAME.
+<p align="center">
+    <img alt="gradio-demo-tutorial-3" src="https://huggingface.co/datasets/group2/tutorial-images/resolve/main/screenshots/5-SpaceCreated.PNG" width="450">
+    <em Specify a model.</em>
+</p>
 
-TODO: add pic
+4. Once your space is built, you can reach it at https://huggingface.co/spaces/SPACE_NAME.
 
 5. You can enter a prompt to generate an image with the space you just built! The demo embedded in this space was created that way without typing any code!
 
-TODO: add pic
+<p align="center">
+    <img alt="gradio-demo-tutorial-5" src="https://huggingface.co/datasets/group2/tutorial-images/resolve/main/screenshots/6-GotYourNewSpace.PNG" width="450">
+    <em Specify a model.</em>
+</p>