diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md index e11f79b..60032d2 100644 --- a/exampleSite/content/_index.md +++ b/exampleSite/content/_index.md @@ -3,7 +3,7 @@ title = "reveal-hugo" description = "A Hugo theme for creating Reveal.js presentations" outputs = ["Reveal"] [reveal_hugo] -custom_theme = "themes/dzello.css" +custom_theme = "reveal-hugo/themes/robot-lung.css" margin = 0.2 highlight_theme = "color-brewer" transition = "slide" diff --git a/exampleSite/static/themes/dzello.css b/exampleSite/static/reveal-hugo/themes/robot-lung.css similarity index 87% rename from exampleSite/static/themes/dzello.css rename to exampleSite/static/reveal-hugo/themes/robot-lung.css index 47aebf4..a080f8e 100644 --- a/exampleSite/static/themes/dzello.css +++ b/exampleSite/static/reveal-hugo/themes/robot-lung.css @@ -1,8 +1,32 @@ /** - * Black theme for reveal.js. This is the opposite of the 'white' theme. - * - * By Hakim El Hattab, http://hakim.se - */ + + [ robot-lung ] + + A hot pink theme for Reveal.js with Roboto fonts and a colorful border. + By Josh Dzielak, https://dzello.com/, License MIT + + The bold border is optional and requires some HTML. To use it: + + 1. Add 4 divs to your HTML page: +
+ + + + + 2. Set { margin: 0.2 } in the Reveal.js initializer to make sure + your presentation content doesn't collide with the frame. + + Like the theme but don't like the colors? Don't fret. Just change + $borderColor and/or $linkColor below to something else and rebuild. + + Or if you don't want to rebuild the theme just override the .line background + property with some CSS: + + .line { + background: