Fullscreen for LiaScript: Clean Presentation Mode Without the Navigation Bar

LiaScript courses have a navigation bar at the top. For reading and editing, it is helpful. For presenting in front of an audience, it is visual noise.

The Fullscreen template solves this with a single import. When a learner or presenter presses F11 to enter fullscreen, the navigation bar disappears automatically. When they leave fullscreen, it returns. No configuration, no extra markup, no macros.

Quick Start

Add the import to your course header and the plugin is active:

<!--
author:   Your Name
import:   https://raw.githubusercontent.com/LiaTemplates/Fullscreen/0.0.1/README.md
-->

# Your Course Title

That is the entire setup.

How It Works

The template registers a window.onresize event listener via @onload. When the browser window dimensions match the full screen resolution, the listener hides the #lia-toolbar-nav element and removes its top margin. When the user exits fullscreen, the listener restores the navigation bar.

F11 pressed → fullscreen detected → nav hidden → clean slide view
F11 pressed again → fullscreen exited → nav restored → normal navigation

This works with any browser that supports the native fullscreen API, including Chrome, Firefox, and Edge.

Using It in Presentations

LiaScript renders each section as a slide-like page. Combined with the Fullscreen template, the workflow for a live lecture becomes:

1. Open your LiaScript course URL in the browser
2. Press F11 to enter fullscreen
3. Use → / ← or the arrow buttons to navigate slides
4. The navigation bar is hidden — the audience sees only your content

The template works particularly well with courses that use the Slides display mode (?mode=Slides in the URL), which formats each section as a horizontal presentation slide.

Combining with Other Templates

The Fullscreen template is passive — it adds no macros and does not interfere with any other template. It can be imported alongside any other LiaScript template in the same header:

<!--
import: https://raw.githubusercontent.com/LiaTemplates/Fullscreen/0.0.1/README.md
         https://raw.githubusercontent.com/LiaTemplates/ABCjs/main/README.md
         https://raw.githubusercontent.com/LiaTemplates/citations/refs/heads/main/README.md
-->

All three are active simultaneously.

Try it live — open this mini-presentation, then press F11 to go fullscreen and see the navigation bar disappear:

Full Template Demo

Use Cases

Lecture presentations — Open a LiaScript course in a browser, press F11, and present without any UI chrome distracting the audience. No need to export to PowerPoint or PDF.

Student kiosk mode — Deploy a course on a kiosk or shared terminal where you want the content to fill the screen without visible navigation controls.

Screencasts and recordings — Record course walkthroughs without the navigation bar appearing in the frame.

Clean screenshots for documentation — Capture course pages without interface elements for use in printed materials or promotional screenshots.

Technical Facts

Try It

Related Templates

• Citations — BibTeX references and bibliography for academic course materials
• ABCjs — music notation in LiaScript, also useful in presentation-style courses
• Chat Simulation — animated conversation displays for interactive presentations
• Wikimedia Commons — embed media assets cleanly in presentation slides