xobs/fossasia-22-renode
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add theme config option, add sky theme, fix line-height of <small>

Browse Source
This commit is contained in:
Hakim El Hattab
2012-08-30 00:59:51 -04:00
parent e3f3e9defb
commit 90f343e5bd
5 changed files with 209 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -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">
@ -151,6 +151,22 @@
</ul>
</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>
@ -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