Allmaps Presentations

Presentations about Allmaps for various events and conferences.

See https://presentations.allmaps.org.

Built using Reveal.js, SvelteKit and Tailwind CSS.

Run locally

To run this repository locally, first install its dependencies:

pnpm install

Then:

pnpm run dev

Configuration

presentations/app.css contains a few useful Tailwind presets and utility patterns.

To override a default styles of a <section>, you can use the following classes:

• .section-stretch: Stretch grid items
• .section-horizontal: Horizontal grid items (instead of vertical)
• .section-full: No padding and gap
• .image-cover: Full width and height and object-fit: cover; for images

Reveal.js configuration can be found in src/reveal.config.ts(src/reveal.config.ts).

Add a new presentation

To add a new presentation, create a new subdirectory in presentations. In this new subdirectory, create a file called +page.svelte.

In this Svelte file, each slide is placed in a <section> elemtent. Each section is a CSS grid which you can customize with Tailwind classed.

Static files like images and JSON files can be placed in a new subdirectory in static.

This repository is based on code from https://github.com/rajasegar/svelte-slides.