Add documentation

Author: OmarSamirz

docs/images/background_img.png renamed to docs/assets/background_img.png

@@ -1,5 +1,5 @@
 <div align="center">
-    <img src="images/iftg_logo_small.png" alt="Logo" width="60%">
+    <img src="assets/iftg_logo_small.png" alt="Logo" width="60%">
     <h1><b>Welcome to IFTG Documentation</b></h1>
 </div>
 

docs/images/blur_img.png renamed to docs/assets/blur_img.png

@@ -46,10 +46,10 @@ enhancing the robustness of your models.
     <th>Dilate</th>
   </tr>
   <tr>
-    <td><img src="../images/background_img.png" alt="Background" width="100%"></td>
-    <td><img src="../images/blur_img.png" alt="Blur" width="100%"></td>
-    <td><img src="../images/brightness_img.png" alt="Brightness" width="100%"></td>
-    <td><img src="../images/dilate_img.png" alt="Dilate" width="100%"></td>
+    <td><img src="assets/background_img.png" alt="Background" width="100%"></td>
+    <td><img src="assets/blur_img.png" alt="Blur" width="100%"></td>
+    <td><img src="assets/brightness_img.png" alt="Brightness" width="100%"></td>
+    <td><img src="assets/dilate_img.png" alt="Dilate" width="100%"></td>
   </tr>
 </table>
 
@@ -61,10 +61,10 @@ enhancing the robustness of your models.
     <th>Gaussian</th>
   </tr>
   <tr>
-    <td><img src="../images/elastic_img.png" alt="Elastic" width="100%"></td>
-    <td><img src="../images/erode_img.png" alt="Erode" width="100%"></td>
-    <td><img src="../images/flip_img.png" alt="Flip" width="100%"></td>
-    <td><img src="../images/gaussian_img.png" alt="Gaussian" width="100%"></td>
+    <td><img src="assets/elastic_img.png" alt="Elastic" width="100%"></td>
+    <td><img src="assets/erode_img.png" alt="Erode" width="100%"></td>
+    <td><img src="assets/flip_img.png" alt="Flip" width="100%"></td>
+    <td><img src="assets/gaussian_img.png" alt="Gaussian" width="100%"></td>
   </tr>
 </table>
 
@@ -75,9 +75,9 @@ enhancing the robustness of your models.
     <th>Shadow</th>
   </tr>
   <tr>
-    <td><img src="../images/pixeldropout_img.png" alt="Pixel Dropout" width="100%"></td>
-    <td><img src="../images/rotation_img.png" alt="Rotatoin" width="100%"></td>
-    <td><img src="../images/shadow_img.png" alt="Shadow" width="100%"></td>
+    <td><img src="assets/pixeldropout_img.png" alt="Pixel Dropout" width="100%"></td>
+    <td><img src="assets/rotation_img.png" alt="Rotatoin" width="100%"></td>
+    <td><img src="assets/shadow_img.png" alt="Shadow" width="100%"></td>
   </tr>
 </table>
 

docs/images/brightness_img.png renamed to docs/assets/brightness_img.png

@@ -1,7 +1,9 @@
 site_name: ImageFromTextGenerator
+site_url: https://omarsamirz.github.io/ImageFromTextGenerator/
+
 theme:
-  favicon: 'images/iftg_logo_small.png'
-  logo: 'images/iftg_logo_small.png'
+  favicon: assets/iftg_logo.png
+  logo: assets/iftg_logo.png
   name: material
   language: en  
   features: