Skip to content

Instantly share code, notes, and snippets.

@Bhacaz

Bhacaz/revealjs_standalone.html

Last active August 27, 2024 15:42
Show Gist options
  • Save Bhacaz/7659df20cdeef1ec21dd190a14aa8453 to your computer and use it in GitHub Desktop.
Save Bhacaz/7659df20cdeef1ec21dd190a14aa8453 to your computer and use it in GitHub Desktop.
Download ZIP
RevealJS standalone in a index.html with plugins and themes
Raw
revealjs_standalone.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="#000000" name="theme-color" />
<meta content="Reveal JS Presentation" name="description" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/reveal.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/theme/moon.css" id="theme"
rel="stylesheet" />
<link crossorigin="anonymous"
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/atelier-cave-light.min.css"
integrity="sha512-fNprY9f5BGeuC3KYaGc0+fAke3ZIFpsUXTMsqg2Bi2c7F/ktzTnutNkzNmq3izYkr2ke+/pyBpNsZbk1tA9OZw=="
rel="stylesheet" />
<title>Reveal JS</title>
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-markdown>
# Hello world
</section>
<section data-markdown>
# Slide 2
</section>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/reveal.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/markdown/markdown.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/math/math.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/notes/notes.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.0/plugin/highlight/highlight.js"></script>
<script>
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
// IMPORTANT: The order matters!
// So, RevealHightlight must be the LAST to load
plugins: [RevealMarkdown, RevealMath, RevealNotes, RevealHighlight]
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment