docs: re-arrangement of gifs

koulanurag · Feb 14, 2024 · 43a9fdd · 43a9fdd
1 parent 48ab774
commit 43a9fdd
Show file tree

Hide file tree

Showing 9 changed files with 16 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -31,10 +31,10 @@ Random maze environments with different size and complexity for reinforcement le
       <td><b>RandomMaze-101x101-v0</b></td>
     </tr>
     <tr>
-      <td><img src="/static/RandomMaze-11x11-v0.gif" alt="RandomMAze-11x11-v0.gif" width="200"/></td>
-      <td><img src="/static/RandomMaze-21x21-v0.gif" alt="RandomMAze-21x21-v0.gif" width="200"/></td>
-      <td><img src="/static/RandomMaze-31x31-v0.gif" alt="RandomMAze-11x11-v0.gif" width="200"/></td>
-      <td><img src="/static/RandomMaze-101x101-v0.gif" alt="RandomMAze-21x21-v0.gif" width="200"/></td>
+      <td><img src="docs/source/_static/gifs/RandomMaze-11x11-v0.gif" alt="RandomMAze-11x11-v0.gif" width="200"/></td>
+      <td><img src="docs/source/_static/gifs/RandomMaze-21x21-v0.gif" alt="RandomMAze-21x21-v0.gif" width="200"/></td>
+      <td><img src="docs/source/_static/gifs/RandomMaze-31x31-v0.gif" alt="RandomMAze-11x11-v0.gif" width="200"/></td>
+      <td><img src="docs/source/_static/gifs/RandomMaze-101x101-v0.gif" alt="RandomMAze-21x21-v0.gif" width="200"/></td>
     </tr>
   </table>
 </div>

diff --git a/docs/source/_static/css/custom.css b/docs/source/_static/css/custom.css
@@ -57,3 +57,7 @@
 
 }
 
+table.environment-zoo-table > tr, td {
+    border: 2px solid rgb(194, 194, 194);
+    border-collapse: collapse;
+}
diff --git a/static/RandomMaze-101x101-v0.gif → ...ce/_static/gifs/RandomMaze-101x101-v0.gif b/static/RandomMaze-101x101-v0.gif → ...ce/_static/gifs/RandomMaze-101x101-v0.gif
diff --git a/static/RandomMaze-11x11-v0.gif → ...urce/_static/gifs/RandomMaze-11x11-v0.gif b/static/RandomMaze-11x11-v0.gif → ...urce/_static/gifs/RandomMaze-11x11-v0.gif
diff --git a/static/RandomMaze-15x15-v0.gif → ...urce/_static/gifs/RandomMaze-15x15-v0.gif b/static/RandomMaze-15x15-v0.gif → ...urce/_static/gifs/RandomMaze-15x15-v0.gif
diff --git a/static/RandomMaze-21x21-v0.gif → ...urce/_static/gifs/RandomMaze-21x21-v0.gif b/static/RandomMaze-21x21-v0.gif → ...urce/_static/gifs/RandomMaze-21x21-v0.gif
diff --git a/static/RandomMaze-31x31-v0.gif → ...urce/_static/gifs/RandomMaze-31x31-v0.gif b/static/RandomMaze-31x31-v0.gif → ...urce/_static/gifs/RandomMaze-31x31-v0.gif
diff --git a/static/RandomMaze-51x51-v0.gif → ...urce/_static/gifs/RandomMaze-51x51-v0.gif b/static/RandomMaze-51x51-v0.gif → ...urce/_static/gifs/RandomMaze-51x51-v0.gif
diff --git a/docs/source/environments.rst b/docs/source/environments.rst
@@ -4,31 +4,31 @@ Environment Zoo
 
 .. raw:: html
 
-    <div style="justify-content: center;display: flex;">
-      <table>
+    <div style="text-align:center;justify-content: center;display: flex;">
+      <table class="environment-zoo-table">
         <tr>
           <td><b>RandomMaze-11x11-v0</b></td>
           <td><b>RandomMaze-15x15-v0</b></td>
         </tr>
         <tr>
-          <td><img src="static/RandomMaze-11x11-v0.gif" alt="RandomMaze-11x11-v0.gif" width="200"/></td>
-          <td><img src="static/RandomMaze-15x15-v0.gif" alt="RandomMaze-15x15-v0.gif" width="200"/></td>
+          <td><img src="_static/gifs/RandomMaze-11x11-v0.gif" alt="RandomMaze-11x11-v0.gif" width="200"/></td>
+          <td><img src="_static/gifs/RandomMaze-15x15-v0.gif" alt="RandomMaze-15x15-v0.gif" width="200"/></td>
         </tr>
         <tr>
          <td><b>RandomMaze-21x21-v0</b></td>
           <td><b>RandomMaze-31x31-v0</b></td>
         </tr>
         <tr>
-          <td><img src="static/RandomMaze-21x21-v0.gif" alt="RandomMaze-21x21-v0.gif" width="200"/></td>
-          <td><img src="static/RandomMaze-31x31-v0.gif" alt="RandomMaze-31x31-v0.gif" width="200"/></td>
+          <td><img src="_static/gifs/RandomMaze-21x21-v0.gif" alt="RandomMaze-21x21-v0.gif" width="200"/></td>
+          <td><img src="_static/gifs/RandomMaze-31x31-v0.gif" alt="RandomMaze-31x31-v0.gif" width="200"/></td>
         </tr>
         <tr>
          <td><b>RandomMaze-51x51-v0</b></td>
           <td><b>RandomMaze-101x101-v0</b></td>
         </tr>
         <tr>
-          <td><img src="static/RandomMaze-51x51-v0.gif" alt="RandomMaze-51x51-v0.gif" width="200"/></td>
-          <td><img src="static/RandomMaze-101x101-v0.gif" alt="RandomMaze-101x101-v0.gif" width="200"/></td>
+          <td><img src="_static/gifs/RandomMaze-51x51-v0.gif" alt="RandomMaze-51x51-v0.gif" width="200"/></td>
+          <td><img src="_static/gifs/RandomMaze-101x101-v0.gif" alt="RandomMaze-101x101-v0.gif" width="200"/></td>
         </tr>
       </table>
     </div>