My experimental presentation – Made with the help of reveal.js – Code highlighting

View Github Repository Open presentation in a new window

mgurov

See all presentation from mgurov

My experimental presentation – Made with the help of reveal.js – Code highlighting

0 0

reveal.js.sandbox

my sandbox for reveal.js

On Github mgurov / reveal.js.sandbox

My experimental presentation

Made with the help of reveal.js

Manipulated by Mykola Gurov

Hello There

Hello, world!

Code highlighting

Reason #2 for use reveal.js

scene.AddNewSequence(
    &tweens.Step{
        What: arrow.rotate(-180),
        Duration: 2 * time.Second,
        Easing: tweens.EaseOutBounce
    },
    &tweens.Step{What: arrow.rotate(0),Duration: 2 * time.Second},
).Repeat()
Scroll down to learn more

Customized to draw attention

scene.AddNewSequence(
    &tweens.Step{
        What: arrow.rotate(-180),
        Duration: 2 * time.Second,
        Easing: tweens.EaseOutBounce
    },
    &tweens.Step{What: arrow.rotate(0),Duration: 2 * time.Second},
).Repeat()

And shift it

scene.AddNewSequence(
    &tweens.Step{
        What: arrow.rotate(-180),
        Duration: 2 * time.Second,
        Easing: tweens.EaseOutBounce
    },
    &tweens.Step{What: arrow.rotate(0),Duration: 2 * time.Second},
).Repeat()

Xml-based code highlighting is trickier for this technique

Due to the way the CSS opacity works

Fully escaped <configuration> wraps the rest

<configuration>
    <watchinterval>500</watchinterval>
    <logdate>default</logdate>
    <verbose>true</verbose>
    <autopull>always</autopull>
    <images>
        ...
    </images>
</configuration>

Xml-based code highlighting is trickier for this technique

Due to the way the CSS opacity works

Non-escaped <configuration> cannot be dimmed

<configuration>
    <watchinterval>500</watchinterval></configuration><logdate>default</logdate>
    <verbose>true</verbose>
    <autopull>always</autopull>
    <images>
        ...
    </images>

Touch Optimized

Presentations look great on touch devices, like mobile phones and tablets. Simply swipe through your slides.

Although could admittedly work better

Markdown support

Write content using inline or external Markdown. Instructions and more info available in the readme.

<section data-markdown>
  ## Markdown support

  Write content using inline or external Markdown.
  Instructions and more info available in the [readme](https://github.com/hakimel/reveal.js#markdown).
</section>

Tabular Tables

Item Value Quantity Apples $1 7 Lemonade $2 18 Bread $3 2

Export to PDF

Presentations can be exported to PDF

From Chrome only

My experimental presentation Made with the help of reveal.js Manipulated by Mykola Gurov