Narrated Lines

# Narrated Lines

Narration is a way to separate non-dialogue text from normal spoken lines. In general, Oissu uses `<blockquote>` to indicate non-dialogue text.

## Formatted lines

**Location**, **Season**, and **Time** are included specifically to aid Ensemble Stars!! Translations.

## Extra options

Add these options as classes on the `<blockquote>` element.

### `os-block`

Displays narration in block format.

### `os-exclude`

Exclude block from Oissu rendering.

:::tip

`os-exclude` works on any element! It's very useful as support for non-Oissu rendering, like mobile app / dashboard, as you can hide other decorative elements like dividers.

:::

## Example



<OissuSample
 code={`<blockquote>
 Season: Winter
 Location: SS Stage?
</blockquote>

<figure>
 <img src="https://media.tumblr.com/path/to/img.png" />
</figure>

<blockquote>
 In a dream, or perhaps a vision?
</blockquote>


 Tomoya: "♪ ~ ♪ ~ ♪"


 (Oh—)


 (This is another dream, huh.)
`}
 tler={
 <>
 <a href="https://watatomo.github.io/tl/post/sanctuary/1/">
 Sanctuary / Prologue
 </a>{" "}
 translation by <a href="https://watatomo.github.io/tl/">Ren</a>
 </>
 }
>
 <div>
 <div className="oissu">
 <blockquote>
 Season: Winter
 Location: SS Stage?
 </blockquote>
 <figure>
 <img src="/docs/images/watatomo1.jpg" />
 </figure>
 <blockquote>
 In a dream, or perhaps a vision?
 </blockquote>
 
 Tomoya: "♪ ~ ♪ ~ ♪"
 
 (Oh—)
 (This is another dream, huh.)
 </div>
 </div>
</OissuSample>