Hugo Theme Reveal.js

The HTML Presentation Framework theme for Hugo

Created by Jake Howard, Hugo and Reveal.js

Code

Code is awesome!

Large Blocks

You can do large blocks of code too

as a block

or inline

Lots of code!

{{ define "main" }}

  <div class="reveal">
    <div class="slides">
      {{ partial "slide.html" . }}

      {{ range sort .Site.Sections "Weight" "desc" }}
        <section>
          {{ partial "slide.html" . }}

          {{ range sort .Pages "Weight" "desc" }}
            {{ partial "slide.html" . }}
          {{ end }}
        </section>
      {{ end }}
    </div>
  </div>
{{ end }}

Fragments

You can use fragments as shortcodes

<span class='fragment '

{{% fragment %}}
Like this!
{{% fragment %}}

or inline...

<span class='fragment '

{{% fragment content="line this" %}}

and use multiple

<span class='fragment '

on

<span class='fragment '

one

<span class='fragment '

slide

Shuffling them around

<span class='fragment '

data-fragment-index='1'

some

<span class='fragment '

data-fragment-index='3'

funny

<span class='fragment '

data-fragment-index='2'

order