Dude brand theme for Reveal.js-presentations

You are browsing the presentation brand theme for Dude, the digital agency from Finland. Here's how it looks like:

Features

• Dracula theme for syntax highlighting
• Brand theme styles
• Highly customizable for your unique presentation

Installation

1. Clone the repository to a desired location
2. Install reveal.js
3. Cd to the directory you cloned this repository to
4. Copy every file on top of your reveal.js installation with this command:

cp -r * /var/www/reveal.js/

Creating a new presentation

Just edit index.html with Markdown and reveal.js will do the rest. When your presentation is ready, back it up along with assets/ folder to presentations-internal repo.

Development

You should improve the theme by testing it out in the reveal.js repository (without committing changes there), then copying the files over to this repository.

For styles you'll need the required packages (install on top of reveal.js repository):

npm i stylelint-config-standard-scss stylelint-order stylelint-declaration-strict-value @ronilaukkarinen/stylelint-value-no-unknown-custom-properties @ronilaukkarinen/stylelint-a11y --save-dev

After this just run:

npm start

When you make changes, run these commands to apply them to this repository:

cp /var/www/reveal.js/css/theme/source/dude.scss /var/www/presentation-theme/css/theme/source/
cp /var/www/reveal.js/dist/theme/dude.css /var/www/presentation-theme/css/theme/source/
cp -r /var/www/reveal.js/assets /var/www/presentation-theme/

Then just commit and push naturally.

---

Getting started with Reveal.js

• 🚀 Install reveal.js
• 👀 View the demo presentation
• 📖 Read the documentation
• 🖌 Try the visual editor for reveal.js at Slides.com
• 🎬 Watch the reveal.js video course (paid)