Practical notes on using pop-up notes in iBooks

A few notes on using pop-up notes in iBooks.

Placement of note content

Pop-up note content although linked by id reference, must be placed after the close of the current paragraph containing the note referent. Like this:

<p> ...
<sup id="ref2"><a epub:type="noteref" href="#note2">2</a></sup>
</p>

<aside epub:type="footnote" id="note2"><p>Here what Manning calls ‘technicity’ brings ‘into alignment the more-than-human that is the intersection of the human and technology’ (Manning, 2010b).</p> </aside>

Multiple notes in the same paragraph

In a paragraph where there are multiple notes the asides follow one after another, as in this example:

<p>In this sense, by engaging with ‘bodies,’ with ‘embodiment and embodiment,’ we are also engaging with the process of differentiation, with the contact and difference that produces bodies from within bodies. Each body in this body of bodies (a corpus of / as social anatomy) is ‘affected in and through the other, responds to the call of the other, is exposed to the other, as something (no-thing) unfinished and unaccomplished’ (Lyotard, 1988: 112).<sup id="ref2"><a epub:type="noteref" href="#note2">2</a></sup> Body and corpus emerge not <i>of</i> essence or substance but <i>as</i> series: as a series or multiplicity of contiguous states that are neither fullness nor nothingness, neither outside nor inside, neither part nor whole, neither function nor totality. Coming into touch with bodies – coming into contact with the limits that enable something to take place – <i>produces</i> a body (and bodies). This is a body that is <i>multiple</i> in its circulation of touches and separations as it divides and relates to itself and others (Ridgway, 2008).<sup id="ref3"><a epub:type="noteref" href="#note3">3</a></sup></p>

<aside epub:type="footnote" id="note2"><p>What is at stake for Nancy in this is far ranging and paramount: ‘The body, as an expression of meaning by virtue of its singularity or alterity, is the site where both ethics and community take place’ (Sorial, 2004: 4). ‘We’ is, for Nancy, the expression of a plurality. It expresses ‘“our” being divided and entangled: “one” is not “with” in some general sort of way … a “we”, even one that is not articulated, is the condition for the possibility of each “I”’ (Sorial, 2004: 3). While the subject is always singular, s/he is not isolated in her difference, but is rather exposed to, affected and touched by, the other. The central point here is that ‘we’ are always in relation, we are always ‘I’ as something shared with others, not as a fused collective or a collection of autonomous individuals. This is an ethical mode of being that seeks out and affirms otherness. It is a tactful, rather than tactical response, ‘the testimony of a fracture, of the opening onto the other,’ rather than ‘an experience conducted by an I in the quest for self-knowledge’ (Lyotard, 1988: 113). Touch then, for Nancy, opens up space’s strangeness. An ethics that is tactful recognizes the need to maintain the space between self and other, and to make contact. </p></aside>

<aside epub:type="footnote" id="note3"><p>Is this problematic for bodies that have not had the privilege of being seen as self-identical and whole? Jean-Luc Nancy, as so many, pays scant attention to gender. But, argues Perpich, his account addresses ‘those bodies considered borderline without having to position them at the outer limits (or, for that matter, at the center)’ (Perpich, 2005: 7). His work also augments the work of feminist philosophers such as Judith Butler in its movement beyond the <i>a priori</i> instantiation of social constructionism – the sexed body that is prior to the social inscription of gender.</p> </aside>

Notes inside figure captions

Where notes are included in figure captions, the aside must be placed inside the <figcaption> tag, after the closing of the paragraph tag, like in this example:

<figure class="image"><img alt="image" id="image24" src="../Images/image24.jpg"/>

<figcaption class="caption"><p>Figure 24. Rafael Lozano-Hemmer | <i>Body Movies, Relational Architecture 6</i>, 2001 | Four 7kW Xenon projectors with robotic rollers, 1,200 Duraclear transparencies, computerized tracking system, plasma screen and mirrors. Dimensions variable | see endnote for full image credits.<sup id="ref3"><a epub:type="noteref" href="#note3">3</a></sup></p><aside epub:type="footnote" id="note3"><p>Image credits from left to right, top to bottom.</p></aside></figcaption>

</figure>

Hyperlinks inside pop-up notes

Live hyperlinks inside pop-up notes collapse the note (as noted in this StackOverflow post). The way to get around this is to disable links using CSS (or else delete them). The CSS would look something like this:

aside a {
 pointer-events: none;
   cursor: default;
  
}

The current necessity of disabling hyperlinks is a good reason to maintain a full list of notes at the end of the document in addition to the pop-up notes. Another good reason is simply that it provides a valuable reference point for those wishing to read them without travelling through the chapter again.

Lists inside pop-up notes

Not a problem, you can include html lists inside pop-up notes.



Endorse on Coderwall

Comments