Skip to content

mirdaki/revealjs-swiss

Repository files navigation

reveal.js Swiss Theme

Swiss design is one of my favorite design styles, so it naturally made sense to make a Swiss inspired design for reveal.js (a really cool web based presentation framework). You can checkout an example of it here.

Both the Jekyll Swiss theme and the reveal.js theme built by Myplanet were used as reference for this theme.

Usage

To use, copy the swiss.scss file and the swiss-colors folder from css/theme/source into your own reveal.js presentation.

To change the color style, update the @import "swiss-colors/COLOR"; on line 19 of the swiss.scss with respective color you would like and regenerate the CSS via npm run build -- css-themes.

Finally, update your index.html to use css/theme/swiss.css as your theme.

Optionally, grab a code syntax highlighter theme from highlight.js and include it as a stylesheet in your index.html.

Future Work

This is a first release, so expect it to be rough around the edges.

Contributions are welcome! Check out the 1.0.0 milestone to see what should be done first.

License

This project's code is licensed under the MIT License - see the LICENSE.md file for details.

About

Swiss design inspired themes for the reveal.js framework

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published