Improved image layout
This commit is contained in:
24
README.md
24
README.md
@ -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:**
|
||||||
|
|
||||||
>
|
><br>
|
||||||
*Low D Whistle*
|
*Low D Whistle*
|
||||||
|
|
||||||
>
|
><br>
|
||||||
*Alto C Ocarina*
|
*Alto C Ocarina*
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user