[Guide] Replace Lightgallery for GLightbox plugin

- Replaced: Lightgallery for GLightbox plugin.

docs/requirements.txt

@@ -1,4 +1,4 @@
-lightgallery==0.5
+mkdocs-glightbox==0.3.0
 mkdocs-awesome-pages-plugin==2.8.0
 mkdocs-git-revision-date-localized-plugin==1.1.0
 mkdocs-macros-plugin==0.7.0

mkdocs.yml

@@ -33,7 +33,6 @@ markdown_extensions:
   - pymdownx.tabbed
   - pymdownx.highlight
   - pymdownx.tilde
-  - lightgallery
   - codehilite:
       guess_lang: true
   - toc:
@@ -55,6 +54,7 @@ plugins:
       locale: en
   #    fallback_to_build_date: false
   - awesome-pages
+  - glightbox
   - macros:
       j2_block_start_string: "[[%"
       j2_block_end_string: "%]]"

overrides/main.html

@@ -10,22 +10,3 @@
     </footer>
 {% endblock %}
 
-{% block styles %}
-    {{ super() }}
-    <link rel="stylesheet" href="{{ base_url }}/css/lightgallery.min.css">
-{% endblock styles %}
-
-{% block libs %}
-    {{ super() }}
-    <script src="{{ base_url }}/js/lightgallery.min.js"></script>
-{% endblock libs %}
-
-{% block scripts %}
-    {{ super() }}
-    <script>
-    var elements = document.getElementsByClassName("lightgallery");
-    for(var i=0; i<elements.length; i++) {
-        lightGallery(elements[i]);
-    }
-    </script>
-{% endblock scripts %}