ikiwiki/doc/plugins/contrib/poetry.mdwn

108 lines
2.6 KiB
Markdown

[[!meta author="spalax"]]
[[!template id=plugin name=poetry author="[[Louis|spalax]]"]]
# Poetry
The poetry plugin provides the [[ikiwiki/directive/poetry]] directive, used to
render poetry (or songs).
## Why?
### Typography
In regular text, there are two different meaning of a new line: a break between
two paragraphs, and the line wrap.
When rendering poetry, we need a third one: the carriage return between two
verse lines. This one should be different from the line wrap carriage return,
otherwise one will not be able to tell apart these two: is a word displayed at
the begenning of its line a new verse line, or the previous verse line,
continuing on a new line because it is too long?
Generally, wrapped text is indented, whereas verse lines are not.
### Markdown
One could use carriage return (two white spaces at the end of a line) between
verse lines, and paragraph break between stanzas, but:
* adding white spaces at the end of lines is painful;
* there is no easy way to render chorus (in a different way from verses).
## Usage
The directive takes only one argument `content`, containing the poetry to
render. Carriage returns are respected.
Chorus are lines with `> ` as a starting character.
Lines starting with `) ` are consored/outdated/crossed out verses.
[[!toggle id=example text="View example"]]
[[!toggleable id=example text='''
\[[!poetry content="""
This is a verse
Made of several lines
> And here is the chorus
> La la la!
> A beautiful chorus
Another verse
A bit longer
Than the previous one
) This one is deleted
) Because I did not like it
"""]]
''']]
## CSS
This plugin is useless without some corresponding CSS. An example is given
below.
[[!toggle id=css text="CSS"]]
[[!toggleable id=css text="""
.poetry {
padding-left: 1em;
border-left: 0.1em solid lightgray;
border-radius: 0.5em;
}
.poetry .stanza {
padding-left: 1em;
}
.poetry .paren {
font-style: italic;
font-size: smaller;
text-decoration: line-through;
}
.poetry .paren:hover {
text-decoration: initial;
}
.poetry .chorus {
margin-left: 0.1em;
padding-left: 2em;
border-left: 0.3em solid slategray;
}
.poetry .line {
display: block;
text-indent: -1em;
}
"""]]
## Example
This plugin is used to render songs on [this choir's
website](http://barricades.int.eu.org/repertoire/bread_and_roses/).
## Code
Code and documentation can be found here : [[https://atelier.gresille.org/projects/gresille-ikiwiki/wiki/Poetry]].