aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2012-08-30 00:59:51 -0400
committerHakim El Hattab <hakim.elhattab@gmail.com>2012-08-30 00:59:51 -0400
commit90f343e5bddb663f061a2c2f40eac352b52601b8 (patch)
tree516f7446bd53e196c39ac81b1e7f8d760834e11c /index.html
parente3f3e9defba45889fb9bb4157a1aa3c9951501b3 (diff)
downloadfreenode-live-2017-presentation-90f343e5bddb663f061a2c2f40eac352b52601b8.tar
freenode-live-2017-presentation-90f343e5bddb663f061a2c2f40eac352b52601b8.tar.gz
add theme config option, add sky theme, fix line-height of <small>
Diffstat (limited to 'index.html')
-rw-r--r--index.html19
1 files changed, 18 insertions, 1 deletions
diff --git a/index.html b/index.html
index 72783fc..a07d182 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
- <link rel="stylesheet" href="css/theme/default.css">
+ <link rel="stylesheet" href="css/theme/default.css" id="theme">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
@@ -152,6 +152,22 @@
</section>
<section>
+ <h2>Themes</h2>
+ <p>
+ Reveal.js comes with a few themes built in: <br>
+ <a href="http://lab.hakim.se/reveal-js/?theme=sky">Sky</a> |
+ <a href="http://lab.hakim.se/reveal-js/?theme=beige">Beige</a> |
+ <a href="http://lab.hakim.se/reveal-js/?theme=simple">Simple</a> |
+ <a href="http://lab.hakim.se/reveal-js/">Default</a>
+ </p>
+ <p>
+ <small>
+ * Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <code>&lt;head&gt;</code> using a <code>&lt;link&gt;</code>.
+ </small>
+ </p>
+ </section>
+
+ <section>
<section data-state="alert">
<h2>Global State</h2>
<p>
@@ -296,6 +312,7 @@ function linkify( selector ) {
progress: true,
history: true,
+ theme: Reveal.getQueryHash().theme || 'default', // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/linear(2d)
// Optional libraries used to extend on reveal.js