---
title: 'Templates & Assets'
url: 'https://levesaudavel.com.br/open-reader-guide/section-5/admin-panel'
markdown: 'https://levesaudavel.com.br/open-reader-guide/section-5/admin-panel.md'
date: '2026-09-14'
description: 'Templates reader-list – Readers home template displaying a card grid of all publications (multi-publication mode) section-list – Reader home for single-publication mode and publication home in multi-publication mode; displays the reader header, resume reading strip, and section card grid section –…'
---

# Templates & Assets

## Templates

- **reader-list** – Readers home template displaying a card grid of all publications (multi-publication mode)
- **section-list** – Reader home for single-publication mode and publication home in multi-publication mode; displays the reader header, resume reading strip, and section card grid
- **section** – Section landing page with optional section number, Learning Objectives block, and card metadata (description, icon, image, badge); one per section folder
- **section-page** – Individual section content page; no custom frontmatter — add content directly in the editor
- **default-toc** – Content page with a right-column Table of Contents; set `template: default-toc` in any page's frontmatter to enable (requires the page-toc plugin, included)

 Tip

The `default-toc` template is ideal for standalone content-heavy pages such as a preface, bibliography, or about page that benefit from in-page navigation but don't need the section structure.

## CSS & JavaScript Assets

- **helios.css** – Theme styling (announcement blockquotes, heading typography, Font Awesome spacing, responsive containers)
- **reader.css** – Reader-specific styles (callout block spacing, resume reading strip, reading progress indicator, top Prev/Next navigation styling)
- **helios.js** – Embedly dark/light theme support, Keep My Place localStorage logic, HTMX content-loaded integration
- **print.css** – Print stylesheet (hides navigation chrome, resets colors for light and dark themes, controls page breaks, displays absolute link URLs, sets consistent page margins)
- **admin.css** – Helios-inspired Admin Panel styling (conditionally loaded based on the Helios-inspired Admin Styling setting)
- **admin.js** – Admin panel JavaScript customizations

To customize the reader's appearance, edit or override these files in the plugin's `assets/` directory. Changes persist across Grav cache clears.

---

## Navigation

- Parent: [Customization](https://levesaudavel.com.br/open-reader-guide/section-5.md)
- Previous: [Labels & Browser Tab Title](https://levesaudavel.com.br/open-reader-guide/section-5/label-customization.md)
- Next: [Plugin Settings](https://levesaudavel.com.br/open-reader-guide/section-5/plugin-settings.md)