Deployed b16c7dc with MkDocs version: 1.6.1

Tools/GraphicsGale/index.html

@@ -13454,27 +13454,23 @@
 
 
 
-<p><link rel="stylesheet" href="put_me_in_an_appropiate_folder.css" /></p>
 <h1 id="graphicsgale">GraphicsGale<a class="headerlink" href="#graphicsgale" title="Permanent link">&para;</a></h1>
 <p>GraphicsGale (also known as Gale) is an image editing program tailored towards pixel art, written by HUMANBALANCE Ltd. The software includes features such as onion skin, real-time preview for GIF animations, batch conversion, and editing Windows icon (ICO) and cursor (CUR) files. GraphicsGale was originally released as paid software in 2004 before being released as freeware in 2017.</p>
 <p><a class="md-button md-button--primary" href="https://graphicsgale.com/us/download.html"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32v242.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64v-32c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48"/></svg></span> Download</a>
 <a class="md-button" href="https://graphicsgale.com/us/" target="_blank"><span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M352 256c0 22.2-1.2 43.6-3.3 64H163.4c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64h185.3c2.2 20.4 3.3 41.8 3.3 64m28.8-64h123.1c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64m112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6 78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7 10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5 11.6 26 20.9 58.2 27 94.7m-209 0H18.6c30-74.1 93.6-130.9 172-151.6-25.5 34.2-45.3 87.7-55.3 151.6M8.1 192h123.1c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64m186.6 254.6c-11.6-26-20.9-58.2-27-94.6h176.6c-6.1 36.4-15.5 68.6-27 94.6-10.5 23.6-22.2 40.7-33.5 51.5-11.2 10.7-20.5 13.9-27.8 13.9s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6-78.4-20.7-142-77.5-172-151.6zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6 25.5-34.2 45.2-87.7 55.3-151.6h116.7z"/></svg></span> Website</a></p>
 <h2 id="retro-engine">Retro Engine<a class="headerlink" href="#retro-engine" title="Permanent link">&para;</a></h2>
 <p>GraphicsGale was used by Christian Whitehead for handling most graphic assets when working with Retro Engine games, and is still a common choice for sprite editing among <abbr title="Retro Engine">RSDK</abbr> modders. The main reason for this is that, unlike most other graphics editors, GraphicsGale supports indexed color palettes for GIF files, with palette optimization being disabled by default. This allows for easily modifying palettes for spritesheets and saving files without the palettes getting scrambled or merged.</p>
-<p>TODO: Is there a better way to make a horizontally aligned images with captions?</p>
-<figure>
-<p><a class="glightbox" href="../../assets/images/GraphicsGale/Palettes/S1-Sonic1.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="Original color palette" src="../../assets/images/GraphicsGale/Palettes/S1-Sonic1.png" /></a></p>
-<figcaption>Original color palette</figcaption>
+<figure class="uncenter">
+  <a class="glightbox" href="../../assets/images/GraphicsGale/Palettes/S1-Sonic1.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="Original color palette" src="../../assets/images/GraphicsGale/Palettes/S1-Sonic1.png" /></a>
+  <figcaption>Original color palette</figcaption>
 </figure>
-<figure>
-<p><a class="glightbox" href="../../assets/images/GraphicsGale/Palettes/S1-Sonic1.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="Palette after saved through GraphicsGale" src="../../assets/images/GraphicsGale/Palettes/S1-Sonic1.png" /></a></p>
-<figcaption>Palette after saved
-<br>through GraphicsGale</figcaption>
+<figure class="uncenter">
+  <a class="glightbox" href="../../assets/images/GraphicsGale/Palettes/S1-Sonic1.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="Palette after saved through GraphicsGale" src="../../assets/images/GraphicsGale/Palettes/S1-Sonic1.png" /></a>
+  <figcaption>Palette after saved<br>through GraphicsGale</figcaption>
 </figure>
-<figure>
-<p><a class="glightbox" href="../../assets/images/GraphicsGale/Palettes/S1-Sonic1-PDN.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="Palette after saved through paint.net" src="../../assets/images/GraphicsGale/Palettes/S1-Sonic1-PDN.png" /></a></p>
-<figcaption>Palette after saved
-<br>through paint.net</figcaption>
+<figure class="uncenter">
+  <a class="glightbox" href="../../assets/images/GraphicsGale/Palettes/S1-Sonic1-PDN.png" data-type="image" data-width="100%" data-height="auto" data-desc-position="bottom"><img alt="Palette after saved through paint.net" src="../../assets/images/GraphicsGale/Palettes/S1-Sonic1-PDN.png" /></a>
+  <figcaption>Palette after saved<br>through paint.net</figcaption>
 </figure>
 
 

rsdk_theme/body.css

@@ -30,4 +30,12 @@
 
 .md-typeset .tabbed-control--prev {
     background: linear-gradient(to right, var(--content-bg-color) 50%, transparent)
+}
+
+.uncenter {
+    text-align: center;
+    max-width: 40%;
+    float: left;
+    margin: 0;
+    padding: 25px;
 }