Creating Footnotes
Footnotes are useful ways to insert notes related to the story, mainly translation notes.
Implementing Footnotes
In the story
In any part of the story you'd like to include a footnote, use <sup>[#]</sup>.
1<div class="oissu"> 2 <p> 3 <b>Hokuto:</b> “Shuffle Unit” — 4 “Getto Spectacle” <sup>[1]</sup> 5 </p> 6 <p> 7 So that’s the unit name we will use 8 for this project, Anzu. 9 </p> 10 <p> 11 <b>Hiyori:</b> What a nice surprise! 12 </p> 13</div>
Hokuto: “Shuffle Unit” — “Getto Spectacle”1
So that’s the unit name we will use for this project, Anzu.
Hiyori: What a nice surprise!
At the end of the post
Include an ordered list (<ol>) with the class os-note. You don't have to number them, as <li> tags automatically number by themselves.
info
The <ol> tags should be outside Oissu's main <div>. You can see more in the example at the end of the page.
1<ol class="os-note"> 2 <li> 3 that’s a pun. Like 月都 means moon 4 capital but hapiele felt the need to 5 tell us it’s also ゲット which literally 6 means <i>get</i> 7 </li> 8 <li> 9 first established in White Lily (gacha story) 10 </li> 11 <li> 12 a reference to the princess kaguya tale 13 </li> 14</ol>
- that’s a pun. Like 月都 means moon capital but hapiele felt the need to tell us it’s also ゲット which literally means get
- first established in White Lily (gacha story)
- a reference to the princess kaguya tale
Oissu automatically numbers and adds the TL note as a little hover effect
Example
1<div class="oissu"> 2 <blockquote> 3 <p> 4 One week earlier. Mid January, 5 in the ES Meeting Room. 6 </p> 7 </blockquote> 8 <figure> 9 <img src="https://media.tumblr.com/path/to/img.png"> 10 </figure> 11 <p> 12 <b>Hokuto:</b> “Shuffle Unit” — 13 “Getto Spectacle” <sup>[1]</sup> 14 </p> 15 <p> 16 So that’s the unit name we will use 17 for this project, Anzu. 18 </p> 19 <p> 20 <b>Hiyori:</b> What a nice surprise! 21 </p> 22</div> 23<ol class="os-note"> 24 <li> 25 that’s a pun. Like 月都 means moon 26 capital but hapiele felt the need to 27 tell us it’s also ゲット which literally 28 means <i>get</i> 29 </li> 30</ol>
One week earlier. Mid January, in the ES Meeting Room.
Hokuto: “Shuffle Unit” — “Getto Spectacle”1
So that’s the unit name we will use for this project, Anzu.
Hiyori: What a nice surprise!