chore: update docs config

.gitignore

@@ -1,7 +1,7 @@
-/target
-/bin
-/.settings
-/.classpath
-/.project
-/.gradle
-/build
+.settings
+.classpath
+.project
+.gradle
+build/
+venv/
+site/

mkdocs.yml

@@ -1,6 +1,7 @@
 site_name: VLDocking library
 repo_url: https://github.com/omegat-org/vldocking
 docs_dir: wiki
+
 nav:
   - 1. Getting started: 'tutorial1.md'
   - 1a. And now... Docking!: 'tutorial1page2.md'
@@ -16,6 +17,9 @@ nav:
   - 11. Multi-desktop applications: 'tutorial11.md'
   - 12. Anchored dockables: 'tutorial12.md'
 
+plugins:
+  - glightbox
+
 theme:
   name: material
   features:

wiki/requirements.txt

@@ -1,3 +1,4 @@
 mkdocs>=1.5,<1.6
 jinja2>=2.11.1
 mkdocs-material>=8.4.3
+mkdocs-glightbox

wiki/tutorial1page2.md

@@ -174,45 +174,37 @@ this position or  construct a new position (look at the RelativeDockingPosition
 
 And here are some images showing the effects of those methods :
 
-<table>
-  <tr>
-    <th>Split</th>
-    <td rowspan="2">
-<pre lang="java">
+![Split](frame3.jpg){ align=right width=200 }
+```java title="Split"
         desk.addDockable(editorPanel);
         desk.split(editorPanel, treePanel, DockingConstants.SPLIT_LEFT);
         desk.split(editorPanel, buttonGrid, DockingConstants.SPLIT_RIGHT);
         desk.split(buttonGrid, tablePanel, DockingConstants.SPLIT_BOTTOM);
-</pre>
-    </td>
-  </tr> <tr><td markdown="1"> ![](frame3.jpg) </td></tr>
-  <tr>
-    <th>Split and Tab</th>
-    <td rowspan="2">
-<pre lang="java">
+```
+
+
+![](frame4.jpg){ align=right width=200 }
+```java title="Split and Tab"
+
         desk.addDockable(editorPanel);
         desk.split(editorPanel, treePanel, DockingConstants.SPLIT_LEFT);
         desk.split(editorPanel, buttonGrid, DockingConstants.SPLIT_RIGHT);
         desk.createTab(treePanel, tablePanel, 1);
-</pre>
-    </td>
-	</tr>
-  <tr><td markdown="1"> ![](frame4.jpg) </td></tr>
-  <tr>
-    <th>Split and Auto-Hide</th>
-    <td rowspan="2">
-<pre lang="java">
+```
+
+
+![](frame5.jpg){ align=right width=200 }
+```java title="Split and Auto-Hide"
+
         desk.addDockable(editorPanel);
         // the tree panel is auto-hidden and will be restored (docked)
         // on the left of the DockingDesktop
         desk.addHiddenDockable(treePanel, RelativeDockablePosition.LEFT);
         desk.split(editorPanel, buttonGrid, DockingConstants.SPLIT_RIGHT);
         desk.split(editorPanel, tablePanel, DockingConstants.SPLIT_LEFT);
-</pre>
-    </td>
-  </tr>
-  <tr><td markdown="1"> ![](frame5.jpg) </td></tr>
-</table>
+```
+
+
 
 ## The Dockable Containers