fix: fix images not showing in Github pages site

Author: lucalianas

_config.yml

@@ -2,8 +2,8 @@ title: CRS4 Digital Pathology Platform
 description: Documentation for the CRS4 Digital Pathology Platform (CDPP)
 theme: just-the-docs
 
-url: ""
-# baseurl: "/cdpp-docs"
+url: "https://crs4.github.io"
+baseurl: "/DigitalPathologyPlatform"
 
 search_enabled: true
 
@@ -15,4 +15,3 @@ nav_sort: case_insensitive
 
 includes:
   head: head_custom.html
-  

docs/installation/04-am_config.md

@@ -53,31 +53,31 @@ Use the superuser credentials to log in. To create a reviewer account:
 
 Click **Add user** in the Django Admin dashboard:
 
-<a href="/assets/images/04-am_config/site_admin.png" data-lightbox="04-am_config-1">
-  <img src="/assets/images/04-am_config/site_admin.png" alt="Django Admin - Add user" width="100%" />
+<a href="{{ site.baseurl }}/assets/images/04-am_config/site_admin.png" data-lightbox="04-am_config-1">
+  <img src="{{ site.baseurl }}/assets/images/04-am_config/site_admin.png" alt="Django Admin - Add user" width="100%" />
 </a>
 
 Enter the desired username and password, then click **Save and continue editing**:
 
-<a href="/assets/images/04-am_config/new_user-1.png" data-lightbox="04-am_config-2">
-  <img src="/assets/images/04-am_config/new_user-1.png" alt="Create new user form" width="100%" />
+<a href="{{ site.baseurl }}/assets/images/04-am_config/new_user-1.png" data-lightbox="04-am_config-2">
+  <img src="{{ site.baseurl }}/assets/images/04-am_config/new_user-1.png" alt="Create new user form" width="100%" />
 </a>
 
 Fill in the user's personal information and assign the user to the following groups:
 
 - `ROIS_MANAGERS`
 - `CLINICAL_MANAGERS`
 
-<a href="/assets/images/04-am_config/new_user-2.png" data-lightbox="04-am_config-3">
-  <img src="/assets/images/04-am_config/new_user-2.png" alt="Assign groups to user" width="100%" />
+<a href="{{ site.baseurl }}/assets/images/04-am_config/new_user-2.png" data-lightbox="04-am_config-3">
+  <img src="{{ site.baseurl }}/assets/images/04-am_config/new_user-2.png" alt="Assign groups to user" width="100%" />
 </a>
 
 When finished, click **Save**.
 
 You should now see the new user in the list:
 
-<a href="/assets/images/04-am_config/users_recap.png" data-lightbox="04-am_config-4">
-  <img src="/assets/images/04-am_config/users_recap.png" alt="Users overview list" width="100%" />
+<a href="{{ site.baseurl }}/assets/images/04-am_config/users_recap.png" data-lightbox="04-am_config-4">
+  <img src="{{ site.baseurl }}/assets/images/04-am_config/users_recap.png" alt="Users overview list" width="100%" />
 </a>
 
 Repeat this process to create additional reviewer accounts.