Improved image layout

This commit is contained in:
Stephan Roos
2026-03-01 18:51:38 +02:00
parent 8f1dd1c3f6
commit 13ddb3d9fb

View File

@ -52,25 +52,25 @@ This plugin was inspired by the [tin-whistle-tablature project](https://github.c
Opening the plugin presents the configuration window: Opening the plugin presents the configuration window:
<div style="display: flex; gap: 16px;"> <table align="center" border="0", width="90%">
<figure> <tr>
<img src="imgs/GUI_LowD_Light.png" alt="GUI, light mode" width="400"> <td align="center"><img src="imgs/GUI_LowD_Light.png" alt="GUI, light mode" width="100%"></td>
<figcaption><em>Light mode</em></figcaption> <td align="center"><img src="imgs/GUI_Ocarina_Dark.png" alt="GUI, dark mode" width="100%"></td>
</figure> </tr>
<figure> <tr>
<img src="imgs/GUI_Ocarina_Dark.png" alt="GUI, dark mode" width="400"> <td align="center"><em>Light mode</em></td>
<figcaption><em>Dark mode</em></figcaption> <td align="center"><em>Dark mode</em></td>
</figure> </tr>
</div> </table>
From here you can select a woodwind definition, customize settings or the format string, and apply to generate the tab. From here you can select a woodwind definition, customize settings or the format string, and apply to generate the tab.
**Examples:** **Examples:**
>![Example Tab Generated for the Low D whistle](imgs/Example_Tab_LowD.png "Low D") >![Example Tab Generated for the Low D whistle](imgs/Example_Tab_LowD.png "Low D")<br>
*Low D Whistle* *Low D Whistle*
>![Example Tab Generated for the Ocarina](imgs/Example_Tab_Ocarina.png "Ocarina") >![Example Tab Generated for the Ocarina](imgs/Example_Tab_Ocarina.png "Ocarina")<br>
*Alto C Ocarina* *Alto C Ocarina*
--- ---