User manual finished

README.md

@@ -13,34 +13,44 @@ pinned: false
 ## 1. User Manual
 <details>
 <summary>1. Insert your <a href="https://huggingface.co/settings/tokens" target="_blank">🤗 Hugging Face Access Token</a> in the textbox located as shown.</summary>
-  - test
+  <img src="images/1.png" alt="" width="800">
 </details>
 
 <details>
 <summary>2. Insert a YouTube link in the textbox located as shown. The YouTube video must be able to have its caption on.</summary>
-
-  - or you can use the example YouTube links the bottom of the page to try out the app.
-  - 
+  <img src="images/2.png" alt="" width="800">
+  
+  - Or you can use the example YouTube links the bottom of the page to try out the app:
+  - <img src="images/2-1.png" alt="" width="800">
 </details>
 
 <details>
 <summary>3. Set the Settings according to your need.</summary>
-  - test
+  <img src="images/3.png" alt="" width="800">
 </details>
 
 <details>
 <summary>4. Set the Advanced Settings according to your need. Slide the Temperate or/and tick the `do_sample` checkbox to your need.</summary>
-  - test
+  <img src="images/4.png" alt="" width="800">
 </details>
 
 <details>
 <summary>5. Summarize it by clicking the Summarize button.</summary>
-  - test
+  <img src="images/5.png" alt="" width="800">
 </details>
 
 <details>
 <summary>6. To use the `Key sentence`, `Keywords`, `Fill in the blank`, or `Flashcards` feature, click on the desired tab and click the Generate button after the summarization process is finished.</summary>
-  - test
+  <img src="images/6.png" alt="" width="800">
+
+  <details>
+  <summary>The result should similiar like these:</summary>
+    
+  - <img src="images/6-1.png" alt="" width="800">
+  - <img src="images/6-2.png" alt="" width="800">
+  - <img src="images/6-3.png" alt="" width="800">
+  - <img src="images/6-4.png" alt="" width="800">
+  </details>
 </details>