h-docs

Search

Search IconIcon to open search

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.

\v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH

Width: number of columns to render (starting from the left). Default and maximum is 10.

\v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH

Size: pixel dimensions of a single mino. Default is 22.

\v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH

Grid: hex code color of grid. If unspecified, no grid is rendered.

\v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH

Background: hex code color of background. If unspecified, background is transparent.

\v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH

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

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”.


v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH

Unmirrored TexttxeT derorriM

v115@9gBtDewhilwwBtCewhglRpxwR4Bewhg0RpwwR4Cewh?i0JeAgH
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.

1
Here, you can use <span class="mino">ILSZ</span> to create Jaws.

Other Site Bits

  1. 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>
  2. Precision: two decimals