Skip to content

Instantly share code, notes, and snippets.

@hakimel
Created May 6, 2014 18:41
Show Gist options
  • Save hakimel/9e233239b35cf5247a4e to your computer and use it in GitHub Desktop.
Save hakimel/9e233239b35cf5247a4e to your computer and use it in GitHub Desktop.
reveal.js contained in a header
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/default.css" id="theme">
</head>
<body>
<style>
html, body {
overflow: auto !important;
height: auto !important;
background: #fff;
}
.reveal-wrapper {
position: relative;
height: 400px;
}
.reveal {
background-color: #333;
}
.reveal .controls,
.reveal .progress,
.reveal .playback {
position: absolute;
}
.content-wrapper {
width: 100%;
background: #fff;
}
</style>
<div class="reveal-wrapper">
<div class="reveal">
<div class="slides">
<section>
<h2>Slide 1</h2>
</section>
<section>
<h2>Slide 2</h2>
</section>
</div>
</div>
</div>
<div class="content-wrapper">
Content outside of reveal.js.
</div>
<script src="js/reveal.js"></script>
<script>
Reveal.initialize();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment