The $topics variable contains the document's topics.
Each topic block contains:
- The topic's title, annotated with a CSS class indicating the depth level of the topic in the book structure
(.pdf-header-lvl{$depth}). - The topic's content, wrapped in a container annotated with a CSS class carrying the language of the content
(.content-locale-{$locale}). - The topic's source indicating from where the topic was collected (or information about the writing date if it is a personal topic).
- All possible children topics.
Using the $topics variable generates HTML code.
For example:
<div class="pdf-topic">
<h1 class="pdf-header-lvl1">
<a name="topic-W610MFkIZPtNWMAV0RWcug">Fluid Topics Installation</a>
</h1>
<div>
<div class="content-locale-en">
<!-- Original topic content -->
</div>
</div>
<div class="topic-source">From : Fluid Topics v2 - Installation and Integration Guide</div>
<div class="pdf-topic">
<h2 class="pdf-header-lvl2">
<a name="topic-yfH5zl4dttxRzaNE3zYATg">Prerequisites</a>
</h2>
<div>
<div class="content-locale-en">
<!-- Original topic content -->
</div>
</div>
<div class="topic-source">From : <!-- Original topic location breadcrumb --></div>
<div class="pdf-topic">
<h3 class="pdf-header-lvl3">
<a name="topic-iWyRdxbvgo4U79pKiL~8QA">Hardware Prerequisites</a>
</h3>
<div>
<div class="content-locale-en">
<!-- Original topic content -->
</div>
</div>
<div class="topic-source">From : <!-- Original topic location breadcrumb --></div>
</div>
<div class="pdf-topic">
<h3 class="pdf-header-lvl3">
<a name="topic-XPrfLHxaUj0JnCTNas0BYg">Software Prerequisites</a>
</h3>
<div>
<div class="content-locale-en">
<!-- Original topic content -->
</div>
</div>
<div class="topic-source">From : <!-- Original topic location breadcrumb --></div>
</div>
<div class="pdf-topic">
<h3 class="pdf-header-lvl3">
<a name="topic-dqXwgTd5_PWC4ARWYl67sg">Installation Types</a>
</h3>
<div>
<div class="content-locale-en">
<!-- Original topic content -->
</div>
</div>
<div class="topic-source">From : <!-- Original topic location breadcrumb --></div>
</div>
</div>
<div class="pdf-topic">
<h2 class="pdf-header-lvl2">
<a name="topic-1Lf2GmoewmF5HJgdj3J~Kw">Architecture Examples</a>
</h2>
<div>
<div class="content-locale-en">
<!-- Original topic content -->
</div>
</div>
<div class="topic-source">From : <!-- Original topic location breadcrumb --></div>
</div>
</div>