deploy: 4fae100

_sources/format.md

@@ -5,7 +5,13 @@ Light microscopy images in publications can rapidly communicate useful details i
 ````{note}
 
 ```{dropdown} <img src="images_icons/ImageFormat_1.png" width="50px">  &nbsp;Focus on relevant content
-- Crop empty/irrelevant pixels to focus the audience’s attention. Rotate images where required, ideally in 90 degree increments. Resize images to fit the intended panel size.
+``{tab-set}
+`{tab-item} Description
+Crop empty/irrelevant pixels to focus the audience’s attention. Rotate images where required, ideally in 90 degree increments. Resize images to fit the intended panel size.
+`
+`{tab-item} Links
+`
+``
 ```
 
 ```{dropdown} <img src="images_icons/ImageFormat_2.png" width="50px">  &nbsp;Separate individual images

format.html

@@ -402,9 +402,7 @@ <h1>Image format<a class="headerlink" href="#image-format" title="Permalink to t
 <div class="sd-summary-up docutils">
 <svg version="1.1" width="1.5em" height="1.5em" class="sd-octicon sd-octicon-chevron-up" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M18.78 15.28a.75.75 0 000-1.06l-6.25-6.25a.75.75 0 00-1.06 0l-6.25 6.25a.75.75 0 101.06 1.06L12 9.56l5.72 5.72a.75.75 0 001.06 0z"></path></svg></div>
 </summary><div class="sd-summary-content sd-card-body docutils">
-<ul class="simple">
-<li><p class="sd-card-text">Crop empty/irrelevant pixels to focus the audience’s attention. Rotate images where required, ideally in 90 degree increments. Resize images to fit the intended panel size.</p></li>
-</ul>
+<p class="sd-card-text"><code class="docutils literal notranslate"><span class="pre">{tab-set}</span> <span class="pre">`{tab-item}</span> <span class="pre">Description</span> <span class="pre">Crop</span> <span class="pre">empty/irrelevant</span> <span class="pre">pixels</span> <span class="pre">to</span> <span class="pre">focus</span> <span class="pre">the</span> <span class="pre">audience’s</span> <span class="pre">attention.</span> <span class="pre">Rotate</span> <span class="pre">images</span> <span class="pre">where</span> <span class="pre">required,</span> <span class="pre">ideally</span> <span class="pre">in</span> <span class="pre">90</span> <span class="pre">degree</span> <span class="pre">increments.</span> <span class="pre">Resize</span> <span class="pre">images</span> <span class="pre">to</span> <span class="pre">fit</span> <span class="pre">the</span> <span class="pre">intended</span> <span class="pre">panel</span> <span class="pre">size.</span> <span class="pre">`</span> <span class="pre">`{tab-item}</span> <span class="pre">Links</span> <span class="pre">`</span> </code></p>
 </div>
 </details><details class="sd-sphinx-override sd-dropdown sd-card sd-mb-3">
 <summary class="sd-summary-title sd-card-header">