docs/examples/reveal_with_klipse.html


<head>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.3.0/css/reveal.css">
</head>
<body>
<div class="reveal">
<div class="slides">
 
<section>
        <h1>This is a template of a presentation using reveal and featuring klipse interactive code snippets</h1>
        <br/>
        <p>There are a couple of languages available in Klipse</p>
</section>

<section>
            1. Javascript
<klipse-snippet data-language="javascript">
[1,2,3].map ((x) => x + 1)
</klipse-snippet>
</section>
<section>
2. Clojure
<klipse-snippet data-language="clojure">
    (map inc [1 2 3])
</section>
<section>
3. Ruby
<klipse-snippet data-language="ruby">
[1,2]*5
</section>

<section>
4. Python
<klipse-snippet data-language="python">
def factorial(n):
  if n == 0:
    return 1
  else:
    return n * factorial(n - 1)

print(factorial(5))
</section>

<section>
5. Scheme
<klipse-snippet data-language="scheme">
    (define x 89)
    (* x 100)
</section>

</div>
</div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.3.0/js/reveal.js"></script>

    <script>
      Reveal.initialize({});
    </script>

    <script src="./klipse_reveal.js">
    </script>
</body>