Whakerexa in action:

Make easily slides with the ES6 Slides package

Brigitte Bigi

https://whakerexa.sourceforge.io

Introduction to Slides

Accessibility

The Whakerexa Slides package is designed so that accessibility is not an add-on, but a built-in principle. Every component, interaction and visual element aims to be usable by as many people as possible.

The Web is fundamentally designed to work for all people, whatever their hardware, software, language, location, or ability. When the Web meets this goal, it is accessible to people with a diverse range of hearing, movement, sight, and cognitive ability. World Wide Web Consortium (W3C), Web Accessibility Initiative (WAI) — “Introduction to Web Accessibility”.

Lists in action

A simple list

Incremental lists

Main figure example

Full-page example
Full-page figure with centered caption

Nested figure example

This slide contains a nested figure inside a paragraph. It must follow normal document flow (not the full-page layout).

These slides are powered by the Whakerexa ES6 Slides module.
And you can see details here:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac dui eu est feugiat lacinia sit amet nec leo. Mauris eu ipsum leo. Nulla mi odio, cursus sed sollicitudin non, fringilla id magna. Suspendisse sit amet posuere elit. Maecenas iaculis, turpis a placerat imperdiet, libero lorem feugiat nisi, nec tincidunt diam nibh sit amet massa. Vestibulum quis adipiscing tellus. Maecenas sollicitudin sodales pulvinar. Donec dui ipsum, bibendum facilisis consequat interdum, tempus ut mauris. Aliquam ut dolor nec odio scelerisque bibendum quis in neque. Aliquam dui dui, pulvinar quis fermentum quis, gravida eu augue. Nunc tristique dolor a urna pulvinar bibendum. Curabitur mollis cursus neque, in scelerisque metus porta non. Donec tempor enim in nibh vestibulum et convallis nisi malesuada. Duis ut lectus sed metus venenatis porttitor id pharetra quam. Suspendisse sapien turpis, ornare in molestie et, gravida eget turpis.

Focus

Test link

Media

A documentation here...

Image Example

demo image
An image embedded into a figure

Video Example

Video preview
A video with a preview image, with a fixed width

Table with sortable columns

Description
Sarah Connor 1984-05-12 Terminator's target
John Connor 2029-07-11 Leader of the human resistance
Kyle Reese 1984-05-12 Sent back to protect Sarah Connor
Skynet Activation 1997-08-29 Skynet becomes self-aware
Judgment Day Event 1997-08-29 Skynet launches a nuclear attack
T-800 Arrival 1984-05-12 Sent to kill Sarah Connor

Features overview

Keyboard shortcuts

Check that fullscreen mode works correctly.

Overflow tests

Overflow test 1

Very large and tall image:

too big image

Overflow test 2

Very tall block:

Tall block text content

Hash navigation

Robustness tests

Empty incremental

This block should not crash the slide engine.

Incremental with missing items

The slide should remain stable even without list items.

Slide with minimal content

This slide contains almost nothing. It must still display correctly.

Overview mode

Press keyboard character:  o  to toggle overview mode.

Press keyboard character  o  again to switch back to the slides view.

Legal notices

About

License

CC-by-NC-ND

This document is a creative work, the exclusive property of CNRS, protected by French and international intellectual property law, and licensed under CC BY-NC-ND (Attribution / Non-Commercial / No Derivatives).

This license permits any distribution (sharing, copying, reproducing, distributing, communicating), except for commercial purposes, by any means and in any format, provided that the work is distributed without modification and in its entirety.

You are free to copy, distribute, and transmit this document, provided that you credit the Whakerexa project.