Swap in robot-lung Reveal.js theme

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"

exampleSite/static/reveal-hugo/themes/robot-lung.css

@@ -1,7 +1,31 @@
 /**
- * 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:
+    <div class="line top"></div>
+    <div class="line bottom"></div>
+    <div class="line left"></div>
+    <div class="line right"></div>
+
+  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: <new-color>;
+  }
+
 */
 @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,700);
 @import url(https://fonts.googleapis.com/css?family=Roboto:700);
@@ -60,7 +84,7 @@ body {
   background-color: #fff; }
 
 .reveal {
-  font-family: "Roboto Slab", Helvetica, sans-serif;
+  font-family: "Roboto Slab", serif;
   font-size: 32px;
   font-weight: normal;
   color: #363636; }
@@ -91,7 +115,7 @@ body {
 .reveal h6 {
   margin: 0 0 20px 0;
   color: #141414;
-  font-family: "Roboto", monospace;
+  font-family: "Roboto", sans-serif;
   font-weight: 700;
   line-height: 1.2;
   letter-spacing: normal;