Make able to zoom image lightbox style

docs/custom_theme/assets/javascripts/custom_theme.js

@@ -1,5 +1,6 @@
 $( document ).ready(function() {
   displayLatestWarning();
+  makeImagesZoomable();
 });
 
 $(window).on('hashchange', function(){
@@ -8,4 +9,10 @@ $(window).on('hashchange', function(){
 
 function displayLatestWarning(){
   $( ".latest-warning" ).css( "display", $(location).attr('href').includes(latestWarningTrigger)?"inherit":"none" );
-}
+}
+
+function makeImagesZoomable(){
+  $('img').each(function (index, value){
+    $(this).zoomify();
+  });
+}

docs/custom_theme/assets/zoomify_LICENSE

@@ -0,0 +1,24 @@
+LICENCE for included Javascript and CSS code from https://github.com/indrimuska/zoomify
+See javascripts/zoomify.min.js and stylesheets/zoomify.min.css
+
+The MIT License (MIT)
+
+Copyright (c) 2015 Indri Muska
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

docs/custom_theme/main.html

@@ -4,8 +4,8 @@
   <link rel="stylesheet" href="{{ 'assets/stylesheets/custom_theme.css' | url }}">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
   <script
-      src="https://code.jquery.com/jquery-1.12.4.min.js"
-      integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
+      src="https://code.jquery.com/jquery-2.2.4.min.js"
+      integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
       crossorigin="anonymous"></script>
   <script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML"></script>
   <script src="{{ 'assets/javascripts/custom_theme.js' | url }}"></script>
@@ -23,6 +23,9 @@
     })(window,document,'script','dataLayer','{{config.extra.google.tag_manager}}');</script>
     <!-- End Google Tag Manager -->
   {% endif %}
+
+  <script src="{{ 'assets/javascripts/zoomify.min.js' | url }}"></script>
+  <link href="{{ 'assets/stylesheets/zoomify.min.css' | url }}" rel="stylesheet">
 {% endblock %}
 
 {% block analytics %}