Formatting
Generating Fumen Images
Insert a fumen code into Rith’s custom <fumen> tags as you would in standard HTML. Images will be rendered in-site through JavaScript.
Changing the name of the tag from <fumen> to <figfumen> will generate its inner comment as a fig caption.
<fumen> tag attributes:
Height: number of rows to render (starting from the bottom). Default is 5, max is 23.
Width: number of columns to render (starting from the left). Default and maximum is 10.
Size: pixel dimensions of a single mino. Default is 22.
Grid: hex code color of grid. If unspecified, no grid is rendered.
Background: hex code color of background. If unspecified, background is transparent.
Rotation States
The “90” and “180” button just hides and shows two elements with the class “Rot90” and “Rot180” alternately.
Text for 180 Text for 90
Mirrored States
Fumens within <fumen> tags are automatically mirrored. The only consideration for writing is almost the same as . Two elements with the classes “Unmirrored” and “Mirrored”.
Unmirrored TexttxeT derorriM
In-line Minos
Wrap text with <span class="mino">
and all piece-corresponding characters will be converted into a mino. Affected by the mirror feature.
|
|
Other Site Bits
- Title for Percentages: it’d be cool if we had proper titles for percentages as fractions.
- <span class=“Rot180” title=“30/210”>14.286%</span>
- Precision: two decimals