add image viewer

content/en/docs/_index.md

@@ -1,5 +1,5 @@
 ---
-title: "docs"
+title: "Documentation"
 css: "scss/docs.scss"
 
 LinkTitle: "Documentation"

layouts/docs/single.html

@@ -231,9 +231,20 @@
         })
     }
 
-    getFileContributors()
-    bindClickMenu()
-    bindClickSecondMenu()
+    var useViewer = function() {
+        var viewer = new Viewer(document.querySelector('.md-body'), {
+            url: 'src'
+        })
+    }
+
+    var __main = function() {
+        getFileContributors()
+        bindClickMenu()
+        bindClickSecondMenu()
+        useViewer()
+    }
+
+    __main()
 
 </script>
 {{ end }}

layouts/partials/content.html

@@ -47,6 +47,11 @@
   </section>
   {{ partial "footer.html" $context }}
   <script src='{{ "js/aside.js" | relURL }}'></script>
+  <script>
+    var viewer = new Viewer(document.querySelector('.md-body'), {
+        url: 'src'
+    })
+  </script>
 </body>
 
 </html>

layouts/partials/css.html

@@ -1,6 +1,7 @@
 <link rel="stylesheet" href="/fonts/Roboto/stylesheet.css">
 <link rel="stylesheet" href="/fonts/ProximaNova/stylesheet.css">
 <link rel="stylesheet" href="/css/jquery.modal.min.css">
+<link rel="stylesheet" href="/css/viewer.min.css">
 
 {{ $common := resources.Get "scss/common.scss" | toCSS | minify | fingerprint }}
 <link rel="stylesheet" href="{{ $common.RelPermalink }}">

layouts/partials/head.html

@@ -15,4 +15,5 @@
 {{- partial "css.html" . -}}
 
 <script src='{{ "js/jquery-3.5.0.min.js" | relURL }}'></script>
+<script src='{{ "js/viewer.min.js" | relURL }}'></script>
 <script src='{{ "js/jquery.modal.min.js" | relURL }}'></script>